@charset "utf-8";

/* ------------------------------------------- CSS Information  
 File Name:      common.css  
 Style Info:     CSS指定  
----------------------------------------------------------- */  

/* ----------------------- clearfix style */  

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  max-height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/

/* ----------------------- Link style */  

a {	color: #00217F; text-decoration: none; }
a:hover { color: #4161AD; text-decoration:underline; }

/* ----------------------- Contents style */  

body {
	width: 100%;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.4;
	font-size: 100%;
	color:#333;
}

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

/* ----------------------- Header style */  

#header {
	background: url(../images/top_bg.jpg) no-repeat;
	width: 900px;
}

#header h1 {
	float:left;
	width: 318px;
	height: 68px;
	text-indent: -9999px;
	overflow: hidden;
	padding: 15px 0 0 10px;
}

#header h1 a {
	background: url(../images/logo.png) no-repeat;
	height: 68px;
	display: block;
	text-decoration: none;
}

#subnavi {
	background-color:#ffffff;
	width: 440px;
	_width: 445px;
	float: right;
	margin-right: 10px;
	_margin-right: 5px;
	margin-top:10px;
}

#subnavi li {
	background: url(../images/icon01.gif) no-repeat center left;
	font-size: 65%;
	width: 100px;
	height: 17px;
	float: left;
	padding-left: 10px;
	padding-top: 2px;
}

#subnavi .home {
	width: 75px;
	margin-right: -10px;
	margin-left: 10px;
}

#subnavi .pu_construction {
	margin-right: 20px;
}

#globalnavi {
	clear: both;
	width: 900px;
	background: url(../images/menu_bg.png) no-repeat bottom;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 30px;
	#padding-top: 0px;
	#margin-top: 30px;
}	

#globalnavi ul {
	width: 900px;
	font-size: 65%;
	#padding-top: 5px;
}

#globalnavi li {
	float:left;
	width: 112px;
	height: 20px;
	text-align: center;
	display:block;
}


/* ----------------------- maincontents style */  

#maincontents {
	width: 900px;
	border-bottom: 1px solid #1C47FB;
}	



/* ----------------------- left_clm style */  

#left_clm {
	width: 224px;
	float: left;
	border-right: 1px solid #1C47FB;
}

/* ----------------------- news_info style */

#news_info {
	width: 206px;
	border-bottom: 1px solid #1C47FB;
	padding: 9px 9px;
}

#news_info .event_ti {
	width: 206px;
	height: 24px;
	text-indent: -9999px;
	background: url(../images/event.gif) no-repeat;
}

#news_info dl {
	font-size: 80%;
	padding: 9px 5px;
}

#news_info dl a { color: #4161AD; text-decoration: underline; }
#news_info dl a:hover { color: #00217F; text-decoration: underline; }


/* ----------------------- banner_area style */

#banner_area {
	padding: 9px 9px;
}


/* TOP ----------------------- right_clm style */  

#right_clm {
	width: 675px;
	float: right;
}	

/* ----------------------- topnavi style */  

#topnavi {
	margin: 9px 7px 10px 8px;
}	
	
#topnavi h2 {
	background-color: #1C47FB;
	color: #FFFFFF;
	font-size: 80%;
	text-align: center;
	padding: 2px 0;
	width: 660px;
}	

#topnavi h3 {
	border-left: 6px solid #1C47FB;
	padding-left: 3px;
}

	
#topnavi ul {
	width: 660px;
}	

#topnavi li {
	float: left;
	width: 132px;
	height: 265px;
	overflow: hidden;
	text-indent: -9999px;
}	

#topnavi li.electricity { background: url(../images/main_01bt.jpg) no-repeat; width:132px; }
#topnavi li.kitchen { background: url(../images/main_02bt.jpg) no-repeat; width:132px; }
#topnavi li.toilet { background: url(../images/main_03bt.jpg) no-repeat; width:132px; }
#topnavi li.bath { background: url(../images/main_04bt.jpg) no-repeat; width:132px; }
#topnavi li.repair { background: url(../images/main_05bt.jpg) no-repeat; width:132px; }

#topnavi li a  {
	width: 132px;
	height: 265px;
	display: block;
	text-decoration: none;
}

#topnavi p {
	color: #000000;
	font-size: 80%;
	text-align: left;
	padding: 2px 0;
	width: 660px;
}	



