@charset "utf-8";
/* CSS Document */
* { }

body { margin:0; padding:0; background: url(../images/body_back.jpg) top left repeat-x; font-size:0.8em; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height:1.4em}

#wrapper{ width:920px; margin:0 auto; padding:0 16px; background:url(../images/wrapper_back.png) center top repeat-y; _background:url(../images/wrapper_back.gif) 14px 0 repeat-y;}
#innee_wrapper { width:896px; margin:0 auto; background: url(../images/innerwrapper_back.jpg) bottom left repeat-x;}

#header { height:120px; background:url(../images/header.jpg) top left no-repeat; text-align:right; padding:0 0 0 240px;}
#header h1 { margin:0; padding:60px 20px 0 0; font-size:1.3em; height:26px; color:#666;}
#header ul { margin:0; padding:0; list-style:none;}
#header li { display:block; margin:0 5px 0 0; padding:0; height:34px; width:104px; overflow:hidden; float:left;}
#header li a { display:block; width:104px; padding-top:37px; }
	#header li a.home { background:url(../images/global_home.jpg) 0 -35px no-repeat;}
	#header li a.information { background:url(../images/global_information.jpg) 0 -35px no-repeat;}
	#header li a.charactor { background:url(../images/global_character.jpg) 0 -35px no-repeat;}
	#header li a.story { background:url(../images/global_story.jpg) 0 -35px no-repeat;}
	#header li a.blog { background:url(../images/global_blog.jpg) 0 -35px no-repeat;}
	#header li a.contact { background:url(../images/global_contact.jpg) 0 -35px no-repeat;}
	

	#header li a.here, #header li a:hover { background-position:0 0;}

#contents_wrapper { background:url(../images/right_area_back.gif) right top repeat-y;}

#contents { width:725px; float:left;}
#banner_section { width:160px; margin-right:5px; float:right;}
#banner_section div { margin:5px 0;}
#banner_section img { border:none;}


#footer { background:url(../images/footer_bar.png) bottom left no-repeat; margin-top:5px; padding-top:36px; padding-right:125px; text-align:right; clear:both; _background:url(../images/footer_bar.gif) bottom left no-repeat;}
#footer ul { display:block; list-style:none; margin:0px 0 0 0; padding:0; font-size:0.9em;}
#footer li { display:inline; margin:0; padding:0;}
#footer li a { padding:0 6px; border-left:1px solid #666; color:#666; text-decoration:none;}
#footer p#copyright { margin:0 6px; padding:12px 0 5px 0; font-family:Arial, Helvetica, sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color:#666;}


/* トップページ用 */
#top_main { margin-bottom:12px;}
#top_info { float:left; width:517px; margin-left:5px; _margin-left:2px; }
	#top_info #title { height:27px; overflow:hidden; background:url(../images/top_information.png) top left no-repeat;}
		#top_info #title h2 { padding:30px;}	
	#top_info dl { margin:10px 5px; height:30em; overflow:scroll;}	
	#top_info li { list-style-image:url(../images/information_marker.gif); margin:0; padding:10px 0;}


#top_info dt,
#top_info dd {
	line-height: 1.6;
}

#top_info dt{
	background: url(../images/information_marker.gif) no-repeat left 0px;
	padding:12px 30px 0;
}

#top_info dd {
	margin: -1.6em 0 8px 0;
	padding: 0 0 14px 8em;
	background: url(../images/bot_line.gif) repeat-x left bottom;
}

#top_info dd span {
	display: block;
	padding: 0 0 0 15px;
}

#top_info dd span a { text-decoration: none;}


#top_banner { float:right; width:200px;}
	#top_banner img { border:none;}
	#top_banner a { text-decoration:none; color:#666;}
	#top_banner div { margin-bottom:5px;}

#special_banner { clear:both; }
	#special_banner a { margin-bottom:5px; }
	#special_banner a img { border:none;}
	
#top_banner ul#novel_menu { list-style:none; margin:0 0 0 0; padding:0 0 10px 14px;}
#top_banner ul#novel_menu li { margin:0 6px;}
	

