@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:78%;
}
ol, ul {
	list-style: none;
}

img{
	vertical-align:bottom;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.l{
	float:left;

}

.r{
	float:right;
}

.w{
	overflow:hidden;
	zoom:1;
}


body{
	background:#000 url(../images/index_bg.jpg) top center no-repeat;
	line-height:150%;
	color:#fff;
}


/********** INDEX
**************************************************/

.page_index #wrapper{
	width:614px;
	margin:0 auto;
}

.page_index h1{
	width:560px;
	margin:50px auto 0 auto;
}

.page_index p.txt{
	width:560px;
	margin:0 auto;
}

.page_index #nav18{
	width:614px;
	margin:10px auto 0 auto;
}

.page_index #nav18 li.l{
	float:left;
}

.page_index #nav18 li.r{
	float:right;
}

.page_index #copy{
	text-align:center;
	margin:20px 0;
}

/********** TOP
**************************************************/

.page_top{
	background:#1b1b1b url(../images/top_bg.jpg) center top no-repeat;
}

.page_top #header{
	width:900px;
	height:597px;
	margin:0 auto;
}

.page_top #contents{
	background:#000 url(../images/top_cont_bg.jpg) center top no-repeat;

}

.page_top #contents_in{
	width:900px;
	margin:0 auto;
}

.page_top #gnv{
	width:860px;
	padding:8px 20px 0 20px;
	margin:0 auto 0 auto;
	overflow:hidden;
	position:relative;
	top:-17px;
	background:url(../images/top_gnv_bg.jpg) 0 0 no-repeat;
}

.page_top #gnv li{
	float:left;
}

.page_top #bn2{
	background:url(../images/top_bn_bg.jpg) center bottom no-repeat;
	padding-bottom:45px;
}

.page_top #bn2 ul{
	width:900px;
	margin:0 auto;
	overflow:hidden;
	background-color:#000;
}

.page_top #bn2 li{
	float:left;
}

.page_top #renew_bn{
	margin:30px auto 0 auto;
	width:882px;
	padding-bottom:30px;
}


.page_top #bn1{
	width:440px;
	float:right;
	background-color:#000;
}

.page_top #bn1 li{	
	margin-bottom:10px;
}

.page_top #renew{
	width:431px;
	height:235px;
	float:left;
	background:url(../images/top_renew.jpg) 0 0 no-repeat;
	color:#000;
}

.page_top #renew h2{
	display:none;
}

.page_top #renew dl{
	margin:50px 7px 0 7px;
	overflow:auto;
	height:180px;
	padding-right:10px;
	
}

.page_top #renew dl dd{
	background:url(../images/top_news_line.gif) left bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
}



.page_top #ftr{
	background-color:#000;
	zoom:1;
}

.page_top #ftr_in{
	background:url(../images/cmn_ftr_bg.jpg) 0 0 no-repeat;
	height:60px;
	padding-top:35px;
	width:900px;
	margin:0 auto;
	position:relative;
	top:-24px;
	zoom:1;
}

.page_top #ftr ul{
	text-align:center;
}

.page_top #ftr li{
	display:inline;
}

.page_top #ftr li a{
	background:url(../images/cmn_ftr_li_bg.gif) left center no-repeat;
	padding:0 20px;
}


.page_top #ftr p#copy{
	text-align:center;
	padding:0 0 15px 0;
}

/********** セカンド
**************************************************/

#page_second{
	background:#1b1b1b url(../images/cmn_hdr_bg.jpg) center top no-repeat;
}


#page_second h1{
	text-align:center;
}

#page_second #header{
	height:206px;
}


#page_second #gnv{
	width:860px;
	padding:8px 20px 0 20px;
	margin:0 auto 0 auto;
	overflow:hidden;
	position:relative;
	top:-19px;
	background:url(../images/cmn_gnv_bg.jpg) 0 0 no-repeat;
}

#page_second #gnv li{
	float:left;
}

#page_second #contents{
	background:#000 url(../images/top_cont_bg.jpg) center top no-repeat;

}

