/*
-------------------------
TAGS
------------------------- */
*{ margin:0; padding:0; text-decoration:none; font-weight:normal; font-style:normal; line-height:1.5em; font-size: 12px; font-family:'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}
* html body { font-size: 0.9em;text-align: center;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
ul li { list-style:none; }
ul,li {margin: 0;padding: 0;}
div,ul,li { zoom:1; }
div:after,ul:after,li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.001em;
	line-height: 0;
}
select option { padding : 0 5px; }

body{
	color: #616161;
	overflow-y: scroll;
}

* html body{overflow-y: scroll;}
*+html body{overflow: hidden;}
img{vertical-align: top;}

/* anchor */
a {
	color:#6699CC;
	text-decoration:none;
	overflow: hidden;	/*firefox点線対応*/
}
* html a {
	overflow: visible;
}
*+html a {
	overflow: visible;
}

a img{border: 0;}

/* table */
table {
	border-collapse: 0;
	/*
	border-collapse:collapse; 
	これ指定するとtableタグにcellpadding・sellspacingを入れてなくても
	それなりにスタイル調整できる
	*/
}
th,td {
	border-collapse:collapse;
}
strong{
	font-weight: bold;
}

/*
-------------------------
BASE CLASS
------------------------- */
#container{
}

/*
-------------------------
HEADER
------------------------- */
#header{
	height: 68px;
	background: url('../images/common/head_bg.gif') repeat-x;
}
#headerInner{
	margin: 0 auto;
	width: 850px;
	position: relative;
}
#headerInner h1{
	color: #FFF;
	font-size: 10px;
}
.logo{
	position: absolute;
	top: 20px;
	left: 0;
}
.headContact{
	position: absolute;
	top: 6px;
	right: 0;
}

#mainImg{
	height: 248px;
	background: url('../images/common/main_img_bg.gif') repeat-x;
}
#mainImgInner{
	margin: 0 auto;
	width: 850px;
}
/*
-------------------------
NAVI
------------------------- */
#gNavi{
	height: 45px;
	background: url('../images/common/gnavi_bg.gif') repeat-x;
}
#gNaviInner{
	margin: 0 auto;
	width: 850px;
}
#gNaviInner li{
	float: left;
}
/*
-------------------------
FOOTER
------------------------- */
#footerNavi{
	margin: 0 auto;
	width: 850px;
	border-top: 1px solid #dbdada;
}
#footerNavi ul{
	padding: 17px 0 17px 107px;
	/padding: 17px 0 17px 100px;
}
#footerNavi li{
	margin-right: 20px;
	padding-left: 17px;
	float: left;
	background: url('../images/common/circle_arrow.gif') no-repeat left 3px;
	font-size: 11px;
}
#footerNavi li a{
	color: #5f5f5f;
}
#footerNavi li a:hover{
	text-decoration: underline;
}
#footer{
	height: 82px;
	background: url('../images/common/footer_bg.gif') repeat-x;
}
#footerInner{
	margin: 0 auto;
	width: 850px;
	position: relative;
}
.footLogo{
	width: 127px;
	height: 22px;
	position: absolute;
	top: 23px;
	left: 0;
}
.footTxt{
	width: 317px;
	height: 11px;
	position: absolute;
	top: 53px;
	left: 0;
}
#footerInner address{
	color: #FFF;
	position: absolute;
	top: 53px;
	right: 0;
}
/*
-------------------------
CONTENTS
------------------------- */
#contents{
	margin: 0 auto;
	padding-bottom: 50px;
	width: 850px;
}
#mainConts{
	padding: 5px 0 0 0;
	float: left;
	width: 630px;
	text-align: left;
}
#mainConts h2{
	margin-bottom: 20px;
}
.h3Txt{
	margin-bottom: 20px;
	padding: 10px 0 0 3px;
}
#topLinkNavi{
	margin-bottom: 20px;
}
#topLinkNavi ul{
}
#topLinkNavi li{
	margin-right: 9px;
	float: left;
}
.topLink01{
	width: 197px;
	height: 293px;
	background: url('../images/top/topLink01_off.jpg') no-repeat;
}
.topLink01 a{
	padding: 65px 17px 0;
	display: block;
	color: #616161;
	width: 163px;
	_width: 197px;
	height: 228px;
	_height: 293px;
}
.topLink01 a:hover{
	text-decoration: underline;
	background: url('../images/top/topLink01_on.jpg') no-repeat;
}
.topLink02{
	width: 197px;
	height: 293px;
	background: url('../images/top/topLink02_off.jpg') no-repeat;
}
.topLink02 a{
	padding: 65px 17px 0;
	display: block;
	color: #616161;
	width: 163px;
	_width: 197px;
	height: 228px;
	_height: 293px;
}
.topLink02 a:hover{
	text-decoration: underline;
	background: url('../images/top/topLink02_on.jpg') no-repeat;
}
.topLink03{
	width: 197px;
	height: 293px;
	background: url('../images/top/topLink03_off.jpg') no-repeat;
}
.topLink03 a{
	padding: 65px 17px 0;
	display: block;
	color: #616161;
	width: 163px;
	_width: 197px;
	height: 228px;
	_height: 293px;
}
.topLink03 a:hover{
	text-decoration: underline;
	background: url('../images/top/topLink03_on.jpg') no-repeat;
}
#bottomContact{
	margin-bottom: 15px;
	width: 611px;
	height: 137px;
	background: url('../images/common/btm_contact_bg.gif') no-repeat;
	position: relative;
}
#bottomContact p{
	position: absolute;
	top: 17px;
	right: 35px;
}
.pageTop{
	width: 610px;
	text-align: right;
}


