body{
	background: #ffffff;
	background-image: url(shared/back.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	font-size: 75%;
	line-height: 130%;
	font-family: "ＭＳ Ｐゴシック","Verdana" ;
	margin: 0;
	text-align: center;
	color: #333;
}


td{
	font-size: 100%;
}

img{
	border: none;
}

hr{
	height: 1px;
	color: #999999;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
}

p{
	margin: 0;
}

form{
	margin: 0;
}



/***********************************************************
■■■　見出しの設定　■■■
***********************************************************/
h1{
	font-size: 12px;
	color: #ffffff;
	float: right;
}

h2{
	background-image: url(shared/midashi02.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 170%;
	line-height: 140%;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	margin-bottom: 15px;
	text-align: left;
	color: #333333;
	width: 530px;
	height: 30px;
	padding-left: 20px;
	letter-spacing: 1px;
	width: 560px;
}

h3{
	background-image: url(shared/midashi03.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 120%;
	line-height: 140%;
	font-style: normal;
	font-variant: normal;
	margin-bottom: 15px;
	text-align: left;
	color: #666666;
	height: 100%;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	letter-spacing: 1px;
	width: 560px;
}

h4{
	border-bottom: 1px solid #cccccc;
	border-left: solid #cccccc 10px;
	padding-left: 15px;
	font-size: 130%;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}



/***********************************************************
■■■　リンクの色設定　■■■
***********************************************************/
a:link{
	color: #663300;
	text-decoration: underline;
}

a:visited{
	color: #663300;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
	color: #990000;
}


	/***********************************************************
	□□□　その他リンク設定　□□□
	***********************************************************/
	/*link01*/
	a.link01{
		color: #333333;
		text-decoration: none;
	}
	a.link01:visited{
		color: #333333;
		text-decoration: none;
	}

	a.link01:hover{
		color: #0083C8;
		text-decoration: underline;
	}

/***********************************************************
■■■　div#layout設定　■■■
***********************************************************/


div#layout{
	width: 842px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px #E9E9E9 solid;
	border-right: 1px #E9E9E9 solid;
}


	/***********************************************************
	□□□　div#header設定　□□□
	***********************************************************/
	div#header{
		width: 840px;
		height: 125px;
		margin: 0;
		margin-bottom: 10px;
	}


						

		
/***********************************************************
□□□　div#main設定　□□□
***********************************************************/
div#main{
	width: 830px;
	margin-left: 5px;
	margin-right: 5px;
}
	
			
	/***********************************************************
	□□□　div#content_left設定　□□□
	***********************************************************/
	div#content_left{
		width: 170px;
		text-align: left;
		background-image: url(image/m_back.gif);
		background-position: left top;
		background-repeat: repeat-y;
		margin-top: 0;
		margin-bottom: 50px;
		float: left;
	}
	
	div#content_left02{
		width: 170px;
		text-align: left;
		background-image: url(image/m_back_bottom.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		padding-bottom: 20px;
	}
	
	
	/***********************************************************
	□□□　div#content_center設定　□□□
	***********************************************************/
	div#content_center{
		text-align: left;
		background-color: #ffffff;
		margin-top: 0;
		margin-left: 10px;
		margin-right: 10px;
		width: 470px;
		float: left;
	}
	
	div#content_center02{
		text-align: left;
		background-color: #ffffff;
		margin-top: 0;
		padding-left: 10px;
		padding-right: 10px;
		width: 810px;
	}	
	
	
	/***********************************************************
	□□□　div#sign_in設定　□□□
	***********************************************************/
	div#sign_in{
		text-align: left;
		background-image: url(image/sign_in.gif);
		background-position: left top;
		background-repeat: no-repeat;
		width: 150px;
		height: 140px;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		float: right;
	}
	
		
	/***********************************************************
	□□□　div#sign_in設定　□□□
	***********************************************************/
	div#menu_right{
		width: 170px;
		float: right;
	}
	
	div#menu_right p{
		margin-bottom: 5px;
	}			

			
	
	
	/***********************************************************
	□□□　div#footer設定　□□□
	***********************************************************/
	div#footer01{
		background-image: url(shared/footer_back.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		margin-top: 15px;
		height: 50px;
		clear: both;
	}
	
	
	div#footer02{
		padding-top: 30px;
		width: 840px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}

	/***********************************************************
	■■■　div#maker_link設定　■■■
	***********************************************************/
	div#maker_link{
		width: 800px;
		vertical-align: top;
	}	
	
	
	
	/***********************************************************
	■■■　div#main_content設定　■■■
	***********************************************************/
	div#main_content{
		width: 580px;
		float: right;
		text-align: left;
		vertical-align: top;
	}
	
	p.p_top{
		margin-top: 15px;
		margin-bottom: 15px;
		text-align: right;
	}


/*=================================================
★★★★★　リフォームの流れ設定
=================================================*/
table.flow{
	background-color: #FFFFCC;
}

table.flow tr td{
	border: 1px solid #FFCC00;
	padding: 10px;
	background-color: #ffffff;
	vertical-align: top;
}

