@charset "utf-8";
/*********************
	UNIVERSAL STYLE
**********************/

html {
    overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;  padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var  {
    font-style: normal;
}
table   {
    border-collapse: collapse;  border-spacing: 0;
}
caption, th {
    text-align: left;
}
q:before ,q:after   {
    content: '';
}
object, embed   {
    vertical-align: top;
}
hr, legend  {
    display: none;
}
h1, h2, h2, h3, h5, h6  {
    font-size: 100%;
}
img, abbr, acronym, fieldset    {
    border: 0;
	margin:0;
	padding:0;
}
li  {
    list-style-type: none;
}


/***************** Basic Style *************************/

/* ------------ Font Style */
body {
    font-family:'メイリオ','Mayryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    color: #333;


}
body.main_back{
	background:url(../images/main_back.png);
}

body.denchu_back{
	background:url(../images/denchu_back.png) ;
}


body.build_back{
	background:url(../images/build_back.png);
}


body.contact_back{
	background:url(../images/contact_back.png);
}

body.price_back{
	background:url(../images/price_back.png);
}

html>/**/body {
    font-size: 12px;
}

* + html body {
     font-family:'メイリオ','Mayryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/* ------------ A Style */
a:link  {
    text-decoration: none;
    color: #00F;
}

a:visited   {
    text-decoration: none;
    color: #00F;
}

a:hover {
    text-decoration: underline;
    color: #00F;
}

a:active    {
    text-decoration: none;
    color: #00F;
}


p span {

	color:#00f;

}


/************* PAGE ***************/


#wrapper {
	width:960px;
	margin:30px auto;

}

#container {
	width:910px;
	margin:0px 0;
	background:#5F9EA0;

    border-radius: 12px;        /* CSS3草案 */
	-webkit-border-radius: 12px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 12px;   /* Firefox用 */

}

#left_side {
	background:#5F9EA0;
	margin:30px 0 15px 40px;
	width:200px;
	float:left;
}

#right_side {
	background:#5F9EA0;
	margin:30px 10px 15px 0;

	width:630px;
	float:right;
}

#logo {
	width:200px;
	height:300px;
	background:aqua;
	margin:15px 0 15px 0;
	background:url(../images/logo.png);
	position:relative;
}

#logo a img {
	position:absolute;
	top:20px;
	left:5px
}

#menu {
	width:200px;
	height:400px;
	margin:30px 0 15px 0 ;
}

#title {
	width:600px;
	height:200px;
	margin:15px 0 30px 0;
}

#main {
	width:600px;
	height:600px;
	position:relative;
	background:url(../images/main.gif);
}

#contents {
	//width:600px;
	margin:15px;
	position:relative;
	#006400
}

.contents_title {
	width:600px;
	height:60px;
	margin-bottom:30px;
}

.contents_title h2{
	color:#fff;
	font-size:18px;
}

img.title {

}
/*  footer  */
#footer {
	position:relative;
	width:830px;
	height:400px;
	margin:0 auto;
	padding:15px 0;
	//background:#6b8e23;
}

.footer1 {
	position:absolute;
	top:0;
	left:0;
	width:577px;
	height:143px;
}

footer1:hover {
	backgroud:aqua;
}

.footer1 p{
	font-size:12px;
	padding-left:10px;
}

.footer1+ img {
	width:577px;
	height:143px;
}

.footer1 h4 {
	color:#fff;
	position:absolute;
	top:-20px;
	padding-left:25px;
	font-size:30px;
}

.footer1 p {
	text-indent:1em;
	font-size:18px;
	display:block;
	color:#fff;
	position:absolute;
	top:60px;
	left:15px;
}

.footer2 {
    display: block;
    height: 313px;
    width: 253px;
	position:absolute;
	top:0;
	left:577px;	font-size:12px;
}

//.footer2 ul.company_list:hover{background:#DC143C;}
.footer2 img{
    height: 313px;
    width: 253px;
}

.footer2 ul.company_list {

	display:block;
	position:absolute;
	top:15px;
	left:15px;

}

.footer2 ul.company_list li ul{
	padding-bottom:20px;
}

.footer2 li {
	padding-left:15px;
	font-weight:bold;
	color:#fff;
	font-size:18px;
}
.footer2 li li{
	font-weight:normal;
	font-size:12px;
}

.footer3 {
    display: block;
    height: 170px;
    width: 577px;
	position:absolute;
	top:143px;
	left:0;

}

.footer3 li{
	color:#fff;font-size:14px;
}



.footer3 ul{
	position:absolute;
	padding:15px 0 0 15px;
}

.footer3 li li{
	*margin-left:-90px;
	font-size:12px;
	font-weight:normal;
}

.footer3 li.col1{
	float:left;
	display:block;
	width:330px;
	font-weight:bold;
	font-size:18px;
}

.footer3 li.col2{
	float:left;
	display:block;
	width:110px;
	font-weight:bold;
	font-size:18px;
}


.footer3 li.col3{
	float:left;
	display:block;
	width:110px;
	font-weight:bold;
	font-size:18px;
}

.footer3 li.col4{
	float:left;
	display:block;
	width:170px;
	font-weight:bold;
	font-size:18px;
}

footer3 li.col1 ul li {
	font-weight:normal;
}

.footer4 {
    display: block;
    height: 87px;
    width: 830px;
	position:absolute;
	top:313px;
	left:0;
	font-size:12px;
}

.footer4 ul{

	position:absolute;
	top:15px;
	left:15px;
}

.footer4 li{
	display:block;
	float:left;
	padding-left:15px;
	font-size:12px;
	color:#fff;
}

.footer4  a.policy{

	color:#fff;
	position:absolute;
	display:block;
	width:170px;
	top:15px;
	left:650px;
	font-size:12px;
	font-weight:bold;
}
.footer4  a.dezign{
	color:#fff;
	position:absolute;
	display:block;
	width:170px;
	top:0px;
	left:460px;
	font-size:12px;
}

.footer4  a.smt{
	color:#fff;
	position:absolute;
	display:block;
	width:170px;
	top:40px;
	left:50px;
	font-size:14px;
}
.footer4  a:hover{
	color:#DC143C;
}
/************* CLEARFIX ***************/
.clear {

	clear:both;

}

.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */