@charset "shift_jis";

/* ----------------------------------------------------------
	maintenance.css
	
	style sheet for maintenance category
---------------------------------------------------------- */

body#maintenance h1.imageH1 {
	background: none;
}

/* /maintenance/
--------------------------------------*/

/* productCol2 */
body#maintenance .section {
}
body#maintenance .maintenanceCol2 {
	padding: 0;
	margin: 0;
	width: 980px;
}
body#maintenance .maintenanceCol2 .colLeft,
body#maintenance .maintenanceCol2 .colRight {
	float: left;
	width: 458px;
	text-align:left;
	margin: 0 30px 0 0;
	border: solid 1px #dddddd;
	min-height: 295px;
}
* html body#maintenance .maintenanceCol2 .colLeft,
* html body#maintenance .maintenanceCol2 .colRight {
	height: 295px;
}

body#maintenance .maintenanceCol2 .colRight {
	margin: 0;
}
body#maintenance .maintenanceCol2 p,
body#maintenance .maintenanceCol2 ul {
	margin: 0 16px;
}
body#maintenance .maintenanceCol2 .btList  {
	background-color: #f8f8f8;
	margin-top: 20px;
	padding: 10px 0 20px 0;
}
body#maintenance .maintenanceCol2 .btList ul  {
	margin: 0 0 0 15px;
}

body#maintenance .maintenanceCol2 .btList ul li {
	float: left;
	margin: 10px 10px 0 0;
	padding: 0;
	font-size: 0;
}

/* /qa/
--------------------------------------*/
span.iconStop {
	margin-left: 6px;
	padding: 2px 10px;
	zoom: 1;
}
span.iconStop {
	background:url(/maintenance/shutter/qa/pic/default_002.gif) no-repeat 0 50%;
}

/* clearfix
------------------------------------------ */
body#maintenance .maintenanceCol2:after,
body#maintenance .maintenanceCol2 .btList ul:after,
body#maintenance .maintenanceCol2 .btList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body#maintenance .maintenanceCol2,
body#maintenance .maintenanceCol2 .btList ul,
body#maintenance .maintenanceCol2 .btList {
	zoom: 1;
}

/* contact
------------------------------------------ */
.section{
	margin-top: 12px;
}
#contents{
	line-height: 1.65;
	overflow: hidden;
}
h3{
	padding:0;
	background-color: #fff;
}
p.about{
	font-size: 115%;
	margin-bottom: 22px;
	padding-left: 20px;
}
#tel{
	height: 156px;
	width: 650px;
	/*float: left;*/
	border: 1px #ddd solid;
}
#tel h3{
	margin-bottom:15px;
}
#tel p{
	font-weight: bold;
	padding-left: 20px;
}
#tel .btn{
	height: 30px;
	font-size: 108%;
	margin-bottom: 15px;
}
#tel .btn img{
	vertical-align: middle;
	padding-left: 10px;
}
#door{
	height: 156px;
	width: 280px;
	float: right;
	border: 1px #ddd solid; 
}
#door h3{
	height: 40px;
	line-height: 41px;
	padding-left: 15px;
	margin-bottom: 15px;
	border-bottom: 1px #ddd solid;
}
#door p{
	padding-left: 20px;
	margin-bottom:10px;
}
#mail{
	clear: both;
	overflow: hidden;
	padding-top: 30px;
	margin-bottom: 28px;
}
#mail h3{
	margin-bottom: 18px;
}
#mail p{
	padding-left: 20px;
	margin-bottom: 18px;
}
h4.sq{
	margin-left: 20px;
	width: 116px;
	line-height: 1.45;
	height: 55px;
	color:#000;
	overflow: hidden;
	padding-top: 5px;
	padding-left: 20px;
	background: url(/scripts/contact/pic/hed03.jpg) no-repeat;
	float: left;	
}
h4{
	width: 116px;
	line-height: 1.45;
	height: 55px;
	color:#000;
	overflow: hidden;
	padding-top: 5px;
	padding-left: 20px;
	background: url(/scripts/contact/pic/hed03.jpg) no-repeat;
	float: left;
}
#mail ul{
	font-size: 93%;
	margin-bottom: 18px;
	padding-left: 20px;
}
#mail .big{
	font-size: 108%;
}
#mail .contents{
	overflow: hidden;
	clear: both;
	margin-bottom: 20px;
	margin-left: 20px;
}
#mail .customer{
	margin-left: 20px;
	overflow: hidden;
	clear: both;
}
#mail .contents .left{
	padding: 0px 0 5px 15px;
	float:left;
	line-height: 2.2;
}
#mail .contents .right{
	padding: 0px 0 5px 35px;
	float:left;
	line-height: 2.2;
}
.redask{
 color: #e6000f;
}
.seikyu_txt01{
	width: 310px;
	margin: 10px 0 10px 15px;
}
.seikyu_select01{
	width: 200px;
	margin: 10px 0 10px 15px;
}
.seikyu_select02{
	width: 145px;
	margin: 10px 0 10px 15px;}
