@charset "utf-8";

/* CSS Document */



/* ALL_setting */

*{margin:0; padding:0;}



#wrapper {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

}



body{

	background-position: center top;

	background-color: #3A1818;

	background-image: url(../image/background_red.jpg);

	background-repeat: repeat-y;

}



html,body {

scrollbar-arrow-color: #423314;

scrollbar-face-color: #C2BBA5;

scrollbar-highlight-color: #D6D1C3;

scrollbar-shadow-color: #B1AB8E;

scrollbar-3dlight-color: #D6D1C3;

scrollbar-darkshadow-color: #B1AB8E;

scrollbar-track-color: #E6E1D8;

}



.main_box {

	width: 962px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	background-image: url(../image/bg_main.png);

	background-repeat: repeat-y;

}



.clear{clear:both;}



h1,h2,h3{display:none; visibility:hidden; text-indent:-9999px;}





/* MENU_setting */

.menu_box {

	width: 950px;

	height: 75px;

	background-image: url(../image/bg_menu_top.png);

}



.menu_box2 {

	width: 950px;

	height: 75px;

	background-image: url(../image/bg_menu_contents.png);

}



.contents_box {

	width: 950px;

	margin: auto;

}

.top_image {

	height: 684px;

	width: 950px;

	background-image: url(../image/bg_top_main.png);

}

.top_rightbox {

	width: 374px;

	float: right;

	margin-top: 5px;

}



.footer-box {

	margin: auto;

	width: 962px;

	height: 200px;

	background-image: url(../image/bg_footer.png);

	background-repeat: no-repeat;

}



.footer-box2 {

	margin: auto;

	width: 962px;

	height: 200px;

	background-image: url(../image/bg_contents_footer.png);

	background-repeat: no-repeat;

}



.footer-box3 {

	margin: auto;

	width: 962px;

	height: 200px;

	background-image: url(../image/bg_character_footer.png);

	background-repeat: no-repeat;

}



.footer_text {

	font-weight: bold;

	color: #FFF;

	font-size: 14px;

	text-align: center;

}

.footer_link {

	text-align: center;

	font-size: 12px;

	color: #FFF;

	margin-top: 20px;

	font-weight: bold;

}

.whats_news_box {

	width: 371px;

	height: 231px;

	background-image: url(../image/new_box.png);

}

.special_contents_box {

	height: 320px;

	width: 371px;

	background-image: url(../image/special_box.png);

}

.menu_bottom1 {

	height: 40px;

	width: 97px;

	float: left;

	margin-right: 2px;

	margin-top: 18px;

}

.menu_bottom2 {

	height: 40px;

	width: 97px;

	float: left;

	margin-top: 18px;

}

.story_image {

	height: 517px;

	width: 876px;

	margin-top: 35px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



.interview_image {

	height: 950px;

	width: 944px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}



.character_box1 {

	height: 487px;

	width: 880px;

	margin-top: 15px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_charlotte.png);

	background-repeat: no-repeat;

}



.character_box2 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_lang.png);

	background-repeat: no-repeat;

}



.character_box3 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_vanilla.png);

	background-repeat: no-repeat;

}



.character_box4 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_rosette.png);

	background-repeat: no-repeat;

}





.character_box5 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_noix.png);

	background-repeat: no-repeat;

}





.character_box6 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_miel.png);

	background-repeat: no-repeat;

}





.character_box7 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_elysee.png);

	background-repeat: no-repeat;

}





.character_box8 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_piper.png);

	background-repeat: no-repeat;

}





.character_box9 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_puppetmaster.png);

	background-repeat: no-repeat;

}



.character_box10 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_kodiak.png);

	background-repeat: no-repeat;

}



.character_box11 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_kirsche.png);

	background-repeat: no-repeat;

}



.character_box12 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_kasebeck.png);

	background-repeat: no-repeat;

}



.character_box13 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_cornet.png);

	background-repeat: no-repeat;

}



.character_box14 {

	height: 487px;

	width: 880px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	background-image: url(../image/ch_barbados_and_asche.png);

	background-repeat: no-repeat;

}









.charlotte_text {

	float: right;

	width: 358px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #423314;

	height: 225px;

	z-index: auto;

	overflow: auto;

	padding-right: 8px;

	line-height: 18px;

}

.character_space {

	padding-right: 77px;

	padding-top: 175px;

}

.characer_title {

	height: 32px;

	width: 910px;

	margin-top: 15px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

}

.character_sum1 {

	height: 100px;

	width: 100px;

	float: left;

	margin-right: 13px;

}



.character_sum2 {

	height: 100px;

	width: 30px;

	float: left;

}



.character_sumbox {

	width: 880px;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

}

.menu_title {

	float: left;

	height: 69px;

	width: 252px;

	margin-right: 0px;

}

.news_box {

	width: 290px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	height: 120px;

	overflow: auto;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	line-height: 16px;

	color: #423314;

}

.page_up {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	color: #FFF;

	margin-top: 8px;

	width: 880px;

	text-align: right;

	margin-right: auto;

	margin-left: auto;

}

.special_space {

	height: 61px;

}

