@charset "UTF-8";


/*============================================================**
【style.css index】
01. news
02.introduction
03.story
04.character
05.cast
06.products
07.special
=============================================================**/


/* ===============================================
01.news
=============================================== */
#news #outer {
	background: url(/common/images/bg_outer.png)  50% 258px no-repeat;
}
#news #center {
	height: 0;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 1000;
}
#news div.newsBox {
	margin-bottom: 30px;
}
#news div.newsBox p {
	font-size: 120%;
}
#news div.newsBox div.newsBoxHead {
	background: url(/news/images/bg_box_header.png) repeat-y;
	padding-left: 20px;
	padding-top: 12px;
	padding-bottom: 10px;
}
#news div.newsBox a {
	color: #bf9d52;
}
#news div.edge {
	margin-bottom: 0;
}
#news h2.newsTitle {
	font-size: 180%;
	color: #ffffff;
	padding-bottom: 8px;
}
#news span.newsDate {
	font-size: 130%;
	color: #bf9d52;
}
#news .newsBoxInner {
	background: url(/news/images/bg_box.png) repeat-y;
	padding-left: 45px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 12px;
	line-height: 1.3;
}

/*
#news p.newsImg {
	width: 240px;
	float: left;
}
#news div.newsTxt {
	width: 385px;
	float: right;
}*/
#news ul.share {
	margin-top: 40px;
	margin-left: 350px;
}
#news li.tw {
	float: left;
	width: 120px;
}
#news li.fb {
	float: left;
	width: 160px;
}
#news #backNumList {
	background: url(/news/images/bg_latestnews.png) repeat-y;
}
#news li.newsItem {
	border-bottom: 1px solid #050505;
	padding-top: 17px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
#news li.last {
	border-bottom: none;
}
#news p.newsDate {
	font-size: 100%;
	color: #bf9d52;
}
#news p.newsTitle {
	font-size: 100%;
	color: #ffffff;
}
#news #pageNation {
	background: url(/news/images/bg_box_header.png) repeat-y;
	height: 40px;
	margin-bottom: 30px;
}
#news #pageNation p {
	color: #ffffff;
	font-size: 120%;
	padding-top: 12px;
	text-align: center;
}
#news #pageNation a {
	color: #ffffff;
}
#news #pageNation span.current_page {
	color: #bf9d52;
}
#news #shape01_news {
	position: absolute;
	left: -741px;
	top: 455px;
}
#news #shape02a_news {
	position: absolute;
	left: 400px;
	top: 568px;
}
#news #shape02b_news {
	position: absolute;
	left: 272px;
	top: 632px;
}
#news #shape02c_news {
	position: absolute;
	left: 146px;
	top: 697px;
}
#news .bold {
	font-weight: bold;
}
#news .big {
	font-size: 16px;
}
#news div.coloring {
	padding: 12px;
	background-color: #EAEAEA;
}
#news p.copyright {
	padding-top: 20px;
}
/* ===============================================
02.introduction
=============================================== */
#intro {
}
#intro #outer {
	background: url(/common/images/bg_outer02.png)  46% 258px no-repeat;
}
#intro #center {
	height: 0;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 100;
}
#intro #center_nofix {
	height: 0;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 100;
}
#intro #bg_intro {
	background: url(/introduction/images/bg_intro.png) no-repeat;
	width: 910px;
	height: 670px;
	position: relative;
}
#intro #texts {
	padding-top: 40px;
	margin-left: 60px;
}
#intro #visual {
	top: 81px;
	left: 524px;
	position: absolute;
	z-index: 2000;
}
#intro #copy_r {
	top: 362px;
	left: 564px;
	position: absolute;
	z-index: 2000;
}
#intro #shape01_intro {
	position: absolute;
	left: -741px;
	top: 570px;
}
#intro #shape02a_intro {
	position: absolute;
	left: 356px;
	top: 291px;
}
#intro #shape02b_intro {
	position: absolute;
	left: 228px;
	top: 355px;
}
#intro #shape02c_intro {
	position: absolute;
	left: 98px;
	top: 420px;
}
#intro #shape03_intro {
	position: absolute;
	left: -667px;
	top: 176px;
}
#intro #shape04_intro {
	position: absolute;
	left: 260px;
	top: 590px;
}
/* ===============================================
03.story
=============================================== */

