@charset "utf-8";

@import "reset.css";
@import "default.css";

/*===================================================================
	layout
===================================================================*/

#contents #sub .inner dt.new_title,
#contents #sub .inner dt.new_title_detail,
#contents #sub .inner dt.category,
#contents #sub .inner dt.category_detail,
#contents #sub .inner dt.backnumber,
#contents #sub .inner dt.backnumber_detail,
#contents #sub .inner li.backtotop {
	display:none;
}

/* top */
/* mainVisual */
#mainVisual{
	overflow:hidden;
	height:314px;
}
#mainVisual #mainView{
	position:relative;
}
#mainVisual #mainView li{
	float:left;
	display:none;
}
#mainVisual #mainView li a{
	width:770px;
	height:290px;
	margin-left:210px;
	position:absolute;
	z-index:9999;
	text-decoration:none;
}
#mainVisual .nav{
	text-align:center;
	padding:15px 0 10px;
	height:12px;
	margin:0 auto;
	zoom:1;
	position:relative;
	top:15px;
}
#mainVisual ul.nav li{
	width:32px;
	margin-left:5px;
	display:inline-block;
	height:8px;
	background:#efefef;
	border:solid 1px #cccccc;
}
#mainVisual ul.nav li.nav-active{
	background:#f5ac33;
}
#mainVisual ul.nav li a{
	text-decoration:none;
	display:block;
	width:32px;
	height:8px;
	position:relative;
	z-index:9999;
}

#contents{
	padding-bottom:30px;
}
#main{
	margin-top:310px;
}
#main h2{
	margin-bottom:5px;
}

#main .fun{
	margin:29px 0 0 18px;
}

#main .learn{
	margin-top:39px;
}
#main .learn ul li{
	float:left;
}
#main .txtarea {
	padding-left:30px;
	margin-top:15px;
}
#main p {
	margin-bottom:7px;
	line-height:1.5;
}
#main .news{
	margin:48px 0 0 15px;
	width:711px;
	position:relative;
}
#main .textArea{
	margin-left:1px;
	padding:7px 0;
	background-color:#efefef;
}
#main dl{
	background:url(/img/top_bg_line.gif) repeat-y 109px 0;
}
#main dl dt{
	padding:2px 0 0 29px;
	float:left;
}
#main dl dd{
	padding:2px 29px 0 134px;
}
#main .rss{
	position:absolute;
	top:4px;
	right:-1px;
}

/* info */
#main .info{
	padding:22px 0 0 15px;
	width:711px;
	position:relative;
	overflow:hidden;
}
#main .info h2{
	padding-left:5px;
	margin-bottom:7px;
}
#main .info .textArea{
	background-color:#ffffff;
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	padding:0;
	font-size:110%;
	line-height:1.4;
}
#main .info dl{
	background-image:none;
	border-bottom:1px solid #e5e5e5;
	padding:8px 0 6px;
	width:706px;
	margin:0 auto;
}
#main .info dl:last-child{
	border-bottom:none;
}
#main .info dl dt{
	padding-left:6px;
}
#main .info dl dd{
	padding-left:175px;
	padding-right:0;
}
#main .info dl.news dd{
	background:url("/img/information_news.gif") 90px center no-repeat;
}
#main .info dl.up dd{
	background:url("/img/information_up.gif") 90px center no-repeat;
}
#main .info dl.last{
	border-bottom:none;
}
#main .info .rss{
	top:19px;
}

#main .lineup{
	margin:23px 0 0 15px;
}
#main .lineup h2{
	border-bottom:1px solid #d2d1cf;
	width:710px;
	height:36px;
	overflow:hidden;
}
#main .lineup ul{
	margin-bottom:7px;
}
#main .lineup ul li{
	float:left;
	margin:9px 13px 0 0;
}
#main .lineup ul li.limit{
	margin:0 18px 0 0;
	padding-bottom:2px;
}
#main .lineup ul li.camp{
	margin-right:0;
}

/* rotation bnr */

#main .fun .inner{
	position:relative;
	width:705px;
	height:80px;
	overflow:hidden;
	padding:6px 0;
	border-top:1px solid #dfd3b5;
	border-bottom:1px solid #dfd3b5;
}

#main .fun .inner li,
#main .fun .inner p{
	position:absolute;
}

#main .fun .inner li.bnr01{
	top:0;
	left:0;
}

#main .fun .inner li.bnr02{
	top:0;
	left:166px;
}

#main .fun .inner li.bnr03{
	top:0;
	left:332px;
}

#main .fun .inner li.bnr04{
	top:0;
	left:499px;
}

#main .fun .inner li.bnr05{
	top:0;
	left:685px;
}
#main .fun .inner li.bnr06{
	top:0;
	left:685px;
}

#main .fun .inner li.bnr07{
	top:0;
	left:685px;
}


#main .fun .inner .prev{
	top:6px;
	left:0;
}

#main .fun .inner .next{
	top:6px;
	right:0;
}

#main .fun .inner ul.cf{
	left:21px;
}
#main .announcement{
	border:2px solid #999;
	margin:30px 0 10px 16px;
	padding:15px 20px;
	text-align:center;
	font-size:134%;
	width:666px;
}
#main .announcement + .announcement{
	margin-top:20px;
}
#main .announcement.red{
	border:2px solid #e40210;
}
#main .announcement.red a{
	color:#ba1708;
}

