@charset "euc-jp";
/* textJustify ----------------------------------------------------------------- */
p.cap,
.packNotice,
p.premNotice,
#nextMenu p { text-align:justify; text-justify:inter-ideograph; }


/* topCommon ----------------------------------------------------------------- */
html {background-color: #00066B;}
.line4 { font-size:14px!important; line-height:140%!important; }
/*#contents */
#contents {background-position: 0 17px;margin-bottom: 16px;}

.pc #wrapper{
background: url(../img/topHeader_bg.jpg) center 0 no-repeat;
}
/* topHeader ----------------------------------------------------------------- */
.pc #header { height: 520px;}
.pc #topFlash h1 img { width:670px;height:319px; }


/* headerNavi (overWrite ----------------------------------------------------------------- */
.pc ul.headerNavi{top: 455px;}
#spBnr{text-align:center;color:#fff;font-size:13px;margin: 10px auto;}
#spBnr img{margin:20px 0 10px;}
#spBnr a{color: #FD3434;}

/* headerNotice ----------------------------------------------------------------- */
#headerNotice {
  background: url(../img/topHeaderNotice_bg.png) center 6px no-repeat;
  color: #786038;font-size: 13px;line-height: 1.6;text-align: center;font-weight: bold;
  margin: 20px auto 50px;}
#headerNotice p strong{ color: #FFFF00;font-weight: bold;}
#headerNotice a { font-weight:bold; color: #30F;}
#headerNotice .line1 {margin: 0;}

.goFreeMenu { font-size:15px; color:#B200B2;}



/* newMenu ----------------------------------------------------------------- */
/*#newMenu {display: none;}*/
#newMenu {
position: relative;
margin: 20px auto 20px;
}
#newMenu{
  background: none;
 background:#DEBC4E url(../img/topNewMenu_bg_sp.jpg) 0 0 repeat;
 padding: 2px;
}
.tb #newMenu .outer,
.lp #newMenu .outer,
.sp #newMenu .outer{ border:10px solid #D9BE68;}
.lp #newMenu .outer,
.sp #newMenu .outer{ border-left-width: 1px;border-right-width: 1px;}

.pc #newMenu{
  background: none;
  background:url(../img/topNewMenu_bg.jpg) center bottom no-repeat;
  height:450px; width: 820px;
  padding: 0;
}

#newMenu h2{
background: url(../img/topNewMenu_title.png) center 0 no-repeat;
position: relative;top: -40px;margin-bottom: -40px;
text-indent: -9999px;
height: 110px;
}
.sp #newMenu h2{
-webkit-background-size: cover;
background-size: cover;
height: 80px;
}
#newMenu h6{text-align: center;margin-top: -60px;}
#newMenu .line{border-top: 1px solid #FFE38B;border-bottom: 1px solid #d9be68;}
.pc #newMenu .line{border: none;}


#newMenu p.date {color:#630; font-size:14px; font-weight:bold;z-index: 10;text-align: center;}
.pc #newMenu .date{top: 60px;right: 30px;position: absolute;}

#nextMenu .icon,
#freeMenu .icon,
#spPackMenu .icon,
#newMenu .icon {margin-top: 0;}
#nextMenu .title,
#freeMenu .title,
#spPackMenu .title,
#newMenu .title { overflow:hidden; zoom:1; margin-top: 20px;}
.pc #nextMenu .title,
.pc #freeMenu .title,
.pc #spPackMenu .title,
.pc #newMenu .title { padding-left: 35px;}

.pc #nextMenu .title h3,
.pc #freeMenu .title h3,
.pc #spPackMenu .title h3,
.pc #newMenu .title h3{width: 700px;}
.msie7 #nextMenu .title h3,
.msie7 #freeMenu .title h3,
.msie7 #spPackMenu .title h3,
.msie7 #newMenu .title h3{width: 550px;}