.seikyu_txt02{
	width: 144px;
	margin: 10px 0 10px 15px;}
.seikyu_txt03{
	width: 270px;
	margin: 10px 0 10px 15px;}
.seikyu_txt04{
	width: 222px;
	/*float: left;*/
	margin: 10px 0 10px 15px;}
.seikyu_txt05{
	width: 222px;
	margin: 10px 0 10px 15px;}
.seikyu_txt06{
	width: 515px;
	height: 100px;
	margin: 5px 0 10px 15px;
}
.seikyu_txt07{
	width: 570px;
	margin: 5px 0 10px 15px;
}
.seikyu_com{
	margin-left: 12px;
	font-size: 11px;
	color: #646464;
}
th.title001{
	background-color: #F5F5F5;
	width: 135px;
	border-top: solid 1px #B4B4B4;
	border-bottom: solid 1px #B4B4B4;
	border-left: solid 1px #B4B4B4;
	border-right: solid 1px #B4B4B4;
	font-weight:normal;
	vertical-align: middle;
}
th.title001t{
	background-color: #F5F5F5;
	/*width: 135px;*/
	width: 50px;
	padding-right: 0;	
	border-top: solid 1px #B4B4B4;
	border-bottom: solid 1px #B4B4B4;
	border-left: solid 1px #B4B4B4;
	border-right: solid 1px #B4B4B4;
	font-weight:normal;
	vertical-align:top;
}
.title003t{
	border-top: solid 1px #B4B4B4;
	border-right: solid 1px #B4B4B4;
}
.title003{
	border-right: solid 1px #B4B4B4;
}
.redask{
 color: #e6000f;
}
.redask2{
 color: #e6000f;
	padding-left: -1em;
	text-indent: 1em;
}
.seikyu_left1em{
 padding-left: 1em;
}
.title002{
	background-color: #F5F5F5;
	width: 100px;
	font-weight:normal;
}
.seikyu_err_msg01{
 color: #e6000f;
 font-size: 12px;
 margin-left: 155px;
 margin-bottom: 5px!important;
}
.seikyu_err_msg02{
 color: #e6000f;
 font-size: 11px;
 margin-left: -5px!important;
 margin-bottom: -5px!important;
}
#mail table{
	width: 775px;
	float: right;
}
#confirm{
	width: 755px;
	margin-left: 175px;
	clear: both;
	margin-bottom: 55px;
}
#confirm ul{
	line-height: 1.5;
	margin-bottom: 18px;
}
#confirm p{
	text-align: center;
}


/* contact renewal 20150416
------------------------------------------ */
.frtLeft{
	float: left;
}
.frtRight{
	float: right;
}
.clear{
	clear: both;
}
.text-center{
	text-align: center;
}

.seikyu_com{
	margin-left: 0;
}
.sign-ok{
	border: solid 1px #FF6400;
}
.seikyu_com{
	display: block;
	float: right;
	width: 220px;
	margin-top: 15px;
}
.attention01{
	color: red;
	font-size: 12px;
	display: none;
	background: url(../../scripts/contact/pic/img_contact10.png) 0 3px no-repeat;
	padding-left: 15px;
	margin-left: 65px;
	clear: both;
}
.img-ok{
	display: none;
	margin-left: 10px;
	vertical-align: middle;
}
.img-ok.frtRight{
	margin-left: 0;
	margin-right: 15px;
}
#contents select{
	width: 120px;
}
#all_attention{
	width: 718px;
	text-align: center;
	height: 35px;
	line-height: 35px;
	display: none;
	background-position: 35% 50%;
	background-color: #FFFFEB;
	border: solid 1px #FF6400;
	margin: 0 0 20px;
	padding: 0;
}


