@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;
}


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

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


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

}

html{

}


body{
	line-height:150%;

}


#wrapper{
	width:818px;
	margin:0 0 0 30px;
	background:#fff url(../images/wrapper_bg.gif) center top repeat-y;
	position:relative;
}

#right_contact{
	position:absolute;
	right:-220px;
	top:0;
}


#right_contact span{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/01_top_03.png', sizingMethod=' ');
}


#header{
	width:845px;
	height:340px;
	margin:0 0 15px -27px;
	position:relative;
}

#header p.seo{
	position:absolute;
	top:5px;
	left:230px;
	font-size:91%;
}

#header p.logo{
	text-indent:-9999px;
	position:absolute;
	top:14px;
	left:0px;
}

#header p.logo a{
	width:275px;
	height:325px;
	display:block;
}

#header #gnav{
	width:533px;
	overflow:hidden;
	position:absolute;
	top:82px;
	left:285px;
}

#header #gnav li{
	float:left;
}

#contents{
	width:800px;
	margin:0 auto;
}

.contents_in_p{
	width:775px;
	background:url(../images/cmn_contents_in_p_bg.gif) 0 0 repeat-y;
	margin:0 auto;
	padding:45px 40px;
}

.contents_in_w{
	width:775px;
	background:url(../images/cmn_contents_in_w_bg.gif) 0 0 repeat-y;
	margin:0 auto;
	padding:45px 0;
}


#footer{
	width:860px;
	background:url(../images/cmn_ftr_bg.gif) 11px 0 no-repeat;
	margin:-33px -49px 0 0;
	_margin-top:-33px;
	position:relative;
	padding:90px 0 20px 0;

}

#footer p.logo{
	text-indent:-9999px;
	position:absolute;
	top:0;
	left:731px;
}

#footer p.logo a{
	width:122px;
	height:122px;
	display:block;
}

#footer #fnav{
	margin:0 0 0 20px;

}

#footer #fnav li{
	display:inline;
	border-right:1px #470909 dotted;
	padding:3px 6px 3px 7px;
	font-size:91%;
}

#footer #fnav li.last{
	border-right:none;
}

#footer #fnav li a{
	color:#470909;
	text-decoration:none;
}

#footer #fnav li a:hover{
	color:#BF4800;
	text-decoration:none;
}

#footer p{
	text-align:center;
	color:#470909;
}

#footer p.txt{
	margin-top:10px;
	font-size:91%;
}

p.indent,h1{
	text-indent:-9999px;
}


/****** top ******/

.page_top #header{
	height:384px;
	background:#fff url(../images/top_hdr_bg.jpg) right bottom no-repeat;
}

.page_top .why{
	text-align:center;
	margin-bottom:27px;
}

.page_top .point,.page_merit .point{
	background:url(../images/top_point_bg.gif) center 58px no-repeat;
	width:800px;
	height:530px;
	overflow:hidden;
	margin-bottom:7px;
}

.page_top .point p.center,.page_merit .point p.center{
	margin:5px 0;
}

.page_top .point div,.page_merit .point div{
	margin-left:34px;
}

.page_top .point div dl,.page_merit .point div dl{
	width:235px;
	height:134px;
	float:left;
}

.page_top .point div dl dt,.page_merit .point div dl dt{
	text-indent:-9999px;
}

.page_top .point div dl dd,.page_merit .point div dl dd{
	margin:52px 25px 0 25px;
	line-height:125%;
}

.page_top dl.point1,.page_merit dl.point1{
	background:url(../images/top_point_01.gif) 0 0 no-repeat;
	margin-right:13px;
}

.page_top dl.point2,.page_merit dl.point2{
	background:url(../images/top_point_02.gif) 0 0 no-repeat;
	margin-right:13px;
}

.page_top dl.point3,.page_merit dl.point3{
	background:url(../images/top_point_03.gif) 0 0 no-repeat;
}

.page_top .point ul,.page_merit .point ul{
	width:690px;
	overflow:hidden;
	padding:20px 0 15px 43px;
}

.page_top .point ul li,.page_merit .point ul li{
	float:left;
}

.page_top .point ul li.pic_center,.page_merit .point ul li.pic_center{
	margin:47px 86px 0 78px;
}

.page_top .plan,.page_price .plan{
	background:url(../images/top_plan_bg.gif) center top no-repeat;
	width:775px;
	height:532px;
	margin:0 auto 10px auto;
}

.page_top .plan{
	margin-bottom:1px;
}

.page_top .plan h2,.page_price .plan h2{
	padding:31px 0 8px 76px;
}

.page_top .plan div,.page_price .plan div{
	width:677px;
	overflow:hidden;
	margin-left:47px;
}

.page_top .plan div dl,.page_price .plan div dl{
	width:211px;
	height:233px;
	float:left;
}

.page_top .plan div dl dd.txt,.page_price .plan div dl dd.txt{
	margin:84px 18px 0 23px;
}

.page_top .plan div dl dt,.page_top .plan div dl dd.price,.page_price .plan div dl dt,.page_price .plan div dl dd.price{
	text-indent:-9999px;
}

.page_top .plan div dl.plan1,.page_price .plan div dl.plan1{
	background:url(../images/top_pic_04.gif) 0 0 no-repeat;
	margin-right:22px;
}

