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

#mainImgSp{display:none;}
#mainImg{position:relative; margin-bottom:24px; height:330px;}
#mainImg ul{position:absolute; right:12px; top:12px; z-index:10;}
#mainImg li{margin-bottom:6px;}
#mainImg p{display:none; position:absolute;; z-index:9;}

#mainCon{padding-top:23px;}

#con1{position:relative; margin-bottom:36px;}
#con1 div{background:#e8f4fd; width:924px; margin:0 auto; padding:10px 0 5px 0;}
#con1 li{float:left; padding:0 16px 8px 0; line-height:normal; white-space: nowrap;}
#con1 li a{display:block; background:url(/common/img/linkCur.png) left center no-repeat; padding:2px 0 2px 14px; color:#0074be; text-decoration:underline;}
#con1 p{margin:0 12px 16px 17px; font-size:116%;}
#con1 p strong{padding:2px 5px; background:#fff000; color:#0074be; margin-right:12px;}
#con1 ul{padding:0 12px;}
#con1 #con1Photo{position:absolute; right:26px; top:0px;}

#con2{width:960px; overflow:hidden; margin-bottom:24px;}
#con2 .clearfix{width:972px;}
#con2 .clearfix div{width:312px; float:left; margin:5px 12px 0 0;}
#con2 .clearfix div ul{border:solid 2px; padding:10px 0 20px; position:relative; min-height:120px;}
#con2 p{padding:6px 10px; width:292px; margin-bottom:2px; min-height:9px;}
#con2 p a{color:#fff; font-size:102%; font-weight:bold; line-height:normal; display:block; background:url(../img/pSa.png) left center no-repeat; padding-left:23px; text-decoration:none;}
#con2 li{margin:3px 10px; font-size:94%; line-height:125%; width:200px; padding:2px 0 3px 23px;}
#con2 li a{color:#333;}
#con2 #juniorS ul{border-color:#3994a9; background:url(/img/juniorSImg.jpg) right bottom no-repeat #f2f5f9;}
#con2 #juniorS p{background:url(../img/juniorSbg.gif) left center no-repeat;}
#con2 #juniorS li{background:url(/img/juniorSCur.gif) left 0.3em no-repeat;}
#con2 #juniorHS ul{border-color:#30a589; background:url(/img/juniorHSImg.jpg) right bottom no-repeat #f2f5f9;}
#con2 #juniorHS p{background:url(../img/juniorHSbg.gif) left center no-repeat;}
#con2 #juniorHS li{background:url(/img/juniorHSCur.gif) left 0.3em no-repeat;}
#con2 #highS ul{border-color:#2776c7; background:url(/img/highSImg.jpg) right bottom no-repeat #f2f5f9;}
#con2 #highS p{background:url(../img/highSbg.gif) left center no-repeat;}
#con2 #highS li{background:url(/img/highSCur.gif) left 0.3em no-repeat;}

#con3{width:960px; overflow:hidden; margin-bottom:24px;}
#con3 .clearfix{width:972px;}
#con3 dl{border:solid 1px #fff333; background:url(/img/con3LiBg.gif); width:310px; float:left; margin:0 12px 12px 0;}
#con3:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#con3 {min-height: 1px;}
* html #con3 {height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}
#con3 dd{float:left;}
#con3 dd img{border:solid 2px #fff;}
#con3 dt{float:right; width:204px; font-size:85%; line-height:125%; padding:12px 12px 12px 10px;}
#con3 dt strong{display:block; font-size:120%; font-weight:bold; margin:3px 0 7px 0;}
#con3 dt a{color:#333; text-decoration:none;}

#con4{margin-bottom:48px;}
#con4 #infoBox{height:140px; overflow:auto;}
#con4 dl:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#con4 dl {min-height: 1px;}
* html #con4 dl {height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}
#con4 dl{border-bottom:dashed 1px #dddddd; padding-bottom:6px; padding-right:12px; margin-bottom:6px; font-size:85%;}
#con4 dd{float:left; margin-right:12px;}
#con4 dt{float:left; margin-right:12px;}
#con4 .iconOshirase{background:url(/img/info/iconOshirase.gif) left top no-repeat; font-size:9px;
	width:81px; height:0; padding-top:18px; overflow:hidden; display:block;}
#con4 .iconCampaign{background:url(/img/info/iconCampaign.gif) left top no-repeat; font-size:9px;
	width:81px; height:0; padding-top:18px; overflow:hidden; display:block;}
#con4 .iconKaikou{background:url(/img/info/iconKaikou.gif) left top no-repeat; font-size:9px;
	width:81px; height:0; padding-top:18px; overflow:hidden; display:block;}
#con4 .iconEvent{background:url(/img/info/iconEvent.gif) left top no-repeat; font-size:9px;
	width:81px; height:0; padding-top:18px; overflow:hidden; display:block;}