#stepList01{
	margin: 20px 0 25px;
	margin-right: 20px;
	width: 726px;
	float: right;
}
#stepList01.complete{
	width: 726px;
/* 	margin: 20px auto 25px; */
	margin: 20px auto 0;
}
	#stepList01 li{
		float: left;
		background: url(../../scripts/contact/pic/img_contact2.png) 0 0 no-repeat;
		height: 36px;
		width: 240px;
		display: block;
		text-indent: -999px;
		overflow: hidden;
	}
	#stepList01 li.list02{
		width: 260px;
		background-position: -240px 0;
	}
	#stepList01 li.list03{
		background-position: right 0;
		width: 220px;
	}
	#stepList01.confirm li.list01{
		background-position: 0 -36px;
	}
	#stepList01.confirm li.list02{
		background-position: -240px -36px;
	}
	#stepList01.confirm li.list03{
		background-position: right -36px;
	}
	#stepList01.complete li.list01{
		background-position: 0 bottom;
	}
	#stepList01.complete li.list02{
		background-position: -240px bottom;
	}
	#stepList01.complete li.list03{
		background-position: right bottom;
	}

#contents p.text01{
	padding: 20px 0 0 20px;
}
#contents table p.text01{
	padding-left: 0;
}

h1#contactTitle{
	background-image: url(/common/pic/com_bg013.gif);
}
	h1#contactTitle span{
		background-image: url(/common/pic/com_bg014.gif);
	}

#contents table th,
#contents table td{
	vertical-align: top;
}
#contents table th{
	font-size: 1.08em;
}
#contents table th.hissu{
	background: #F5F5F5 url(../../scripts/contact/pic/img_contact3.png) 95% 10px no-repeat;
}
	#contents table td p.text01{
		padding-top: 0;	
		font-size: 1.08em;
	}

#contents table.table01{
	margin-bottom: 25px;
	width: 725px;
	float: right;

}
	#contents table.table01 th{
		width: 161px;
	}
	#contents table.table01 td{
		padding: 15px 25px;
	}	
		#contents table.table01 input[type=checkbox]{
			margin-right: 0.5em;
		}
		#contents table.table01 textarea{
			width: 445px;
			padding: 10px;
			height: 120px;
		}
		
		#contents table.table01 .listWrap01{
			margin-top: 15px;
		}
			#contents table.table01 .listWrap01 li{
				padding-bottom: 15px;
			}
			#contents table.table01 .listWrap01 li.frtLeft{
				width: 145px;
			}
				#contents table.table01 .listWrap01 li.frtLeft .inner01{
					width: 170px;
					float: left;
				}
			#contents table.table01 .listWrap01 li.frtRight{
				width: 220px;
		}
#contents table#table02{
	width: 725px;
	float: right;
}
#contents table#table02 th,
#contents table#table02 td{
	vertical-align: middle;
	white-space: nowrap;
}
#contents table#table02 th.hissu{
	background-position: 95% 50%;

}

#contents table#table02 td input[type=text]{
	width: 250px!important;
	height: 25px!important;
	line-height: 25px!important;
	padding: 0 5px;
	float: left;
}
#contents table#table02 th.title002{
	font-size: 0.95em;
}
#contents input[type=submit]{
	background: url(../../scripts/contact/pic/img_contact6.png) 0 0 no-repeat;
	width: 282px;
	height: 52px;
	display: block;
	margin: 20px auto;
	border: none;
}
#about_tel{
	width: 682px;
	height: 230px;
	border: solid 1px #DCDCDC;
	background: #F8F8F8;
	padding: 18px;
	margin: 30px 0 30px;
	float: left;
}
	#about_tel dl{
		margin: 20px auto 0;
		width: 630px;
	}
		#about_tel dl dt{
			float: left;
			clear: both;
			width: 325px;
			margin-bottom: 15px;
		}
		#about_tel dl dd{
			float: right;
			width: 302px;
			margin-bottom: 15px;
		}
			#about_tel dl dd a{
				background: url(../../scripts/contact/pic/img_contact8.png) 0 0 no-repeat;
				width: 302px;
				height: 46px;
				line-height: 46px;
				display: block;
				text-indent: 40px;
				text-decoration: none;
				cursor: #333;
			}
	#about_tel p.text01{
		width: 630px;
		margin: 0 auto;
		padding-top: 0;
	}


