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


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

}

/*bodyのスタイル*/

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

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: #EB7700;}
	
a:hover {color:#660000;}

li{list-style:none;}

td{text-align:left;}

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



p.tcenter{
	text-align:center;}

h1{
	margin:0px 0 13px;
	color:#666666;
	font-size:12px;
	font-weight:100;
	line-height:1.0em;
	text-align:left;
	}

#right h2.h2u10{
	margin:0 0 10px;}

#right h4{
	margin:20px 0 10px;}
	
#right h4.h4mt40{
	margin:40px 0 10px;}

#right h4.h4mt0{
	margin:10px 0 15px;}

#right h4.h4orange1{
	background:#EE7700;
	color:#FFF;
	font-size:14px;
	text-align:left;
	padding:3px 5px;
	margin:0px 0 10px;}

#right h4.h4orange1 a{
	color:#FFF;}

#right h4.h4orange2{
	background:#EE7700;
	color:#FFF;
	font-size:14px;
	text-align:left;
	padding:3px 5px;
	margin:30px 0 10px;}

#right h4.h4orange2 a{
	color:#FFF;}

#right h4.h4voice{
	background:#EE7700 url(../voice/img/subttl01.gif) no-repeat 0 0;
	margin:0px 0 18px;
	color:#FFFFFF;
	text-align:left;
	font-size:20px;
	padding:5px 0 5px 45px;}

#right h4.h4voice a{
	color:#FFFFFF;}

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

/*containerのスタイル*/

#container{
text-align:center;
width:1000px;
background:#FFFFFF url(../commonimg/hbg.jpg) repeat-x 0 0;
margin:0px auto;
font-size:12px;
padding:0px 0px 0px;
}


#wrapper{
width:980px;
margin:0 auto;}

/*headerのスタイル*/
#header {
	width:980px;
	margin:0 auto;
	padding:5px 0 0;
}

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

#pan{
	text-align:left;
	}

#hleft{
	width:620px;
	float:left;
	margin:5px 0 0;}

#hright{
	width:350px;
	float:right;
	text-align:left;}

.menubox{
	background:url(../commonimg/menubox.jpg) no-repeat 0 0;
	padding:10px 0;}
	
#mainbg{
	background:url(../commonimg/mainbg.jpg) no-repeat 0 bottom;
	margin:0 0 15px;
}

#left{
	margin:0px 0 180px;
	padding:12px 0;
	background:#F1EBD8;
	width:230px;
	float:left;}

.leftbox{
	background:#D2D6D9;
	padding:1px 0;
	width:194px;
	margin:0 0 15px;
	text-align:center;}

.favorite{
	border:solid #A8A8A8 1px;
	background:#FFFFFF;
	margin:0 0 10px;
	}
.favorite td{
	padding:5px;}
	
.favorite td.tdl{
	background:url(../commonimg/list.gif) no-repeat 5px 10px;
	padding:5px 5px 5px 25px;}

.favorite td.tdline{
	background:url(../commonimg/ldot.gif) repeat-x 0 0;
	padding:0 0;}
	
.lcom{
	position:relative;
	padding:10px 0 0;
	width:208px;
	margin:0 0 10px;
	border:solid #A8A8A8 1px;
	background:#FFFFFF url(../commonimg/combg.jpg) no-repeat center 0;
	}
	
.lcom p{
	margin:0 8px;}	

.lmore{	
	position:absolute;
	top:350px;
	width:55px;
	height:22px;
	left:140px;}
	
.l-navi{
margin-bottom:15px;
border:solid #A8A8A8 1px;
background-color:#FFFFFF;
}

.l-navilink{
padding:4px 0 4px 20px;
background:url(../commonimg/arrow.gif) no-repeat left;
text-align:left;
}
	
#right{
	margin:0 0 20px;
	width:710px;
	float:right;}

.btcontbg{
	background:url(../commonimg/contactbg.jpg) no-repeat 0 0;
	width:710px;
	margin:0 0 18px;
	position:relative;
	height:140px;}

.btcont{
	position: absolute;
	top:96px;
	left:412px;}

.btcatalog{
	position: absolute;
	top:96px;
	left:288px;}

