/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
color:#333333;
line-height:1.7em;
}

/*bodyのスタイル*/

body {
text-align: center;
margin: 0px;
padding: 0px;
background:url(../commonimg/subbg.jpg) repeat-x;


}


p {
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
text-align:left;
font-size:14px;
}

img{
padding:0px;
margin:0px;
}

html, body {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
font-size: 100%;
}

h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

table, caption, th, td {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}

a {color: #69A542;}
a:hover {color:#FF3300;}

li{list-style:none;}

td{text-align:left;}

h2{
	margin:0px 0px 0px;
}


input{
	font-size:14px;}


h1{line-height:1.0em;
	margin:5px 5px 0px;
font-weight:100;
	text-align:left;
font-size:10px;}

p{
	margin:10px 0px;
	text-align:left;}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

#container{
text-align:center;
width:1000px;
margin:0 auto;
font-size:12px;
}

#header{
	margin:0px 0px 0px;
	}
	
#header a {color: #69A542;
text-decoration:none;}
#header a:hover {color:#FF3300;
	text-decoration:none;}

#hright ul{
	float:left;
	width:410px;}

#hright li{
	float:left;
	padding:0px 8px 0px 8px;
	margin:8px 0px 0px 0px;
font-size:11px;
background: url(../commonimg/tline.gif) repeat-y 0 0px;}

#hright{
	width:576px;
	float:right;}

.topheader{
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	position:relative;
	margin:0 0 0px;}

.habout{
	position:absolute;
	top:255px;
	left:380px;}
	#subhnav {
margin:0px 0 0;
	margin-bottom: 0px;
}

#subhnav li {
	display: inline;
	height:43px;
}

#subhnav ul{
	height:43px;}

#main{
background:url(../commonimg/smainbg.gif) repeat-y 0 0;
	width:1000px;
	padding:10px 0 0;
	margin:0 auto;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;}
	
	#smain{
	width:998px;
	padding:10px 0 0;
	margin:0 auto;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;}
.sheaderm{
margin:21px 0px 17px;}

#left li
{
	padding: 0px;
	display: block;
	height:25px;
	width:199px;}

#left ul li a:link, #left ul li a:visited
{
background:url(../commonimg/l_menubg.jpg) no-repeat 0 0;
	color: #333333;
	padding:3px 10px 0 28px;
	text-align:left;
	text-decoration: none;	
	border:none;
	display: block;
height:25px;
}

#left ul li a:hover, #left ul li a:active, #left ul li.current_page_item a
{padding: 0px;
background:url(../commonimg/l_menubg_over.jpg) no-repeat 0 0;
	border:none;
	padding:3px 10px 0 28px;
	text-align:left;
	display: block;
	color:#FF3300;
}

#left ul.menu2
{
margin:0px 0px 10px;}


#left{
	width:202px;
	float:left;
	margin:0 0 30px;
	}

#left h2{
	margin:0;
	text-align:left;}
	
.lmessage{
padding:5px 0px;
	background:#EAEAEA;
	
	}

.lmessage p{
	margin:0px 5px 5px;}
p.pankuzu{
padding:0px 10px 5px;
background:url(../commonimg/panbg.gif) no-repeat right 0;}

.lfaq{
padding:0px 0px 5px;
	background:#EAEAEA;
	}
.lwhite{background:#FFFFFF;
width:192px;
padding:0px 0 10px;
margin:0 auto;}

.lfaq td.tdl{
background:url(../commonimg/qmark.gif) no-repeat 0 3px;
padding:3px 0 3px 20px;
font-siza:11px;}

.lfaq td.tdline{
background:url(../commonimg/dotline.gif) repeat-x 0 center;
height:3px;
}
	