#story #outer {
	background: url(/common/images/bg_outer.png)  50% 258px no-repeat;
}
#story #center {
	height: 0;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 100;
}
#story #storyHeader {
	background: url(/story/images/bg_story_header.png) no-repeat;
	height: 64px;
	padding-left: 15px;
	position: relative;
}
#story #storyCount {
	float: left;
	width: 130px;
}
#story #storyDate {
	float: left;
	width: 200px;
	margin-top: 23px;
	display: block;
	color: #bf9d52;
}
#story #buttons {
	width: 184px;
	top: 18px;
	right: 10px;
	position: absolute;
}
#story #btn_prev {
	top: 0;
	left: 0;
	position: absolute;
}
#story #btn_next {
	top: 0;
	right: 0;
	position: absolute;
}
#story #storyInner {
	background: url(/story/images/bg_story_inner.jpg) repeat-y;
	padding-left: 45px;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 25px;
}
#story #storyInner h2 {
	margin-bottom: 20px;
	font-size: 240%;
	font-weight: bold;
	color: #ab832c;
}
#story #storyImage {
	margin-bottom: 30px;
}
#story #storyText {
	padding-bottom: 15px;
	padding-right: 30px;
	line-height: 1.6;
}
#story #storyStaff {
	padding-bottom: 45px;
	padding-right: 30px;
	line-height: 1.6;
}
#story .noDisplay {
	visibility: hidden;
}
#story #aside .storyItem {
	background: url(/story/images/bg_backNum_01.png) repeat-y;
	padding: 10px 20px;
}
#story #aside .storyItemWrap {
	background: url(/story/images/bg_backNum_02.png) 0 bottom no-repeat;
}
#story #aside .edge {
	background: none;
}
#story #aside .storyCount {
	color: #fff;
	padding-bottom: 4px;
}
#story #aside .storyTitle a {
	color: #bf9d52;
}
#story #shape01_story {
	position: absolute;
	left: -741px;
	top: 455px;
}
#story #shape02a_story {
	position: absolute;
	left: 400px;
	top: 568px;
}
#story #shape02b_story {
	position: absolute;
	left: 272px;
	top: 632px;
}
#story #shape02c_story {
	position: absolute;
	left: 146px;
	top: 697px;
}
/* ===============================================
04.character
=============================================== */
#character {
	
}
#character #outer {
	background: url(/common/images/bg_outer02.png)  46% 258px no-repeat;
}
#character #center {
	height: 0;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 100;
}
#character #center_nofix {
	height: 0;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 100;
}
#character #bg_character {
	background: url(/character/images/bg_character.png) no-repeat;
	width: 910px;
	height: 720px;
	position: relative;
}
#character #nameList {
	float: left;
	width: 136px;
	margin-left: 35px;
	margin-right: 35px;
	display: block;
	background: url(/character/images/bg_namelist.png) no-repeat;
	position: relative;
	z-index: 3000;
}
#character li.nameBtn {
	margin-bottom: 6px;
}
#character li.nameBtnLast {
	margin-bottom: 134px;
}
#character #firstBtn {
	margin-top: 20px;
}
#character #arrow_l {
	display: none;
	position: absolute;
	top: 327px;
	left: 200px;
	cursor: pointer;
}
#character #arrow_r {
	position: absolute;
	top: 327px;
	left: 708px;
	cursor: pointer;
}
#character #mask {
	position: absolute;
	z-index: 2000;
	left: 10px;
}
#character #imageBox {
	width: 890px;
	height: 690px;
	left: 10px;
	position: absolute;
	z-index: 1000;
	overflow: hidden;
}

#character #boxRight {
	position: absolute;
	left: 672px;
	top: 45px;
	z-index: 3000;
}
#character #icon {
	position: relative;
	z-index: 3000;
}
#character #charaName {
	margin-bottom: 26px;
}
#character #charaName li {
	display: none;
}
#character #charaName #nameTxt0 {
	display: block;
}
#character #charaTxt li {
	display: none;
}
#character #charaTxt #charaTxt0 {
	display: block;
}
#character #imgList {
	position: absolute;
	left:0;
	top:0;
}
#character li.slide {
	float: left;
	width: 910px;
}
#character #shape01_character {
	position: absolute;
	left: -741px;
	top: 570px;
}
#character #shape02a_character {
	position: absolute;
	left: 356px;
	top: 291px;
}
#character #shape02b_character {
	position: absolute;
	left: 228px;
	top: 355px;
}
#character #shape02c_character {
	position: absolute;
	left: 98px;
	top: 420px;
}
#character #shape03_character {
	position: absolute;
	left: -667px;
	top: 176px;
}
#character #shape04_character {
	position: absolute;
	left: 260px;
	top: 590px;
}

/* ===============================================
05.cast
=============================================== */
#cast #outer {
	background: url(/common/images/bg_outer02.png)  46% 258px no-repeat;
}
#cast #bg_cast {
	background: url(/cast/images/bg_cast.png) no-repeat;
	width: 910px;
	height: 615px;
	position: relative;
}
#cast #bg_cast2 {
	background: url(/cast/images/bg_cast2.png) no-repeat;
	width: 910px;
	height: 765px;
	position: relative;
}
#cast #center {
	height: 0;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 100;
}
#cast #center_nofix {
	height: 0;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 100;
}
#cast #content-cast {
	margin-top:68px ;
	margin-left:155px ;
	width: 190px;
	float: left;
}

