@charset "UTF-8";

/*
===== NOTES =====================================
+01: CSS Reset
+02: Common Setup
+03: PAGETOP Rayout & Decoration
+04: NEWS Rayout & Decoration
+05: INTRODUCTION Rayout & Decoration
+06: STORY Rayout & Decoration
+07: CAST Rayout & Decoration
+08: STAFF Rayout & Decoration
+09: INTERVIEW Rayout & Decoration
+10: PRODUCTIONNOTE Rayout & Decoration
+11: THEATERS Rayout & Decoration
================================================
*/

/* ==================================================================================================
+01: CSS Reset
================================================================================================== */
html,body {width:100%;height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, th, td {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
ol, ul {list-style:none;}
img {margin:0;padding:0;vertical-align:text-top;border:0;}
address, em, strong {font-style:normal;font-weight:normal;}
strong {font-weight:bold;}
/* table */
table {border-collapse:separate;border-spacing:0;}
th {text-align:left;font-style:normal;font-weight:normal;}

/* ==================================================================================================
+02: Common Setup
================================================================================================== */
body{background:#ee86ad url(../images/bg.gif) center top no-repeat;}

/* font
------------------------------------------------------------ */
body {
	font-size:13px;
	line-height:1.5;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Meirio","メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", Verdana, sans-serif;
	color:#fff;
	}

/* position
------------------------------------------------------------ */
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

.mr10{margin-right:10px;}

.pt10{padding-top:10px;}
.pt100{padding-top:100px;}
.pb20{padding-bottom:20px;}
.pb100{padding-bottom:100px;}

.pos-center{text-align:center;}

/* link
------------------------------------------------------------ */
a:link, a:visited, a:active {color: #fff;text-decoration: underline;}
a:hover{text-decoration:none;}

#goods a:link, #goods a:visited, #goods a:active {color: #000;}

/* alpha image */
a.btn-img:hover img{
	-moz-opacity:0.75;
	opacity:0.75;
	filter: alpha(opacity=75);
	}

/* Clearfix
------------------------------------------------------------ */
.clearfix {clear:both;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;overflow:hidden;}

/* ==================================================================================================
+03: Pagetop
================================================================================================== */
#pagetop{
	width:960px;
	margin:0 auto;
	}
p.asahidigital{
	float:right;
	padding-top:5px;
	}
.lead{
	padding-top:15px;
	margin-left:204px;
	}
h1{
	width:808px;
	margin:14px auto 45px;
	}

/* ナビゲーション */
ul.nav{
	margin:0 auto 30px;
	border-top:#fffbc7 1px solid;
	border-bottom:#fffbc7 1px solid;
	width:560px;
	height:33px;
	background:url(../images/top_nav_star.gif) 10px 0px no-repeat;
	padding-left:30px;
	padding-right:10px;
	padding-bottom:2px;
	}
ul.nav li{
	background:url(../images/top_nav_star.gif) right top no-repeat;
	padding-right:20px;
	float:left;
	}
ul.nav li.nav01{width:100px;cursor:pointer;}
ul.nav li.nav02{width:95px;cursor:pointer;}
ul.nav li.nav03{width:91px;cursor:pointer;}
ul.nav li.nav04{width:71px;cursor:pointer;}
ul.nav li.nav05{width:103px;cursor:pointer;}
/* ソーシャルボタン */
ul.share-btn{
	margin:0 auto 35px;
	width:350px;
	}
ul.share-btn li{
	float:left;
	width:100px;
	margin:0 5px;
	}
/* ビリング */
.biling{
	width:568px;
	margin:0 auto;
	}

/* ページTOPへ */
.pagetop{
	position: fixed;
	bottom:50px;
	right:10px;
	z-index:500;
	display:none;
	}

/* サブナビ */
#subnav{
	display:none;
	position:fixed;
	top:200px;
	left:0;
	z-index:500;
	padding-top:4px;
	background:url(../images/subnav_bg.png) left top no-repeat;
	width:97px;
	height:130px;
	}
.subnav01{cursor:pointer;}
.subnav02{cursor:pointer;}
.subnav03{cursor:pointer;}
.subnav04{cursor:pointer;}
.subnav05{cursor:pointer;}

/* ==================================================================================================
+04: Intro
================================================================================================== */
#intro{
	position: absolute;
	top:1100px;
	width:100%;
	height:1000px;
	}
#intro .profile{
	width:600px;
	margin:40px auto 0;
	padding-top:40px;
	border-top:#FFF 1px solid;
	}
#intro .profile .photo{
	float:left;
	width:130px;
	}
#intro .profile .text{
	float:right;
	width:450px;
	text-align:left;
	}
#intro .photo01{	
	width:500px;
	height:800px;
	position:absolute;
	top:-400px;
	left:50%;
	margin-left:-490px;
	background:url(../images/intro_photo01.png) 0px 0px no-repeat;
	z-index:100;
	}
#intro .photo02{	
	width:463px;
	height:500px;
	position:absolute;
	top:-250px;
	right:50%;
	margin-right:-490px;
	background:url(../images/intro_photo02.png) 0px 0px no-repeat;
	z-index:50;
	}
#intro .photo03{	
	width:376px;
	height:500px;
	position:absolute;
	top:-100px;
	left:50%;
	margin-left:-100px;
	background:url(../images/intro_photo03.png) 0px 0px no-repeat;
	z-index:150;
	}
#intro .contents{	
	width:600px;
	height:269px;
	position:absolute;
	top:200px;
	left:50%;
	margin-left:-300px;
	z-index:1;
	}

h2{text-align:center;}

.photo01,
.photo02,
.photo03{display:none;}

/* ==================================================================================================
+05: Topics
================================================================================================== */
#topics{
	position: absolute;
	top:2000px;
	width:100%;
	height:1000px;
	padding-top:50px;
	}
