@charset "UTF-8";

body{
	margin:0;
	padding:0;
	font:normal 14px/26px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:1px;
	text-align:left;
	background:#FFF url(../../2012/images/base.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	color:#000;
	-webkit-text-size-adjust:none;
}


/*////////// reset //////////*/

/* reset */
div,
h1,h2,h3,h4,p,
ul,ol,li,
dl,dt,dd,
table,tr,th,td,
form,input,
img{
	margin:0;
	padding:0;
}

/* link */
a{
	margin:0;
	padding:0;
	color:#0082ff;
	text-decoration:none;
}
a:hover{ color:#ff42ff; text-decoration:underline; }
a:visited{ color:#EB6100; }

/* list */
ul,ol{ list-style:none; }

/* image */
img{
	border:none;
	vertical-align:bottom;
}

/* table */
table{
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
}



/*////////// 汎用クラス //////////*/

/* text */
.indent,
.indentList li{
	margin-left:1em;
	text-indent:-1em;
}

.small{ font-size:12px; }

.alnC{ text-align:center; }
.alnR{ text-align:right; }

/* clearfix */
.clrfx:after{
	content:"";
	display:block;
	clear:both;
}
.clrfx{ zoom:1; }

.clr{ clear:both; }

/* layout */
.fltL{ float:left; }
.fltR{ float:right; }

.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt40{ margin-top:40px; }
.mt60{ margin-top:60px; }

.hiddenTitle{ display:none; }

.hoverOp:hover{
	filter: alpha(opacity=60);
	opacity: 0.6;
}


/*////////// メイン //////////*/
.wrapper{
	width:1000px;
	margin:0 auto;
	background-color:#FFF;
}

/* main */
#nav{
	width:940px;
	margin:20px auto 0 auto;
}

#nav li{
	float:left;
	margin-left:12px;
}
#nav li:first-child{ margin-left:0; }

#nav a,
#nav img{ display:block; }

.update{
	margin-top:20px;
	font-size:12px;
	text-align:center;
}

/* footer */
#footer{
	width:940px;
	margin:0 auto;
	padding:30px 0 60px 0;
	background:#FFF url(../images/line.gif) repeat-x;
}

#footerNav{ float:left; }
#footerNav li{
	float:left;
	margin-right:25px;
}
#footerNav li a,
#footerNav li img{ display:block; }

#copyright{ float:right; }


/*////////// インデックス //////////*/
.headContainer{
	width:940px;
	padding:0 30px 22px 30px;
	border-bottom:15px solid #e6e6e7;
}

.lineup{
	padding:60px 46px 26px 46px;
	border-top:3px solid #98a3d2;
}
.lineupLast{ border-bottom:3px solid #98a3d2; }

.lineup h2{ margin-bottom:30px; }

.lineupLabel{ padding-top:40px; }

.lineup .btnLineup{ margin-top:54px; }

.topBanner{
	border-top:15px solid #e6e6e7;
	padding:52px 0 30px 0;
	text-align:center;
}


/*////////// 中ページ //////////*/
.naka{ background:url(../images/bg2.gif) repeat; }

.naka .headContainer{
	width:1000px;
	padding:0 0 22px 0;
}



.nakaContent{
	padding:68px 56px;
	border-top:3px solid #98a3d2;
}

.nakaChaba{
	float:left;
	width:420px;
}
.nakaAtari{
	float:right;
	width:420px;
}

.nakaDetail{
	margin-top:40px;
	padding-left:14px;
}

#nakaIrekata{
	width:853px;
	margin:0 auto 30px auto;
}

/*///////// スライド //////////*/
#slide{
	width:1000px;
	margin:0 auto;
	background-color:#FFF;
}

#slide h1{
	width:800px;
	margin:0 auto;
	text-align:right;
}

#slideWrap{
	position:relative;
	width:820px;
	height:700px;
	margin:0 auto;
	background:url(../images/slide/bg.gif) repeat-x;
}

.slideImg{
	display:none;
	position:absolute;
	width:800px;
	padding:10px;
	text-align:center;
}

.active{ display:block; }

.slideImg p{ margin-top:26px; }

#currentIng{
	position:absolute;
	top:468px;
	right:10px;
	width:60px;
	padding:6px;
	background-color:#FFF;
	text-align:right;
	font-size:14px;
	line-height:1;
	color:#808fc7;
}

.cBtn{
	position:absolute;
	width:66px;
	height:54px;
	text-indent:-9999px;
	cursor:pointer;
}

#prevBtn{
	top:574px;
	left:0;
	background:url(../images/slide/controls.gif) no-repeat 0 0;
}
#prevBtn:hover{ background-position:0 -54px; }

#nextBtn{
	top:574px;
	right:0;
	background:url(../images/slide/controls.gif) no-repeat -64px 0;
}
#nextBtn:hover{ background-position:-64px -54px; }

#startBtn{
	position:absolute;
	left:335px;
	bottom:0;
	width:130px;
	height:32px;
	background:url(../images/slide/backtostart.gif) no-repeat 0 0;
	text-indent:-9999px;
	cursor:pointer;
}
#startBtn:hover{ background-position:0 -32px; }


/*///////// 予告 //////////*/
#teaser{ background:url(../images/bg2.gif) repeat; }
#teaser #head{ margin:0 50px; }
#teaser #mainImg{ margin:0 50px; }
#teaser #teaserCopy{
	position:relative;
	width:940px;
	margin:30px auto 10px auto;
}
#teaser #labelMidoshi{
	position:absolute;
	left:0;
	bottom:0;
	font-size:12px;
	text-align:center;
}

#teaser2 .headContainer{
	width:900px;
	padding:0 50px 25px 50px;
	border-bottom:none;
}

#teaser2 #teaserCopy{
	margin-left:75px;
	margin-bottom:30px;
}