/*=====================TSUNEISHI C VALUES CSS=====================

2008.12.19- ver1.0.0
wrixon.co.,ltd.

=================================================================*/

/*-------------------Default Colors-------------------

text:#444444;

Blue:#00406C;


-----------------------------------------------------*/


/*---------- Default Settings ----------*/
*{
	margin:0;
	padding:0;
	text-align:left;
	font-size:12px;
	}

html {
	overflow-y:scroll;
	line-height:1;
	}

img {border:0;}

body{
	line-height:1.7;
	color:#444;
	background:url(../img/bg.jpg) repeat-x 0 0;
	}

.cl {clear:both;}


a   {color:#00406C;}

.clearfix:after { content: url(../img/sp.gif); display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/*--------// Default Settings //--------*/


/*---------- Hayokure!! ----------*/
.mada {
	color:#CC0000;
	}

.mada_img {
	border:1px solid #c00;
	}






#waku {
	width:920px;
	margin:0 auto;
	}

/*------------------------Head----*/

#head {
	position:relative;
	height: 210px;
	margin-bottom: 20px;
	}

#head h1 {
	position:absolute;
	top:20px;
	left:0;
	width:220px;
	}

#head .sublogo {
	position:absolute;
	right:0;
	top:45px;
	width:218px;
	}

#head .topnavi {
	position:absolute;
	top:0;
	right:0;
	list-style:none;
	}

#head .topnavi li {
	display:inline;
	}


#head .navi {
	position:absolute;
	top:78px;
	left:0;
	list-style:none;
	}

#head .navi li {
	display:inline;
	}

#head h2 {
	position:absolute;
	top:112px;
	left:0;
	}

#head #pankuzu {
	position:absolute;
	top:180px;
	left:0;
	line-height: 30px;
	height: 30px;
	list-style:none;
	}

#head #pankuzu li {
	display:inline;
	}

#head #pankuzu li a {
	background:url(../img/pankuzu-ico.jpg) no-repeat top right;
	padding-right:12px;
	margin-right:5px;
	}



/* side menu */
#side{
	float: left;
	width: 190px;
	margin-bottom: 20px;
	}

#side ul#sidemenu{
	list-style-type: none;
	}

#side ul#sidemenu li{
	width:190px;
	height:30px;
	list-style:none;
	}




/* main contents */
#contents{
	float: right;
	width: 700px;
	margin-bottom: 20px;
}
#contents h2{margin-bottom:20px;}
#contents p{
	margin-bottom:30px;
}
#contents #pagetop{
	text-align: right;
	padding-top:15px;
}
.h_nml {
	background:url(../img/sst_bg.gif) no-repeat;
	height:35px;
	font-size:12px;
	line-height:35px;
	color:#00406C;
	font-weight:normal;
	padding-left:25px;
	margin:20px 0 10px;
	}
.h_non {
	margin-top:0;
	}

.sh_nml {
	background:url(../img/ico_l_bar.jpg) no-repeat left center;
	color:#00406C;
	font-size:14px;
	padding-left:10px;
	margin-top:10px;
	}
.p_arrow {
	background:url(../img/ico_blue.gif) no-repeat 0 7px;
	padding-left:10px;
	margin-bottom:0 !important;
	padding-bottom:10px;
	}

.en_box {
	width:335px;
	border:5px solid #E5ECF0;
	float:left;
	background:url(../service/energy/img/ico_dwnarrow.gif) no-repeat bottom right;
	margin-bottom:10px;
	}

.bl {
	margin-right:10px;
	}
.tl {
	margin-top:-120px;
	}

.en_box .ph {
	float:left;
	margin:5px 10px 5px 5px;
	}

.en_box h4 {
	width:150px;
	float:left;
	margin:10px 0;
	}

.en_box p {
	width:150px;
	float:left;
	line-height:1.2;
	}

.en_box p span {
	font-size:10px;
	display:block;
	color:#777;
	margin-top:5px;
	}

.en_box p em {
	font-size:10px;
	font-style:normal;
	}



/*contact----------*/
.contact {
	width:100%;
	}

.contact th,
.contact td {
	padding:10px;
	border-bottom:1px solid #BBB;
	vertical-align:top;

	}

.contact th {
	text-align:right;
	font-weight:normal;
	width:100px;
	}

.contact th em {
	font-style:normal;
	color:#F00;
	padding-right:5px;
	}

.contact td {
	background:url(../img/ico_blue.gif) no-repeat 0 15px;
	padding-left:15px;
	}

.contact td label {
	margin-right:15px;
	}

.contact td input {
	vertical-align:middle;
	margin-right:5px;
	color:#555;
	line-height:1.5;
	}

.contact td textarea {
	width:500px;
	height:150px;
	}

.contact td .txt_sss {width:50px;}
.contact td .txt_ss {width:100px;}
.contact td .txt_s {width:350px;}
.contact td .txt_l {width:500px;}

.btn_submit {
	text-align:center;
	margin:15px 0;
	}




/* foot */
#foot{
	clear: both;
	background-image: url(../img/foot_bg.gif);
	background-repeat: repeat-x;
	height: 78px;
}

#foot #footnavi{
	width:920px;
	height:39px;
	margin:0 auto;
}
#foot #footnavi p{color:#333;}
#foot #footnavi a{
	color: #333;
	text-decoration: none;
}
#foot #footnavi #inside{
	float: left;
	height: 39px;
	line-height: 39px;
	padding-left:4px;
}
#foot #footnavi #outside{
	display: block;
	float: right;
}

#foot #copyright{
	width:920px;
	margin:15px auto 12px auto;
	text-align:center;
}