@charset "utf-8";
/* CSS Document */

@import url("base_rwd.css");



/* pc */
@media screen and (min-width: 960px)  {

#header{
	width:980px;
	margin:0 auto;
	background:#fff;
	position:relative;
}

#header h1{
    position:absolute;
	top:0;
	left:0;
}


#header p.contact{
    position:absolute;
	top:0;
	right:0;
}


#g-nav_top{
    width:100%;
	height:35px;
	background:url(../images/common/g-nav_bg.jpg) repeat-x;
}

#g-nav_top ul{
    width:980px;
	margin:0 auto;
}

#g-nav_top ul li{
    float:left;
}

#wrapper #wrapper_inbox #top_box01{
    width:960px;
	margin:0 0 20px 0;
	padding:10px;
	background:#fff;
}

#wrapper #wrapper_inbox #top_box01 h2{
    margin:0 0 20px 0;
	background:url(../images/top_tit01_bg.jpg) repeat-x;
}

#wrapper #wrapper_inbox #top_box01 dl{
    width:227px;
	float:left;
	margin:0 17px 0 0;
}

#wrapper #wrapper_inbox #top_box01 dl.end{
	margin:0;
}

#wrapper #wrapper_inbox #top_box01 dl dt img{
    margin:0 0 10px 0;
}

#wrapper #wrapper_inbox #top_box01 dl dd p.text{
    margin:0 0 10px 0;
}

#wrapper #wrapper_inbox #top_box02{
    width:700px;
	float:left;
	padding:10px 10px 0 10px;
	background:#fff;
}

#wrapper #wrapper_inbox #top_box02 p.top_img05{
    float:left;
	margin:0 20px 20px 0;
}

#wrapper #wrapper_inbox #top_box02 h2{
    margin:50px 0 10px 0;
}

#wrapper #wrapper_inbox #top_box02 .top_description01{
    clear:both;
    width:700px;
	height:150px;
	margin:0 0 10px 0;
    background:url(../images/top_img06.jpg) no-repeat;
	position:relative;
}

#wrapper #wrapper_inbox #top_box02 .top_description01 ul{
    position:absolute;
	bottom:5px;
	left:240px;
}

#wrapper #wrapper_inbox #top_box02 .top_description02{
    width:700px;
	height:150px;
	margin:0 0 10px 0;
    background:url(../images/top_img07.jpg) no-repeat;
	position:relative;
}

#wrapper #wrapper_inbox #top_box02 .top_description02 ul{
    position:absolute;
	bottom:5px;
	left:10px;
}

#wrapper #wrapper_inbox #top_box02 .top_description03{
    width:700px;
	height:150px;
	margin:0 0 10px 0;
    background:url(../images/top_img08.jpg) no-repeat;
	position:relative;
}

#wrapper #wrapper_inbox #top_box02 .top_description03 ul{
    position:absolute;
	bottom:5px;
	left:240px;
}

#wrapper #wrapper_inbox #top_box02 .top_description04{
    width:700px;
	height:150px;
	margin:0 0 10px 0;
    background:url(../images/top_img09.jpg) no-repeat;
	position:relative;
}

#wrapper #wrapper_inbox #top_box02 .top_description04 ul{
    position:absolute;
	bottom:5px;
	left:10px;
}

}

/* tablet  */
@media only screen and (min-width: 600px) and (max-width: 959px) {
#header{
	width:100%;
	margin:0 auto;
	background:#fff;
	position:relative;
}

#header h1{
    position:absolute;
	top:0;
	left:0;
	width:30%;
}


#header p.contact{
    position:absolute;
	top:0;
	right:0;
}


#g-nav_top{
    width:100%;
	background:url(../images/common/g-nav_bg.jpg) repeat-x;
}

#g-nav_top ul{
    width:100%;
	margin:0 auto;
}

#g-nav_top ul li{
	width:16.66%;
    float:left;
}


#wrapper #wrapper_inbox #top_box01{
	margin:0 0 20px 0;
	padding:10px;
	background:#fff;
}

#wrapper #wrapper_inbox #top_box01 h2{
    margin:0 0 20px 0;
	background:url(../images/top_tit01_bg.jpg) repeat-x left center;
}

#wrapper #wrapper_inbox #top_box01 h2 img{
	width:25%;
	height:auto;
}

#wrapper #wrapper_inbox #top_box01 dl{
    width:23%;
	float:left;
	margin:0 2% 0 0;
}