.topservicel{
	width:270px;
	float:left;
	border-right:#CCCCCC solid 1px;}

.topservicer{
	width:270px;
	float:right;}

.topservicel li{
	background:url(../commonimg/list02.gif) no-repeat 2px 6px;
	padding:0px 0px 0px 13px;
	text-align:left;}

.topservicer li{
	background:url(../commonimg/list02.gif) no-repeat 2px 6px;
	padding:0px 0px 0px 13px;
	text-align:left;}

.approachbg{
	background:url(../commonimg/approachbg.gif) no-repeat 0 0;
	padding:20px 0px 12px;
	margin:0 0 10px;}
.app01{
float:right;
	position:relative;
	background:url(../commonimg/app_b01.jpg) no-repeat 0 0;
	width:294px;
	height:174px;}

.app01_m{
	position:absolute;
	width:188px;
	top:50px;
	left:15px;}

.app01_m p{
	line-height:1.5em;
	color:#FFFFFF;}	

.app02{
float:right;
	position:relative;
	background:url(../commonimg/app_b02.jpg) no-repeat 0 0;
	width:294px;
	height:174px;}

.app02_m{
	position:absolute;
	width:188px;
	top:50px;
	left:15px;}

.app02_m p{
	line-height:1.5em;
	color:#FFFFFF;}	

.app03{
float:right;
	position:relative;
	background:url(../commonimg/app_b03.jpg) no-repeat 0 0;
	width:294px;
	height:174px;}

.app03_m{
	position:absolute;
	width:188px;
	top:50px;
	left:15px;}

.app03_m p{
	line-height:1.5em;
	color:#FFFFFF;}	

	
#right{
	width:773px;
	float:right;
	margin:0 0 30px;}

#subleft{
	width:550px;
	float:left;
	padding:24px 0px 0px;
	background:#FFFFFF;}

#subleft h2{
	margin:0px 0px 20px;}

#subleft h3.h3mt0{
	margin:0px 0px 10px;
	text-align:left;}

#subright{
	width:200px;
	float:right;
	background:#F2F3F0;}
	
#subright h2{
	margin:20px 0px 10px;}

#subright p{
	font-size:11px;
	line-height:1.5em;}

.rightboxm{
	background:url(../commonimg/r_boxm.gif) repeat-y 0 0;
	}
#pageright{
width:748px;
margin:0 27px 0 0;}

#pageright h2 {
	background-image: url(../commonimg/h2_bg.jpg) ;
background-repeat: no-repeat;
background-position:0 5px;
	font-size: 20px;
	color: #000;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#pageright h3 {
	background-image: url(../commonimg/h3_bg.gif);
	background-repeat: no-repeat;
background-position:0 bottom;
	font-size: 16px;
	color: #000;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#footer{
	background:url(../commonimg/fbg.jpg) repeat-x 0 0;
	padding:50px 0 0;
	font-size:11px;}
	.footerm{
	width:1000px;
	margin:0 auto;
position:relative;}

.pagetop{
position:absolute;
top:-83px;
right:20px;
}

.for{
	width:716px;
	float:right;}
.for01{
	width:230px;
	float:left;
	margin:15px 10px 0 0;}

.for02{
	width:230px;
	float:left;
	margin:15px 10px 0 0;}

.for03{
	width:230px;
	float:right;
	margin:15px 0px 0 0;}

.forl{
	width:94px;
	text-align:left;
	}

.for li{
	background:url(../commonimg/list01.gif) no-repeat 7px 6px;
	padding:0 0 0 18px;
	text-align:left;}

ul.fo01 {
	float:right;
	border-left:#999999 solid 1px;
	width:135px;
	margin:0 0 15px;}

ul.fo02 {
	float:right;
	border-left:#999999 solid 1px;
	width:150px;}
	
.for a{
	color:#333333;
	text-decoration:none;}

