@charset "utf-8";
/*目次----------------------------------------------------------------------------------------------------------------*/
/*
css初期化
基本設定
汎用クラス
  FONT指定
  padding指定
  margin指定
  右寄せリンクボタン
レイアウト
  ベースレイアウト
  ヘッダー
  段落1・段落6
  段落2
  段落3
  段落4
  段落5
  段落7
  フッター
*/

/*css初期化----------------------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{  
	margin:0; padding:0;  
}
html,body{
	margin:0;
	width:100%;
} 
table{  
	border-collapse:collapse; border-spacing:0;  
}  
fieldset, img{  
	border:0;  
}  
address, caption, cite, code, dfn, em, strong, th, var{  
	font-style:normal; font-weight:normal;  
}  
ol, ul{  
	list-style:none;  
}  
img{
	vertical-align: bottom;
}
li img,ol img{
	vertical-align: bottom;
}
caption, th{  
	text-align:left;  
}  
h1, h2, h3, h4, h5, h6{  
	font-size:100%; font-weight:normal;  
}  
q:before, q:after{  
	content:”;  
}  
abbr, acronym{  
	border:0;  
}  
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:14px;
	letter-spacing:0.1em;
	line-height:1.8em;
	color:#333;
}
p {
	font-size:14px;
	text-align:left;
}


/*基本設定----------------------------------------------------------------------------------------------------------------*/

.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: ".";  
	clear: both;  
	height: 0;  
}  
.clearfix {
	display: inline-block;  
	min-height: 1px;
} 
* html .clearfix {
 	height: 1px;
}
a {
	color:#283757;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#5e1a62;
}
h2{
	margin-bottom:28px;
}

.red{
	color:#ff0000;
}

/*汎用クラス----------------------------------------------------------------------------------------------------------------*/

.center{
	text-align:center;
}
.clear{
	clear:both;
}
.fr{
	float:right;
}
.fl{
	float:left;
}

/*　FONT指定
-------------------------*/
.bold{
	font-weight:bold;
}
.font12{
	font-size:12px;
}
.font13{
	font-size:13px;
}
.font14{
	font-size:14px;
}
.font15{
	font-size:15px;
}
.font16{
	font-size:16px;
}
.font18{
	font-size:18px;
}
.font20{
	font-size:20px;
}
.font24{
	font-size:24px;
}
.font36{
	font-size:36px;
}
.fontbig{
	font-size:150%;
}
.fontsmall{
	font-size:80%;
}

/*　padding指定
-------------------------*/
.pb0{
	padding-bottom:0;
}
.pb5{
	padding-bottom:5px;
}
.pb10{
	padding-bottom:10px;
}
.pb20{
	padding-bottom:20px;
}
.pb25{
	padding-bottom:25px;
}
.pb30{
	padding-bottom:30px;
}
.pb40{
	padding-bottom:40px;
}
.pb50{
	padding-bottom:50px;
}

.pt0{
	padding-top:0;
}
.pt5{
	padding-top:5px;
}
.pt10{
	padding-top:10px;
}
.pt20{
	padding-top:20px;
}
.pt25{
	padding-top:25px;
}
.pt30{
	padding-top:30px;
}
.pt40{
	padding-top:40px;
}
.pt50{
	padding-top:50px;
}

.pr0{
	padding-right:0;
}
.pr5{
	padding-right:5px;
}
.pr10{
	padding-right:10px;
}
.pr20{
	padding-right:20px;
}
.pr25{
	padding-right:25px;
}
.pr30{
	padding-right:30px;
}
.pr40{
	padding-right:40px;
}
.pr50{
	padding-right:50px;
}

.pl0{
	padding-left:0;
}
.pl5{
	padding-left:5px;
}
.pl10{
	padding-left:10px;
}
.pl20{
	padding-left:20px;
}
.pl25{
	padding-left:25px;
}
.pl30{
	padding-left:30px;
}
.pl40{
	padding-left:40px;
}
.pl50{
	padding-left:50px;
}