#wrapper #wrapper_inbox #top_box01 dl.end{
	margin:0;
}

#wrapper #wrapper_inbox #top_box01 dl dt img{
    margin:0 0 10px 0;
}

#wrapper #wrapper_inbox #top_box01 dl dd p.text{
    margin:0 0 10px 0;
}

#wrapper #wrapper_inbox #top_box02{
    width:71.5%;
	float:left;
	padding:10px 1% 0 1%;
	background:#fff;
}

#wrapper #wrapper_inbox #top_box02 p.top_img05{
	width:30%;
    float:left;
	margin:0 5% 20px 0;
}

#wrapper #wrapper_inbox #top_box02 h2{
	width:65%;
	float:left;
    margin:0 0 1em 0;
}

#wrapper #wrapper_inbox #top_box02 .top_description01{
    clear:both;
	margin:0 0 10px 0;
    background:url(../images/top_img06.jpg) no-repeat;
	background-size:contain;
}

#wrapper #wrapper_inbox #top_box02 .top_description01 ul{
    padding:16% 0 2% 34%;
}

#wrapper #wrapper_inbox #top_box02 .top_description02{
	margin:0 0 10px 0;
    background:url(../images/top_img07.jpg) no-repeat;
	background-size:contain;
}

#wrapper #wrapper_inbox #top_box02 .top_description02 ul{
    padding:10.5% 0 3% 1%;
}

#wrapper #wrapper_inbox #top_box02 .top_description03{
	margin:0 0 10px 0;
    background:url(../images/top_img08.jpg) no-repeat;
	background-size:contain;
}

#wrapper #wrapper_inbox #top_box02 .top_description03 ul{
    padding:16% 0 2% 34%;
}
#wrapper #wrapper_inbox #top_box02 .top_description03 li{
    float:left;
}

#wrapper #wrapper_inbox #top_box02 .top_description04{
	margin:0 0 10px 0;
    background:url(../images/top_img09.jpg) no-repeat;
	background-size:contain;
}

#wrapper #wrapper_inbox #top_box02 .top_description04 ul{
    padding:16% 0 3% 1%;
}
}

/* smartPhone */
@media screen and (max-width: 599px) {
#header{
	width:100%;
	margin:0 auto;
	background:url(../images/top_mainimg_sp.png);
	background-size:cover;
}
#header p.mainimg{
	display:none;
}


#wrapper #wrapper_inbox #top_box01{
	margin:0 0 20px 0;
	padding:3% 10%;
	background:#fff;
}
#wrapper #wrapper_inbox #top_box01 h2{
    margin:0 0 0.5em 0;
}

#wrapper #wrapper_inbox #top_box01 h2 img{
	width:50%;
}

#wrapper #wrapper_inbox #top_box01 dl dt{
    width:100%;
	margin:0.5em auto;
}
#wrapper #wrapper_inbox #top_box01 dl dd p.btn{
	width:80%;
	margin:0 auto 1em auto;
}
#wrapper #wrapper_inbox #top_box02{
	padding:10px 1% 0 1%;
	background:#fff;
}
#wrapper #wrapper_inbox #top_box02 p.top_img05{
	width:80%;
	margin:0 auto 1em auto;
}
#wrapper #wrapper_inbox #top_box02 h2{
	width:80%;
    margin:0 0 1em 0;
}
#wrapper #wrapper_inbox #top_box02 .top_description01{
    clear:both;
	margin:1em 0 0.5em 0;
	padding:22% 0 0 0;
    background:url(../images/top_img06.jpg) no-repeat;
	background-size:contain;
}
#wrapper #wrapper_inbox #top_box02 .top_description02{
    clear:both;
	margin:1em 0 0.5em 0;
	padding:22% 0 0 0;
    background:url(../images/top_img07.jpg) no-repeat;
	background-size:contain;
}
#wrapper #wrapper_inbox #top_box02 .top_description03{
    clear:both;
	margin:1em 0 0.5em 0;
	padding:22% 0 0 0;
    background:url(../images/top_img08.jpg) no-repeat;
	background-size:contain;
}
#wrapper #wrapper_inbox #top_box02 .top_description04{
    clear:both;
	margin:1em 0 0.5em 0;
	padding:22% 0 0 0;
    background:url(../images/top_img09.jpg) no-repeat;
	background-size:contain;
}

}