@charset "utf-8";


/*Base
-------------------------------------------*/
body {
	margin:0;
	padding:0;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック","メイリオ", Arial, Helvetica, san-serif;
	/*font-size:75%;
	font-size:0.75em;
	line-height:1.6;*/
	color:#333333;
	background:url(../images/bg.jpg) #fff no-repeat center top;
	}

#wrapper {
	width:100%; /*contents width*/
	margin:0 auto;
	text-align:left;
	/*padding-bottom:25px;*/
	}


#header{
	width:900px;
	height:90px;
	margin:0px auto;
}

#header .logo{
	width:15%;
	margin:28px 5% 0 0;
	float:left;
	text-align:left;
}

#header h1{
	width:80%;
	margin-top:25px;
	float:right;
	text-align:right;
	line-height:0;
}

#main{
	width:900px;
	margin:0px auto 79px auto;
}

#main img{
	max-width:100%;
	height:auto;
}

#main img.sp{
	display:none;
}

#bnrItem{
	width:100%;
	text-align:center;
	padding-bottom:51px;
}

#bnrItem2{
	width:100%;
	text-align:center;
	padding-bottom:51px;
	background:url(../images/banner_bg.jpg) no-repeat center bottom;
}

#bnrItem2 h2{
	width:900px;
	margin:0px auto;
	margin-bottom:17px;
	text-align:left;
}

#bnrItem ul,
#bnrItem2 ul{
	width:900px;
	margin:0px auto;
}

#bnrItem ul li,
#bnrItem2 ul li{
	width:438px;
	float:left;
}

#bnrItem ul li.L1, #bnrItem2 ul li.L1{margin:0 24px 9px 0;}
#bnrItem ul li.L2, #bnrItem2 ul li.L2{margin:0 0 9px 0;}
#bnrItem ul li.L3, #bnrItem2 ul li.L3{margin:0 24px 0 0;}
#bnrItem ul li.L4, #bnrItem2 ul li.L4{margin:0;}

#bnrItem ul li img{display:block;}

#cateLink{
	width:900px;
	margin:0px auto;
	padding-bottom:43px;
}

#cateLink h2{
	margin:28px 0 25px 0;
}

#cateLink ul{
	width:100%;
}

#cateLink ul li{
	width:88px;
	float:left;
	margin-right:47px;
}

#cateLink ul li.last{margin-right:0px;}



#bnrBtm{
	width:100%;
	padding:32px 0 70px 0;
	background:url(../images/btmbanner_bg.jpg) no-repeat center top;
	text-align:center;
}

#bnrBtm ul{width:100%;}

#bnrBtm ul li{
	display:inline;
	padding:0 4px;
}


#footer{
	width:900px;
	height:50px;
	margin:0 auto;
}

#footer .copyright{
	width:50%;
	font-size:12px;
	color:#333;
	text-align:left;
	float:left;
}

#footer .sns_area{
	width:50%;
	font-size:12px;
	color:#333;
	text-align:right;
	float:right;
}

#footer .sns_area ul{width:100%;}

#footer .sns_area ul li{
	display:inline;
	padding-left:15px;
}



/*---mouseover---*/
#main a img:hover,
#bnrItem ul li a img:hover,
#bnrItem2 ul li a img:hover,
#cateLink ul li a img:hover,
#bnrBtm ul li a img:hover{
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.80; /*FF*/
	opacity:0.80;
}




@media only screen and (max-width:640px){

body{
	background:url(../images/bg2.jpg) #fff no-repeat center top;
}

#header{
	width:96%;
	height:60px;
	margin:0px 0px;
	padding:0 2%;
}

#header .logo{
	width:15%;
	margin:12px 5% 0 0;
	float:left;
}

#header h1{
	width:80%;
	margin:15px 0 0 0;
}

#header img{
	max-width:100%;
	height:auto;
}

#main{
	width:100%;
	margin:0px auto 30px auto;
}


#bnrItem,#bnrItem2{
	padding-bottom:30px;
}

#bnrItem2 h2{
	width:96%;
	text-align:center;
	margin-bottom:12px;
}

#bnrItem2 h2 img{
	max-width:100%;
	height:auto;
}

#bnrItem ul,
#bnrItem2 ul{
	width:100%;
	margin:0px auto;
}

#bnrItem ul li,
#bnrItem2 ul li{
	width:96%;
	margin:0;
	padding:0 2%;
	float:none;
	text-align:center;
}

#bnrItem ul li.L1,#bnrItem2 ul li.L1{margin:0 0 10px 0;}
#bnrItem ul li.L2,#bnrItem2 ul li.L2{margin:0 0 10px 0;}
#bnrItem ul li.L3,#bnrItem2 ul li.L3{margin:0 0 10px 0;}
#bnrItem ul li.L4,#bnrItem2 ul li.L4{margin:0;}

#bnrItem ul li img,
#bnrItem2 ul li img{
	max-width:100%;
	height:auto;
	margin:0 auto;
}

#cateLink{
	width:100%;
	margin:0px 0px;
	padding-bottom:15px;
}

#cateLink h2{
	margin:15px 0 15px 0;
	text-align:center;
}

#cateLink ul{
	width:94%;
	margin:0 3%;
}


#cateLink ul li{
	width:88px;
	float:left;
	margin-right:0px;
	padding:5px;
}



#bnrBtm{
	width:100%;
	padding:32px 0 50px 0;
	background:url(../images/btmbanner_bg.jpg) no-repeat center top;
	text-align:center;
}

#bnrBtm ul{
	width:96%;
	margin:0 2%;
}

#bnrBtm ul li{
	display:block;
	padding:0 0;
}

#bnrBtm ul li img{
	max-width:100%;
	height:auto;
}


#footer{
	width:96%;
	height:50px;
	margin:0 2%;
}

}


@media only screen and (max-width:480px){

#header{
	height:55px;
}

#main img.pc{
	display:none;
}

#main img.sp{
	display:block;
}

#footer{
	height:auto;
}

#footer .copyright{
	width:100%;
	text-align:center;
	float:none;
}

#footer .sns_area{
	width:100%;
	text-align:center;
	float:none;
	margin-bottom:10px;
}

}



@media only screen and (max-width:320px){

#header{
	height:50px;
}

}