﻿@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;
}

.fl{
	float:left;
	margin:0 5px 5px 0;
}

.fr{
	float:right;
	margin:0 0 5px 5px;
}


body{
	background:#000 url(../images/cmn_bg.jpg) center top repeat-x;
	border-top:18px #000 solid;
	line-height:150%;
	color:#fff;
}


#wrapper{	
	width:900px;
	margin:0 auto;
}

#header{
	height:353px;
	position:relative;
}

#header h1{
	position:absolute;
	top:0;
	left:-5px;
}


#header h1 span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cmn_logo.png', sizingMethod='image');
}

#header ul#hnav li#hnav_info{
	position:absolute;
	top:10px;
	left:490px;
}

#header ul#hnav li#hnav_privacy{
	position:absolute;
	top:56px;
	left:490px;
}

#header ul#hnav li#hnav_mail{
	position:absolute;
	top:4px;
	left:708px;
}

#header ul#hnav li#hnav_info span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cmn_hnav_information_off.png', sizingMethod='image');
}

#header ul#hnav li#hnav_privacy span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cmn_hnav_privacy_off.png', sizingMethod='image');
}

#header ul#hnav li#hnav_mail span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cmn_hnav_mail01_off.png', sizingMethod='image');
}

#header p.main_img{
	position:relative;
	top:104px;
	left:-3px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cmn_main_img.png', sizingMethod='image');
}

#header ul#hnav li#hnav_info.on span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cmn_hnav_information_on.png', sizingMethod='image');
}

#header ul#hnav li#hnav_privacy.on span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cmn_hnav_privacy_on.png', sizingMethod='image');
}

#header ul#hnav li#hnav_mail.on span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cmn_hnav_mail01_on.png', sizingMethod='image');
}

#header ul#gnav{
	width:900px;
	overflow:hidden;
	position:absolute;
	top:256px;
	left:0;
}

#header ul#gnav li{
	float:left;
}

#header p.bread{
	position:absolute;
	top:328px;
	left:12px;	
}

#header p.bread a{
	color:#fff;
	text-decoration:none;
	padding-top:30px;		
}

#contents{
	background-color:#000;
	padding-top:15px;
	padding-bottom:20px;		
}

#contents h2{
	width:870px;
	padding-bottom:15px;
	margin:0 auto 15px auto;
}

#contents .block{
	background:url(../images/support_block_bg.gif) right bottom no-repeat;
	width:810px;
	border:1px #451010 solid;
	padding:35px 30px;
	margin:0 auto;
	margin-bottom:30px;
}

#footer{
	background:url(../images/cmn_ftr_bg.gif) left top repeat-x;
	color:#fff;
}

#footer_in{
	width:900px;
	margin:0 auto;
	text-align:center;
}

#footer_in .fnav1{
	padding-top:16px;
	margin-bottom:10px;
}

#footer_in p.copy{
	margin:30px 0 60px 0;
}

#footer_in .fnav li{
	background:url(../images/cmn_fnav_arw.gif) 0 0.1em no-repeat;
	padding:0 13px 0 20px;
	display:inline;
	margin:0 auto;
}

#footer_in .fnav li span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cmn_fnav_arw.png', sizingMethod='image');
}

#footer_in .fnav li a{
	text-decoration:none;
	color:#fff;
}

#footer_in .fnav a:hover{
	color:#6D100A;
}

/********** フォルダ内ページ　png用 **********/

.page_support #header h1 span,.page_mail #header h1 span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cmn_logo.png', sizingMethod='image');
}

.page_support #header ul#hnav li#hnav_info span,.page_mail #header ul#hnav li#hnav_info span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cmn_hnav_information_off.png', sizingMethod='image');
}

.page_support #header ul#hnav li#hnav_privacy span,.page_mail #header ul#hnav li#hnav_privacy span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cmn_hnav_privacy_off.png', sizingMethod='image');
}