#nextMenu .title h3,
#freeMenu .title h3 a,
#spPackMenu .title h3 a,
#newMenu .title h3 a{
  font-size: 20px;
  color: #609;
  text-shadow: 1px 1px 3px #fff;
  text-decoration: none;
  display: block;
}
#freeMenu .title h3 a:hover,
#spPackMenu .title h3 a:hover,
#newMenu .title h3 a:hover{
  text-decoration: underline;
  text-shadow: 1px 1px 3px #ff0;
}
.pc #nextMenu .title h3,
.pc #freeMenu .title h3 a,
.pc #spPackMenu .title h3 a,
.pc #newMenu .title h3 a{font-size: 26px;}
.sp #nextMenu .title h3,
.sp #freeMenu .title h3 a,
.sp #spPackMenu .title h3 a,
.sp #newMenu .title h3 a{font-size: 16px;}

#nextMenu p.cap,
#freeMenu p.cap,
#spPackMenu p.cap,
#newMenu p.cap {
color:#630;
font-size:15px;
padding:5px 0;
position: relative;
}
#nextMenu p.cap,
#freeMenu p.cap,
#spPackMenu p.cap{color: #fff;}

.tb #nextMenu p.cap,
.tb #freeMenu p.cap,
.tb #spPackMenu p.cap,
.tb #newMenu p.cap{margin: 0 20px 0 85px;}
.pc #nextMenu p.cap,
.pc #freeMenu p.cap,
.pc #spPackMenu p.cap,
.pc #newMenu p.cap{margin: 10px 100px 10px 170px;}
#nextMenu p.price,
#nextMenu p.premPrice,
#freeMenu p.price,
#freeMenu p.premPrice,
#spPackMenu p.price,
#spPackMenu p.premPrice,
#newMenu p.price,
#newMenu p.premPrice { font-size:14px;text-align: right;width: auto;padding-right: 40px;}

.tb #newMenu .deco,
.lp #newMenu .deco,
.sp #newMenu .deco{display: none;}

#newMenu .price{color: #630;}
#newMenu .premPrice{color: #c00;}

/* specialMenu ----------------------------------------------------------------- */
/*#specialMenu {display: none;}*/
#specialMenu {
position: relative;
margin: 20px auto 20px;
}
#specialMenu{
background: none;
background:#DEBC4E url(../img/topNewMenu_bg_sp.jpg) 0 0 repeat;
padding: 2px;
}
.tb #specialMenu .outer,
.lp #specialMenu .outer,
.sp #specialMenu .outer{ border:10px solid #D9BE68;}
.lp #specialMenu .outer,
.sp #specialMenu .outer{ border-left-width: 1px;border-right-width: 1px;}

.pc #specialMenu{
background: none;
background:url(../img/topNewMenu_bg.jpg) center bottom no-repeat;
height:450px; width: 820px;
padding: 0;
}

#specialMenu h2{
background: url(../img/topNewMenu_title.png) center 0 no-repeat;
position: relative;top: -40px;margin-bottom: -40px;
text-indent: -9999px;
height: 110px;
}
.sp #specialMenu h2{
-webkit-background-size: cover;
background-size: cover;
height: 80px;
}
#specialMenu h6{text-align: center;margin-top: -60px;}
#specialMenu .line{border-top: 1px solid #FFE38B;border-bottom: 1px solid #d9be68;}
#specialMenu .line{border: none;}


#specialMenu p.date {color:#630; font-size:14px; font-weight:bold;z-index: 10;text-align: center;}
.pc #specialMenu .date{top: 60px;right: 30px;position: absolute;}

#specialMenu .icon {margin-top: 0;}
#specialMenu .title { overflow:hidden; zoom:1;;}
.pc #specialMenu .title { padding-left: 35px;}

.pc #specialMenu .title h3{width: 700px;}
.msie7 #specialMenu .title h3{width: 550px;}

#specialMenu .title h3 a{
	color: #606;
	text-shadow: 1px 1px 3px #fff;
	font-size: 20px;
	text-decoration: none;
	display: block;
	font-weight: bold;
}
.pc #specialMenu .title h3 a{
  color: #fff;
  text-shadow: 1px 1px 3px #AC00FF;
}