#con4 .iconTokuten{background:url(/img/info/iconTokuten.gif) left top no-repeat; font-size:9px;
	width:81px; height:0; padding-top:18px; overflow:hidden; display:block;}
#con4 .iconWhatsNew{background:url(/img/info/iConWhatsNew.gif) left top no-repeat; font-size:9px;
	width:81px; height:0; padding-top:18px; overflow:hidden; display:block;}
#con4 .day{font-style:italic; color:#0074be; width:6em;}

#bnrCon{background:url(/img/bnrConBg.gif) center top; padding:12px 0; min-width:960px;}
#bnrCon #bnrConIn{width:960px; overflow:hidden; margin:0 auto;}
#bnrCon #bnrConIn ul{width:972px;}
#bnrCon li{float:left; border:solid 1px #0099cc; margin-right:12px;}


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

#mainCon{padding-top:0.5em;}
#mainImgSp{display:block;}
#mainImgSp img{display:block; border-top:solid 3px #fff000; display:block; border-bottom:solid 3px #fff000;}

#con1{margin-bottom:0;}
#con1 h3{margin-bottom:0;}
#con1 div{background:#fff; width:100%; overflow:hidden; padding:0;}
#con1 ul{width:102%; border-top:solid 1px #ddd; margin-top:-1px;}
#con1 li{float:left; padding:0; white-space: nowrap; width:33%; background:linear-gradient(#fbfbfb , #efefef);}
#con1 li a{background:none; padding:10% 0 10% 17%; color:#333; background:url(/common/img/linkCurSP.png) 5% center no-repeat; background-size:10% auto; text-decoration:none; font-size:64%; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}
#con1 p{display:none;}
#con1 ul{padding:0;}
#con1 #con1Photo{display:none;}


#con2{width:100%; margin-bottom:0;}
#con2 h3{margin-bottom:0;}
#con2 .clearfix{width:100%;}
#con2 .clearfix div{width:100%; float:none; margin:0;}
#con2 .clearfix div ul{border:none; padding:5% 0; min-height:140px;}
#con2 p{padding:0; width:96%; padding:0 2%; background:#f2f5f9; min-height:auto; margin-bottom:0;}
#con2 p a{color:#fff; background:url(/img/pSaSP.png) left center no-repeat; background-size:auto 50%; padding:3% 5% 3% 10%; font-size:150%;}
#con2 li{margin:0; width:64%; padding:0;}
#con2 li br{display:none;}
#con2 #juniorS ul{background:url(/img/juniorSImgSP.png) right bottom no-repeat #f2f5f9; background-size:auto 90%;}
#con2 #juniorS p{background:linear-gradient(#4099ad 0%, #4099ad 50%, #358ea3 51%, #358ea3 100%);}
#con2 #juniorS li{background:url(/img/juniorSCurSP.png) left 0.4em no-repeat; background-size:5% auto; padding:1% 5% 3% 5%; margin:0 2%;}
#con2 #juniorHS ul{background:url(/img/juniorHSImgSP.png) right bottom no-repeat #f2f5f9; background-size:auto 90%;}
#con2 #juniorHS p{background:linear-gradient(#36a98e 0%, #36a98e 50%, #2c9f83 51%, #2c9f83 100%);}
#con2 #juniorHS li{background:url(/img/juniorHSCurSP.png) left 0.4em no-repeat; background-size:5% auto; padding:1% 5% 3% 5%; margin:0 2%;}
#con2 #highS ul{border-color:#2776c7; background:url(/img/highSImgSP.png) right bottom no-repeat #f2f5f9; background-size:auto 90%;}
#con2 #highS p{background:linear-gradient(#2d7cca 0%, #2d7cca 50%, #2470c3 51%, #2470c3 100%);}
#con2 #highS li{background:url(/img/highSCurSP.png) left 0.4em no-repeat; background-size:5% auto; padding:1% 5% 3% 5%; margin:0 2%;}

#con3{width:100%; overflow:hidden; margin-bottom:0;}
#con3 .clearfix{width:100%;}
#con3 dl{width:96%; float:none; margin:0 2% 2% 2%;}
#con3 dl:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#con3 dl {min-height: 1px;}
* html #con3 dl {height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}
#con3 dd{width:30%;}
#con3 dd img{width:100%; height:auto;}
#con3 dt{width:60%;}

#con4{margin-bottom:10%;}

#bnrCon{min-width:100%;}
#bnrCon #bnrConIn{width:100%;}
#bnrCon #bnrConIn ul{width:96%; margin:0 auto;}
#bnrCon li{float:none; margin-right:0; margin-bottom:2%;}
#bnrCon li img{width:100%; height:auto;}


}