.page_support #header ul#hnav li#hnav_mail span,.page_mail #header ul#hnav li#hnav_mail span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cmn_hnav_mail01_off.png', sizingMethod='image');
}

.page_support #header ul#hnav li#hnav_info.on span,.page_mail #header ul#hnav li#hnav_info.on span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cmn_hnav_information_on.png', sizingMethod='image');
}

.page_support #header ul#hnav li#hnav_privacy.on span,.page_mail #header ul#hnav li#hnav_privacy.on span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cmn_hnav_privacy_on.png', sizingMethod='image');
}

.page_support #header ul#hnav li#hnav_mail.on span,.page_mail #header ul#hnav li#hnav_mail.on span{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cmn_hnav_mail01_on.png', sizingMethod='image');
}

.page_support #header p.main_img,.page_mail #header p.main_img{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cmn_main_img.png', sizingMethod='image');
}

/********** png専用 **********/

.png{
	display:block;
	zoom:1;
}

.png a{
	display:block;
	position:relative;
}

.png img{
	_filter: alpha(opacity='0'); 
}

/**********INDEX
****************************************/

body.page_index{
	background:#000 url(../images/index_bg.jpg) center top repeat-x;
}

.page_index dl{
	text-align:center;
	margin-top:50px;
	margin-bottom:32px;
}

.page_index dl dt{
	padding-bottom:26px;
}

.page_index dl dd{
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index_txt.png', sizingMethod='image');
}

.page_index ul{
	width:416px;
	overflow:hidden;
		margin:0 auto;
}

.page_index ul li{
	float:left;
}

.page_index p.copy{
	text-align:center;
	margin:20px 0;
}

/**********MENU1
****************************************/

body.page_menu1{
	background:#000 url(../images/second_bg.jpg) center top repeat-x;
}

.page_menu1 #header{
	height:502px;
}

.page_menu1 #header p.main_img{
	position:relative;
	top:104px;
	left:-3px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/menu1_main_img.png', sizingMethod='image');
}

.page_menu1 #header ul#gnav{
	width:900px;
	overflow:hidden;
	position:absolute;
	top:435px;
	left:0;
}

.page_menu1 #header ul#gnav li{
	float:left;
}

.page_menu1 #contents ul.bnr1{
	width:897px;
	overflow:hidden;
	margin-left:4px;
}

.page_menu1 #contents ul.bnr1 li{
	float:left;
	margin-right:3px;
}

.page_menu1 #contents div.news{
	width:900px;
	overflow:hidden;
}

.page_menu1 #contents div.news div.news_l{
	float:left;
	margin:47px 0 0 8px;
}

.page_menu1 #contents div.news div.news_l h2{
	width:383px;
	margin:0 0 4px 0;
	border:none;	
}

.page_menu1 #contents div.news div.news_l .news_in{
	width:383px;
	height:219px;
	background:url(../images/menu1_news_bg.gif) 0 0 no-repeat;
	margin-left:1px;
	padding:28px;
	color:#000;
}

.page_menu1 #contents div.news div.news_l .news_in dl{
	width:380px;
	height:160px;	
	overflow:auto;
}

.page_menu1 #contents div.news div.news_l dd.border{
	border-bottom:1px #6e6660 dotted;
	padding-bottom:5px;
	margin-bottom:5px;
}

.page_menu1 #contents div.news ul.bnr2{
	float:right;
	margin:32px 2px 0 0;
}

/**********PRODUCT
****************************************/

body.page_product #contents .block2{
	background:none;
	width:810px;
	border:1px #451010 solid;
	padding:35px 30px;
	margin:0 auto;
	margin-bottom:30px;
	overflow:hidden;
}

body.page_product #contents h3{
	position:relative;
	margin-left:20px;
}

body.page_product #contents h3 img.detail{
	position:absolute;
	top:-4px;
	left:635px;
}

body.page_product #contents .block p{
	width:370px;
	float:right;
	margin-top:15px;
}

body.page_product #contents .block p img{
	margin-bottom:15px;
}