#topnavi table {
	width: 630px;
	margin-bottom: 15px;
	border-top: 1px solid #CCCCCC;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse:collapse;
	font-size: 70%;
}

#topnavi th {
	text-align: left;
	padding: 3px 8px;
	border-bottom: 1px solid #CCCCCC;
	_padding: 3px 6px;
}

#topnavi td {
	padding: 3px 8px;
	border-bottom: 1px solid #CCCCCC;
	_padding: 3px 6px;
}

#topnavi th.property {
    width: 90px;
}


/* ----------------------- info style */  

#info {
	margin: 9px 7px 10px 8px;
}	
	
#info h2 {
	background-color: #1C47FB;
	color: #FFFFFF;
	font-size: 80%;
	text-align: center;
	padding: 2px 0;
	width: 660px;
}	

#info h3 {
	border-left: 6px solid #0066ff;
	padding-left: 3px;
}

#info table {
	width: 600px;
	margin-bottom: 15px;
	border-top: 1px solid #CCCCCC;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse:collapse;
	font-size: 70%;
}

#info th {
	text-align: left;
	padding: 3px 8px;
	border-bottom: 1px solid #CCCCCC;
}

#info td {
	padding: 3px 8px;
	border-bottom: 1px solid #CCCCCC;
}

#info th.property {
    width: 90px;
}
		
/* ----------------------- record_info style */ 

#record_info {
	width: 660px;
	margin: 15px 7px 10px 8px;
}	

#record_info h3 {
	background: url(../images/icon02.gif) no-repeat left bottom;
	border-bottom: 1px solid #00A0E9;
	font-size: 75%;
	padding-left: 20px;
	color: #00A0E9;
}

#record_info ul {
	margin: 10px 0 10px 15px;
}

#record_info li {
	float: left;
	width: 128px;
	height: 53px;
	margin-right: 10px;
}	


/* ----------------------- blog_news style */

#blog_news {
	margin: 12px 0 12px 15px;
	width: 500px;
	height: 80px;
	border: 2px solid #CCCCCC;
	background-color: #C4FFE1;
	overflow: auto;
	padding: 10px 15px;
}

#blog_news dl {
	font-size: 75%;
}	

#blog_news dt {
	margin-bottom: 5px;
}

#blog_news dt a { color: #00A0E9; }	
#blog_news dt a:hover { color: #4161AD; }


/* ----------------------- link_area style */

#link_area {
	width: 660px;
	margin: 15px 7px 20px 8px;
}

#link_area h3 {
	background: url(../images/icon02.gif) no-repeat left bottom;
	border-bottom: 1px solid #00A0E9;
	font-size: 75%;
	padding-left: 20px;
	color: #00A0E9;
}

#link_area ul {
	margin: 12px 0 0 15px;
}

#link_area li {
	float: left;
	width: 123px;
	height: 51px;
	margin-right: 6px;
	margin-bottom: 6px;
	_margin-right: 3px;
}

#link_area li.link_h {
	height: 106px;
	_height: 111px;
}



/* ----------------------- footer style */

#footer {
	clear: both;
	padding-top: 20px;
	border-bottom: 20px solid #1C47FB;
}	

#footer address {
	float: left;
	margin-left: 10px;
	font-size: 80%;
	display: block;
}	

#footer address a {
	text-decoration: none;
}	

#footer ul {
	float: right;
	font-size: 80%;
}	

#footer li {
	float: left;
	background: url(../images/icon03.gif) no-repeat left center;
	padding-left:15px;
	margin-right:10px;
}	


/* ------------------------------------------- CSS Information  
  Directory:     second_directory  
----------------------------------------------------------- */



/* ----------------------- Contents02 style */
#contents02 {
	width: 660px;
	margin: 9px 7px 10px 8px;
	border-top: 6px solid #ff6600;
}


/* ----------------------- title_box style */

#title_box01 {
	margin-bottom: 20px;
}	

#title_box01 li {
	float: left;
}	

#title_box01 li.explanation {
	width: 314px;
}	

#title_box01 .exp_ti {
	background:  url(../electricity/images/main_ti_all.gif) no-repeat left center;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 8px;
	border-bottom: 2px solid #ff6600;
}	

#title_box01 h2 {
	margin: 5px 7px;	
}	