/*　margin指定
-------------------------*/
.mb0{
	margin-bottom:0;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb25{
	margin-bottom:25px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}

.mt0{
	margin-top:0;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt25{
	margin-top:25px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}

.mr0{
	margin-right:0;
}
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}
.mr25{
	margin-right:25px;
}
.mr30{
	margin-right:30px;
}
.mr40{
	margin-right:40px;
}
.mr50{
	margin-right:50px;
}

.ml0{
	margin-left:0;
}
.ml5{
	margin-left:5px;
}
.ml10{
	margin-left:10px;
}
.ml20{
	margin-left:20px;
}
.ml25{
	margin-left:25px;
}
.ml30{
	margin-left:30px;
}
.ml40{
	margin-left:40px;
}
.ml50{
	margin-left:50px;
}
.ml-10{
	margin-left:-10px;
}

/*　右寄せリンクボタン
-------------------------*/
.linkbtn{
	padding-top:20px;
	padding-bottom:20px;
	text-align:right;
	width:960px !important;
}
.linkbtn a:hover{
	opacity:0.7;
}


/*レイアウト----------------------------------------------------------------------------------------------------------------*/

/*　ベースレイアウト
-------------------------*/
#wrapper,#headerinner,#footerinner{
	margin:0 auto;
}
#wrapper{
	width:960px;
}
#header{
	background:url(../img/kv_bgbase.jpg) repeat-x;
}
#footer{
	background:url(../img/footer_bgbase.jpg) repeat-x top;
}
#headerinner,#footerinner{
	width:1200px;
	position:relative;
}
#headerinner{
	background:url(../img/kv_bg1200.jpg) no-repeat;
	height:848px;
}
#footerinner{
	background:url(../img/footer_bg1200.jpg) repeat;
	height:482px;
}
#copyright{
	text-align:center;
	background:#494949;
	height:35px;
	line-height:35px;
	color:#FFFFFF;
	margin-top:2px;
}
#section5{
	margin-top:20px;
}
#section6{
	margin-top:50px;
}
#section4{
	margin-top:60px;
}
#section2, #section3, #section7{
	margin-top:10px;
}

#sectionA p, #sectionB p, #sectionC p, #sectionD p, #sectionE p, #sectionF p, #sectionG p, #sectionH p{
	padding-bottom:20px;
} 


/*　ヘッダー
-------------------------*/
#headerinner img,#headerinner h1,#headerinner a{
	position:absolute;
}
#headerinner .logo{
	top:9px;
	left:120px;
}
#headerinner .tel{
	top:64px;
	left:402px;
}
#headerinner .kv1, #headerinner .kv2, #headerinner .kv3{
	left:113px;
}
#headerinner .kv1{
	top:153px;
}
#headerinner .kv2{
	top:356px;
}
#headerinner .kv3{
	top:461px;
}
#headerinner .kvbtn{
	top:840px;
	left:266px;
	display:block;
	background: url(../img/kv_04_btn_on.png) no-repeat;
	width:668px;
	height:115px;
}

* html #headerinner .kvbtn{
	background: url(../img/kv_04_btn_on_ie.gif) no-repeat;
}
#headerinner .kvbtn:hover img{
	transition-property: opacity;
	transition-duration: 0.3s;
 	transition-delay: 0s;
	opacity:0;
	visibility:hidden\9;/*IEhack*/
}

* html #headerinner .kv1{ /* IE-expression (fix png alpha) */
	behavior: expression(
	this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
	this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
	this.style.behavior = "none"
	);
}

* html #headerinner .kv2{ /* IE-expression (fix png alpha) */
	behavior: expression(
	this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
	this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
	this.style.behavior = "none"
	);
}


* html #headerinner .kv3{ /* IE-expression (fix png alpha) */
	behavior: expression(
	this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
	this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
	this.style.behavior = "none"
	);
}

/*　塗装対応可能エリア
-------------------------*/
.tosouarea{
	position: absolute;
	top:527px;
	left:113px;
	width:972px;
	background:url(../img/kv_tosouarea_foot.png) bottom no-repeat;
	padding-bottom:9px;
        
}
.tosouarea h2{
	height:25px;
	margin-bottom:0px;
}
.tosouarea h2 img{
	vertical-align:bottom;
}

.tosouarea div{
	background:url(../img/kv_tosouarea_bg.png) repeat-y;
	padding-left:30px;
	padding-right:30px;
}

.tosouarea div p {
	font-size:13px;
	letter-spacing:0;
	line-height:1.6em;
	padding-top:10px;
}

.tosouarea div .red{
	font-size:12px;
	line-height:1.3em;
	text-indent:-3.7em;
	padding-left:3.7em;
	padding-bottom:8px;
}

.indent_A{
	text-indent:-7em;
	padding-left:6.6em;
}

.indent_B{
	text-indent:-7em;
	padding-left:6.6em;
}

.kv6{
	position:absolute;
	top:654px;
	right:115px;
}



/*　段落A・段落C・段落6
-------------------------*/
#sectionA h2, #sectionC h2, #section6 h2 {
	margin-bottom:28px;
}


/*　段落1・段落6
-------------------------*/
#section1 .article, #section6 .article{
	width:960px;
	padding-bottom:50px;
}