#cast #content-cast h2 {
	margin-bottom: 30px;
}

#cast #content-cast li {
	margin-bottom: 18px;
}

#cast #content-staff {
	margin-top:68px ;
	margin-left:100px ;
	width: 315px;
	float: left;
}

#cast #content-staff h2 {
	margin-bottom: 30px;
}

#cast #content-staff li {
	margin-bottom: 18px;
}

#cast #shape01_cast {
	position: absolute;
	left: -741px;
	top: 570px;
}
#cast #shape02a_cast {
	position: absolute;
	left: 356px;
	top: 291px;
}
#cast #shape02b_cast {
	position: absolute;
	left: 228px;
	top: 355px;
}
#cast #shape02c_cast {
	position: absolute;
	left: 98px;
	top: 420px;
}
#cast #shape03_cast {
	position: absolute;
	left: -667px;
	top: 176px;
}
#cast #shape04_cast {
	position: absolute;
	left: 260px;
	top: 590px;
}



/* ===============================================
06.products
=============================================== */
#products {
}
#products #outer {
	background: url(/common/images/bg_outer.png)  50% 258px no-repeat;
}
#products #center {
	height: 0;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 1000;
}
#products #center_nofix {
	height: 0;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 100;
}
#products #category {
	background: url(/products/images/bg_category.png) no-repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 40px;
	margin-bottom: 20px;
	height: 48px;
}

#products #cd,
#products #dvd,
#products #comics,
#products #others {
	float: left;
	width: 130px;
	padding-right: 20px;
}
#products div.item {
	background: url(/products/images/bg_item.jpg) repeat-y;
	width: 910px;
	margin-bottom: 30px;
}
#products div.itemInner {
	padding: 30px 45px;
}
#products div.itemLeft {
	float: left;
	width: 240px;
}
#products div.itemRight {
	float: left;
	width: 503px;
	padding-left: 30px;
	font-size: 12px;
	line-height: 1.3;
}
#products div.itemRight img {
	border: 1px solid #000000;
}
#products div.itemRight a {
	color: #a57204;
}
#products div.itemInner span {
	color: #a57204;
}
#products div.coloring {
	padding: 12px;
	background-color: #EAEAEA;
}

#products p.comicLead {
	margin-top: 10px;
}
#products h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 14px;
}
#products h3 {
	font-size: 15px;
}

#products #pageNation {
	background: url(/products/images/bg_category.png) no-repeat;
	height: 40px;
}
#products #pageNation p {
	color: #ffffff;
	font-size: 120%;
	padding-top: 12px;
	text-align: center;
}
#products #pageNation a {
	color: #ffffff;
}
#products #pageNation a.current {
	color: #bf9d52;
}
#products #shape01_products {
	position: absolute;
	left: -741px;
	top: 455px;
}
#products #shape02a_products {
	position: absolute;
	left: 400px;
	top: 568px;
}
#products #shape02b_products {
	position: absolute;
	left: 272px;
	top: 632px;
}
#products #shape02c_products {
	position: absolute;
	left: 146px;
	top: 697px;
}
#products div.edge {
	margin-bottom: 0;
}
#products ul.comicList {
	margin-bottom: 30px;
	padding-left: 34px;
}
#products ul.edge {
	margin-bottom: 0;
}
#products li.comicItem {
	float: left;
	width: 150px;
	padding-right: 50px;
}
#products li.edge {
		padding-right: 0;
}
#products li.comicItem img {
	border: 1px solid #000000;
}
#products li.comicItem p {
	margin-bottom: 6px;
}
#products p.comicTitle {
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
}
#products .bold {
	font-weight: bold;
}
#products ul.share {
	margin-top: 40px;
	margin-left: 350px;
}
#products li.tw {
	float: left;
	width: 120px;
}
#products li.fb {
	float: left;
	width: 160px;
}
#products p.copyright {
	padding-top: 50px;
}
/* ===============================================
07.special
=============================================== */
#special {
}
#special #outer {
	background: url(/common/images/bg_outer02.png)  46% 258px no-repeat;
}
#special #center {
	height: 0;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 1000;
}
#special .specialInner01 {
	background: url(/special/images/bg_special.png) repeat-y;
	width: 865px;
	padding-left: 45px;
	padding-top: 60px;
	position: relative;
	margin-bottom:30px;
	min-height: 281px;
}
#special .specialInner02 {
	background: url(/special/images/bg_special.png) repeat-y;
	width: 865px;
	padding-left: 45px;
	padding-top: 25px;
	position: relative;
	margin-bottom:30px;
	min-height: 555px;
}
#special .specialInner01 h2,
#special .specialInner02 h2 {
	margin-bottom: 20px;
	font-size: 240%;
	font-weight: bold;
	color: #ab832c;
}
#special .banner {
	padding-bottom:30px;
	width: 820px;
}
#special .bannerLeft {
	float:left;
	width: 385px;
}

#special .bannerRight {
	float:right;
	width: 385px;
}
#special p.copyright {
	padding-top: 20px;
}
#special #shape01_special {
	position: absolute;
	left: -741px;
	top: 570px;
}
#special #shape02a_special {
	position: absolute;
	left: 356px;
	top: 291px;
}
#special #shape02b_special {
	position: absolute;
	left: 228px;
	top: 355px;
}
#special #shape02c_special {
	position: absolute;
	left: 98px;
	top: 420px;
}
/*--- 07-2. individual special page */
#special #bg_special {
	background: url(/special/images/bg_special2.png) repeat-y;
	width: 910px;
}

#special #contentInner {
	width: 790px;
	margin-left: 60px;
	margin-bottom: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
}
#special #contentInner2 {
	width: 790px;
	margin-left: 60px;
	margin-bottom: 20px;
	padding-top: 0;
	padding-bottom: 40px;
}
#special #serigami_tit {
	width: 790px;
	margin-left: 8px;
	margin-bottom: 0;
}

#special #topImg {
	margin-bottom: 30px;
}

#special .comment_tit {
	margin-bottom: 13px;
}

#special hr.comment {
	border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin-bottom: 13px;
	margin-top: 20px;
}

#special div.txtBox {
	margin-top: 30px;
	margin-bottom: 30px;
}
#special .txt14 {
	font-size:14px;
}
#special .comment_inner {
	font-size:14px;
	margin:0 24px 12px 12px;
}

#special div.txtBox2 {
	background-color:#fbfbc8;
	border:#14a73c solid 1px;
}

#special div.txtBoxInner {
	padding-left: 20px;
	padding-right: 20px;
	background: url(/special/images/box_mid.png) repeat-y;
}
#special div.txtBoxInner2 {
	padding: 20px;
}
#special div.txtBoxInner3 {
	margin-bottom: 14px;
}
#special div.txtBoxInner h3 {
	font-size: 210%;
	}
#special div.txtBoxInner p {
	font-size: 145%;
	line-height: 1.3;
}
#special div.txtBoxInner3 p {
	line-height: 1.3;
}
#special a {
	color: #bf9d52;
}
#special h3 {
	font-size: 180%;
	margin-bottom: 8px;
}
#special h4 {
	font-weight: bold;
	margin-bottom: 6px;
	font-size: 120%;
}
#special .profileBox {
	margin-bottom: 30px;
}
#special .profileBox p {
	line-height: 1.5;
}
#special .profileBox h3 {
	margin-bottom: 15px;
}
#special .l_01 {
	width: 280px;
	float: left;
	margin-right: 40px;
}
#special .r_01 {
	width: 470px;
	float: left;
}
#special ul.links {
	margin-top: 30px;
	line-height: 2.0;
	font-size: 120%;
}
#special ul.links span {
	padding-right: 5px;
}
#special .l_oharu {
	width: 385px;
	float: left;
	margin-right: 20px;
	background: url(/special/images/bg_oharu.jpg) no-repeat;
	min-height: 400px;
}
#special .r_hibachi {
	width: 385px;
	float: left;
	background: url(/special/images/bg_hibachi.jpg) no-repeat;
	min-height: 400px;
}
#special .explain {
	margin-top: 15px;
	margin-left: 180px;
	width: 205px;
}
#special dl.explainTxt {
	margin-top: 15px;
}
#special dl.explainTxt dt {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 2px;
}
#special dl.explainTxt dd {
	font-size: 120%;
}

#special .serigamiBox {
	margin-bottom: 30px;
}
#special .serigamiBox p {
	line-height: 1.5;
}

#special .l_serigami {
	width: 300px;
	float: left;
	margin-right: 20px;
}
#special .r_serigami {
	width: 420px;
	float: right;
}

#special .l_kabutomu {
	width: 460px;
	float: left;
	margin-right: 20px;
}
#special .r_kabutomu {
	width: 310px;
	float: right;
}

#special #pageNation {
	background: url(/special/images/bg_box_header.png) repeat-y;
	height: 40px;
	margin-bottom: 12px;
}
#special #pageNation p {
	color: #ffffff;
	font-size: 120%;
	padding-top: 12px;
	text-align: center;
}
#special #pageNation a {
	color: #ffffff;
}
#special #pageNation span.current_page {
	color: #bf9d52;
}

#special #contentInner2 article{
	width:380px;
	padding:0 10px 0px 0px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	letter-spacing:0;
	}
	
#special #contentInner2 article strong{
	display:block;
	margin-top:8px;
	margin-bottom:12px;
	text-align:center;
}