@charset "UTF-8";
/*
京都アニメーション
Copyright (C) Kyoto Animaion Co.,Ltd. All Rights Reserved.
*/

/* ---------- reset ---------- */
html{width:100%;height:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
/* HTML5 */
article,aside,canvas,details,figcaption,figure,header,footer,hgroup,menu,nav,section,summary,h1,h2,h3,h4,h5,h6{display:block;}
body{
	font-family: 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background: #F556A6;
	color: #333;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
	word-break: break-all;
}
/* for IE7 */
*+html body{font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic';font-size: 75%;}
/* for IE6 */
* html body{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic';font-size: 75%;}
/* other */
a{
	color: #F39;
	overflow: hidden;
	text-decoration: none;
}
a:hover{text-decoration: underline;}
a:active,a:focus{outline:none;}fieldset{border:0;}a img,img{border:0;vertical-align:top;}abbr,acronym{border:0;}address,caption,cite,code,dfn,em,th,strong,var{font-style:normal;font-weight:normal;}blockquote,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol,ul,li,p,pre,span,td,th,article,aside,canvas,details,figcaption,figure,header,footer,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;}caption,th{vertical-align:top;text-align:left;}small{font-size:100%;}code,kbd,pre,samp,tt{font-family:monospace;line-height:100%;}hr{display:none;}
/* for IE7 */
*+html code,kbd,pre,samp,tt{font-size:108%;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}ol,ul{list-style:none;}q:before,q:after{content:'';}
/* form */
button,fieldset,form,input,label,legend,select,textarea{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;vertical-align:baseline;}
/* table */
table{border-collapse:collapse;border-spacing:0;font-size:100%;}

/* ---------------------------
clearfix setting
--------------------------- */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	overflow: hidden;
}
.clearfix:after { clear: both; }

/* ---------------------------
colorbox setting
--------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; outline: 0; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
#cboxOverlay { background: #fff; }
#cboxContent { overflow:hidden; }
#cboxError { padding: 50px; border: 1px solid #ccc; }
#cboxLoadedContent { margin: 28px 0; overflow: hidden; }
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }
#cboxCurrent { display: none; }
#cboxSlideshow { position: absolute; right: 30px; bottom: 4px; color: #0092ef; }
#cboxPrevious { position: absolute; left: 0; top: 0; border: none; background: url(/img/colorbox/control.png) no-repeat 0 0; width: 25px; height: 25px; text-indent:-9999px; }
#cboxPrevious:hover{ background-position: 0 -25px; }
#cboxNext { position: absolute; left: 27px; top: 0; border: none; background: url(/img/colorbox/control.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent:-9999px; }
#cboxNext:hover { background-position: -25px -25px; }
#cboxLoadingGraphic { background: url(/img/colorbox/loading.gif) no-repeat center center; }
#cboxClose { position: absolute; right: 0; top: 0; border: none; background: url(/img/colorbox/close.png) no-repeat left top; width: 70px; height: 25px; text-indent:-9999px; }
#cboxClose:hover { background-position: left -25px; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }

/* ---------------------------
base setting
--------------------------- */
/*background-image*/
.bgIN { background-image: none; }

/*background-color*/
.bgCW { background-color: #FFF; }
.bgCYe { background-color: #F9F0A0; }
.bgCPi { background-color: #FCC8F1; }
.bgCBPu { background-color: #DADAFF; }
.bgCGr { background-color: #B7FCC4; }
.bgCPu { background-color: #CFAAF7; }
.bgCBl { background-color: #BBDCFF; }
.bgCOr { background-color: #F9CB8F; }
.bgCRe { background-color: #FFB8B8; }

/* ---------- common ---------- */
#l_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #FFF;
	z-index: 999;
}
#noscript {
	text-align: center;
	color: #333;
	z-index: 9999;
}

/* ---------- siteWrap ---------- */
#siteWrap { display: none; min-width: 1000px; }

/* ---------- globalHeader ---------- */
#globalHeader {
	background-color: #F556A6;
	width: 100%;
	height: 85px;
	overflow: hidden;
}
#header {
	width: 1000px;
	margin: 0 auto;
}
	#logo { float: left; margin: 5px 50px; }
	#logo a {
		display: block;
		width: 182px;
		height: 75px;
	}
	#globalNav {
		position: relative;
		float: right;
		margin: 23px 50px;
	}
	#globalNav li { float: left; }
	#globalNav li a {
		display: block;
		position: relative;
		padding: 10px 20px;
		z-index: 100;
	}
	#navCurrentBg {
		position: absolute;
		background-color: #FF8BCA;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		overflow: hidden;
		width: 85px;
		height: 38px;
		top: 0;
		left: 0;
		z-index: 1;
	}

/* ---------- globalFooter ---------- */
#globalFooter {
	background-color: #F556A6;
	position: relative;
	width: 100%;
	height: 50px;
	overflow: hidden;
}
#corporate {
	position: absolute;
	bottom: 5px;
	right: 20px;
}
#copy { text-align: center; margin-top: 20px; }