#main .bannerArea{
	width:710px;
	margin:20px 0 10px 16px;
	text-align:center;
}
#main .bannerArea p + p{
	margin-top:15px;
}
#main .bannerArea img:hover{
	opacity:0.7;
}

/*===================================================================
	SP
===================================================================*/
/* spMainVisual */
#spMainVisual{
	width:100%;
	height:auto;
}
#spMainVisual #mainView li{
	float:left;
	display:none;
}
#spMainVisual .nav{
	text-align:center;
	padding:15px 0;
	width:100%;
	height:8px;
	margin:0 auto;
	overflow:hidden;
}
#spMainVisual .nav.two_column{
	width:55%;
	height:26px;
}
#spMainVisual .nav.two_column_2{
	width:75%;
	height:26px;
}
#spMainVisual .nav li{
	display:inline-block;
	border:1px solid #cccccc;
	background:#efefef;
	margin:0 5px 6px;
}
#spMainVisual .nav li.nav-active{
	background:#f5ac33;
}
#spMainVisual .nav li a{
	display:block;
	width:30px;
	height:8px;
	text-decoration:none;
}

#spTopNav img,
#spMain .spNews img,
#spMain .spInfo img,
#spMain .learn img,
#spMain .ttlMod img,
#spMain .lineup img,
#spMain .gift img { width:100%; height:auto; }

#spTopNav { width:320px; margin:0 auto; }
#spTopNav li { float:left; width:24.7%; margin:0 0 1px 1px; }
#spTopNav li:nth-child(4n+1) { margin-left:0; }

#spMain .spNews,
#spMain .spInfo { width:320px; margin:15px auto 0; }

#spMain .spNews .ttlArea,
#spMain .spInfo .ttlArea { padding:0 10px; }
#spMain .spNews .ttlArea h2 { float:left; width:101px; }
#spMain .spInfo .ttlArea h2 { float:left; width:62px; }
#spMain .spNews .ttlArea .rss,
#spMain .spInfo .ttlArea .rss { float:right; width:39px; margin:2px 0 0 7px; }
#spMain .spInfo .info_list { width:300px; margin:8px auto 0; }
#spMain .spNews .info_list li,
#spMain .spInfo .info_list li{
	float:right;
	margin-left:35px;
	padding-left:7px;
	background:url(/shared/img/sp_arrow_info.png) no-repeat 0 center;
	background-size:5px 12px;
	font-size:92%;
	line-height:1.3;
}
#spMain .spNews .ttlArea .info_list a,
#spMain .spInfo .ttlArea .info_list a {
	color:#000000;
	text-decoration:none;
}

#spMain .spNews .textArea,
#spMain .spInfo .textArea { margin-top:5px; padding-top:2px; border-top:solid 1px #d1d1d1; font-size:110%; }
#spMain .spNews .textArea dl,
#spMain .spInfo .textArea dl { padding:8px; background:#fff; border-bottom:solid 1px #d1d1d1; color:#201f1f; }
#spMain .spInfo .textArea dl dt{ padding-top:1px; background-size:16%; background-position:75px top; background-repeat:no-repeat; }
#spMain .spInfo .textArea dl.news dt{ background-image:url("/img/sp_information_news.png"); }
#spMain .spInfo .textArea dl.up dt{ background-image:url("/img/sp_information_up.png"); }
#spMain .spNews .textArea dl a,
#spMain .spInfo .textArea dl a { color:#019fff; }

#spMain .learn { width:320px; margin:20px auto 0; }
#spMain .learn li { float:left; width:90px; margin:0 10px 0 5px; }

#spMain section { display:block; width:300px; margin:10px auto 0; }

#spMain .ttlMod { width:320px; margin:30px auto 0; padding-bottom:8px; border-bottom:solid 1px #9c9998; }
#spMain .ttlMod h2 { padding:0 10px; }

#spMain .lineup { margin-top:15px; }
#spMain .lineup li { float:left; width:90px; margin:3px 5px 0; }
#spMain .lineup li.special{ width:177px; margin-left:8px; }
#spMain .lineup li.special img{ margin-top:5px; }
#spMain .lineup li.kaorusakeprj{ width:100px; }
#spMain .lineup li.jishukan{ width:100px; margin-left:-2px; }
#spMain .lineup li.kaorusakeprj img,
#spMain .lineup li.jishukan img{ margin-top:5px; }

#spMain .gift { width:177px; margin:15px 17px 0; }
#spMain .gift ul { margin-top:5px; }
#spMain .gift .roasso { float:left; width:103px; }
#spMain .gift .kumamon { float:right; width:74px; }

#spWrapper .announcement{
	border:2px solid #999;
	margin:5px 10px 10px;
	padding:10px;
	text-align:center;
	font-size:117%;
}
#spWrapper .announcement.red{
	border:2px solid #e40210;
}
#spWrapper .announcement.red a{
	color:#ba1708;
}


#spWrapper .bannerArea{
	width:300px;
	margin:0 auto 20px;
}
#spWrapper .bannerArea p + p{
	margin-top:10px;
}
#spWrapper .bannerArea img{
	width:100%;
}