#title_box01 .exp_detail {
	font-size: 65%;
	margin: 0 7px;	
}	


#contents02 h3 {
	background-color: #ff6600;
	color: #FFFFFF;
	font-size: 80%;
	text-align: center;
	padding: 2px 0;
	width: 660px;
}


#contents02 h6 {
	width: 650px;
	padding-left: 3px;
	font-size: 75%;
	}
	
/* ----------------------- example style */

#example01 {
	margin: 10px 30px;
}

#example01 li {
	float: left;
}

#example01 li.sub_icon {
	background:  url(../electricity/images/sub_icon02.gif) no-repeat center right;
	padding-right: 110px;
	margin-right: 42px;
}

#example01 p {
	font-size: 75%;
}


/* ----------------------- point style */

#point {
	position: relative;
	margin: 20px 0 10px 25px;
	border: 1px solid #CCCCCC;
}

#point p {
	position: absolute;
	top: -7px;
	left: -25px;
	*top: -8px;
	_left: -25px;
}

#point h4 {
	margin: 15px 5px 10px 10px;
	font-size: 65%;
}


/* ----------------------- table style */
#contents02 table {
	width: 660px;
	margin-bottom: 15px;
	border-top: 1px solid #CCCCCC;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse:collapse;
	font-size: 80%;
}

#contents02 th {
	text-align: right;
	padding: 3px 8px;
	border-bottom: 1px solid #CCCCCC;
}

#contents02 td {
	padding: 3px 8px;
	border-bottom: 1px solid #CCCCCC;
}

#contents02 th.property {
    width: 90px;
}




/* ----------------------- Contents03 style */

#contents03 {
	width: 660px;
	margin: 9px 7px 10px 8px;
	border-top: 6px solid #ff0000;
}


/* ----------------------- title_box style */
#title_box02 {
	margin-bottom: 20px;
}	

#title_box02 li {
	float: left;
}	

#title_box02 li.explanation {
	width: 314px;
}	

#title_box02 .exp_ti {
	background:  url(../kitchen/images/main_ti_kitchen.gif) no-repeat left center;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 8px;
	border-bottom: 2px solid #ff0000;
}	

#title_box02 h2 {
	margin: 5px 7px;	
}	

#title_box02 .exp_detail {
	font-size: 65%;
	margin: 0 7px;	
}	


#contents03 h3 {
	border-left: 6px solid #ff0000;
	padding-left: 3px;
}



/* ----------------------- example style */

#example02 {
	margin: 10px 30px;
}

#example02 li {
	float: left;
}

#example02 li.sub_icon {
	background:  url(../kitchen/images/sub_icon03.gif) no-repeat center right;
	padding-right: 110px;
	margin-right: 42px;
}

#example02 p {
	font-size: 75%;
}


/* ----------------------- point style */

#point {
	position: relative;
	margin: 20px 0 10px 25px;
	border: 1px solid #CCCCCC;
}

#point p {
	position: absolute;
	top: -7px;
	left: -25px;
	*top: -8px;
	_left: -25px;
}

#point h4 {
	margin: 15px 5px 10px 10px;
	font-size: 65%;
}


/* ----------------------- table style */

#contents03 table {
	width: 600px;
	border: 1px solid #CCCCCC;
	table-layout: fixed;
	font-size: 70%;
}

#contents03 th {
	border: 1px solid #CCCCCC;
	padding: 6px;
}

#contents03 td {
	border: 1px solid #CCCCCC;
	padding: 6px;
}

#contents03 th.property {
    width: 90px;
}




/* ----------------------- Contents04 style */

#contents04 {
	width: 660px;
	margin: 9px 7px 10px 8px;
	border-top: 6px solid #66ff33;
}

/* ----------------------- title_box style */
#title_box03 {
	margin-bottom: 20px;
}	

#title_box03 li {
	float: left;
}	

#title_box03 li.explanation {
	width: 314px;
}	

#title_box03 .exp_ti {
	background:  url(../toilet/images/main_ti_toilet.gif) no-repeat left center;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 8px;
	border-bottom: 2px solid #66ff33;
}	

#title_box03 h2 {
	margin: 5px 7px;	
}	

#title_box03 .exp_detail {
	font-size: 65%;
	margin: 0 7px;	
}	


#contents04 h3 {
	border-left: 6px solid #66ff33;
	padding-left: 3px;
}