#page_second #contents_in{
	background:url(../images/top_bn_bg.jpg) center bottom no-repeat;
	padding-bottom:45px;

}

#page_second #contents_in_in{
	width:900px;
	margin:0 auto;
}

#page_second #contents_main{
	width:854px;
	background:url(../images/cmn_contents_mdl.gif) left 28px repeat-y;
	margin:0 auto;
	margin-bottom:110px;
}

#page_second #contents_main_in{
	background:url(../images/cmn_contents_btm.gif) left bottom no-repeat;
}

#page_second #contents_main_in_in{
	background:url(../images/cmn_contents_top.gif) left top no-repeat;
	padding:40px 0;
	zoom:1;
}

#page_second .box{
	width:740px;
	background:url(../images/cmn_mdl.gif) left top repeat-y;
	margin:0 auto 30px auto;
}

#page_second .box_in{
	background:url(../images/cmn_btm.gif) left bottom no-repeat;
}

#page_second .box_in_in{
	width:700px;
	background:url(../images/cmn_top.gif) left top no-repeat;
	overflow:hidden;
	padding:20px;
}


#page_second #const{
	height:407px;
	width:857px;
	margin:0 auto;
	background:url(../images/cmn_const_bg.gif) center top no-repeat;
}

#page_second #const p{
	text-align:center;
}

#page_second #const p.txt{
	padding:150px 0 0 0;
}

#page_second #const p.btn{
	padding:30px 0 0 0;	
}


#page_second #ftr{
	background-color:#000;
	zoom:1;
}

#page_second #ftr_in{
	background:url(../images/cmn_ftr_bg.jpg) 0 0 no-repeat;
	height:60px;
	padding-top:35px;
	width:900px;
	margin:0 auto;
	position:relative;
	top:-24px;
	zoom:1;
}

#ftr ul{
	width:865px;
	text-align:center;
	margin:0 auto 5px auto;
}

#ftr li{
	display:inline;
}

#ftr li a{
	background:url(../images/cmn_ftr_li_bg.gif) left center no-repeat;
	padding:0 20px;
	color:#000;
	text-decoration:none;
}

#ftr li a:hover{
	color:#6D100A;
}


#page_second #ftr p#copy{
	text-align:center;
	padding:0 0 15px 0;
}

h2{
	width:727px;
	margin:0 auto;
	padding:20px 0;
}

p.bread{
	margin:0 0 10px 30px;
}

p.bread a{
	color:#fff;
	text-decoration:none;
}

/********** STORY **********/


.page_story p.main_img{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/story_img.png', sizingMethod=' ');
}

.page_story p.txt{
	width:423px;
	float:left;
	color:#a40000;
	padding:20px;
}

.page_story #contents dl.system{
	width:735px;
	background:url(../images/cmn_line.gif) left top repeat-x;
	overflow:hidden;
	margin:0 auto;
	padding:20px 0;
}

.page_story #contents dl.system dt{
	width:200px;
	float:left;
}

.page_story #contents dl.system dd{
	margin-left:220px;
	padding-right:20px;
}


.page_story #contents dl.system dd.h{
	color:#cfa972;
	font-size:116%;
	font-weight:bold;
	border-bottom:1px #81511c solid;
	margin-bottom:9px;
	padding-bottom:8px;
}

.page_story #contents p.line,.page_story #contents div.line,.page_character #contents div.line{
	width:695px;
	background:url(../images/cmn_line.gif) left top repeat-x;
	padding:10px 20px 8px 20px;
	margin:0 auto;
}

.page_story #contents p.stage_txt{
	margin:0 60px 0 60px;
}

.page_story #contents div.stage{
	width:735px;
	overflow:hidden;
	margin:20px 0 0 60px;
	padding-bottom:20px;
}

.page_story #contents div.stage dl{
	width:139px;
	float:left;
	margin-right:10px;
}

.page_story #contents div.stage dl.mini{
	width:119px;
}

.page_story #contentsdiv.stage dt{
	margin-bottom:5px;
}

