@charset "shift_jis";

/* base
=========================== */
html {
   overflow-y:scroll;
}

body {
	margin:0;
	padding:0;
	line-height:1.6;
	letter-spacing:1px;
	font-size:0.80em;
	color:#000;
}

/*
	background:#efefef;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.80, #fff), color-stop(0.00, #efefef));
	background:-webkit-linear-gradient(top, #efefef 0%, #fff 80%);
	background:-moz-linear-gradient(top, #efefef 0%, #fff 80%);
	background:-o-linear-gradient(top, #efefef 0%, #fff 80%);
	background:-ms-linear-gradient(top, #efefef 0%, #fff 80%);
	background:linear-gradient(to bottom, #efefef 0%, #fff 80%);
*/

br {
   letter-spacing:normal;
}

img {
   border:0;
   vertical-align:bottom;
    max-width: 100%; 
    max-height: 100%; 
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

/*-------------------------------------*/
/* リンク文字 */
/*-------------------------------------*/
a{ 
	color:#333; 
	text-decoration:none; 
	outline:none;
}

a:hover{
	text-decoration: underline;
	outline:none;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

a:hover img,
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

h2 a,
h3 a { color: #fff;}

h2 a:hover,
h3 a:hover { color: #fff;}

p.link { color: #333;}


h3 {
   clear:both;
   padding:0 10px;
   line-height:2.0;
   font-size:15px;
   font-weight:normal;
   margin:0;
   color:#000;
   border:1px solid #ddd;
   background:#ccc;
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.85, #ccc), color-stop(0.00, #f3f3f3));
   background:-webkit-linear-gradient(top, #f3f3f3 0%, #ccc 85%);
   background:-moz-linear-gradient(top, #f3f3f3 0%, #ccc 85%);
   background:-o-linear-gradient(top, #f3f3f3 0%, #ccc 85%);
   background:-ms-linear-gradient(top, #f3f3f3 0%, #ccc 85%);
   background:linear-gradient(to bottom, #f3f3f3 0%, #ccc 85%);
}

h4 {
   padding:0 10px;
   line-height:2.0;
   color:#000;
   font-weight:normal;
   font-size:13px;
   border:0;
   background:#f1f1f1;
}
/*
h5 {
   padding:0 10px;
   line-height:2.0;
   font-size:13px;
   font-weight:normal;
   border-left:5px solid #000;
}

h6 {
   line-height:2.0;
   font-size:13px;
   color:#770000;
}
*/
p {
	margin:10px;
}


ul,ol,dl {
   margin:10px;
   padding:0;
}

li {
   padding:0;
   margin:0 0 0 30px;
}
/*
dt {
   margin:0;
   padding:0;
}

dd {
   margin:0 0 0.5em 1em;
   padding:0;
   background:#f1f1f1;
}

table {
   font-size:12px;
}

table {
   width:600px;
   margin:10px;
   border-collapse:collapse;
   border:1px solid #999;
   border-spacing:0;
   line-height:1.8;
}

table th {
   padding:5px;
   border:1px solid #999;
   border-width:0 0 1px 1px;
   background:#EFEBEF;
   font-weight:bold;
   text-align:left;
}

table td {
   padding:5px;
   border:1px solid #999;
   border-width:0 0 1px 1px;
   text-align:left;
}

table td ol {
   margin:0;
   padding:0 0 0 30px;
}

table td li {
   margin:0;
   padding:0;
}
*/
/* ==================================
/* wrapper
================================== */
#wrapper {
background:#fff;
margin: 0 auto;
padding:0;
width:940px;
}

/* ==================================
/* header
================================== */
#header {
   position:relative;
   width:940px;
   margin-bottom:20px;
}

#header h1 {
   margin:0;
   padding:10px 0 0 0;
   font-size:30px;
   color:#0000ff;
   line-height:1.0;
}

#header h1 a {
   color:#0000ff;
}

#header h1 a:hover {
   color:#0000ff;
}

/* ==================================
/* menu
================================== */
#menu {
   position:absolute;
   float:right;
   right:0;
   top:16px;
   width:59%;/*65%;*/
}

#menu ul {
   margin:0;
   padding:0;
   list-style:none;
}

#menu li {
   overflow:hidden;
   float:left;
   text-align:right;
   margin:0;
   padding:0 0 0 26px;
}

#menu li a {
   display:block;
   font-weight:bold;
   color:#333;
   outline:none;
   border-bottom:2px solid #e70e0a;
   text-decoration:none;
}

#menu li a:hover {
   color:#333;
   border-bottom:2px solid #004e90;
   text-decoration:none;
}