.re01{
	background-image: url(reform/image/flow/re_1-1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.re02{
	background-image: url(reform/image/flow/re_2-2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.re03{
	background-image: url(reform/image/flow/re_3-3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;

}

.re04{
	background-image: url(reform/image/flow/re_4-4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.re05{
	background-image: url(reform/image/flow/re_5-5.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.re06{
	background-image: url(reform/image/flow/re_6-6.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.re07{
	background-image: url(reform/image/flow/re_7-7.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.re08{
	background-image: url(reform/image/flow/re_8-8.gif);
	background-repeat: no-repeat;
	background-position: left bottom;

}

.re09{
	background-image: url(reform/image/flow/re_9-9.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}




/*=================================================
★★★★★　各リフォーム設定
=================================================*/
table.reform{
	height: 300px;
	width: 565px;
	text-align: center;
}

table.reform tr td{
	padding: 5px;
	vertical-align: bottom;
	text-align: left;
}


.reform_ki{/*キッチンの設定*/
	background-image: url(reform/image/kitchen/ki_header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}


.reform_bath{/*浴室の設定*/
	background: url(reform/image/bath/yoku_header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;

}

.reform_to_sen{/*トイレ･洗面ーの設定*/
	background: url(reform/image/rest_wash/to_sen_header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;

}

.reform_ba{/*バリアフリーの設定*/
	background: url(reform/image/care/ba_header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}


.reform_other{/*その他の設定*/
	background: url(reform/image/other/other_header.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/*=================================================
★★★★★　背景を透明にする設定設定
=================================================*/
.toumei{
	background: url(reform/image/shiro.gif) right top #fff;
	color: #000; 
      filter:alpha(opacity=85); /* IE用透過設定（100に近づけるほど不透明）*/ 
      -moz-opacity:0.8; /* FireFox、Netscape用透過設定（1.0に近づけるほど不透明）*/ 
      opacity:0.8; /* OPERA・MAC・Safari用透過設定（1.0に近づけるほど不透明）*/
      margin: 10px;
      padding: 10px;	
}


/*=================================================
●●●●●●●●●●●●●●●●　会員様ページ
=================================================*/
/*　□□□　レインボーニュース背景　□□□　*/
div#rainbow_b{
	width: 525px;
	padding: 0 10px 10px 10px;
	background: url(login/image/rainbow_line.gif) repeat-y left top;
}


h3.rainbow{/*会員様ページ*/
	background-image: none;
	font-size: 120%;
	line-height: 120%;
	font-style: normal;
	font-variant: normal;
	margin-bottom: 15px;
	margin-top: 20px;
	text-align: left;
	color: #666666;
	padding-left: 10px;
	letter-spacing: 1px;
	border-bottom: #336699 1px solid;
	border-left: #336699 10px solid;
	width: 505px;
}

/*=================================================
●●●●●●●●●●　施工事例、お料理レシピ検索
=================================================*/
div#jirei{
	width: 800px;
	text-align: left;
}


h2.jirei{
	background-image: none;
	border-bottom: 10px double #0083C8;
	width: 780px;
}

h2.cook{
	background-image: none;
	border-bottom: 10px double #ff9900;
	width: 780px;
}


h3.jirei{
	background-image: none;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 10px solid #4D1B1A;
	width: 780px;
	padding-left: 10px;
}

h3.cook{
	background-image: none;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 10px solid #ff9900;
	width: 780px;
	padding-left: 10px;
}


	/*　□□□　画像をポラロイド風にする設定　□□□　*/
	.polaroid{
		margin: 5px;
		padding:5px 5px 5px 5px;
		border-top:1px solid #cccccc;
		border-right:1px solid #999999;
		border-bottom:1px solid #999999;
		border-left:1px solid #cccccc;
		background-color:#F6F6F6;
	}
	
	.font01{
	font-family: "ＤＦＧまるもじ体","cursive";
	font-weight: bold;
	font-size:100%;
	color: #CC3333;
	font-size: 120%;
	}
	
	
/*=================================================
●●●●●●●●●●　見積もり、資料請求
=================================================*/
div#form{
	width: 580px;
	text-align: left;
}

div#form p{
	margin: 0;
}

div#form002{
	margin-top: 60px;
}

/***********************************************************
■■■　table設定　■■■
***********************************************************/
/* 00 */
table.table00{
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	width: 100%;
}

table.table00 th{
	padding: 3px;
	text-align: center;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
	background-color: #ECE9D8;
}

table.table00 td{
	padding: 3px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}



/***********************************************************
■■■　iconの設定　■■■
***********************************************************/
.icon01_mura{
	background-image: url(shared/icon01_mura.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}

.icon02_ao{
	background-image: url(shared/icon02_ao.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	vertical-align: middle;
}

.icon02_aka{
	background-image: url(shared/icon02_aka.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-top: 10px;
	color: #cc3300;
}

.icon_q{
	background-image: url(shared/q.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 20px;
	vertical-align: middle;
}

/***********************************************************
■■■　枠（背景）の設定　■■■
***********************************************************/
.waku_midori{
	background-color: #006633;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.waku_aka{
	background-color: #CC3300;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.waku_ao{
	background-color: #003399;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.waku_ora{
	background-color: #FF9900;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.waku_cha{
	background-color: #4D1B1A;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
}





/********************************************************************************
■■■　その他の設定　■■■
********************************************************************************/
/*テキストを縦書きにする*/
.tate{
	writing-mode: tb-rl;
	height: 210px;
	line-height: 180%;
}