/*　段落A・段落C・段落1・段落6
-------------------------*/
#sectionA .article div, #sectionC .article div, #section1 .article div,#section6 .article div{
	width:524px;
}
#sectionA h3, #sectionC h3, #section1 h3,#section6 h3{
	margin-bottom:25px;
}

/*　段落A
-------------------------*/
#sectionA h2{
	margin-bottom:10px;
	margin-top:120px;
}
#sectionA .article{
	width:960px;
	padding-bottom:10px;
}

/*　段落B
-------------------------*/
#sectionB{
margin-bottom:20px;
}

#sBtags {
	position:relative;
	display:block;
	height:360px;
	margin-top:38px;
}

#sBtags .sB1,#sBtags .sB2,#sBtags .sB3,#sBtags .sB4,#sBtags .sB5,#sBtags .sB6,#sBtags .sB7{
	position:absolute;
}

#sBtags .sB1{
	top:0;
	left:0;
}
#sBtags .sB2{
	top:0;
	right:0;
}
#sBtags .sB3{
	top:174px;
	left:0;
}
#sBtags .sB4{
	top:174px;
	left:196px;
}
#sBtags .sB5{
	top:174px;
	left:392px;
}
#sBtags .sB6{
	top:174px;
	right:196px;
}
#sBtags .sB7{
	top:174px;
	right:0px;
}


/*　段落C
-------------------------*/
#sectionC .article{
	width:960px;
	padding-bottom:30px;
}
#sectionC .articleB{
	width:960px;
	padding-bottom:10px;
}
#sectionC h4{
	margin-bottom:25px;
}
#sectionC .tvh4{
	margin-bottom:0px;
}

/*　段落D
-------------------------*/
#sectionD{
	margin-bottom:10px;
}
#sectionD h2{
	margin-bottom:20px;
}

/*　段落E
-------------------------*/
#sectionE h3{
	margin-top:30px;
}

/*　段落F
-------------------------*/
#sectionF p{
	padding-left:33px;
	padding-right:33px;
}


/*　段落G
-------------------------*/
#sectionG {
	background:url(../img/clg_a_bg.jpg) no-repeat right 227px ;
}

* html #sectionG{
	background:url(../img/clg_a_bg.jpg) no-repeat 660px 227px ;
	width:960px !important;
	overflow:hidden;
	zoom:1;
}

#sectionG .sectionG1 {
	background:url(../img/clg_a_02_icon.jpg) no-repeat top left;
}
#sectionG .sectionG2 {
	background:url(../img/clg_a_03_icon.jpg) no-repeat top left;
	margin-bottom:30px;
}
#sectionG .sectionG2 p{
	padding-bottom:20px;
}
#sectionG .sectionG3 {
	background:url(../img/clg_b_01_icon.jpg) no-repeat top left;
	margin-bottom:20px;
}
#sectionG .sectionG1 p, #sectionG .sectionG2 p{
	padding-left:172px;
	padding-right:294px;
}
* html #sectionG .sectionG1 p, * html #sectionG .sectionG2 p{
/*padding-right:0px;*/
}

#sectionG .sectionG3 p{
	padding-left:172px;
	padding-right:112px;
}


/*　段落H
-------------------------*/
#sectionH {
	background:url(../img/clh_bg.jpg) no-repeat 0 108px ;
	height:551px;
	position: relative;
}
#sectionH .sectionHconv{
	position:absolute;
	top:204px;
	left:146px;
}
#sectionH .sectionHbtn{
	display:block;
	background:url(../img/clh_03_btn_on.jpg) no-repeat;
	height:115px;
	width:668px;
}
#sectionH .sectionHbtn:hover img{
	transition-property: opacity;
	transition-duration: 0.3s;
 	transition-delay: 0s;
	opacity:0;
	visibility:hidden\9;/*IEhack*/
}

/*　段落2
-------------------------*/
#section2 h2{
	margin-bottom:0;
}
#section2 p{
	background:url(../img/cl2_07_bg.jpg) no-repeat;
	height:159px;
	display:block;
	position:relative;
}
#section2 p a{
	position:absolute;
	left:104px;
	display:block;
	width:752px;
	height:150px;
	background:url(../img/cl2_07_btn_on.jpg) no-repeat;
}
#section2 p a:hover img{
	transition-property: opacity;
	transition-duration: 0.3s;
 	transition-delay: 0s;
	opacity:0;
	visibility:hidden\9;/*IEhack*/
}