/* ==================================
/* topImage
================================== */
#topImage {
	width:100%;/*940px;*/
	height:300px;
	overflow:hidden;
	position:relative;
	list-style:none;
}

#topImage ul {
   list-style:none;
   margin:0;
   padding:0;
}

#topImage li {
   position:absolute;
   background:#fff;
   margin:0;
   padding:0;
}

#topImage img{
	width:940px;
	height:300px;
	overflow:hidden;
	position:relative;
	list-style:none;
}

#topImage .wrapText {
	position:relative;
}

#topImage .wrapText span {
	position: absolute;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	top: 250px;
	left: 20px;
	/*横に影*/
	text-shadow: #333 3px 3px 3px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
}

/* ==================================
	link box
================================== */
.linkbox{
}

.box_hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	cursor:pointer;
}

.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
}
	
/* ==================================
/* contents
================================== */
#contents {
background:#fff;
float:left;
padding:10px 0;
margin-bottom:20px;
width:940px;
}

#contents h2{
	white-space: nowrap;
	color: #e70e0a;
	/*横に影*/
	text-shadow: #999 1px 1px 3px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
}

#conL {width:66%;float:left;}

#conL h2{
   clear:both;
   padding:0 10px;
   line-height:2.0;
   color:#fff;
   font-size:15px;
   font-weight:normal;
   background:#e70e0a;
   width:96.5%;
}
/* ==================================
/* naviSolar
================================== */
.naviSolar {
   overflow:hidden;
   position:relative;
   margin-left:0;/*-20px;*/
   padding:0;
   margin-top:10px;
   margin-bottom:20px;
}

.naviSolar h2 {
	color: #e70e0a;
	/*横に影*/
	text-shadow: #999 1px 1px 3px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
}

* html .naviSolar {
   height:1em;
   overflow:visible;
}

.naviSolarImg {
   margin:0;
   padding:0;
   background:none;
}

.naviSolar_business,
.naviSolar_personal,
.naviSolar_other {
	display:block;/*inline;*/
	width:32%;/*300px;*/
	float:left;
	margin-left:2%;/*20px;*/
	padding:0 0 0 0;
	background:#eee;
}

.naviSolar_business{
	margin-left:0;
}

.naviSolar_other {
	width: 15%;
   margin-left:2%; /*-20px;*/
}

.naviSolar_business h2,
.naviSolar_personal h2,
.naviSolar_other h2 {
   clear:both;
   padding:0 10px;
   line-height:2.0;
   color:#fff;
   font-size:15px;
   font-weight:normal;
   background:#e70e0a;
}

.naviSolar_business_link,
.naviSolar_personal_link,
.naviSolar_3rd_link,
.naviSolar_4th_link {
	position: absolute;
	color: #fff;
	font-weight: bold;
	top:36px;
	left: 29%;
}

.naviSolar_personal_link {
	left:63%;
}

.naviSolar_3rd_link {
	left:80%;
}

.naviSolar_4th_link {
	left:97%;
}

/* ==================================
/* contents_main
================================== */
#contents_main {
	float:left;
	width:66%;/*620px;*/
	display:inline;
}

/* ==================================
	naviWater
================================== */
#contents_main .naviWater {
   overflow:hidden;
   position:relative;
   margin-left:0;/*-20px;*/
   padding:0;
   margin-top:0;
   margin-bottom:10px;
}

#contents_main .naviWater h3 {
	color: #004e90;
	font-weight: bold;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	/*横に影*/
	text-shadow: #999 1px 1px 3px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
}

#contents_main .naviWater_facilities,
#contents_main .naviWater_sterilize,
#contents_main .naviWater_check {
	display:block;/*inline;*/
	width:32%;
	float:left;
	margin-left:2%;
	padding:0 0 0 0;
	background:#eee;
}

#contents_main .naviWater_facilities {
	margin-left: 0;
}

#contents_main .naviWater_facilities h3,
#contents_main .naviWater_sterilize h3,
#contents_main .naviWater_check h3 {
   clear:both;
   padding:0 10px;
   line-height:2.0;
   color:#fff;
   font-size:15px;
   font-weight:normal;
   background:#004e90;
	/*横に影*/
	text-shadow: #000 1px 1px 3px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
}

