@charset "utf-8";
/* CSS Document */

/*線の細いテーブル（使用場所：上部カテゴリ説明・userdata内部）
-------------------------------------------------------------*/
#thin table {　
	width: auto;
	border-collapse: collapse;
	border: 1px solid #CCC;
	text-align: center;
} 

#thin table tr td {
	border: 1px solid #CCC;
}
/*線の細いテーブル終わり*/

/*プライバシーポリシー*/

#privacy {
	padding-right: 1em;
	padding-left: 1em;
} 
#privacy h2{
	font-size:16px;
	color:#666;}
#privacy li{
	font-weight:normal;
	color:#666;
	}
	
	#privacy dl{
		margin:2em;
		}

/*ihlp*/
.ihlpbody{ background:url(../../image2/ihs/ihbody.png);}
#ihlp{ width:900px; margin:auto}
#ihlpheader{
	background-color:#F00;
	width:900px;
	height:3em;
	margin-top:0px;
	color: #FFF;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-left: 5px;
}
 
     #ihlp img {border: none;vertical-align:bottom;}
       #ihlp .content1{ background:url(../../image2/ihs/ihlp_r6_c1.jpg); height:305px;}
	    #ihlp .content1 .inner{ margin-left:40px; padding-top:83px;}
	      #ihlp .content1 .inner .button{float:left; margin-left:10px;}
	       
				 #ihlp .content2{ background:url(../../image2/ihs/ihlp_r7_c1.jpg); height:140px; margin:0px;}
	                #ihlp .content2 .inner{ margin-left:420px; padding-top:15px;}
	                 #ihlp .content2 .inner .button{ }
				 
				 #ihlp .content2b{ background:url(../../image2/ihs/ihlp_r13_c1.jpg); height:140px;}
				     #ihlp .content2b .inner{ margin-left:420px; padding-top:15px;}
	                 #ihlp .content2b .inner .button{ }
				 
	 #ihlp .content3{ position:relative;}
	   #ihlp .content3 p{
	position:absolute;
	left: 23px;
	top: 654px;
	width: 589px;
	height: 89px;
}
	#ihlp .content4{ position: relative;}
	   #ihlp .content4 p {
	position:absolute;
	left: 46px;
	top: 2446px;
	width: 812px;
	height: 155px;
}
　　#ihlp .footer{}
					 



/*工事先自動入力ボタン（使用場所：/userdata/estimate内部）
-----------------------------------------------------------*/

a.graybutton {
	padding-right: 20px; /* ボタン内　右側余白*/
	line-height: 25px;   /* ボタン高さ */
	background: url(../../image2/button/gray.png) right top no-repeat;
	cursor: pointer;
	margin-right: 5px;   /* ボタン外　右側余白*/
	outline: none;       /* FireFox:点線を非表示 */
	color: #333;
	text-decoration:none;
	float: right;
} 
 

a.graybutton span {
	display: block;
	padding-left: 20px;
	background-color:#FFF; /* 透過部分の背景色 */
	background-image: url(../../image2/button/gray.png);
	background-repeat: no-repeat;
	background-position: left top;
}
a.graybutton:hover {
	background-position: right -25px;
	color: #333;
} 
 
a.graybutton:hover span {
	background-position: left -25px;
} 
 
a.graybutton:active { 
  background-position: right bottom; 
} 
 
a.graybutton:active span { 
  background-position: left bottom; 
} 

/*工事先自動入力ボタン終了*/


/* 未使用キャンペーン用
------------------------*/

#cam-whole {
	font-size: 13px;
}

#cam-whole .top-banner {
	margin-bottom: 10px;
}

#cam-whole .cam-waku {
	font-size: 13px;
	border: 1px solid #A5D9F1;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#cam-whole .products {
	font-size: 13px;
	background-color: #E7E7E7;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px dotted #CCCCCC;
	padding: 5px;
	height: 260px;
	width: 220px;
}