/* ----------------------- example style */

#example03 {
	margin: 10px 30px;
}

#example03 li {
	float: left;
}

#example03 li.sub_icon {
	background:  url(../toilet/images/sub_icon04.gif) no-repeat center right;
	padding-right: 110px;
	margin-right: 42px;
}

#example03 p {
	font-size: 75%;
}


/* ----------------------- point style */

#point {
	position: relative;
	margin: 20px 0 10px 25px;
	border: 1px solid #CCCCCC;
}

#point p {
	position: absolute;
	top: -7px;
	left: -25px;
	*top: -8px;
	_left: -25px;
}

#point h4 {
	margin: 15px 5px 10px 10px;
	font-size: 65%;
}


/* ----------------------- table style */

#contents04 table {
	width: 600px;
	border: 1px solid #CCCCCC;
	table-layout: fixed;
	font-size: 70%;
}

#contents04 th {
	border: 1px solid #CCCCCC;
	padding: 6px;
}

#contents04 td {
	border: 1px solid #CCCCCC;
	padding: 6px;
}

#contents04 th.property {
    width: 90px;
}



/* ----------------------- Contents05 style */

#contents05 {
	width: 660px;
	margin: 9px 7px 10px 8px;
	border-top: 6px solid #3399FE;
}


/* ----------------------- title_box style */
#title_box04 {
	margin-bottom: 20px;
}	

#title_box04 li {
	float: left;
}	

#title_box04 li.explanation {
	width: 314px;
}	

#title_box04 .exp_ti {
	background:  url(../bath/images/main_ti_bath.gif) no-repeat left center;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 8px;
	border-bottom: 2px solid #3399FE;
}	

#title_box04 h2 {
	margin: 5px 7px;	
}	

#title_box04 .exp_detail {
	font-size: 65%;
	margin: 0 7px;	
}	


#contents05 h3 {
	border-left: 6px solid #3399FE;
	padding-left: 3px;
}

/* ----------------------- example style */

#example04 {
	margin: 10px 30px;
}

#example04 li {
	float: left;
}

#example04 li.sub_icon {
	background:  url(../bath/images/sub_icon05.gif) no-repeat center right;
	padding-right: 110px;
	margin-right: 42px;
}

#example04 p {
	font-size: 75%;
}


/* ----------------------- point style */

#point {
	position: relative;
	margin: 20px 0 10px 25px;
	border: 1px solid #CCCCCC;
}

#point p {
	position: absolute;
	top: -9px;
	left: -49px;
	*top: -8px;
	_left: -25px;
}

#point h4 {
	margin: 15px 5px 10px 10px;
	font-size: 65%;
}


/* ----------------------- table style */

#contents05 table {
	width: 600px;
	border: 1px solid #CCCCCC;
	table-layout: fixed;
	font-size: 70%;
}

#contents05 th {
	border: 1px solid #CCCCCC;
	padding: 6px;
}

#contents05 td {
	border: 1px solid #CCCCCC;
	padding: 6px;
}

#contents05 th.property {
    width: 90px;
}

#contents05 h3 {
	border-left: 6px solid #3399FE;
	padding-left: 3px;
}


/* ----------------------- Contents06 style */

#contents06 {
	width: 660px;
	margin: 9px 7px 10px 8px;
	border-top: 6px solid #9900cc;
}

/* ----------------------- title_box style */
#title_box05 {
	margin-bottom: 20px;
}	

#title_box05 li {
	float: left;
}	

#title_box05 li.explanation {
	width: 314px;
}	

#title_box05 .exp_ti {
	background:  url(../repair/images/main_ti_repair.gif) no-repeat left center;
	text-indent: -9999px;
	overflow: hidden;
	padding-bottom: 8px;
	border-bottom: 2px solid #9900cc;
}	

#title_box05 h2 {
	margin: 5px 7px;	
}	

#title_box05 .exp_detail {
	font-size: 65%;
	margin: 0 7px;	
}	


#contents06 h3 {
	border-left: 6px solid #9900cc;
	padding-left: 3px;
}

#contents06 h4 {
	border-left: 6px solid #cc66ff;
	padding-left: 3px;
}

	
/* ----------------------- example style */

#example05 {
	margin: 10px 30px;
	width: ;
}

#example05 li {
	float: left;
}