.servicebg{
	background:url(../commonimg/servicebg.jpg) no-repeat 0 0;
	width:710px;
	margin:0 0 17px;
	position:relative;
	height:200px;}

.servicebg p{
	position:absolute;
	top:70px;
	text-align:left;
	width:660px;
	left:20px;
	color:#660000;
	line-height:1.0em;
	margin:0;}

.servicebg a{
	line-height:1.3em;}


.bts{
	position: absolute;
	top:141px;
	left:516px;}

.gborder{
	border:#CCCCCC solid 1px;
	height:120px;
	padding:10px 0 0;}

.gborder2{
	border:#CCCCCC solid 1px;
	padding:10px 0 0;
	height:120px;}

.gborder2 td{
	padding:3px 10px 3px 10px;}
	
.sbox01{
	width:230px;
	float:left;
	margin:0 10px 20px 0;
	}


	
.sbox02{
	width:230px;
	float:right;
	margin:0 0px 20px 0;}		
	
.sboxbg{
	border-left:#EBE2C7 solid 5px;
	border-right:#EBE2C7 solid 5px;
	border-bottom:#EBE2C7 solid 5px;
	height:150px;}

.sboxbg p{
	margin:0 10px 5px;}

.sbox2{
	padding:10px 0;
	background:#EBE2C7;
	margin:0 0 18px;}

.sbox3{
	border:solid 1px #CCCCCC;}

.sbox3 td{
	padding:15px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;}

.sbox3 td.td01{
	background:url(../commonimg/pricebg.jpg) no-repeat right bottom;
	}

.sbox3 td.td01 ul{
	width:210px;}

.sbox3 td.td01 li{
	background:url(../commonimg/list2.gif) no-repeat 0 5px;
	padding:0 0 0 13px;
	text-align:left;}

.sbox3 td.td02{
	background:url(../commonimg/qabg.jpg) no-repeat right bottom;}

.sbox3 td.td02 li{
	background:url(../commonimg/listqa.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
	text-align:left;}

.sbox3 td.td02 ul{
	width:230px;}

.sbox3 td.td03{
	background:url(../commonimg/promisbg.jpg) no-repeat right bottom;}

.sbox3 td.td03 p{
	width:250px;}

.sbox3 td.td04{
	background:url(../commonimg/voicebg.jpg) no-repeat right bottom;}

.sbox3 td.td04 p{
	width:210px;}

.sbox3 td.td05{
	background:url(../commonimg/staffbg.jpg) no-repeat right bottom;}

.sbox3 td.td05 p{
	width:210px;}

.sbox3 td.td06{
	background:url(../commonimg/mediabg.jpg) no-repeat right bottom;}

.sbox3 td.td06 p{
	width:210px;}

	
#footer01{
background:url(../commonimg/fcontactbg.jpg) no-repeat 0 0;
	width:980px;
	height:140px;
	margin:0 auto 13px;
	position:relative;}

.f01cnt{
	top:82px;
	left:353px;
	position:absolute;}

.f01ctg{
	top:82px;
	left:477px;
	position:absolute;}
		
#footer02 p{
	font-size:11px;
	line-height:1.5em;
	margin:0 5px 10px;}

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

#footer02 a{
	font-size:11px;
	text-decoration:none;
	color:#333333;
	}

#footer02 a:hover{
	font-size:11px;
	text-decoration:none;
	color:#BD023B;
	}
	
#footer02 ul {
	margin:0px;
	text-align:center;
	padding:0px 0px 14px;
	}

#footer02 li.noline{
	border:none;
	}

#footer02{
	margin:0 0 10px;
	border-bottom:#CCCCCC solid 2px;
	}

#footer03{
	width:980px;
	padding:0 0 20px;
	margin:0 auto 0px;
	}

#footer03 a{
	font-size:11px;
	text-decoration:none;
	color:#333333;
	}

.fo3l{
	width:640px;
	float:left;
	text-align:right;}

/*otherのスタイル*/

.borderpoint{
border-collapse: collapse;
}

.pagetop{
margin:20px 0 10px;
	text-align:right;}
	
ul.pankuzu{
margin-left:10px;
margin-bottom:5px;
text-align:left;
}