#contact_side{
	width: 185px;
	float: left;
}
	#contact_side h2{
		border: solid 1px #B4B4B4;
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-indent: 20px;
		background: #E6E6E6;
		font-size: 13px;
		color: #646464;
	}
	#contactWrapper01{
		width: 200px;
		height: 266px;
		border: solid 1px #898989;
		margin-top: 30px;
		float: right;
	}
	#contactWrapper01.var01{
		background: #EBEBEB;
		margin-top: 0;
		border-top: none;
	}

	
		#contactWrapper01 p{
			padding: 15px!important;
			font-size: 13px;
			line-height: 1.6;
		}
		#contactWrapper01 p.text02{
			border-top: solid 1px #DDDDDD;
			padding: 30px 15px!important;
		}
		#contactWrapper01 .linkWrap01{
			width: 155px;
			height: 52px;
			background: url(../../scripts/contact/pic/img_contact1.png) 0 0 no-repeat;
			margin: 0 auto 38px;
		}
			#contactWrapper01 .linkWrap01 a{
				display: block;
				width: 100%;
				height: 100%;
				padding: 15px;
				background: url(../../scripts/contact/pic/img_contact4.png) 7px 15px no-repeat;
				line-height: 1;
				color: #333;
			}
			#contactWrapper01 .linkWrap01 a:hover{
				text-decoration: none;
				opacity: 0.7;
			}
			#contactWrapper01.var01 a{
				height: 52px;
				line-height: 52px;
				background-position: 7px 50%;
				padding: 0 0 0 15px;
			}
			#contactWrapper01 .inner01{
				width: 100%;
				height: 100%;
				background: url(../../scripts/contact/pic/img_contact5.png) 90% 85% no-repeat;
			}

#contents table{
	margin-right: 20px;
}
#contents table tr.ng th,
#contents table tr.ng td{
	background: #FFFFDC;
}
#contents table tr.ng th.hissu{
	background: #FFFFDC url(../../scripts/contact/pic/img_contact3.png) 95% 10px no-repeat;
}

#contactTitle02{
	background: url(../../scripts/contact/pic/title_contact01.jpg) 0 0 no-repeat;
	width: 951px;
	height: 36px;
	line-height: 36px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	border: none;
	font-size: 1em;
}
.subTitle01{
	border: solid 1px #B4B4B4;
	width: 130px;
	height: 110px;
	font-size: 1em;
	float: left;
	clear: both;
	background: #F8F8F8;
	padding: 20px;
	margin-left: 20px;
}

#formBottom{
	width: 725px;
	float: right;
}
	#formBottom p{
		padding-left: 0!important;
	}
	#formBottom .btnWrap{
		padding: 40px 0;
	}
	#formBottom p.attention01 {
		padding-left: 15px !important;
	}


.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.clearfix{display: inline-block;} 

/* contact2 css */
.housei #contactTitle + p.text01 {
	font-size: 1.2em;
}

#housei_tel{
	width: 912px;
	border: solid 1px #DCDCDC;
	background: #F8F8F8;
	padding: 18px;
	margin: 30px 0 30px;
	float: left;
}

#housei_tel p{
	padding: 18px 0 0 57px;
}

#housei_tel p img{
	margin-right: 1em;
}

#housei_tel p span {
	vertical-align: bottom;
}

.housei #contents .listWrap01 {
	font-size: 1.2em;
	margin-top: 0 !important;
}

.housei #contents .listWrap01 li {
	padding-bottom: 0 !important;
}

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}