#example05 li.sub_icon {
	background:  url(../electricity/images/sub_icon02.gif) no-repeat center right;
	padding-right: 110px;
	margin-right: 42px;
}

#example05 p {
	font-size: 75%;
}


/* ----------------------- point style */

#point {
	position: relative;
	margin: 20px 0 10px 25px;
	border: 1px solid #CCCCCC;
}

#point p {
	position: absolute;
	top: -7px;
	left: -25px;
	*top: -8px;
	_left: -25px;
}

#point h4 {
	margin: 15px 5px 10px 10px;
	font-size: 65%;
}



/* ----------------------- table style6 */

#contents06 table {
	width: 600px;
	border: 1px solid #CCCCCC;
	table-layout: fixed;
	font-size: 80%;
}

#contents06 th {
	border: 1px solid #CCCCCC;
	padding: 6px;
}

#contents06 td {
	border: 1px solid #CCCCCC;
	padding: 6px;
}

#contents06 th.property {
    width: 90px;
}

#contents06 h3 {
	border-left: 6px solid #9900cc;
	padding-left: 3px;
}

/* ----------------------- Contents07 style */

#contents07 {
	width: 660px;
	margin: 9px 7px 10px 8px;
}




/* ----------------------- table style6 */



#contents07 table {
	width: 600px;
	margin-bottom: 15px;
	border-top: 1px solid #CCCCCC;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse:collapse;
	font-size:80%;
}

#contents07  th {
	text-align: left;
	padding: 3px 10px;
	border-bottom: 1px solid #CCCCCC;
}

#contents07 td {
	text-align:center;
	padding: 3px 10px;
	border-bottom: 1px solid #CCCCCC;
}

#contents07 th.property {
    width: 90px;
}
		
#contents07 h3 {
	border-left: 6px solid #0033ff;
	padding-left: 3px;
}


#contents07 h4 {
	color:#0033ff;
	font-size: 120%;
	padding-left: 3px;
}

/* ------------------------------------------- CSS Information  
  Style Info:     フォーム指定
----------------------------------------------------------- */  

#form_contetnts {
	width: 600px;
	margin: 0 auto;
	border-left: 1px solid #1C47FB;
	border-right: 1px solid #1C47FB;
	padding: 20px;
}	

#form_contetnts h2 {
	border-left: 6px solid #ED1E79;
	color: #ED1E79;
	font-size: 100%;
	padding-left: 3px;
	margin-bottom: 10px;
}

#form_contetnts .fo_des {
	font-size: 80%;
	line-height: 1.5em;
	margin-left: 10px;
	margin-bottom: 20px;
}	

#form_contetnts .form_menu {
	width: 580px;
	font-size: 80%;
	line-height: 1.5em;
}	

#form_contetnts .form_menu li {
	width: 580px;
	margin-bottom: 15px;
}

#form_contetnts .form_section {
	float: left;
	width: 170px;
	margin-right: 10px;
}	

#form_contetnts .form_value {
	float: left;
	width: 210px;
}

#form_contetnts .txt_box {
	height: 15px;
}

#form_contetnts .must_txt {
	color: #990033;
}

#form_contetnts .txt10 {
	font-size: 80%;
}

#form_contetnts .bt_area {
	width: 250px;
	_width: 270px;
	margin: 15px auto;
}

#form_contetnts .bt_po {
	width: 105px;
	float: left;
	margin-right: 20px;
}

#form_contetnts .confirm_bt {
	border: 0px;
	width: 105px;
	height: 25px;
	background: url(../contact/images/confirm_bt.jpg) left top no-repeat;
	cursor: pointer;
	margin-top: 5px;
}

#form_contetnts .submit_bt {
	border: 0px;
	width: 105px;
	height: 25px;
	background: url(../contact/images/submit_bt.jpg) left top no-repeat;
	cursor: pointer;
	margin-top: 5px;
}

.reset_bt {
	margin-top: 5px;
}

body:first-of-type .reset_bt {
	margin-top: 5px;
}

#form_contetnts h3 {
	border-left: 6px solid #ED1E79;
	color: #ED1E79;
	font-size: 100%;
	padding-left: 3px;
	margin-bottom: 6px;
}

#form_contetnts .con_txt {
	font-size: 100%;
	margin-left: 10px;
	margin-bottom: 10px;
}

#form_contetnts .con_stxt {
	font-size: 80%;
}