#sideConts{
	padding: 19px 0 0 0;
	float: right;
	width: 220px;
}
#salesArea{
	margin-bottom: 12px;
	background: url('../images/common/salesarea_mid.gif') repeat-y;
}
#salesAreaInner{
	padding: 0 2px 3px;
	width: 216px;
	background: url('../images/common/salesarea_btm.gif') no-repeat left bottom;
}
.detailArea{
	padding: 3px 0 0 0;
	background: url('../images/common/dott_line.gif') repeat-x;
}
.detailArea table{
	margin: 8px 0 8px 13px;
	width: 210px;
	_width: 197px;
	text-align: left;
}
.detailArea table td{
	width: 70px;
}
#salesAreaInner p{
	padding: 5px 0 0 10px;
	color: #005899;
	width: 204px;
	height: 20px;
	background: #f7f7f7;
	font-size: 11px;
}
#companyInfo{
	width: 220px;
	background: url('../images/common/companyinfo_mid.gif') repeat-y;
	text-align: left;
}
#companyInfoInner{
	padding: 0 2px 3px;
	width: 216px;
	background: url('../images/common/companyinfo_btm.gif') no-repeat left bottom;
}
#companyInfoInner h4{
	margin: 0 0 5px 0;
	padding: 8px 0 0 10px;
}
#companyInfoInner .companyAddress{
	margin-bottom: 5px;
	padding: 0 0 0 10px;
}
#companyInfoInner .companyAddress a{
	color: #0073c7;
	font-weight: bold;
	text-decoration: underline;
}
.companyAddressBtn{
	margin: 0 5px 3px 0;
	text-align: right;
}


/*--------------------------------------*/
/*---------- 外装塗装ページ ------------*/
/*--------------------------------------*/
#subContents{
	margin: 0 auto;
	padding: 14px 0 50px 0;
	width: 850px;
	text-align: left;
}
#subContents #sideConts{
	padding: 5px 0 0 0;
	float: right;
	width: 220px;
	text-align: left;
}
.outsideTopTxt{
	margin-bottom: 25px;
	padding: 0 0 0 17px;
	width: 593px;
	background: url('../images/under/outside_img01.gif') no-repeat right 15px;
}
.outsideCaption{
	margin-bottom: 15px;
}
.outsideTxt01{
	margin-bottom: 20px;
}
.outsideTopTxt h3{
	margin-bottom: 10px;
	color: #0b72ff;
	font-size: 14px;
	font-weight: bold;
}