body.page_product #contents .block table,body.page_information #contents .block table{
	width:386px;
	margin:15px 400px 25px 20px;
}

body.page_product #contents .block table th,body.page_product #contents .block table td,body.page_information #contents .block table th,body.page_information #contents .block table td{
	padding:8px 10px;
}

body.page_product #contents .block table th,body.page_information #contents .block table th{
	width:85px;
	background:#a80329 url(../images/product_th_bg.gif) left bottom no-repeat;
	text-align:center;
	border-left:1px #7b0c26 solid;
}

body.page_product #contents .block table td,body.page_information #contents .block table td{	
	background:#5b0216 url(../images/product_td_bg.gif) left bottom no-repeat;
	border-left:1px #430615 solid;
}

body.page_product #contents .block img.txt{
	margin:0 0 0 20px;
}

/**********SUPPORT
****************************************/

body.page_support #contents h3{
	position:relative;
	margin-left:20px;
}

body.page_support #contents p.txt{
	margin:20px 0 25px 20px;
}

body.page_support #contents p#btn_mail{
	margin:0 0 0 20px;
}

body.page_support #contents .block h4{
	border-bottom:1px #4e0213 solid;
	padding-left:48px;
	margin-left:25px;
	font-size:116%;
	line-height:150%;
	font-weight:bold;
}

body.page_support #contents .block h4.q1{
	background:url(../images/support_q1.gif) 0 0 no-repeat;	
}

body.page_support #contents .block h4.q2{
	background:url(../images/support_q2.gif) 0 0 no-repeat;	
}

body.page_support #contents .block h4.q3{
	background:url(../images/support_q3.gif) 0 0 no-repeat;	
}

body.page_support #contents .block h4.q4{
	background:url(../images/support_q4.gif) 0 0 no-repeat;	
}

body.page_support #contents .block .a{
	background:url(../images/support_a.gif) 0 0 no-repeat;
	border-top:1px #4e0213 solid;
	margin:3px 0 0 25px;
}

body.page_support #contents .block .a p{
	margin:6px 30px 30px 50px;
}

body.page_support #contents .block .a p a{
	color:#E60012;
}

body.page_support #contents .block .a p a:hover{
	color:#EC9128;
}

body.page_support #contents .block .a p.bnr img{
	vertical-align:middle;
}

body.page_support #contents .block .a p.add{
	margin-left:75px;
}

/**********LIST
****************************************/

body.page_list #contents .block .row{
	background:url(../images/list_row_bg.gif) 0 0 repeat-y;
	width:798px;
	overflow:hidden;
	margin-bottom:30px;
	position:relative;
}

body.page_list #contents .block .row dl{	
	width:350px;
	overflow:hidden;
	padding:15px;
}

body.page_list #contents .block .row dl.l{	
	float:left;
}

body.page_list #contents .block .row dl.r{
	float:right;
}

body.page_list #contents .block .row dl dt{
	background:url(../images/list_line.gif) left bottom no-repeat;
	font-size:116%;
	line-height:150%;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:10px;
}



body.page_list #contents .block .row dl dd{
	margin-left:176px;	
}

body.page_list #contents .block .row dl dd.img{
	float:left;
	margin-left:0;
}

body.page_list #contents .block .row dl dd.txt{	
	margin-bottom:5em;
}

body.page_list #contents .block .row dl dd.price{
	color:#f19149;
	font-size:116%;
	line-height:150%;
	font-weight:bold;
	margin-bottom:5px;
}

body.page_list #contents .block .row dl dd.price span{
	position:absolute;
	bottom:45px;
}

body.page_list #contents .block .row dl dd.btn_buy{
	background-color:#ff0;
	

}

body.page_list #contents .block .row dl dd.btn_buy img{
	position:absolute;
	bottom:10px;
}

/**********INFORMATION
****************************************/

.page_information #contents .block3{
	zoom:1;
	background:url(../images/information_block_bg.gif) right bottom no-repeat;
}