.for a:hover{
	color:#3C8D00;}
	.fo04{
	background:url(../commonimg/fbg2.gif) repeat-x 0 bottom;
margin:0px 0 10px;
padding:0px 0 0px;
	font-size:11px;
}
.fo04 a{text-decoration:none;
float:left;
color:#999999;}

.fo04 ul{
width:1000px;
margin:0px auto 0px;
padding:0px 0 0;}

.fo04 li{
text-align:left;
float:left;
margin:0 0 0px;
padding:0px 5px 0px 0;}

.fo04 p{
padding:5px 0 0;
	margin:0px 0 0px;
	float:none;}

	
.input1{
	border:solid #cccccc 1px;}
	
.input2{
	border:solid #cccccc 1px;}

textarea{
	border:solid #cccccc 1px;
	width:580px;}
	
/*companyのスタイル*/

.menubox{
	border:solid 1px #CCCCCC;
	padding:1px 1px 10px;
	margin:0 0 10px;}

.menuboxl{
	width:180px;
	float:right;}
	
.menuboxl p{
	margin:0 0 10px;}

.w350{
	width:350px;
	margin:0 auto;}

textarea{
width:500px;}
/*otherのスタイル*/
.pagetop{
margin:15px 0px 20px;
text-align:right;
}

/*fontのスタイル*/
.txtb{
font-weight:bold;
}

.txt10{
font-size:10px;}
.txtred{
color:#E53F1E;
}

/*hyouのスタイル*/

.hyou td{
	padding:3px 5px;}

.tdline{
	background:url(../commonimg/hyouline.gif) repeat-x 0 center;}

.tdl{
	background:url(../commonimg/tdlbg.gif) repeat-y right 0;}

/*float alignのスタイル*/
.fleft{
float:left;
text-align:left;
}

.fright{float:right;}

.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{
	text-align:center;
	vertical-align: top;
}
.clear{clear:both;}
.vtop{vertical-align:top;}

/*margin paddingのスタイル*/
.mt5{margin:5px 0px 0px;}
.mt7{margin:7px 0px 0px;}
.mt10{margin:10px 0px 0px;}
.mt12{margin:12px 0px 0px;}
.mt15{margin:15px 0px 0px;}
.mt20{margin:20px 0px 0px;}
.mt25{margin:25px 0px 0px;}
.mt30{margin:30px 0px 0px;}
.mt40{margin:40px 0px 0px;}
.mt50{margin:50px 0px 0px;}

.mu2{margin:0px 0px 2px;}
.mu5{margin:0px 0px 5px;}
.mu7{margin:0px 0px 7px;}
.mu8{margin:0px 0px 8px;}
.mu10{margin:0px 0px 10px;}
.mu12{margin:0px 0px 12px;}
.mu14{margin:0px 0px 14px;}
.mu15{margin:0px 0px 15px;}
.mu18{margin:0px 0px 18px;}
.mu20{
margin:0px 0px 20px;
text-align: left;
}
.mu25{margin:0px 0px 25px;}
.mu26{margin:0px 0px 26px;}
.mu28{margin:0px 0px 28px;}
.mu30{margin:0px 0px 30px;}
.mu40{margin:0px 0px 40px;}
.mu41{margin:0px 0px 41px;}
.mu45{margin:0px 0px 45px;}
.mu50{margin:0px 0px 50px;}
.mu51{margin:0px 0px 51px;}
.mu60{margin:0px 0px 60px;}
.mu70{margin:0px 0px 70px;}
.mu100{margin:0px 0px 100px;}
.mu200{margin:0px 0px 200px;}
.mu500{margin:0px 0px 500px;}
.mtu30{margin:30px 0px 30px;}

/*widthのスタイル*/

.w176r{
	width:176px;
	float:right;}

.w180{
	width:180px;
	margin:0 auto;}

.w188{
	width:188px;
	margin:0 auto;}
.w370l{
	width:370px;
	float:left;}

.w370r{
	width:370px;
	float:right;}

.w400r{
	width:400px;
	float:right;}

.w515{
	width:515px;
	margin:0 auto;}

.w1000{
	width:1000px;
	margin:0 auto;}