/* 汎用ページ */
#contents #contentstitle, #contents #contentstitle2, #contents #contentstitle3, #contents #contentstitle4 { height:55px; width:725px; overflow:hidden; margin-bottom:5px;}
#contents #contentstitle h1, #contents #contentstitle2 h1,#contents #contentstitle3 h1, #contents #contentstitle4 h1 { padding:70px 0 0 0; margin:0; font-size:0.8em; }
	#contentstitle.charactor { background:url(../images/chara_title.gif) top left no-repeat;}
	#contentstitle2.story { background:url(../images/story_title.gif) top left no-repeat;}
	#contentstitle3.information { background:url(../images/information_title.gif) top left no-repeat;}
	#contentstitle4.novel { background:url(../images/novel_title.gif) top left no-repeat;}


/* キャラクター紹介 */
#chara_data { background:#FFF; margin-bottom:15px; padding:0 0 15px 0 0; line-height:1.3em;}
#charactorinfo { height:400px; overflow:visible; padding:70px 400px 10px 50px; margin-bottom:5px;}
#charactorinfo2 { height:400px; overflow:visible; padding:70px 400px 10px 50px; margin-bottom:5px;}
	#charactorinfo p { margin:15px 0; padding:0;}
	#charactorinfo.akita01 { background:url(../images/chara_akita01.jpg) top left no-repeat #FFF;}
	#charactorinfo2.akita02 { background:url(../images/chara_akita02.jpg) top left no-repeat #FFF;}
#charactorinfo_data { margin:0 50px 0 50px;}
	#charactorinfo_data #plofile { float:left; width:200px;}
	#charactorinfo_data #likes { float:right; width:400px;}
	#charactorinfo_data p { clear:both; margin-bottom:15px;}
	#charactorinfo #comment { font-weight:bold;}

/* 商品紹介 */
#iteminformation { margin:0 50px 10px 50px;}
#iteminformation #photo { width:250px;}
#iteminformation #infobody { width:370px;}
#iteminformation #informationtitle, #iteminformation #informationtitle2, #iteminformation #informationtitle3, #iteminformation #informationtitle4 { height:47px; width:370px; overflow:hidden; margin-bottom:10px;}
#iteminformation #informationtitle.about { background:url(../images/info_sub01.jpg) top left no-repeat;}
#iteminformation #informationtitle2.inaniwaudon { background:url(../images/info_sub02.jpg) top left no-repeat;}
#iteminformation #informationtitle3.hinaijidori { background:url(../images/info_sub03.jpg) top left no-repeat;}
#iteminformation #informationtitle4.designer { background:url(../images/info_sub04.jpg) top left no-repeat;}
#iteminformation #informationtitle h2, #iteminformation #informationtitle2 h2, #iteminformation #informationtitle3 h2, #iteminformation #informationtitle4 h2 { padding:60px 0 0 0; font-size:0.8em;}
#iteminformation p { padding:0 0 0 15px;}
#iteminformation #designer_profile { border:1px solid #FF6600; padding:10px;}
#iteminformation #designer_profile p { padding:0 0 0 0; margin:0;}
#clear { clear:both;}

.right { float:right;}
.left { float:left;}
.t_center { text-align:center;}

/* 限定品 */
#period { text-align:center; padding:5px; border:1px solid #F00; background:#FFAADD;}

#limited_button { width:624px; height:60px; overflow:hidden; margin:15px 0;}
#limited_button a { display:block; width:624px; padding:62px 0 0 0; background:url(../images/btn_applies.gif) top left no-repeat;}
#limited_button a:hover { background-position:0 -60px; }