#topics .photo01{	
	width:199px;
	height:500px;
	position:absolute;
	top:0px;
	right:50%;
	margin-right:-400px;
	background:url(../images/topics_photo01.png) 0px 0px no-repeat;
	z-index:100;
	}
#topics .photo02{	
	width:268px;
	height:500px;
	position:absolute;
	top:400px;
	left:50%;
	margin-left:-490px;
	background:url(../images/topics_photo02.png) 0px 0px no-repeat;
	z-index:50;
	}
#topics .photo03{	
	width:200px;
	height:500px;
	position:absolute;
	top:600px;
	right:50%;
	margin-right:-250px;
	background:url(../images/topics_photo03.png) 0px 0px no-repeat;
	z-index:150;
	}

#facebook{
	background-color:#FFF;
	width:600px;
	margin:50px auto 0;
	}

/* ==================================================================================================
+06: outline
================================================================================================== */
#outline{
	position: absolute;
	top:3050px;
	width:100%;
	height:800px;
	padding-top:50px;
	}
#outline ul{
	margin:50px auto;
	width:960px;
	}
#outline ul li{
	float:left;
	padding:0 10px 20px;
	}

.map-area{float:left;}
.map-area iframe{
	padding:1px;
	border: #333 1px solid;
	}
.chara-area{float:right;}

#tokyo,
#fukuoka,
#okayama,
#sapporo,
#yokohama{
	width:580px;
	margin:0 auto;
	background:#ee86ad url(../images/outline_bg.gif) right 10px no-repeat;
	padding:20px 20px 0;
	/*height:550px;*/
	/*overflow-y:auto;*/
	}
#tokyo .chara-area,
#fukuoka .chara-area,
#okayama .chara-area{padding-top:50px;}
#sapporo .chara-area{padding-top:70px;}
#yokohama .chara-area{padding-top:100px;}

#outline #tokyo,
#outline #fukuoka,
#outline #okayama,
#outline #sapporo,
#outline #yokohama{display:none;}

/* ==================================================================================================
+07: highlight
================================================================================================== */
#highlight{
	position: relative;
	width:100%;
	/*height:6600px;*/
	padding-top:50px;
	/*top:3000px;*/
	top:3180px;/* 2013.01.21更新 */
	}
	
.odd-page {background:#ee86ad;}
.even-page{background:#fffbc7;}
.one-light h3{ margin-bottom:30px;}

.wrapper{
	width:960px;
	margin:0 auto;
	}
.left-area{
	width:455px;
	float:left;
	}
.right-area{
	float:right;
	width:480px;
	}
.right-area.manga{background-color:#eee;}
#highlight .caption{
	padding-top:2px;
	text-align:right;
	}

.flo-left{float:left;}
.flo-right{float:right;}

/* ==================================================================================================
+08: goods
================================================================================================== */
#goods{
	position: relative;
	width:100%;
	/*height:5600px;*/
	padding-top:50px;
	/*top:3200px;*/
	top:3380px;/* 2013.01.21更新 */
	}

.notes{
	width:940px;
	margin:50px auto 0px;
	padding:0 10px;
}

#goods ul{
	width:960px;
	margin:20px auto 0;
}

#goods ul li{
	float:left;
	margin:0 10px 15px;
	padding:10px 10px 0;
	background-color:#fffbc7;
	width:152px;
	color:#000;
	font-size:12px;
	line-height:1.25;
	text-align:left;
}
#goods ul li.wide280{width:280px;}
.goods-photo{
	float:left;
	width:120px;
	margin-right:10px;
	}
.goods-photo.goods01{ width:85px;}
.goods-text{
	float:left;
	width:150px;
	}
.goods-text.goods01{ width:185px;}

/* 2013.01.09更新 */
#goods ul li.wide280{width:440px;}
.goods-text{
	float:left;
	width:310px;
	}
.goods-text.goods01{ width:345px;}

.goods-photo.goods17{ width:152px;}
.goods-text.goods17{ width:278px;}
	
#goods ul li dd{padding-top:10px;}
#goods ul li dd strong{font-size:13px;}

/* ==================================================================================================
+09: special
================================================================================================== */
#special{
	position: relative;
	width:100%;
	/*height:5600px;*/
	padding-top:50px;
	top:3400px;
	top:3580px;/* 2013.01.21更新 */
	}

.special-text{
	width:940px;
	margin:60px auto 30px;
	padding:0 10px;
}

#special ul{
	width:960px;
	margin:0 auto;
}

#special ul li{
	float:left;
	margin:0 10px 15px;
	padding:10px;
	background-color:#fffbc7;
	width:280px;
	color:#000;
	font-size:12px;
	line-height:1.25;
	text-align: center;
}

.ikeda-sign{
	margin:30px auto 0;
	padding:10px;
	background-color:#fffbc7;
	width:450px;
	color:#000;
	font-size:12px;
	line-height:1.25;
	text-align:left;
}
.ikeda-sign dt{
	width:280px;
	float:left;
	margin-right:20px;
}
.ikeda-sign dd{
	width:150px;
	float:left;
	padding-top:131px;
}

	
/* ==================================================================================================
+05: footer Rayout & Decoration
================================================================================================== */
#footer{
	position:absolute;
	left:50%;
	margin-left:-480px;
	width:960px;
	line-height:1.2;
	text-align:center;
	font-size:12px;
	padding:15px 0;
	color:#fff;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	/*top:10500px;*/
	top:10880px;/* 2013.01.21更新 */
	}
#footer a{color:#FFF;}
#footer ul{
	margin:12px auto;
	text-align:center;
	}
#footer li{
	display:inline;
	padding:0 4px;
	font-size:10px;
	}

address{font-size:10px; line-height:1.5;}