/* ---------------------------
chuunibyo Top setting
--------------------------- */

/* ---------- wideslider ---------- */
#slider { position: relative; }
.wideslider {
	width: 100%;
	height: 620px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev { background: url(/books/chuunibyo/img/renewal/top/navLL.png) no-repeat right center;}
.slider_next { background: url(/books/chuunibyo/img/renewal/top/navLR.png) no-repeat left center;}
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
.sliderCap1 { width: 1000px; margin: 0 auto; }
.sliderCap1 a {
	position: absolute;
	display: block;
	width: 190px;
	height: 196px;
	top: 10px;
	background-image: url(/books/chuunibyo/img/renewal/top/topMovie.png);
	z-index: 200;
}
	.sliderCap1 a:hover {
		-webkit-animation: cap1 .5s ease-out;
		-moz-animation: cap1 .5s ease-out;
		-ms-animation: cap1 .5s ease-out;
		-o-animation: cap1 .5s ease-out;
	}
	@-webkit-keyframes cap1 {
		20% { -webkit-transform: rotate(20deg); }
		40% { -webkit-transform: rotate(-15deg); }
		60% { -webkit-transform: rotate(10deg); }
		80% { -webkit-transform: rotate(-5deg); }
		100% { -webkit-transform: rotate(0deg); }
	}
	@-moz-keyframes cap1 {
		20% { -moz-transform: rotate(20deg); }
		40% { -moz-transform: rotate(-15deg); }
		60% { -moz-transform: rotate(10deg); }
		80% { -moz-transform: rotate(-5deg); }
		100% { -moz-transform: rotate(0deg); }
	}
	@-ms-keyframes cap1 {
		20% { -ms-transform: rotate(20deg); }
		40% { -ms-transform: rotate(-15deg); }
		60% { -ms-transform: rotate(10deg); }
		80% { -ms-transform: rotate(-5deg); }
		100% { -ms-transform: rotate(0deg); }
	}
	@-o-keyframes cap1 {
		20% { -o-transform: rotate(20deg); }
		40% { -o-transform: rotate(-15deg); }
		60% { -o-transform: rotate(10deg); }
		80% { -o-transform: rotate(-5deg); }
		100% { -o-transform: rotate(0deg); }
	}
.sliderCap2 { width: 1000px; margin: 0 auto; position: relative; }
.sliderCap2 img {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 200;
}

/* ---------- info ---------- */
#info {
	background-image: url(/books/chuunibyo/img/renewal/bg/bgVerticalLine.png);
	background-repeat: repeat;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
#info ul {
	position: relative;
	width: 900px;
	margin: 40px auto 0;
}
#info ul li {
	display: inline-block;
}
#info ul li:first-child {
	padding-right: 15px;
}
/* ---------- whatsNew ---------- */
#whatsNew {
	background-image: url(/books/chuunibyo/img/renewal/bg/bgVerticalLine.png);
	background-repeat: repeat;
	position: relative;
	width: 100%;
	height: 240px;
	overflow: hidden;
}
#subWhatsNew {
	width: 900px;
	margin: 40px auto 20px;
}
	.whatsNewContent {
		position: relative;
		width: 900px;
		margin: 0 auto;
		background-color: #FFF;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		-o-border-radius: 20px;
		border-radius: 20px;
	}
	.new { padding: 25px 25px 10px 35px; }
		.new dt { float: left; color: #33CCFF; }
		.new dd { margin-left: 80px; padding-bottom: 15px; }
	.more {
		position: absolute;
		right: 30px;
		bottom: 5px;
	}
		.more a {
			display: block;
			width: 45px;
			height: 10px;
			padding: 10px;
		}

/* ---------- shop ---------- */
#shop {
	background-image: url(/books/chuunibyo/img/renewal/bg/bgStar.png);
	background-repeat: repeat;
	position: relative;
	width: 100%;
	height: 460px;
	overflow: hidden;
}
#subShop {
	width: 900px;
	margin: 40px auto 20px;
}
	.shopContent {
		width: 900px;
		margin: 0 auto;
	}
		.shopContent > p { font-size: 14px; }