#specialMenu .title h3 a:hover{
	text-decoration: underline;
	text-shadow: 1px 1px 3px #ff0;
	font-weight: bold;
}
.pc #specialMenu .title h3 a{font-size: 26px;}
.sp #specialMenu .title h3 a{font-size: 16px;}

#specialMenu p.cap {
color:#630;
font-size:15px;
padding:5px 0;
position: relative;
}

.tb #specialMenu p.cap{margin: 0 20px 0 85px;}
.pc #specialMenu p.cap{margin: 10px 100px 10px 170px;}
#specialMenu p.price,
#specialMenu p.premPrice { font-size:14px;text-align: right;width: auto;padding-right: 40px;}

.tb #specialMenu .deco,
.lp #specialMenu .deco,
.sp #specialMenu .deco{display: none;}

#specialMenu .price{color: #630;}
#specialMenu .premPrice{color: #c00;}

#specialMenu .packNotice{color: #ac00ff;}
.tb #specialMenu .packNotice{margin-left: 85px;}
#specialMenu .packNotice ul{list-style: disc outside;margin-left: 25px;}




/* spPackMenu ----------------------------------------------------------------- */
.pc #spPackMenu h2{height: 100px;margin-bottom: 50px;}
#nextMenu .title h3,
#freeMenu .title h3 a,
#spPackMenu .title h3 a{
color: #EADDB2;
text-shadow: 1px 1px 3px #fff;
}
.pc #spPackMenu .title{margin-top: 80px;}
.tb #spPackMenu .packNotice{margin-left: 85px;}
#spPackMenu .packNotice{color: #b299ff;}
#spPackMenu .packNotice ul{margin: 0;}
#spPackMenu .packNotice ul li{margin: 0 0 0 20px;list-style: disc outside;}




/* catMenu ----------------------------------------------------------------- */
#catMenu {margin: 0 auto;position: relative;}
.pc #catMenu {width: 820px;}

#catMenu h2{
background: url(../img/topCatMenu_title_bg.jpg) center top no-repeat;
text-align: center;
height: 190px;
}
.pc #catMenu h2{width: 820px;}
.lp #catMenu h2{height: 150px;}
.sp #catMenu h2{height: 120px;}

#catMenu h2 img{margin-top: 35px;}
#catMenu li{
background-color: #9F3563;
padding: 5px;
position: relative;
}
.pc #catMenu li{
width: 798px;
margin: 0 0 16px 5px;
}
.pc #catMenu li .packNotice ul li{width: auto;}
#cat2Menu li{  background-color: #9C5F14;}
#cat3Menu li{  background-color: #4147BE;}
#catMenu li .outer{
border: 1px solid #CC6666;
background:url(../img/topCatMenu_bg.png) 0 0 repeat;
padding: 19px;
box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.2) inset;
}
#cat2Menu li .outer{border: 1px solid #CC9934;}
#cat3Menu li .outer{border: 1px solid #5986CA;}

.lp #catMenu li .outer,
.sp #catMenu li .outer{padding: 15px 5px;}

#catMenu li .box{
border: 1px solid #3F2F5D;
background:url(../img/resText_bg.png) 0 0 repeat;
box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.1) inset;
}

.pc #catMenu .deco{
background-image: url(../img/decos2.png);
background-repeat: no-repeat;
width: 79px;height: 74px;
}
.pc #catMenu .BL{
background-position: -180px 0;
bottom: 7px;left: 5px;
}
.pc #catMenu .BR{
background-position: -270px 0;
bottom: 7px;right: 5px;
}

#catMenu ul li .line{clear: both;margin: 15px 20px;}
.sp #catMenu ul li .line{margin: 5px 0;}
#catMenu .icon,
#catMenu h3{margin-top: 10px;}
#catMenu h3{font-size: 20px;padding-left: 90px;text-shadow:0px 0px 1px #C2E4FF;}
.pc #catMenu h3{font-size: 24px;padding-left: 140px;padding-right: 50px;}
.sp #catMenu h3{font-size: 16px;padding-left: 70px;}
#catMenu h3 a{display: inline-block;width: 100%;color: #EADDB3;font-weight: bold;}
#catMenu h3 a:hover{color: #fff;text-shadow:0px 0px 5px #C2E4FF;}