.special_box {

	width: 290px;

	margin: auto;

	height: 220px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	color: #423314;

	overflow: auto;

}

.character_wrapper {

	background-image: url(../image/bg_character.png);

	background-repeat: repeat-y;

	background-position: center bottom;

}

.outline_box {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	width: 900px;

	margin: auto;

	padding-top: 20px;

	padding-bottom: 10px;

	color: #FFF;

}

.outline_text1 {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 16px;

	color: #DFB232;

	font-weight: bold;

	border-bottom-style: solid;

	border-left-style: solid;

	border-bottom-width: 1px;

	border-left-width: 4px;

	border-bottom-color: #DFB232;

	border-left-color: #DFB232;

	padding-top: 4px;

	padding-right: 4px;

	padding-bottom: 4px;

	padding-left: 8px;

}

.outline_text2 {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 8px;

	padding-left: 12px;

	line-height: 20px;

	color: #FFF;

}

.sp_contents_top {

	width: 930px;

	height: 69px;

}

.sp_contents_center {

	width: 870px;

	background-repeat: repeat-y;

	padding-right: 30px;

	padding-left: 30px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	line-height: 20px;

	padding-top: 5px;

	padding-bottom: 5px;

	color: #423314;

	background-image: url(../image/sp_contents_center.png);

}

.sp_contents_under {

	height: 70px;

	width: 930px;

	background-image: url(../image/sp_contents_under.png);

}

.sp_box {

	width: 930px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 15px;

	padding-top: 15px;

}





.illust_box {

	width: 930px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 15px;

}



.ouen_box {

	width: 950px;

	padding-bottom: 15px;

	padding-top: 20px;

	background-image: url(../image/ouen_illust01_back.png);

}



.ouen_box2 {

	width: 950px;

	padding-bottom: 15px;

	padding-top: 20px;

	background-image: url(../image/ouen_illust02_back.png);

}



.ouen_box3 {

	width: 950px;

	padding-bottom: 15px;

	padding-top: 20px;

	background-image: url(../image/ouen_illust03_back.png);

}



.ouen_box4 {

	width: 950px;

	padding-bottom: 15px;

	padding-top: 20px;

	background-image: url(../image/ouen_illust04_back.png);

}





.ouen_box5 {

	width: 950px;

	padding-bottom: 15px;

	padding-top: 20px;

	background-image: url(../image/ouen_illust05_back.png);

}





.ouen_box6 {

	width: 950px;

	padding-bottom: 15px;

	padding-top: 20px;

	background-image: url(../image/ouen_illust06_back.png);

}



.ouen_box7 {

	width: 950px;

	padding-bottom: 15px;

	padding-top: 20px;

	background-image: url(../image/ouen_illust07_back.png);

}







.illust_contents_center {

	width: 850px;

	background-repeat: repeat-y;

	padding-right: 40px;

	padding-left: 40px;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	line-height: 20px;

	padding-top: 15px;

	padding-bottom: 5px;

	color: #423314;

	background-image: url(../image/sp_contents_center.png);

}



.illust_box1_left {

	float: left;

	width: 533px;

}

.illust_box1_right {

	float: right;

	width: 380px;

	padding-top: 70px;

}

.illust_title1 {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	font-weight: bold;

	padding-bottom: 2px;

	padding-left: 4px;

	border-left-width: 4px;

	border-left-style: solid;

	border-left-color: #423314;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #423314;

	margin-bottom: 14px;

}

.illust_text1 {

	margin-bottom: 4px;

	padding-left: 5px;

	border-left-width: 4px;

	border-left-style: solid;

	border-left-color: #423314;

	color: #423314;

	font-weight: bold;

}

.illust_text2 {

	margin-bottom: 4px;

	padding-left: 5px;

	border-left-width: 4px;

	border-left-style: solid;

	border-left-color: #423314;

	color: #423314;

	font-weight: bold;

	font-size: 14px;

}

.illust_box2 {

	margin-top: auto;

	margin-right: auto;

	margin-bottom: 15px;

	margin-left: auto;

}

.illust_text3 {

	width:415px;

	float:left;

	border: 1px solid #423314;

	background-image: url(../image/ouen_illust_textback.png);

	background-repeat: repeat;

	font-size: 14px;

	line-height: 20px;

	padding: 6px;

	color: #423314;

	margin-bottom: 20px;

}

.illust_text4 {

	width: 415px;

	float: right;

	border: 1px solid #423314;

	background-image: url(../image/ouen_illust_textback.png);

	background-repeat: repeat;

	font-size: 14px;

	line-height: 20px;

	padding: 6px;

	color: #423314;

	margin-bottom: 20px;

}

.illust_box1_textbox1 {

	border: 1px solid #423314;

	background-image: url(../image/ouen_illust_textback.png);

	background-repeat: repeat;

	font-family: Verdana, Geneva, sans-serif;

	font-size: 14px;

	line-height: 20px;

	padding: 6px;

	color: #423314;

	margin-bottom: 20px;

}

.illust_text2_box {

	margin-bottom: 10px;

	padding: 6px;

	background-image: url(../image/ouen_illust_textback.png);

	background-repeat: repeat;

	border: 1px solid #423314;

}