#shopList { text-align: center; }
	#shopList li { display: inline-block; margin: 40px 30px; *display: inline; zoom: 1;}
		#shopList li a {
			position: relative;
			display: block;
			width: 230px;
			height: 230px;
			text-decoration: none;
			overflow: hidden;
			cursor: pointer;
		}
.borderR {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.bShadow {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	-ms-transition: box-shadow 0.2s;
	-o-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}
.tScale {
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	transition: transform 0.2s;
}
.circle {
	position: relative;
	display: block;
	width: 230px;
	height: 230px;
	background-color: #FFF;
}
	#shopList li a:hover .circle {
		-webkit-transform: scale(.85);
		-moz-transform: scale(.85);
		-ms-transform: scale(.85);
		-0-transform: scale(.85);
		transform: scale(.85);
	}
	.practiceStore a:hover {
		-webkit-box-shadow: 0 0 0 7px #487CFF inset;
		-moz-box-shadow: 0 0 0 7px #487CFF inset;
		-ms-box-shadow: 0 0 0 7px #487CFF inset;
		-o-box-shadow: 0 0 0 7px #487CFF inset;
		box-shadow: 0 0 0 7px #487CFF inset;
	}
	.online a:hover {
		-webkit-box-shadow: 0 0 0 7px #FF963B inset;
		-moz-box-shadow: 0 0 0 7px #FF963B inset;
		-ms-box-shadow: 0 0 0 7px #FF963B inset;
		-o-box-shadow: 0 0 0 7px #FF963B inset;
		box-shadow: 0 0 0 7px #FF963B inset;
	}
	.retailer a:hover {
		-webkit-box-shadow: 0 0 0 7px #FF4083 inset;
		-moz-box-shadow: 0 0 0 7px #FF4083 inset;
		-ms-box-shadow: 0 0 0 7px #FF4083 inset;
		-o-box-shadow: 0 0 0 7px #FF4083 inset;
		box-shadow: 0 0 0 7px #FF4083 inset;
	}
.practiceStore a p { color: #487CFF; }
.online a p { color: #FF963B; }
.retailer a p { color: #FF4083; }
.shopImg {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-left: -65px;
	margin-top: -83px;
}

/* ---------- link ---------- */
#link {
	position: relative;
	width: 100%;
	height: 140px;
	overflow: hidden;
}
#banner { text-align: center; }
	#banner li { display: inline-block; margin: 40px 20px; *display: inline; zoom: 1;}
	#banner li a { display: block; }

/* ---------------------------
chuunibyo lower setting
--------------------------- */

/* ---------- pankuzuList ---------- */
#pankuzuList {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	z-index: 10;
}
#pankuzu {
	position: absolute;
	right: 0;
	top: 0;
	margin: 5px 20px;
}
	#pankuzu li {
		display: inline-block;
		*display: inline;
		zoom: 1;
		font-size: 14px;
		padding-right: 20px;
		margin: 5px 1px;
		background: url(/books/chuunibyo/img/renewal/icon/pankuzuListStar.png) no-repeat right center;;
	}
		#pankuzu > li:last-child { background: none; }
		#pankuzu li a { text-decoration: underline; }
		#pankuzu li a:hover { text-decoration: none; }