.naviWater_facilities_link,
.naviWater_sterilize_link,
.naviWater_check_link {
	position: absolute;
	color: #fff;
	font-weight: bold;
	top:36px;
	left: 28%;
}

.naviWater_sterilize_link {
	left:62%;
}

.naviWater_check_link {
	left:96%;
}

/* ==================================
	topics
================================== */
#contents_main .topics {
   overflow:hidden;
   position:relative;
   margin-left:0;/*-20px;*/
   padding:0;
   margin-top:20px;
   margin-bottom:0;
}

#contents_main .topics p {
	margin:0;
	padding: 10px;
}

#contents_main .topics_case,
#contents_main .topics_2nd {
	display:block;/*inline;*/
	width: 49%;
	float:left;
	margin-left:2%;
	padding:0 0 0 0;
	background:#eee;
}

#contents_main .topics_case {
	margin-left: 0;
}

#contents_main .topics_case h4,
#contents_main .topics_2nd h4 {
   clear:both;
   padding:0 10px;
   line-height:2.0;
   color:#fff;
   font-size:15px;
   font-weight:normal;
   background:#e2a09d;
	/*横に影*/
	text-shadow: #999 1px 1px 3px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
}

.topics_case_link,
.topics_skcsolar_link {
	position: absolute;
	color: #fff;
	font-weight: bold;
	top:5px;
	left: 45%;
}

.topics_skcsolar_link {
	left:96%;
}

/* ==================================
/* submenu
================================== */
#contents_submenu {
   float:right;
   width:32%;
   margin-left:1%;
   border: 1px solid #ccc;
}

#contents_submenu a:hover{
	text-decoration: underline;
	outline:none;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.submenu {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.submenu h3 {
   border:none;
   padding: 0 10px;
   background:#CCC;
   font-weight: normal;
	/*横に影*/
	text-shadow: #666 1px 1px 3px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
}

.submenu h4 {
	/*横に影*/
	text-shadow: #999 1px 1px 3px; /* FireFox, Webkit, Opera */
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333,offx=1,offy=1)"; /* IE8 */
	display:block; /* IE */
}

.submenu ul {
   margin:10px;
   padding:0;
}
.submenu li {
   margin:0;
   padding:0 0 0 7px;
   list-style:none;
   background:url("../images/bg_arrow.gif") no-repeat left 50%;
}

.submenu p {
	margin: 0;
   padding:10px;
   background:#f1f1f1;
}

.submenu .banner{
	margin: 16px 0;
}

.submenu .banner img{
	border: 1px solid #ccc;
	margin-left: 6%;
	background: none;
}

/* ==================================
/* carport
================================== */
#carport{width:100%;height:148px;margin-top:10px;border:1px solid #ddd;}
#varport .img_carport{width:29%;margin-right:10px;}
#carport .catch{position:relative;left:180px;top:-145px;font-size:1em; text-align:center;width:70%;}
#carport span{color:#e51c08;font-weight:bold;}
#carport .contact{width:90%;}

/* ==================================
/* footMenu
================================== */
#footer_wrap{
clear:both;  
border-top:2px solid #e51c08;
height:60px;
text-align:center;
top:20px;
width:100%;
}

#footMenu {
/*
   float:left;
*/
   margin:0 auto;
   margin-top:10px;
   width:940px;
}


#footMenu ul {
   margin:5px 0;
   padding:0;/*10px 0 0 0;*/
   text-align:center;
/*
   border-top:1px solid #ddd;
*/
}

#footMenu li {
   display:inline;
   margin:0 0 0 20px;
   list-style:none;
}

#footMenu li a {
   color:#000;
}

#footMenu li a:hover {
   color:#666;
   text-decoration:underline;
}

/* ==================================
/* copyright
================================== */
.copyright {
   color:#999;
   font-style:normal;
   font-size:11px;
   margin:0 auto;
}

/* ==================================
/* pageTop
================================== */
#pageTop {
   position:fixed;
   right:0;
   bottom:0;
   padding:10px;
   background:#004e90
}

#pageTop a {
   padding:0 0 0 12px;
   color:#fff;
   font-size:11px;
   background:#004e90 url("../images/bg_pagetop.gif") 0 50% no-repeat;
}