#cam-whole .products-title {
	font-size: 13px;
	margin-top: 5px;
	line-height: 125%;
}

/*　フォーム下部携帯から撮影・カメラセット説明
-----------------------------------------------*/
#imgdeli {
	background-image: url(../../image2/estimate/inq-img.png);
	height: 98px;
	width: 742px;
	margin-left: 13px;
	background-repeat: no-repeat;
}
.imgdelip1  {
	width: 250px;
	font-size: 12px;
	float: left;
	margin-top: 35px;
	margin-left: 8em;
}
.imgdelip2 {
	width: 250px;
	font-size: 12px;
	text-indent: 2px;
	float: right;
	margin-top: 35px;
	margin-left: 10px;
}

.table_l {
	float: left;
	width: 180px;
	margin-left: 10px;
	text-align: center;
}
.table_r {
	width: 180px;
	float: right;
	margin-right: 10px;
	text-align: center;
}
.table_title {
	width: 580px;
	height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.table_title2 {
	width: 580px;
}





/*総合お問い合わせ　↓後でかたずける事！
-------------------------------------*/

#m580container {
	width: 580px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-left: auto;
}

#m780container-contact {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-left: auto;
	color: #666666;
	font-size: 13px;
	line-height: 130%;
	padding-right: 15px;
	padding-left: 15px;
}

div#m780container-contact h2.title{
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	color: #828282;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #999999;
}

#m780container-contact p {
	margin-right: auto;
	margin-left: auto;
	color: #666666;
	font-size: 13px;
	line-height: 130%;
	padding-left: 10px;
	padding-right: 10px;
}

#m780container-contact table{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	color: #666666;
	font-size: 12px;
	line-height: 120%;
	border: 1px solid #CCCCCC;
}

#m780container-contact tr{
	padding-top: 5px;
	padding-bottom: 5px;

}
#m780container-contact th {
	background-color: #EEF7EA;
	font-weight: normal;
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;

}

#m780container-contact .table-midashi {
	background-color: #999999;
	font-weight: normal;
	width: 50%;
	padding-top: 5px;
	padding-bottom: 4px;
	color: #FFFFFF;
	font-size: 12px;

}

#m780container-contact td {
	background-color: #F9F9F9;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 50%;

}

#m780container {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: auto;
	margin-left: auto;
	color: #666666;
	font-size: 14px;
	line-height: 130%;
	padding-right: 15px;
	padding-left: 15px;
}

#m780container a:hover {color: #3939EA;text-decoration: underline;}
#m780container a:link {
	color: #3939EA;
	text-decoration: none;
}
#m780container a:visited {
	color: #3939EA;
	text-decoration: none;
}
#m780container a:active {color: #3939EA;text-decoration: none;}
#m780container a:visited:hover {color: #3939EA;text-decoration: underline;}

div#m780container h2.title{
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	color: #828282;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #999999;
}

#m780container p {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}

.blue-solid-title {
	clear: both;
	width: 560px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #666;
	border-left-color: #06F;
	color: #666;
	font-weight: bold;
	font-size: 15px;
	padding-left: 10px;
}
bluetitle-ｆ14 {
	margin: 10px;
	width: 530px;
	background-color: #09F;
	text-align: center;
	color: #000;
	height: 20px;
	font-size: 14px;
}



.midashi3 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0066FF;
	padding-left: 0px;
	font-size: 16px;
	color: #3366CC;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
	margin-bottom: 12px;
	clear: both;
}

.midashi4 {
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	padding-left: 25px;
	margin-bottom: 25px;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	clear: both;
	background-image: url(/image/etc/yajirushi2/1.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.midashi5 {
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-bottom: 4px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 5px;
	margin-bottom: 25px;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	clear: both;
}
.midashi6 {
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	clear: both;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	background-image: url(/image/etc/2.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	background-position: 0px 2px;
}
.goback_top {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}
p.bigimg {
   width: 80%;
   overflow: auto;
}