﻿/*------------------------------------------------------------
■CSSリセット
-------------------------------------------------------------*/

body,div,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote{
	margin: 0;
	padding: 0;
	color: #000;
	font-size: small;
}

h1,h2,h3,h4,h5,h6,small{
        font-size: 100%;
        font-weight: normal;
}

a{ text-decoration: none; }
img{
        border: none;
        vertical-align: bottom;
}

input,
textarea,
select{
        font-size: 1em;
}

table{
        border-collapse: collapse;
        border-spacing: 0;
}


/*リンク文字（リンク集） --- */
#link a{ text-decoration: none; }
#link a:link{ color: #003366; }
#link a:visited{ color: #003366; }
#link a:hover{ text-decoration: underline; }
#link a:active{ text-decoration: underline; }

/* --- 全体の背景・テキスト --- */
body { color:#0FC;
text-align:center;
margin-top:0px;
color: #000000; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.bmidori {
	font-weight: bold;
	font-size: medium;
	color: #090;
}
#container #content .margin .margin5 .storerepoo_box_left div {
	color: #000;
	font-size: 14px;
}

/* --- 全体font --- */
.aka {
	color: #F00;
}
.kuro {
	font-size: small;
	color: #000;
	text-align: left;
}

.orange36 {
	color: #F60;
	font-size:18px;
}

.title_text {
	font-size:24px
}

.midori_s {
	color: #090;
}

.clearl{
	clear:left;
}

.pcenter{
	text-align:center;
	color: #000;
}

/* --- 全体のリンクテキスト ---
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }



/* --- ヘッダ --- */
#header {
	background-color: #FFF;
	height:170px;
	width: 100%; 
}


#headervisual {
 height: 120px;
 background:url(../img/topbg.gif); 
 width: 100%;
 }
 
 #headerj {
 height: 120px;
 width:980px;
 background:url(../img/top.jpg) no-repeat center;  
 width: 100%;
 }
 
#headerm{
 height: 50px;
 width: 100%;
 }

#headermj {
 height: 50px;
 width:100%; 
 }


/* --- コンテナ --- */
#container {
width: 980px; /* ページの幅 */
margin: 0px auto; /* センタリング */
 */

}

.topmargin {
margin-top:5px;
background-color:#0F3;
}

.left { float:left;
}



/* --- メインカラム --- */

#outlinebg {
 width:810px;
 margin: 0px auto;
}




#content_a { width:702px;
float:left;
background-color:#CFF;
height:200;
}

#content_b { width:20px;
float:right;
background-color:#0CF;
height:200;
}

#content_c { width:235px;
float:right;
background-color:#90C;
height:200;
}

.content2 { width:702px;
}

.margin {
	float:left;
	margin-top:2px;
	font-weight: bold;
}

.margin10 {
	margin:3px;
	float:left;
}

.margin5 {
	margin-left:5px;
	float:left;
	margin-top:2px;
}



/* --- メニューボタン --- */
#menubox {
	width: 970px;
	height:44px;
	margin: 0 auto; 
}

.tel{ 
width:150px;
text-align:center;
float:left;
height:30px;
margin-top:10PX;
font-size:18px;
color:#03C;
}

.telmark{ 
width:150px;
text-align:right;
float:left;
height:30px;
margin-top:10PX;
font-size:18px;
}

/* --- ナビゲーション --- */
#nav {
float: right;
width: 235px; /* サイドバーの幅 */
background:#090;
}



/* --- メインカラム --- */

.info_topmargin {
	margin-left:18px;
	float:left;
}

.margin_r {
	margin-right:18px;
	text-align:right
}



/* --- homeメインカラム --- */
.margin_t2fl {
margin-top:2px;
float:left;
}

.margin_r2p {
	margin-right:2px;
	margin-top:2px;
	float:left;
}

/* --- homeインフォ用 --- */
#info { 
background-image:url(../img/info.gif);
width:702px;
height:198px;
}

.infotb {  /* インフォの一行 */
height:16px;
}

.infocate {
	width::70px;
	height:16px;
	float:left;
	padding-left:5px;
}
.infopate {
	width::70px;
	height:15px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}

.infoday {
	width::200px;
	height:15px;
	float:left;
	padding-left:15px;
}

.infotex {
	width::600px;
	height:15px;
	float:left;
	padding-left:15px;
}


.infomargin {
	margin-top:1px;
}

/* --- storereport --- */

.storerepoo_box_left {
width:346px;
height:200px;
float:left;

}

.storerepo_box_right {
	margin-top:2px;
	float:left;
}


/* --- 太陽光 --- */
.margin_tp_r2p {
	margin-left:5px;
	margin-top:2px;
	width:352px;
	height:200px;
	float:left;
}

.title_house{
	margin-top:2px;
	height:67px;
	width:702px;
	background:url(../img/titline.gif);
	font-size:26px;
}

/* 中央合わせ */
.mid{vertical-align:bottom; font-size:24px;}


/* --- 店舗リポート --- */
#shoprepo { 
background-image:url(../img/shoprepotop.jpg);
width:702px;
height:295px;
}

.infotb {  /* インフォの一行 */
height:16px;
}

.infocate {
	width::70px;
	height:16px;
	float:left;
	padding-left:5px;
}
.infopate {
	width::70px;
	height:15px;
	float:left;
	padding-left:5px;
	padding-right:5px;
}

.infoday {
	width::200px;
	height:15px;
	float:left;
	padding-left:15px;
}

.infotex {
	width::600px;
	height:15px;
	float:left;
	padding-left:15px;
}


.infomargin {
	margin-top:1px;
}




/* --- 店舗情報 --- */

.margin_lef{
	margin-left:18px;
	float:left;
}


.margin_right{
	margin-right:18px;
	text-align:right;
}

/* --- お便り --- */
.otayori{ width:101px; height:160px; float:left;}
.otayori_sp{ width:30px; height:160px; float:left;}
.otayori_box{ width:101px; height:146; }
.otayori_no{
	width:101px;
	height:10px;
	text-align: center;
}

.otayori702 {
	width:702px;
	text-align: center;
}

/* --- 0円リフォーム --- */
.left_0re_r{width:200px; float:left; margin-top:10px;}

.left_0re_l{
	width:495px;
	float:left;
	margin-top:10px;
	color: #F00;
	font-weight: bold;
}

/* --- 概要 --- */
.left_gaiyou_r{width:150px; float:left; margin-top:10px;}

.left_gaiyou_l{width:550px; float:left;  margin-top:10px;}

/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 980px;
height:73px;
background-image:url(../img/footer.gif);

}

.footer_te {
	text-align:center;
	margin-top:15px;
	color:#FFF;
	font-weight:bold
	margin-top:10px;
}
.middleaka {
	text-align: center;
}
.middleaka {
}