/* ---------- subTitle ---------- */
#subTitle {
	width: 1000px;
	margin: 0 auto;
	padding-top: 40px;
}

.contentBg {
	background-repeat: repeat;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.content {
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0;
}
.InfoContent:before {
	position: absolute;
	content: ' ';
	width: 0;
	height: 0;
	left: -20px;
	top: 50%;
	margin-top: -20px;
	border: 20px solid transparent;
	border-right-color: #FFF;
}
.Info {
	margin-left: 20px;
	padding: 30px 40px;
	background-color: #FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}

/* ---------------------------
chuunibyo News setting
--------------------------- */
#news { background-image: url(/books/chuunibyo/img/renewal/bg/bgVerticalLine.png); }
.newsContent { padding: 0 !important; }
.topics { position: relative; margin: 40px 50px; }
.topics h3 {
	padding: 0 0 5px 45px;
	background: url(/books/chuunibyo/img/mainContent/topics/articleTitle.png) no-repeat 5px top;
	border-bottom: 3px #61D0FF solid;
	color: #F556A6;
	line-height: 32px;
	font-size: 20px;
	font-weight: bold;
}
.topicsPubDate {
	text-align: right;
	color: #999;
	padding: 5px;
}
.topicsImage { text-align: center; padding: 10px 0; }
	.topicsImage img { border: 1px #CCC solid; }
.topics p {
	padding: 20px 10px;
	line-height: 1.8em;
	font-size: 14px;
}
.pageTop {
	position: absolute;
	right: 40px;
	bottom: 20px;
	text-align: center;
	background-color: #F556A6;
	color: #FFF;
	width: 120px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}
	.pageTop:hover { background-color: #61D0FF; }
.topics dl { padding: 5px 10px 15px; font-size:14px; }
.topics dl dd { padding-left: 1em; }

/* ---------------------------
chuunibyo Books setting
--------------------------- */
#books4 { background-image: url(/books/chuunibyo/img/renewal/bg/bgLine.png); }
#books3 { background-image: url(/books/chuunibyo/img/renewal/bg/bgZigzag.png); }
#books2 { background-image: url(/books/chuunibyo/img/renewal/bg/bgHeart.png); }
#books1 { background-image: url(/books/chuunibyo/img/renewal/bg/bgCrossStar.png); }
.newBooks {
	position: absolute;
	top: -30px;
	left: 10px;
	border: none !important;
}
.booksImg {
	float: left;
	position: relative;
	width: 300px;
	text-align: center;
}
	.booksImg img { border: 1px #999 solid; }
.booksInfoContent {
	float: left;
	position: relative;
	width: 680px;
}
.infoTitle {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 3px;
	color: #F556A6;
	border-bottom: 3px #61D0FF solid;
	margin-bottom: 5px;
}
.infoAuthor {
	padding-right: 10px;
	text-align: right;
	color: #666;
}
	.infoAuthor span { margin: 0 10px; }
.infoStory {
	margin: 30px 20px;
	font-size: 14px;
	word-break: normal;
	line-height: 1.9em;
}
	.infoStory span { display: block; margin-bottom: 1.5em; }
.infoOutline { color: #666; padding-left: 10px; }
.info { position: absolute; right: 40px; bottom: 30px; }
	.info a {
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
		background-color: #F556A6;
		cursor: pointer;
	}
		.info a:hover {
			-webkit-box-shadow: 0 0 0 5px #FFF,0 0 0 10px #F556A6;
			-moz-box-shadow: 0 0 0 5px #FFF,0 0 0 10px #F556A6;
			-ms-box-shadow: 0 0 0 5px #FFF,0 0 0 10px #F556A6;
			-o-box-shadow: 0 0 0 5px #FFF,0 0 0 10px #F556A6;
			box-shadow: 0 0 0 5px #FFF,0 0 0 10px #F556A6;
		}
	.info a img {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -5px;
		margin-left: -10px;
	}

/* ---------------------------
chuunibyo Character setting
--------------------------- */
#characterYuta { background-image: url(/books/chuunibyo/img/renewal/bg/bgVerticalLineNarrow.png); }
#characterRikka { background-image: url(/books/chuunibyo/img/renewal/bg/bgCrossStar.png); }
#characterIsshiki { background-image: url(/books/chuunibyo/img/renewal/bg/bgZigzag.png); }
#characterNibutani { background-image: url(/books/chuunibyo/img/renewal/bg/bgVerticalLine.png); }
#characterYumehaPepapi { background-image: url(/books/chuunibyo/img/renewal/bg/bgHeart.png); }
#characterShichimiya { background-image: url(/books/chuunibyo/img/renewal/bg/bgCrossHeart.png); }
#characterAmaniji { background-image: url(/books/chuunibyo/img/renewal/bg/bgLineNarrow.png); }
.characterImg {
	float: left;
	position: relative;
	width: 250px;
	text-align: center;
}
.characterInfoContent {
	float: left;
	position: relative;
	width: 720px;
}
.characterTxt {
	margin: 25px 0 0 20px;
	font-size: 14px;
	word-break: normal;
	line-height: 1.9em;
}
	.characterTxt span { display: block; margin-bottom: 1.5em; }
		.txtName { margin-bottom: 5px !important; font-size: 16px; }
		.txtInset { margin-left: 1em; }

/* ---------------------------
chuunibyo Special setting
--------------------------- */
#gallery { background-image: url(/books/chuunibyo/img/renewal/bg/bgCrossHeart.png); }
#present { background-image: url(/books/chuunibyo/img/renewal/bg/bgStar.png); }
#other { background-image: url(/books/chuunibyo/img/renewal/bg/bgZigzag.png); }
.specialImg {
	float: left;
	position: relative;
	text-align: center;
	background-color: #FFF;
	width: 220px;
	height: 220px;
	margin: 20px;
}
.galleryImg {
	-webkit-box-shadow: 0 0 0 10px #29CA63 inset;
	-moz-box-shadow: 0 0 0 10px #29CA63 inset;
	-ms-box-shadow: 0 0 0 10px #29CA63 inset;
	-o-box-shadow: 0 0 0 10px #29CA63 inset;
	box-shadow: 0 0 0 10px #29CA63 inset;
}
.presentImg {
	-webkit-box-shadow: 0 0 0 10px #E88715 inset;
	-moz-box-shadow: 0 0 0 10px #E88715 inset;
	-ms-box-shadow: 0 0 0 10px #E88715 inset;
	-o-box-shadow: 0 0 0 10px #E88715 inset;
	box-shadow: 0 0 0 10px #E88715 inset;
}
.comment {
	-webkit-box-shadow: 0 0 0 10px #AA41E3 inset;
	-moz-box-shadow: 0 0 0 10px #AA41E3 inset;
	-ms-box-shadow: 0 0 0 10px #AA41E3 inset;
	-o-box-shadow: 0 0 0 10px #AA41E3 inset;
	box-shadow: 0 0 0 10px #AA41E3 inset;
}
.game {
	-webkit-box-shadow: 0 0 0 10px #5A66FF inset;
	-moz-box-shadow: 0 0 0 10px #5A66FF inset;
	-ms-box-shadow: 0 0 0 10px #5A66FF inset;
	-o-box-shadow: 0 0 0 10px #5A66FF inset;
	box-shadow: 0 0 0 10px #5A66FF inset;
}
.movie {
	-webkit-box-shadow: 0 0 0 10px #FF4083 inset;
	-moz-box-shadow: 0 0 0 10px #FF4083 inset;
	-ms-box-shadow: 0 0 0 10px #FF4083 inset;
	-o-box-shadow: 0 0 0 10px #FF4083 inset;
	box-shadow: 0 0 0 10px #FF4083 inset;
}
	.specialImg img { position: absolute; top: 50%; left: 50%; }
	.galleryImg img { margin-top: -13.5px; margin-left: -52.5px; }
	.presentImg img { margin-top: -11px; margin-left: -52.5px; }
	.commentImg > img, .gameImg > img, .movieImg > img { position: absolute; top: 50%; left: 50%; margin-top: -80px; margin-left: -80px; }
	.comment > img { position: absolute; top: 30px; left: 50%; margin-left: -65px; }
	.game > img { position: absolute; top: 30px; left: 50%; margin-left: -39px; }
	.movie > img { position: absolute; top: 30px; left: 50%; margin-left: -42px; }
.specialInfoContent {
	float: left;
	position: relative;
	width: 720px;
}
.specialInfo { margin: 0 20px; }
#galleryList, #presentList {
	position: relative;
	width: 600px;
	height: 300px;
	overflow: hidden;
}
	#galleryList > li, #presentList > li {
		position: absolute;
		width: 600px;
		height: 300px;
		background-color: #FFF;
	}
.specialTitle {
	padding: 8px 0 0 45px;
	color: #F556A6;
	font-size: 20px;
	font-weight: bold;
	height: 40px;
}
	.gallery1 > .specialTitle, .present1 > .specialTitle { background: url(/books/chuunibyo/img/renewal/special/num1.png) no-repeat; }
	.gallery2 > .specialTitle, .present2 > .specialTitle { background: url(/books/chuunibyo/img/renewal/special/num2.png) no-repeat; }
	.gallery3 > .specialTitle, .present3 > .specialTitle { background: url(/books/chuunibyo/img/renewal/special/num3.png) no-repeat; }
	.gallery4 > .specialTitle, .present4 > .specialTitle { background: url(/books/chuunibyo/img/renewal/special/num4.png) no-repeat; }
	.gallery5 > .specialTitle { background: url(/books/chuunibyo/img/renewal/special/num5.png) no-repeat; }
	.gallery6 > .specialTitle { background: url(/books/chuunibyo/img/renewal/special/num6.png) no-repeat; }
	.gallery7 > .specialTitle { background: url(/books/chuunibyo/img/renewal/special/num7.png) no-repeat; }
	.gallery8 > .specialTitle { background: url(/books/chuunibyo/img/renewal/special/num8.png) no-repeat; }
	.gallery9 > .specialTitle { background: url(/books/chuunibyo/img/renewal/special/num9.png) no-repeat; }
.galleryView { text-align: center; }
#galleryPrev, #presentPrev {
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 10;
}
#galleryNext, #presentNext {
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 10;
}
.presentTumb { float: left; width: 320px; margin: 0 20px; }
.wallPaperDownloadLink { float: left; width: 235px; }
.wallPaperDownloadLink h4 {
	color: #61D0FF;
	font-size: 18px;
	font-weight: bold;
}
.wallPaperDownloadLink ul li { margin: 5px; font-size: 14px; }
#otherList { text-align: center; }
#otherList > li { display: inline-block; margin: 0 30px; *display: inline; zoom: 1;}
#otherList > li > .borderR {
	position: relative;
	display: block;
	width: 300px;
	height: 300px;
	text-decoration: none;
	overflow: hidden;
	background-color: #FFF;
}
#movieList {
	position: absolute;
	width: 160px;
	height: 160px;
	top: 50%;
	left: 50%;
	margin-left: -80px;
	margin-top: -80px;
	overflow: hidden;
}
	#movieList > li {
		position: absolute;
		width: 160px;
		height: 160px;
		background-color: #FFF;
	}
#moviePrev {
	position: absolute;
	top: 50%;
	left: 25px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 10;
}
#movieNext {
	position: absolute;
	top: 50%;
	right: 25px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 10;
}
#start #siteWrap { text-align: center; background: #000; }
#start, #start #globalHeader, #start #globalFooter { background-color: #000; }
#movie { width: 800px; height: 640px; }
#soundCredit { padding: 10px 0; font-size: 10px; }
/* comment */
.CommentContent {
	width: 980px;
	margin: 40px auto;
	padding: 40px 0;
	background-color: #FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
#col1ContentBox { background-image: url(/books/chuunibyo/img/renewal/bg/bgCrossHeart.png); }
		#col1ContentBox h2 {
			padding-bottom: 0 0 20px 10px;
			font-size: 167%;
		}
#commentTitle { text-align: center; }
#commentDescription {
	font-size: 117%;
	line-height: 1.8em;
	text-align: center;
}
.caroufredsel_wrapper {
	width: 865px!important;
}
#commentCalender {
	position: relative;
	width: 865px;
	margin: 0 auto;
}
#commentCalenderList {
}
.commentCalenderListData {
	float: left;
}
.commentCalenderListData h3 {
	margin-top: 30px;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}
.commentCalenderListData table {
	margin: 20px 6.5px;
}
.commentCalenderListData th {
	font-size: 117%;
	text-align: center;
}
.commentCalenderListData td {
	width: 120px;
	height: 120px;
	border: 1px #ccc solid;
	vertical-align: top;
	background: #fff;
}
	.commentCalenderListData td:hover {
		background: #efefef;
	}
.commentCalenderListData td span {
	display: block;
	padding: 3px 0 0 3px;
	font-size: 125%;
}
.sun {
	color: red;
}
.sat {
	color: blue;
}
	#calenderControlPrev {
		position: absolute;
		top: 30px;
		left: 10px;
		z-index: 3;
	}
		#calenderControlPrev a { background: url(/books/chuunibyo/img/mainContent/comment/calenderControlBg.png) left top; }
			#calenderControlPrev a:hover { background: url(/books/chuunibyo/img/mainContent/comment/calenderControlBg.png) left -30px; }
	#calenderControlNext {
		position: absolute;
		top: 30px;
		right: 10px;
		z-index: 3;
	}
		#calenderControlNext a { background: url(/books/chuunibyo/img/mainContent/comment/calenderControlBg.png) right top; }
			#calenderControlNext a:hover { background: url(/books/chuunibyo/img/mainContent/comment/calenderControlBg.png) right -30px; }
	#calenderControlPrev a, #calenderControlNext a {
		width: 30px;
		height: 30px;
		display: block;
		cursor: pointer;
	}
.commentData {
	text-align: center;
}
	.commentDataThumb {
		padding: 5px 0;
	}
		.commentDataThumb a {
			display: block;
		}
			.commentDataThumb a img {
				border: 1px #ccc solid;
			}
	.commentDataText {
		padding-top: 25px;
		background: url(/books/chuunibyo/img/mainContent/comment/commentDataTextBg.png) no-repeat center top;
	}
		.commentDataText a {
			color: #ff66cc;
			text-decoration: underline;
		}
			.commentDataText a:hover {
				text-decoration: none;
			}
	.commentData h4 {
		line-height: 32px;
	}