#catMenu .packNotice,
#catMenu p.cap{padding: 10px 20px;}
.pc #catMenu .packNotice,
.pc #catMenu p.cap{padding: 10px 80px 10px 140px;}
.sp #catMenu .packNotice,
.sp #catMenu p.cap{padding: 5px;}

#catMenu p.cap{font-size: 13px;line-height: 1.4;color: #fff;;}
#catMenu .packNotice{margin: 0;color: #b299ff;}
.pc #catMenu .packNotice{}
#catMenu .packNotice ul li{
padding: 0;
background: none;
margin: 0 0 0 20px;
list-style: disc outside;
}
#catMenu p.premPrice,
#catMenu p.price{font-size: 14px;line-height: 1.2;text-align: right;}
#catMenu p.premPrice{margin-top: 5px;}
#catMenu p.price{margin-bottom: 5px;}


.pc #catMenu li.catBoxS{width: 387px;display: inline-block;margin: 0 5px 16px;}
.msie7 #catMenu li.catBoxS{float: left;}
.pc #catMenu li.catBoxS .icon{margin: 10px 0 0 10px;}
.pc #catMenu li.catBoxS h3{padding: 0 10px 0 95px;font-size: 18px;}
.pc #catMenu li.catBoxS p.cap{padding: 0 20px;}


#catMenu .catNav{
  margin: 10px auto;
}
.pc .catNav{display: none;}
#catMenu .catNav ul{}
.pc #catMenu .catNav ul{width: 800px;margin: 0 auto;}
#catMenu .catNav ul li{width: auto;margin: 0;padding: 0;background: none;display: inline-block;}
#catMenu .catNav ul li a{
background-image: url(../img/topCatNav.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 100%;display: inline-block;
-webkit-background-size: cover;
background-size: cover;
}

.catNav ul li.navCat1 a{background-position: left 0;}
.catNav ul li.navCat2 a{background-position: center 0;}
.catNav ul li.navCat3 a{background-position: right 0;}

.catNav ul li a:hover{opacity: 0.6;}

.pc #catMenu .catNav ul li a{width: 263px;height: 90px;}
.tb #catMenu .catNav ul li a{width: 209px;height: 72px;}
.lp #catMenu .catNav ul li a{width: 152px;height: 53px;}
.sp #catMenu .catNav ul li{
background: none;
float: left;width: 33%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
border-radius: 2px;
padding: 1px;
font-weight: bold;
-webkit-box-shadow:inset 0 1px 0px #ffc290;
box-shadow:inset 0 1px 0px #ffc290;
background: -webkit-gradient(linear, left top, left bottom, from(#00084D), to(#00010A));
background: linear-gradient(#00084D #00010A);
background-color: #00084D;
margin-left: 1px;
}

.sp #catMenu .catNav ul li a{
text-indent: 0;
background: none;
display:block;
width:100%;
padding:12px 0;
text-align:center;
font-weight: bold;
text-shadow: 1px 1px 3px rgba(255,255,255,1);
text-decoration: none;
color: #DECEAD;
}
.sp .catNav ul li.navCat1{border: 1px solid #000;}
.sp .catNav ul li.navCat2{border: 1px solid #000;}
.sp .catNav ul li.navCat3{border: 1px solid #000;}
.sp .catNav ul li.navCat1 a{border: 1px solid #FE7373;}
.sp .catNav ul li.navCat2 a{border: 1px solid #FEC827;}
.sp .catNav ul li.navCat3 a{border: 1px solid #66CBFE;}

.pc .catNav ul li a,
.tb .catNav ul li a,
.lp .catNav ul li a{display: none;}

.pc #pageBottom{margin-bottom: -20px;}
.msie7 .pc #pageBottom{margin-bottom: 0px;}
.msie7 .pc #contents{margin-bottom: 0px;}