.page_story #contents div.stage dd{
	background:url(../images/story_icon.gif) 0 0.3em no-repeat;
	padding-left:20px;
}

/********** CHARACTER **********/

.page_character dl.l{
	width:330px;
	float:left;
	color:#a40000;
}

.page_character dl.l dt{
	background:url(../images/character_icon.gif) 0 0.1em no-repeat;
	font-size:116%;
	font-weight:bold;
	padding-left:25px;
	margin-bottom:20px;
}

.page_character dl.l dd.txt{
	line-height:180%;
	margin-bottom:5px;
}

.page_character dl.l dd.sample_btn{
	margin-bottom:8px;
}

.page_character dl.r{
	width:380px;
	float:right;
	margin-right:-20px;
	display:inline;
}

.page_character dl.r dt{
	margin-bottom:30px;
}

.page_character dl.r dd{
	width:182px;
	float:left;
}

.page_character #contents dl.chara{
	width:740px;
	background:url(../images/cmn_line.gif) left top repeat-x;
	overflow:hidden;
	margin:0 auto;
	padding:20px 0;
}

.page_character #contents dl.chara dt{
	float:left;
}

.page_character #contents dl.chara dd{
	margin-left:180px;
	padding-right:20px;
}


.page_character #contents dl.chara dd.h{
	background:url(../images/story_icon.gif) 0 0.2em no-repeat;
	color:#cfa972;
	font-size:116%;
	font-weight:bold;
	border-bottom:1px #81511c solid;
	margin-bottom:9px;
	padding-bottom:8px;
	padding-left:20px;
}

.page_character #contents dl.chara dd.txt{
	margin:15px 0 15px 180px;
}

.page_character #contents dl.chara dd.sample_btn a{
	margin-right:3px;
}

.page_character #contents .row{
	width:750px;
	overflow:hidden;
	margin-left:60px;
	padding-bottom:40px;
}

.page_character #contents .row dl{
	width:112px;
	float:left;
	margin-right:12px;
}

.page_character #contents .row dl dd.h{
	background:url(../images/story_icon.gif) 0 0.2em no-repeat;
	color:#cfa972;
	padding-left:20px;
}

.page_character #contents .row dl dt,.page_character #contents .row dl dd{
	margin-bottom:4px;
}

/********** PRODUCT **********/

.page_product table{
	width:415px;
	float:left;
	border-top:1px #a40000 solid;
	border-right:1px #a40000 solid;
	color:#a40000;
	font-size:116%;
}

.page_product table th,.page_product table td{
	border-bottom:1px #a40000 solid;
	border-left:1px #a40000 solid;
	padding:10px 15px;
}

.page_product table th{
	text-align:center;
}

.page_product table.product th{
	width:108px;
}

.page_product table.staff th{
	width:200px;
}

.page_product dl{
	float:right;
	margin-right:30px;
	color:#a40000;
	padding-bottom:5px;
}

.page_product p.pic2{
	float:right;
	margin-top:40px;
}

.page_product dt.pic1{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/product_pic_01.png', sizingMethod=' ');
}

/********** フォームボタン **********/


form .btns{
	text-align:center;
	margin:30px auto 0 auto;
	padding-bottom:30px;
	overflow:hidden;
	zoom:1;
	width:300px;
	text-align:center;
}

form .btns input{
	border:none;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
	width:141px;
	height:49px;
}

form .btns .btn_submit{
	background:url(../images/mail_btn_submit_off.gif) 0 0 no-repeat;
	margin:0 auto;
}

form .btns .btn_back{
	background:url(../images/mail_btn_back_off.gif) 0 0 no-repeat;
	float:left;
}


form .btns .btn_send{
	background:url(../images/mail_btn_send_off.gif) 0 0 no-repeat;
	float:right;
}



/********** png専用 **********/

.png{
	display:block;
	zoom:1;
}

.png a{
	display:block;
	position:relative;
}

.png img{
	_filter: alpha(opacity='0'); 
}