.prettyPopin {
	border: 1px solid #C7C7C7;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,.60);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,.60);
	box-shadow: 0px 0px 0px 20px 0px rgba(0,0,0,.60);
}
.prettyContent {
	text-align: center;
	background: #fff!important;
}
.prettyPopin a#b_close {
	width: 19px;
	height: 19px;
	background: url(/img/prettyPopin/close.png) no-repeat top left;
}
	.prettyPopin a#b_close:hover {
		background: url(/img/prettyPopin/close.png) no-repeat 0 -19px;
	}

.popup {
	width: auto;
	min-width: 640px;
}

.popup .nameBox {
	margin: 0 120px;
	padding: 10px 0;
	font-size: 133%;
	font-weight: bold;
	background: url(/books/chuunibyo/img/renewal/special/comment/commentDataNameBorder.png) repeat-x center bottom;
}
.popup .day {
	text-align: right;
	color: #ff66cc;
}

.popup .illust {
	margin: 5px auto;
}
.popup .illust img {
	border: 1px #ccc solid;
}
.popup .txt {
	width: 540px;
	padding: 40px 50px 30px;
	font-size: 108%;
	line-height: 1.8em;
	text-align: left;
	background: url(/books/chuunibyo/img/renewal/special/comment/commentDataTextFullBg.png) no-repeat left top;
}