@charset "UTF-8";

/* =================================================================================

 Common style of toppage

================================================================================= */

/* ///////////////////////////////////////////////// layoutを上書き */

div#wrapper{
	background:url(img/bg_slide01.gif) no-repeat center top;
}
div#wrapperIn{
	/*background:url(img/bg_slide02.png) no-repeat center 114px;*/
	/*margin-top:-517px;*/
	/*position:relative;
	/z-index:0;
	zoom:1;*/
}
div#header{
	padding-bottom:0;
}

div#contentsWrap{
	margin-top:-65px;
	padding-top:65px;
	background:url(img/bg_slide03.png) no-repeat center top;
	position:relative;
	z-index:2;
	zoom:1;
}


/* ///////////////////////////////////////////////// スライドショー */

div#slideArea{
	margin:0 auto;
	width:970px;
	height:377px;
	position:relative;
	zoom:1;
	/z-index:1;
}

div#itemchou{
	position:absolute;
	right:-69px;
	top:-26px;
	width:181px;
	height:194px;
	background:url(img/top_chou.png) no-repeat right top;
	z-index:2;
}


p#slideCopy{
	top:24px;
	left:20px;
	position:absolute;
	z-index:2;
}

p#cm_btn{
	/*top:15px;
	right:35px;*/
	top:0px;
	right:0px;
	position:absolute;
	z-index:2;
}


ul#slide{
	position:absolute;
	right:-41px;
	top:-30px;
	width:752px;
}

	li#slide01{
		background:url(img/slide01.png) no-repeat right top;
		height:502px;
		width:752px;
	}

div#itemSlide{
	/*position:absolute;
	left:4px;
	top:184px;
	z-index:3;
	width:270px;
	height:195px;*/
	position:absolute;
	left:4px;
	top:-193px;
	/top:-192px;
	/*z-index:2;*/
	width:270px;
	height:195px;
}

	div#itemSlide ul#itemList{
		margin:0 auto;
		width:190px;
	}

		div#itemSlide ul#itemList li{
			position:absolute;
			top:0;
			display:none;
		}

		div#itemSlide ul#itemList li.first{
			display:block;
		}

		div#itemSlide ul#itemList li a.imageover span{
			left:-60px;
			z-index:10;
		}

	div#itemSlide ul#itemArrow{
		/*margin-top:-114px;*/
		margin-top:80px;
		width:269px;
		height:44px;
	}

	li#slideL{ float:left; }
	li#slideR{ float:right; }

/* ///////////////////////////////////////////////// 3カラムエリア */

div#top3column{
	margin-left:-5px;
	width:977px;
}

div.columnIn{
	float:left;
	width:318px;
}

div.columnIn a.imageover span{
	left:-10px;
	top:-200px;
}

div#top3columnC{
	margin-left:12px;
	margin-right:11px;
}
div#top3columnR{
	float:right;
}
div#topBnr{
	/*margin-top:26px;*/
	margin-bottom:30px;
}
div#topBnr .fr p{
	text-align:right;
	font-size:93%;
	margin-top:5px;
	color:#d90000;
	font-weight:bold;
}

/* ///////////////////////////////////////////////// 2カラムエリア */

div#top2column{
	margin-top:25px;
}
	div#top2main{
		float:left;
		width:690px;
	}
	div#top2main #season{
		margin-bottom: 45px;
	}
	div#top2main #season .seasonTtl{
		margin-left: -5px;
	}
	div#top2main #topics{
		position:relative;
		width:690px;
	}
		div#top2main #topics span{
			position:absolute;
			right:0;
		}

	div#top2main ul{
		margin-top:25px;
	}
		div#top2main li{
			margin-top:7px;
			padding-left:125px;
			padding-bottom:5px;
			position:relative;
			line-height:1.25;
		}
		div#top2main li span.date{
			position:absolute;
			left:0;
			top:2px;
			font-size:85%;
			color:#331414;
			font-weight:bold;
		}
		* html div#top2main li span.date{
			left:-125px;
		}
		div#top2main li a{
			padding:3px 0 0;
		}
	div#top2side{
		float: right;
		overflow: hidden;
		width: 260px;
	}

/* Twitter */

.twitterBox{
	background-color: #fff;
	height: 300px;
	margin-bottom: 20px;
	padding-top: 52px;
	position: relative;
}
	.twitterBox .twitterTtl{
		left: 0;
		position: absolute;
		top: 0;
	}

/* Facebook */

.facebookBox{
	background-color: #fff;
	height: 300px;
	padding-top: 50px;
	position: relative;
}
	.facebookBox .facebookTtl{
		left: 0;
		position: absolute;
		top: 0;
	}

/*CM
#colorbox{ position: absolute; right: -63%; z-index: 100; line-height: 0;} 
#colorbox iframe {
    width: 560px;
    height: 315px;
}*/

/*LINE友だち追加*/
.bnr_area{
	padding-top:10px;
	margin-top:50px;
	background:url(img/dot.png) repeat-x top;
}
.bnr_area p{
	display: inline-block;
	width:235px;
	margin-right:5px;
}
.bnr_area p img{
	width:100%;
}

.bnr_area p:last-child{
	margin-right:0;
}

.LineBox{
	background: #00b900;
	margin-top:20px;
	padding:10px 15px;
}

.LineBox .copy{
	color: #ffffff;
	font-size:12px;
	line-height: 1.4;
	margin:7px 0;
}
.LineBox .qr_img{
	text-align: center;
}
.LineBox .account{
	color: #ffffff;
	margin-top:5px;
	font-size:14px;
	text-align: center;
}