.page_top .plan div dl.plan2,.page_price .plan div dl.plan2{
	background:url(../images/top_pic_05.gif) 0 0 no-repeat;
	margin-right:22px;
}

.page_top .plan div dl.plan3,.page_price .plan div dl.plan3{
	background:url(../images/top_pic_06.gif) 0 0 no-repeat;
}

.page_top .plan p.bold,.page_price .plan p.bold,.page_price .contents_in_w p.bold{
	font-weight:bold;
	font-size:83%;
	margin:10px 0 0 55px;
}

.page_top .plan ul,.page_price .plan ul,.page_price .contents_in_w ul{
	font-size:83%;
	line-height:150%;
	margin:0 0 5px 65px;
}

/****** merit ******/

.page_merit #header{
	background:#fff url(../images/merit_hdr_bg.jpg) right bottom no-repeat;
}

.page_merit h1#flow{
	width:800px;
	height:230px;
	background:url(../images/merit_h1_bg.jpg) 0 30px no-repeat;
}

.page_merit .step{
	height:325px;
	background:url(../images/merit_flow_bg.gif) center top no-repeat;
}

.page_merit .step h2{
	padding-top:33px;
	margin:0 0 20px 190px;
}

.page_merit .step p.txt{
	text-align:right;
	margin:5px 50px 0 0;
}

/****** price ******/

.page_price #header{
	background:#fff url(../images/price_hdr_bg.jpg) right bottom no-repeat;
}

.page_price .contents_in_w{
	padding:0 0 40px 0;
}

.page_price #contents h2.price{
	text-align:center;
}

.page_price #contents .pics{
	margin:10px 0;
	text-align:center;
}

.page_price #contents .list{
	margin-top:20px;
}

.page_price #contents table{
	width:90%;
	margin:0 auto;
	border-top:1px #990000 solid;
	border-left:1px #990000 solid;
	margin-top:26px;
}

.page_price #contents table th{
	background-color:#e7c2cd;
	text-align:center;
	font-weight:bold;

}

.page_price #contents table th.h{
	background-color:#c26666;
}

.page_price #contents table th,.page_price #contents table td{
	border-bottom:1px #990000 solid;
	border-right:1px #990000 solid;
	padding:3px 7px;
}

.page_price #contents table td.attention{
	font-size:83%;
	line-height:150%;
	padding:10px 7px 10px 25px;
}

.page_price #contents table td span.bold{
	font-weight:bold;

}

/****** difference ******/

.page_difference #header{
	background:#fff url(../images/difference_hdr_bg.jpg) right bottom no-repeat;
}

.page_difference #contents ul{
	text-align:center;
}

.page_difference #contents ul li{
	margin-bottom:10px;
}

/****** faq ******/

.page_faq #header{
	background:#fff url(../images/faq_hdr_bg.jpg) right bottom no-repeat;
}

.page_faq #contents .faq{
	width:714px;
	background:url(../images/faq_faq_bg.gif) center top repeat-y;
	margin:0 auto 10px auto;
}

.page_faq #contents .faq p{
	margin:5px 25px 20px 55px;
}

/****** company ******/

.page_company #header{
	background:#fff url(../images/company_hdr_bg.jpg) right bottom no-repeat;
}

.page_company #contents table{
	width:100%;
	border-top:1px #470909 solid;
	line-height:175%;
}

.page_company #contents table th{
	width:140px;
	background-color:#dccbcb;
	font-weight:bold;
	vertical-align:middle;
}

.page_company #contents table th,.page_company #contents table td{
	border-bottom:1px #470909 solid;
	padding:7px 30px;
}

.page_company span.bold{
	font-weight:bold;
}

.page_company h2{
	padding-top:30px;
	margin:0 0 30px 0;
}

.page_company h3{
	font-weight:bold;
}

.page_company #contents p.txt{
	margin:0 0 20px 12px;
}

.page_company #contents p.txt span{
	margin-left:-12px;
}

/****** contact ******/

.page_contact #header{
	background:#fff url(../images/contact_hdr_bg.jpg) right bottom no-repeat;
}

.page_contact #contents p.txt1{
	margin-bottom:18px;
}

.page_contact #contents p.txt2{
	margin-left:50px;
}

.page_contact #contents ul{
	margin:0 0 40px 25px;
}

.page_contact #contents ul span{
	margin-left:-13px;
}

.page_contact form table{
	width:85%;
	margin:0 auto;
}

.page_contact form table th,.page_contact form table td{
	border-bottom:1px #470909 dotted;
	padding:9px 26px 9px 0;
}

.page_contact form table th{
	width:170px;
	vertical-align:top;
}

.page_contact form table th span{
	background-color:#9d0000;
	padding:4px 30px;
	color:#fff;
	display:block;
}

.page_contact form span.txt{
	margin-left:10px;
}

.page_contact form span.txt_m{
	margin-left:10px;
	font-size:83%;
}

.page_contact form input.mdl{
	width:265px;
}

.page_contact form textarea{
	width:300px;
}

.page_contact .err{
	color:#f00;
}

.page_contact .message{
	width:500px;
	margin:30px auto;
	padding:20px;
	border:#ccc 1px solid;

}


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

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

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

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


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