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


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

}

/*bodyのスタイル*/

body {
text-align: center;
	background:url(../commonimg/bg.jpg);
margin: 0px;
padding: 0px;
font-size:12px;
}

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

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: #49A729;
}
	
a:hover {color:#FF400D;}

li{list-style:none;}

td{text-align:left;}

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



p.tcenter{
	text-align:center;}

h1{
	font-size:12px;
	font-weight:100;
	text-align:left;
	padding:0 0 0 0px;
	margin:3px 0 0;
	}


#right h2{
	margin:0 0 15px;
	text-align:left;}

#right h2.h2top{
	margin:0px 0px 12px;}

#right h2.h2m0{
	margin:0px 0px 0px;}


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

/*containerのスタイル*/

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

}

/*headerのスタイル*/
#header {
	padding:0px 0 0;
	width:962px;
	height:73px;
	margin:0 auto 15px;
	background:url(../commonimg/headerbg.jpg) no-repeat 0 0;
}

#hleft{
	float:left;
	width:430px;}

#hright{
	text-align:left;
	width:440px;
	margin:10px 0 0;
	float:right;}


#hright ul{
	width:230px;
	margin:5px 0 0px;}

#hright li{
	display: inline;
	font-size:11px;
	margin:0px 0 0px 0px;
	background:url(../commonimg/list03.gif) no-repeat 0 2px;
	padding:0 10px 0 10px;}

#hright a{
	color:#666;
	text-decoration:none;}

#hright a:hover {color:#FF400D;}

.navi li{
	display: inline;
	margin:0px 0 0px 0px;
	padding:0 0 0 0px;}

.headermenu li{
	display: inline;}

.headerline{
	border:solid 1px #CCCCCC;
	padding:1px;}

#main{
	width:960px;
	margin:13px auto 0;}	

#left{
	margin:0px 0 20px;
	width:200px;
	float:left;}
	
.leftbox{
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;}

.leftbox li{
	text-align:left;
	background:url(../commonimg/li.gif) no-repeat 7px 7px;
	padding:5px 0 5px 17px;
	border-bottom:#CCCCCC solid 1px;}

.leftbox li.noline{
	padding:5px 0 0px 17px;
	border:none;}
.leftbox p{
	padding:10px 0;
	margin:0 10px;}	

.leftsubbox{
	background:url(../commonimg/leftsubbox.jpg) repeat 0 0;
		border-bottom:#CCCCCC solid 1px;
		padding:0 0 5px;}

.leftsubbox li{
	text-align:left;
	background:url(../commonimg/list01.gif) no-repeat 17px 12px;
	padding:5px 0 0px 27px;
	border-bottom:none;}

.qalbox{
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;}

.qalbox li{
	text-align:left;
	background:url(../commonimg/list02.gif) no-repeat 17px 12px;
	padding:5px 0 3px 27px;
	border-bottom:#CCCCCC solid 1px;}

.qalbox li.noline{
	border:none;}
	
#right{
	margin:0 0 20px;
	width:745px;
	float:right;}

#subleft{
	width:530px;
	float:left;}

#subleft p{
	margin:10px 15px;}
	
#subright{
	width:200px;
	float:right;}
.subrightbox{
	padding:15px 0;
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;}
	
.subrightbox2{
	border-top:#CCCCCC solid 3px;}

.subrightbox2 li{
	background:url(../commonimg/r_line.gif) repeat-x 0px bottom;
	padding:8px 0 0px 0px;}	

#contents{
margin-left:27px;
margin-right:28px;
text-align:left;
}

#contents a:hover img {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=50);
}

.bor {
	border-bottom: dotted 1px #ccc;
}


#footer{
	background:#FFFFFF;
	text-align:center;
	padding:20px 0px 20px;}

#footer01 p{
	font-size:12px;
	line-height:1.5em;
	margin:0 0px 5px;}

#footer01{
	background:#EBEBEB;}

#footer01 h2{
	margin:0 0 5px;}

#footer01 h3{
	margin:10px 0 0;}

	
#footer01{
	background:url(../commonimg/frbg.jpg) no-repeat right bottom;
	border-top:#cccccc 4px solid;
	padding:15px 0px 20px;
	width:962px;
	margin:0 auto 0px;}

#footer01 p{
	font-size:11px;
	line-height:1.5em;
	margin:0 5px 10px;}

#footer01 li {
	display: inline;
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
	font-size:12px;
	padding-top:0px;
	padding-bottom:0px;
	line-height:1.5em;
	border-right: 1px solid #000000;
	font-size:12px;
}

#footer01 a{
	color:#000000;
	font-size:11px;
	text-decoration:none;}

#footer01 a:hover {color:#FF400D;}
	
#footer01 ul {
	margin:0px;
	text-align:center;
	padding:0px 0px 0px;
}

#footer01 li.noline{
	border:none;
}

#footer02{
	background:url(../commonimg/fbg.jpg) no-repeat 0 0;
	width:962px;
	padding:10px 0 5px;
	margin:0 auto;}

.fo02r{
	margin:10px 0 0;
	width:550px;
	float:right;}

.footer03{
	width:960px;
	margin:0 auto;}

.footer03 p{
	font-size:11px;
	margin:0px;}
	
	.footer03 a{
		color:#666;
		text-decoration:none;}

.footer-works{
padding:0 20px;
background:url(../commonimg/footer_works_bk.gif) repeat-y;
}

.footer-works td{
padding:15px 8px 0 8px;
text-align:center;
}

ul.pankuzu{
margin-left:10px;
margin-bottom:15px;
text-align:left;
}