.outsidePaintsType{
	padding: 11px 16px;
}
.typeTxt{
	margin-bottom: 15px;
}
.paints{
	margin-bottom: 15px;
	padding: 10px 15px;
	border: 1px solid #a4cafd;
	background: #ebf3ff;
}
.paintsImg{
	margin-bottom: 25px;
}
.paintsLeftImg{
	padding-left: 30px;
	_padding-left: 15px;
	float: left;
	text-align: center;
}
.paintsRightImg{
	padding-right: 30px;
	_padding-left: 15px;
	float: right;
	text-align: center;
}
/*----------------------------------*/
/*---------- 内部塗装ページ --------*/
/*----------------------------------*/
.insideTopTxt{
	margin-bottom: 25px;
	padding-left: 17px;
	width: 593px;
}
.insideCaption{
	margin-bottom: 15px;
}
.insidePh{
	padding: 15px 20px;
	width: 553px;
}
.insidePhLeft{
	float: left;
	text-align: center;
}
.insidePhRight{
	float: right;
	text-align: center;
}

/*--------------------------------------*/
/*---------- 遮熱塗装ページ ------------*/
/*--------------------------------------*/
.termalTopTxt{
	margin-bottom: 25px;
	padding: 0 0 0 17px;
	width: 593px;
}
.termalCaption{
	margin-bottom: 15px;
}
.termalFeatures{
	margin-bottom: 15px;
}
.termalFeaturesTxt{
	margin-bottom: 15px;
}
.termalFeaturesTxt p{
	margin-bottom: 15px;
	padding: 0 0 0 17px;
}
/*--------------------------------------*/
/*---------- 会社案内ページ ------------*/
/*--------------------------------------*/
.companyTbl{
	margin-bottom: 25px;
	padding: 0 17px;
	width: 576px;
}
.companyTbl table{
	border-top: 1px solid #a4cafd;
	border-left: 1px solid #a4cafd;
	width: 100%;
}
.companyTbl th{
	padding: 5px 15px;
	border-bottom: 1px solid #a4cafd;
	border-right: 1px solid #a4cafd;
	width: 25%;
	background: #ebf3ff;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
.companyTbl td{
	padding: 5px 15px;
	border-bottom: 1px solid #a4cafd;
	border-right: 1px solid #a4cafd;
	background: #f3f8ff;
	vertical-align: top;
	text-align: left;
}
.companyArea{
	margin-bottom: 15px;
}
.salesArea{
	padding: 0 0 25px 17px;
}
/*--------------------------------------*/
/*---------- お問い合わせページ --------*/
/*--------------------------------------*/
.contactTop{
	margin-bottom: 25px;
	padding: 0 17px;
	width: 576px;
	_width: 593px;
}
.contactTop p{
	margin-bottom: 10px;
	color: #0cbdff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.contactLeft{
	float: left;
	text-align: center;
}
.contactLeft .contactTel{
	margin-bottom: 5px;
	padding: 10px 60px;
	border: 1px solid #a4cafd;
	color: #616161;
	background: #f3f8ff;
}
.contactLeft p,
.contactRight p{
	color: #616161;
}
.contactRight{
	float: right;
	text-align: center;
}
.contactRight .contactFax{
	margin-bottom: 5px;
	padding: 10px 60px;
	border: 1px solid #a4cafd;
	color: #616161;
	background: #f3f8ff;
}
.contactForm{
	margin-bottom: 25px;
	width: 610px;
}
.contactForm h3{
	margin-bottom: 15px;
}
.contactForm p{
	margin-bottom: 15px;
	padding: 0 17px;
}
.bottomTxt{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.contactPolicy{
	margin-bottom: 20px;
}
/*--------------------------------------*/
/*------------ サンクスページ ----------*/
/*--------------------------------------*/
.thanksTxt{
	margin-bottom: 20px;
	width: 610px;
}
.thanksTxt p{
	padding: 20px;
	border: 5px solid #a4cafd;
}
/*----------------------------------------------*/
/*---------- プライバシーポリシーページ --------*/
/*----------------------------------------------*/
.policyTxt{
	margin-bottom: 25px;
	width: 610px;
}