/*　段落3
-------------------------*/
#section3 ul{
	margin-left:-19px;
	margin-top:68px;
	zoom: 1; /* for IE6・7 */
}
#section3 li{
	width:281px;
	float:left;
	padding-left:24px;
	background:url(../img/cl3_bg.jpg) bottom no-repeat;
	height:545px;
	border:1px solid #b9b9b9;
	margin-left:19px;
	display: inline; /* for IE6・7 */
}
#section3 li h3{
	margin-top:-52px;
	margin-left:76px;
	position: relative; /* for IE6 */
}
#section3 li img{
	margin-bottom:20px;
}
#section3 p{
	width:270px;
}
* html #section3 p{ /*IE6hack*/
	width:260px;
}
*:first-child+html #section3 p{ /*IE7hack*/
	width:260px;
}
html>/**/body #section3 p { /*IE8hack*/
    width:260px;
}  

/*　段落4
-------------------------*/
#section4 h2{
	margin-bottom:28px;
}
#section4 .case1, #section4 .case2{
	width:960px;
}
#section4 .case1{
	padding-bottom:50px;
	background:url(../img/cl4_dots.jpg) no-repeat bottom;
}
#section4 .case2{
	padding-top:50px;
}
#section4 .fl{
	width:421px;
	height:435px;
	position:relative;
	background:url(../img/cl4_arrow.jpg) right 60% no-repeat;
}
#section4 h3{
	margin-bottom:15px;
}
#section4 p{
	width:390px;
}
#section4 .photo1{
	position:absolute;
	bottom:0;
	left:0;
}
#section4 .fr{
	width:526px;
	position:relative;
	height:435px;
}
#section4 .photo3, #section4 .photo4{
	position:absolute;
	top:305px;
}
#section4 .photo3{
	left:0;
}
#section4 .photo4{
	right:0;
}

/*　段落5
-------------------------*/
#section5 h2{
	margin-bottom:0;
}
#section5 .outer{
	width:960px;
	height:435px;
	background:url(../img/cl5_bg.jpg) no-repeat;
}
#section5 .fl{
	padding-left:80px;
	padding-top:55px;
}
#section5 .fl p{
	width:304px;
	font-size:12px;
	letter-spacing:0.05em;
	line-height:1.5em;
	margin-top:12px;
	color:#713838;
}
#section5 .fr{
	padding-right:80px;
	padding-top:55px;
}
#section5 .fr p{
	padding-top:18px;
	width:441px;
}
.sc5btn {
	display:block;
	width:668px;
	height:115px;
	background:url(../img/cl5_03_btn_on.jpg);
	margin-left:auto;
	margin-right:auto;
}
.sc5btn:hover img{
	transition-property: opacity;
	transition-duration: 0.3s;
 	transition-delay: 0s;
	opacity:0;
	visibility:hidden\9;/*IEhack*/
}

/*　段落7
-------------------------*/
#section7 .special{
	background:url(../img/cl7_bg.jpg) no-repeat;
	width:458px;
	height:393px;
	border: 1px solid #b9b9b9;
}
#section7 .special p{
	width:410px;
	margin-left:30px;
	margin-bottom:20px;
}
* html #section7 .special p{ /*IE6hack*/
	margin-left:0px;
	padding-left:30px;
	padding-right:30px;
	width: auto;
}
*:first-child+html #section7 .special p{ /*IE7hack*/
	margin-left:0px;
	padding-left:30px;
	padding-right:30px;
	width: auto;
}

/*　フッター
-------------------------*/
#footerinner img,#footerinner h1,#footerinner a{
	position:absolute;
}
#footerinner .ftbtn, #footerinner .ft1, #footerinner .ft2, #footerinner .ft3{
	left:269px;
}
#footerinner .ftbtn{
	top:49px;
	left:269px;
	width:662px;
	height:186px;
	display:block;
	background:url(../img/footer_01_btn_on.jpg) no-repeat;
}
#footerinner .ftbtn:hover img{
	transition-property: opacity;
	transition-duration: 0.3s;
 	transition-delay: 0s;
	opacity:0;
	visibility:hidden\9;/*IEhack*/
}
#footerinner .ft1{
	top:249px;
}
#footerinner .ft2{
	top:312px;
}
#footerinner .ft3{
	top:375px;
}

.bookmark{
	cursor:pointer;
	display:block;
	width:116px;
	height:20px;
	background: url(../img/bookmarkbtn_on.gif);
}
.bookmark:hover img{
	display:none;
}

.bmk_top{
	position:absolute;
	top:964px;
	left:880px;
}

.bmk_bottom{
	position:absolute;
	top:16px;
	left:728px;
}

.hatena{
	margin-left:119px;
}