.pankuzu li{
display:inline;
font-size:11px;
}


/*otherのスタイル*/

.pagetop{
margin:20px 0px 0px;
text-align:right;
}

/*fontのスタイル*/


.txtb{
font-weight:bold;
}


.txtred{
	color:#FF0000;
}


.txtbred{
color:#FF0000;
font-weight:bold;}

.txtbred15{
color:#FF0000;
font-weight:bold;
font-size:15px;}

.txt11{
	font-size:11px;}

.txtgreen14{
	color:#86B612;
	font-size:14px;
	font-weight:bold;}


.txt14{
	font-size:14px;
	font-weight:bold;}



/*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;}

.clearfix {
zoom:1;
overflow:hidden;
}
.clearfix:after {
content: '.';
clear: both;
display: block;
height: 0;
visibility: hidden;
}

.vtop{vertical-align:top;}

/*margin paddingのスタイル*/
.mt5{margin:5px 0px 0px;}
.mt10{margin:10px 0px 0px;}
.mt15{margin:15px 0px 0px;}
.mt20{margin:20px 0px 0px;}
.mt25{margin:25px 0px 0px;}
.mt30{margin:30px 0px 0px;}
.mt35{margin:35px 0px 0px;}
.mt37{margin:37px 0px 0px;}
.mt40{margin:40px 0px 0px;}

.mu3{margin:0px 0px 3px;}
.mu5{margin:0px 0px 5px;}
.mu7{margin:0px 0px 7px;}
.mu8{margin:0px 0px 8px;}
.mu10{margin:0px 0px 10px;}
.mu14{margin:0px 0px 14px;}
.mu15{margin:0px 0px 15px;}
.mu20{
margin:0px 0px 20px;
}
.mu25{margin:0px 0px 25px;}
.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;}
.mu10r14{margin:0px 14px 10px 0px;}

.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mlr5{margin:0 5px 0 5px;}
.mlr15{margin:0 15px 0 15px;}

.mr20{margin-right:20px;}

.mtu10{
	margin:10px 0px;}

/*widthのスタイル*/


.w180{
	width:180px;
	margin:0 auto;}
	
.w190l{
	width:190px;
	float:left;}


.w262l{
	width:262px;
	float:left;}

.w262r{
	width:262px;
	float:right;}

.w490r{
	width:490px;
	float:right;}

.w900{
	width:900px;
	margin:0 auto;}
	
	
.w920{
	width:920px;
	margin:0 auto;}


/*serviceのスタイル*/
.list-spec li{
margin-left:15px;
list-style:disc outside;
}


/*flowのスタイル*/
.flow-dl dt{
margin-bottom:5px;
color:#41B319;
}

.flow-dl dd{
margin-bottom:15px;
margin-left:10px;
}

/*guaranteeのスタイル*/
.guarantee dt{
margin-top:35px;
margin-bottom:10px;
}

/*faqのスタイル*/
.faq dt{
margin-bottom:5px;
padding:10px 0 10px 45px;
background:url(../faq/img/q.jpg) no-repeat left top;
color:#49A729;
}

.faq dd{
margin-bottom:20px;
padding:10px 0 20px 45px;
background:url(../faq/img/a.jpg) no-repeat left top;
border-bottom:3px solid #CCCCCC;
}

.title_faq{
margin-bottom:30px;}

.title_faq dt{
margin-bottom:10px;
}

.title_faq dd{
margin-bottom:5px;
padding:10px 0 10px 45px;
background:url(../faq/img/q.jpg) no-repeat left top;
color:#49A729;
}

/*companyのスタイル*/
.map{
margin-bottom:30px;
border:1px solid #CCCCCC;
}

.staff-l{
float:left;
width:180px;
}

.staff-r{
float:left;
width:485px;
}

.staff-position{
margin-bottom:10px;
padding:5px 15px;
background-color:#E8E8E8;
}

.staff-border{
padding-bottom:20px;
margin-bottom:20px;
background:url(../company/img/border.gif) repeat-x bottom;
}


/*sitemapのスタイル*/
.sitemap{
float:left;
width:330px;
}

.sitemap-page{
margin-bottom:10px;
padding:3px 5px 3px 20px;
border:1px solid #CCCCCC;
background:url(../sitemap/img/sitemap-bk.gif) no-repeat left;
}

.sitemap-page02{
margin-left:20px;
padding:3px 5px 3px 20px;
background:url(../sitemap/img/sitemap-bk02.gif) no-repeat left top;
}

.sitemap-page03 li{
margin-left:50px;
padding:3px 5px 3px 10px;
background:url(../sitemap/img/sitemap-bk03.gif) no-repeat left;
}

/*worksのスタイル*/
.works-info{
border-collapse:collapse;
}

.works-info td{
padding:5px;
border-bottom:1px solid #CCCCCC;
}


/*tableのスタイル*/
.table01{
width:690px;
border-collapse:collapse;
}

.td-line{
padding:1px 0;
border-bottom:1px solid #D7D7D7;
}

.td-l{
width:120px;
background:url(../company/img/company-bk.jpg) no-repeat top left #F0EDEB;
text-align:center;
}

.td-r{
padding:10px 15px;
}

.table02{
width:689px;
border-collapse:collapse;
}

.table02 td{
padding:8px 15px;
border:1px solid #CCCCCC;
vertical-align:top;
}

.td-gray{
background-color:#EFEEEE;
}

.newstd td.tdl{
	text-align:left;
	background:url(../commonimg/list02.gif) no-repeat 17px 12px;
	padding:5px 0 3px 27px;}