.page_information #contents .block dl.policy{
	width:780px;
}

.page_information #contents .block dl.policy dd{
	padding-bottom:20px;
}

.page_information #contents .block p.txt{
	margin-bottom:20px;
}

/**********LINK
****************************************/

body.page_link #contents h3{
	margin-bottom:20px;
}

body.page_link #contents .block .row{
	width:812px;
	overflow:hidden;
	margin-bottom:30px;
}

body.page_link #contents .block .row dl{
	width:226px;
	background:url(../images/link_dl_bg.gif) 0 0 repeat-y;
	float:left;
	margin-right:30px;
	padding:17px 5px 17px 15px;
	overflow:hidden;
}

body.page_link #contents .block .row dl dt{
	margin-bottom:10px;
}


body.page_link #contents .block .row dl.none{
	margin-right:0;
}

body.page_link #contents .block .row dl dd.name{
	font-size:116%;
	font-weight:bold;
}

body.page_link #contents .block .row dl dd.url{
	background:url(../images/link_arw.gif) 0 0.6em no-repeat;
	padding-left:15px;
}

body.page_link #contents .block .row dl dd.url a{
	text-decoration:none;
	color:#fff;
}

body.page_link #contents .block .row dl dd.url a:hover{
	color:#6D100A;
}

/**********SITEMAP
****************************************/

body.page_sitemap #contents .row{
	width:730px;
	overflow:hidden;
	margin:32px 0 30px 0;
}

body.page_sitemap #contents .row div{
	float:left;
}

body.page_sitemap #contents .row ul{
	margin-top:15px;
}

body.page_sitemap #contents .row ul li{
	background:url(../images/sitemap_arw.gif) 0 0.5em no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}

body.page_sitemap #contents .row ul li a{
	color:#fff;
	text-decoration:none;
}

body.page_sitemap #contents .row ul li a:hover{
	color:#6D100A;
}

/**********MAIL
****************************************/

body.page_mail #contents p.txt{
	width:660px;
	margin:0 auto 40px auto;
}

body.page_mail #contents p.txt a{
	color:#E60012;
}

body.page_mail #contents p.txt a:hover{
	color:#EC9128;
}

body.page_mail #contents form table{
	width:656px;
	margin:0 auto;
}

body.page_mail #contents form table th,body.page_mail #contents form table td{
	padding:13px;
}

body.page_mail #contents form table th{
	width:150px;
	background:#a80329 url(../images/mail_th_bg_01.gif) left bottom no-repeat;
	text-align:center;
	border-left:1px #7b0c26 solid;
	vertical-align:top;
}

body.page_mail #contents form table td{	
	background:#550215 url(../images/mail_td_bg_01.gif) left bottom no-repeat;
	border-left:1px #430615 solid;
}

body.page_mail #contents form table tr.big th{
	background:#a80329 url(../images/mail_th_bg_02.gif) left bottom no-repeat;
}

body.page_mail #contents form table tr.big  td{	
	background:#550215 url(../images/mail_td_bg_02.gif) left bottom no-repeat;
}

body.page_mail #contents form table span.txt{
	margin-left:10px;
}

body.page_mail #contents form table input.mdl{
	width:280px;
}

body.page_mail #contents form table textarea{
	width:310px;
	height:138px;
}

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:124px;
	height:43px;
}

form .btns #btn_submit{
	background:url(../images/mail_btn_submit.gif) 0 0 no-repeat;
	margin:0 auto;
}

form .btns #btn_back{
	background:url(../images/mail_btn_back.gif) 0 0 no-repeat;
	float:left;
}


form .btns #btn_send{
	background:url(../images/mail_btn_send.gif) 0 0 no-repeat;
	float:right;
}

form .btns input.on{
	background-position:0 -43px!important;
}

body.page_mail p.message{
	text-align:center;
	margin:30px auto;
	width:600px;
	padding:10px;
	background-color:#fff;
	color:#451010;
}

.err{
	color:#f00;
}