.pankuzu li{
display:inline;
}

.pankuzu-home{
padding-left:15px;
background:url(../commonimg/home.gif) no-repeat left;
}


/* フォームのスタイル　---------------------------------------------------------------------------------------------------------*/
.input1{
	border:1px solid #CCCCCC;
	line-height:1.0em;}

.input2{
	border:1px solid #CCCCCC;
		width:450px;
	line-height:1.0em;}

.txtsize{
	border:1px solid #CCCCCC;
		width:450px;
	line-height:1.0em;}


/*fontのスタイル*/


.txtb{
font-weight:bold;
}

.txtblue{
color:#163594;}

.txtgray{
color:#666666;}

.txt14b{
	font-size:13px;
	font-weight:bold;
	line-height:1.0em;}
.txt16b{
	font-size:16px;
	font-weight:bold;
	line-height:1.0em;}
	
.txt18b{
	font-size:18px;
	font-weight:bold;
	line-height:1.0em;}

.txt25b{
	font-size:25px;
	font-weight:bold;
	line-height:1.0em;}

.txtbrown14{
	color:#660000;
	font-size:14px;}
	
.txtbrown14b{
	color:#660000;
	font-weight:bold;
	font-size:14px;}

	
.txtred{
	color:#FF0000;
}

.txtredb{
	color:#CC0000;
	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;}
.vmiddle{vertical-align:middle;}


/*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;}
.mu4{margin:0px 0px 4px;}
.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;
text-align: left;
}
.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;}

.mr7{
	margin:0 7px 0 0;}
.mr15{margin-right:15px;}
.w210{
	width:210px;
	margin:0 auto;}

.w320{
	width:320px;
	margin:0 auto;}
	
.w350l{
	width:350px;
	float:left;}

.w350r{
	width:350px;
	float:right;}

.w690{
	width:690px;
	margin:0 auto;}
	
/*tableのスタイル*/
.table01-box{
margin-bottom:30px;
background-color:#F1EBD8;
border:1px solid #DED0A5;
padding:20px 25px;
}

.table01-box table{
border-collapse:collapse;
width:660px;
}

.table01-box table td{
padding:5px 8px;
border:1px solid #B0B0B0;
}

.td-l{
width:220px;
background-color:#FCC289;
vertical-align:top;
}

.td-r{
background-color:#FFFFFF;
}

	
	
/*privacyのスタイル*/
dl.privacy{
margin-bottom:50px;
}

.privacy dt{
margin-top:20px;
margin-bottom:10px;
border-bottom:3px solid #CCCCCC;
font-size:14px;
font-weight:bold;
text-align:left;
}

.privacy dd{
text-align:left;
}

/*pointのスタイル*/
.point3{
margin-bottom:30px;
padding:20px 15px;
background:url(../guest/img/point/point_bk.gif) no-repeat top left;
text-align:right;
}

.point3 li img{
vertical-align:bottom;
}

.point1-box{
margin-bottom:15px;
padding:10px;
border:5px solid #EBE2C7;
}

.point1-box li{
padding:5px;
background:url(../commonimg/line_x01.gif) repeat-x bottom;
text-align:left;
}

/*contactのスタイル*/
.contact-txt li{
margin-left:15px;
list-style:disc outside;
text-align:left;
}

/*serviceのスタイル*/
.service-navi{
margin-bottom:30px;
padding:15px;
background-color:#F1EBD8;
border:1px solid #DED0A5;
}

.paint-bk{
margin-bottom:30px;
padding:10px;
height:220px;
background:url(../service/img/honkaku.gif) no-repeat left bottom;
border:1px solid #CCCCCC;
}

.paint-box{
width:710px;
margin-bottom:30px;
padding-bottom:20px;
border:1px solid #CCCCCC;
}

.paint-div{
margin:0 25px 0 25px;
}

.paint-box h5{
margin-bottom:20px;
padding-left:35px;
background:url(../service/img/icon.gif) no-repeat left;
background-color:#EE7700;
font-size:24px;
color:#FFFFFF;
text-align:left;
}

.paint-box h5 a{
	color:#FFFFFF;}

.before1{
float:left;
width:273px;
padding-top:10px;
border:1px solid #666666;
text-align:center;
}

.after1{
float:right;
width:273px;
padding-top:10px;
background-color:#F29333;
text-align:center;
}

.before2{
float:left;
width:185px;
padding-top:10px;
border:1px solid #666666;
text-align:center;
}

.after2{
float:right;
width:185px;
padding-top:10px;
background-color:#F29333;
text-align:center;
}

.before-img{
border:1px solid #999999;
}

.after-img{
border:1px solid #FFFFFF;
}

.arrow1{
float:left;
margin:90px 32px 0 32px;
}

.arrow2{
float:left;
margin:50px 4px 0 4px;
}

.arrow3{
float:left;
margin:160px 33px 0 33px;
}

.arrow4{
float:left;
margin:110px 4px 0 4px;
}

.btservicebg{
	background:url(../service/img/contact_bk.jpg) no-repeat top center;
	width:708px;
	position:relative;
	height:59px;}

.btservicecont{
	position: absolute;
	top:16px;
	left:448px;
}

.btservicecatalog{
	position: absolute;
	top:16px;
	left:324px;
}

.paint-txt dt{
margin:15px 15px 0 15px;
padding:5px;
background-color:#EEEEEE;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
font-weight:bold;
text-align:left;
}

.paint-txt dd{
margin:0 15px 0 15px;
padding:5px;
border:1px solid #CCCCCC;
text-align:left;
}

/*10.06.23 staffのスタイル*/
.staffbox{
margin-bottom:10px;
border:1px solid #cccccc;
padding:10px 0px;
}

.komaribg{
	padding:30px 0 10px;
	background:url(../guest/img/prservice/komarim.jpg) repeat-y 0 0;}

.fbox{
	padding:5px 0;
	background:#EBE2C7;
	margin:0 0 18px;}

.faqbox{
	width:700px;
	background:#FFFFFF;
	margin:0 auto;
	padding:5px 0;}

.faqbox a{
	color:#EB7700;}

.faqbox p.listq{
		background:url(../faq/img/qmark.gif) no-repeat 0 6px;
		border-bottom:dotted 1px #CCCCCC;
		margin:5px 10px;
		padding:4px 0 8px 25px;}

.ansbox p.listq{
		background:#F0F1F4 url(../faq/img/qmark2.gif) no-repeat 15px 11px;
		border-top:solid 3px #EE7700;
		margin:10px 0px 0px;
		padding:8px 0 8px 40px;}
	
.ansbox a{
	color:#000000;}
		
.ansbox p.lista{
		background:url(../faq/img/amark.gif) no-repeat 5px 0px;
		border-top:none;
		margin:10px 0px 15px;
		color:#666666;
		padding:0px 0 10px 40px;}

.vbox	{
	margin:20px 0 0;
		border:solid 1px #CCCCCC;
		background:#F1EBD8;
		padding:0 0 10px;}

.vconbg{
	background:url(../voice/img/conbg.jpg) no-repeat 0 0;
	width:235px;
	height:202px;
	position:relative;}

.vbtcon{
	position:absolute;
	top:77px;
	left:106px;}


.vbox .ankbox{
margin-bottom:30px;
background-color:#FFFFFF;
border:1px solid #DED0A5;
padding:0px 0px;
}

.vbox .ank table{
border-collapse:collapse;
border:1px solid #B0B0B0;
width:415px;
}

.vbox .ank table td{
padding:5px 8px;
border-bottom:1px solid #B0B0B0;
}

.vbox .ank table td.td-t{
	background:#F5F5F5 url(../faq/img/qmark2.gif) no-repeat 10px 5px;
	padding:5px 5px 5px 35px;
vertical-align:top;
}

.vbox .ank table td.td-t2{
	background:#F5F5F5 url(../faq/img/qmark2.gif) no-repeat 10px 5px;
	padding:5px 5px 5px 35px;
vertical-align:top;border:none;
}

.vbox .ank table td.td-b{
	background:#ffffff url(../faq/img/qmark.gif) no-repeat 10px 5px;
	padding:5px 5px 5px 35px;
vertical-align:top;
}

.vbox .ank table td.td-b2{
	background:#ffffff url(../faq/img/qmark.gif) no-repeat 10px 5px;
	padding:5px 5px 5px 35px;
vertical-align:top;
border:none;
}


.vbox .ank table td.td-r{
	background:#F5F5F5 url(../faq/img/amark2.gif) no-repeat 30px 8px;
	padding:5px 5px 5px 65px;
vertical-align:top;
}

.vbox .ank table td.td-rt2{
	background:#F5F5F5 url(../faq/img/amark2.gif) no-repeat 10px 5px;
	padding:5px 5px 5px 45px;
vertical-align:top;
}

.vbox .ank table td.td-rb{
	background:#FFFFFF url(../faq/img/amark.gif) no-repeat 30px 8px;
	padding:5px 5px 5px 65px;
vertical-align:top;
}

.vbox .ank table td.td-rb2{
	background:#FFFFFF url(../faq/img/amark.gif) no-repeat 10px 5px;
	padding:5px 5px 5px 45px;
vertical-align:top;
}

.pricebg{
margin-bottom:30px;
background-color:#F1EBD8;
border:1px solid #DED0A5;
padding:15px 0px;
}

.sitebox{
	padding:5px 0;
	background:#EBE2C7;
	margin:0 0 30px;}

.siteboxbg{
	width:700px;
	background:#FFFFFF;
	margin:0 auto;
	padding:15px 0;}
	
.sitebox li{
	border:solid 1px #cccccc;
	background:#F3F3F3 url(../sitemap/img/list01.gif) no-repeat 8px 10px;
	margin:0 0 10px;
	text-align:left;
	padding:3px 10px 3px 20px;}

.sitebox li.subli{
	border:none;
	background:url(../sitemap/img/list02.gif) no-repeat 10px 10px;
	text-align:left;
	margin:0 0 5px;
	padding:3px 10px 3px 25px;}

.mediatk{
	border-top:2px solid #cccccc;
	margin:20px 0 0;}

.mediatk td{
	border-bottom:dotted 1px #CCCCCC;
	padding:10px;}

.mediatk td.early{
	background:url(../company/img/media/icon01.jpg) no-repeat 0 center;
	padding:10px 10px 10px 30px;
	color:#FF2450;}

.mediatk td.kanairo{
	background:url(../company/img/media/icon02.jpg) no-repeat 0 center;
	padding:10px 10px 10px 30px;
	color:#6C2C00;}


.mediabg{
	position:relative;
	background:url(../company/img/media/meidabg.jpg) no-repeat 0 0;
	width:710px;
	margin:10px 0 15px;
	height:142px;}

.btmediapdf{
	position:absolute;
	top:95px;
	left:20px;
	width:238px;
	height:34px;}
	
.pdfbg	{
	background:#EFF0EF;
	padding:10px;}

.pdfbg p{
	font-size:11px;
	line-height:1.5em;
	margin:0;}

.news td.tdr{
		background:url(../news/img/list.gif) no-repeat 0 0;
		padding:5px 10px 5px 15px;}
	
.news td.tdline{
	background:url(../commonimg/ldot.gif) repeat-x 0 0;}
	

.rogobox{
	background:#FFFFFF;
	border:solid 1px #B0B0B0;
	padding:10px 0;
	margin:20px 0 0;}

	
.w258r{
	width:258px;
	float:right;}
	
.w290r{
	width:290px;
	float:right;}
	
	
.w320r{
	width:320px;
	float:right;}
.w320l{
	width:320px;
	float:left;}
		
		
.w415r{
	width:415px;
	float:right;}

.w430r{
	width:430px;
	float:right;}

.w440r{
	width:440px;
	float:right;}

.w440l{
	width:440px;
	float:left;}

.w470r{
	width:470px;
	float:right;}

.w590r{
	width:590px;
	float:right;}

.w640{
	width:640px;
	margin:0 auto;}
	
.w655{
	width:655px;
	margin:0 auto;}
.w670{
	width:670px;
	margin:0 auto;}
	
.w680{
	width:680px;
	margin:0 auto;}
	
.w690{
	width:690px;
	margin:0 auto;}