/* 法規表示 */
.legally { padding:50px; }
.legally h1 { font-size:1.4em; color:#FF6600; border-bottom:1px solid #F60;}
.legally h2, .legally h3 { font-size:1.2em; color:#FF6600;}
.legally h2 span { font-size:1em; font-weight:normal;}
.legally h3 { border-bottom:1px solid #F60;}
.legally h4 { margin-bottom:0;}

.legally table { border-top:1px solid #CCC; border-left:1px solid #CCC; width:625px;}
.legally th { background:#FF9933; border-bottom:1px solid #CCC; border-right:1px solid #CCC; margin:0; padding:5px;}
.legally td { background:#FFF; border-bottom:1px solid #CCC; border-right:1px solid #CCC; margin:0; padding:5px;}

/* 小説 */
#novel { padding:0; background:url(../images/novel_main_bg1.jpg) center -10px   no-repeat; width725px; }
#novel1st { padding:10px 25px; background:url(../images/novel_1st.png) center bottom no-repeat fixed; width:675px; _background:url(../images/novel_1st.gif) center bottom no-repeat fixed; }
#novel2nd { padding:10px 25px; background:url(../images/novel_2nd.png) center bottom no-repeat fixed; width:675px; _background:url(../images/novel_2nd_g.gif) center bottom no-repeat fixed; }
#novel3rd { padding:10px 25px; background:url(../images/novel_3rd.png) center bottom no-repeat fixed; width:675px; _background:url(../images/novel_3rd_g.gif) center bottom no-repeat fixed; }
#novel4th { padding:10px 25px; background:url(../images/novel_4th.png) center bottom no-repeat fixed; width:675px; _background:url(../images/novel_4th_g.gif) center bottom no-repeat fixed; }
#novel5th { padding:10px 25px; background:url(../images/novel_5th.png) center bottom no-repeat fixed; width:675px; _background:url(../images/novel_5th_g.gif) center bottom no-repeat fixed; }
#novel6th { padding:10px 25px; background:url(../images/novel_6th.png) center bottom no-repeat fixed; width:675px; _background:url(../images/novel_6th_g.gif) center bottom no-repeat fixed; }

#novelimage { padding:10px 25px;}
#novel p { font-size:larger; width:450px;  }
#novel_menu { list-style:none; margin:0 0 0px 385px; padding:0 0 10px 0;}
#novel_menu li { display:block; width:47px; height:20px; overflow:hidden; float:left;}
#novel_menu li a { display:block; width:47px; padding:40px 0 0 0;}
#novel_menu li a.n1 { background:url(../images/novel_m1.png) top left no-repeat; _background:url(../images/novel_m1.gif) top left no-repeat;}
#novel_menu li a.n2 { background:url(../images/novel_m2.png) top left no-repeat; _background:url(../images/novel_m2.gif) top left no-repeat;}
#novel_menu li a.n3 { background:url(../images/novel_m3.png) top left no-repeat; _background:url(../images/novel_m3.gif) top left no-repeat;}
#novel_menu li a.n4 { background:url(../images/novel_m4.png) top left no-repeat; _background:url(../images/novel_m4.gif) top left no-repeat;}
#novel_menu li a.n5 { background:url(../images/novel_m5.png) top left no-repeat; _background:url(../images/novel_m5.gif) top left no-repeat;}
#novel_menu li a.n6 { background:url(../images/novel_m6.png) top left no-repeat; _background:url(../images/novel_m6.gif) top left no-repeat;}
#novel_menu li a:hover { background-position:0 -22px;}

#novel_num { width:675px; height:43px; overflow:hidden; clear:both;}
#novel_num h2.n_mun1 { margin:0; padding:50px 0 0 0; background:url(../images/novel_cap1.png) top left no-repeat; _background:url(../images/novel_cap1.gif) top left no-repeat;}
#novel_num h2.n_mun2 { margin:0; padding:50px 0 0 0; background:url(../images/novel_cap2.png) top left no-repeat; _background:url(../images/novel_cap2.gif) top left no-repeat;}
#novel_num h2.n_mun3 { margin:0; padding:50px 0 0 0; background:url(../images/novel_cap3.png) top left no-repeat; _background:url(../images/novel_cap3.gif) top left no-repeat;}
#novel_num h2.n_mun4 { margin:0; padding:50px 0 0 0; background:url(../images/novel_cap4.png) top left no-repeat; _background:url(../images/novel_cap4.gif) top left no-repeat;}
#novel_num h2.n_mun5 { margin:0; padding:50px 0 0 0; background:url(../images/novel_cap5.png) top left no-repeat; _background:url(../images/novel_cap4.gif) top left no-repeat;}
#novel_num h2.n_mun6 { margin:0; padding:50px 0 0 0; background:url(../images/novel_cap6.png) top left no-repeat; _background:url(../images/novel_cap4.gif) top left no-repeat;}
#novel_num h2.n_mun7 { margin:0; padding:50px 0 0 0; background:url(../images/novel_cap7.png) top left no-repeat; _background:url(../images/novel_cap4.gif) top left no-repeat;}
#novel_num h2.n_mun8 { margin:0; padding:50px 0 0 0; background:url(../images/novel_cap8.png) top left no-repeat; _background:url(../images/novel_cap4.gif) top left no-repeat;}

#novel .copy { text-align:right; width:430px; margin-bottom:10px;}
#novel .copy_illust { text-align:right; margin-bottom:10px;}