/************************************************************************
	ページ全体の設定
*************************************************************************/
body{
	background: #fff;
	color: #333;
	font-size: 85%;
	line-height: 120%;
	letter-spacing: 1px;
	margin: 0;
}


div#layout{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}


td{
	font-size: 95%;
}


a{/*リンクの設定*/
	color: #003366;
}


a:hover{
	color: #cc0000;
}

img{/*イメージの設定*/
	border: none;
}

h1{
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}


h2{
	background: url(image/sub_title.gif) no-repeat left top;
	width: 580px;
	height: 35px;
	font-size: 21px;
	margin: 0;
	padding-top: 13px;
	padding-left: 10px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	color: #cc6600;
	font-weight: normal;
}

.line{
	background: url(image/sub_title2.gif) repeat-x left bottom;
	width: 70%;
	padding-bottom: 15px;
	padding-left: 15px;
	line-height: 150%;
}

.line02{
	background: url(image/sub_title2.gif) no-repeat left bottom;
	padding-bottom: 10px;
	margin: 0 0 0 5px; 
	line-height: 150%;
}

/************************************************************************
	ヘッダーの設定
*************************************************************************/
.logo{/*ヘッダーのロゴ設定*/	
	background: url(image/title_logo.gif) no-repeat left top;
	text-align: right;
	padding-right: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	line-height: 120%;
}


/************************************************************************
	メニューバーの設定
*************************************************************************/
.staff{/*社員紹介*/
	background: url(image/menu/m_staff_image.jpg) no-repeat left top;
	width: 160px;
	height: 85px;
}

.s_staff{/*職人紹介*/
	background: url(image/menu/m_s_staff_image.jpg) no-repeat left top;
	width: 160px;
	height: 85px;
}

.jirei{/*施工事例*/
	background: url(image/menu/m_jirei_image.jpg) no-repeat left top;
	width: 160px;
	height: 85px;
}

.takuchi{/*宅地情報*/
	background: url(image/menu/m_takuchi_image.jpg) no-repeat left top;
	width: 160px;
	height: 85px;
}

a.link_m{/*メニューバーのリンクテキストについて*/
	display: block;
	width: 85px;
	font-size: 12px;
	line-height: 130%;
	padding-left: 10px;
	padding-top: 5px;
}


/************************************************************************
	新着情報にスクロールバーをだす設定
*************************************************************************/
div#scroll{
	overflow-y: scroll;
	width: 418px;
	height: 160px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px #cc0000 solid;
	scrollbar-base-color: #fff;
	scrollbar-3dlight-color: #cc0000;
	scrollbar-darkshadow-color: #fff;
	scrollbar-shadow-color: #cc0000;
	scrollbar-arrow-color: #cc0000;
}

div#scroll p.day{
	color: #cc0000;
	font-size: 95%;
	margin: 0;
}

div#scroll p.text{
	margin-bottom: 5px;
	margin-top: 0;
}

/************************************************************************
	フッターの設定
*************************************************************************/
.footer{
	background: url(image/line_bottom.gif) repeat-x left top;
	font-size: 12px;
	text-align: center;
}

/************************************************************************
	TOPページの設定
*************************************************************************/
/*家づくりプランの設定*/
.ie_plan{
	background: url(image/top_ie_back.gif) no-repeat left top;
	width: 200px;
	height: 200px;
	padding: 10px;
	font-size: 14px;
	line-height: 130%;
	margin-bottom: 10px;
}

/*お客様の声の設定*/
.okyaku{
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 10px;
}

/*情報紙の設定*/
.jouhou{
	font-size: 13px;
	width: 130px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	line-height: 120%;
}

/************************************************************************
	各ページの設定
*************************************************************************/

/*家づくりプランSTEP1からSTEP16までの背景画像の設定*/
.s1{/*step1*/
	background: url(ie_plan/image/s1.gif) no-repeat left top;
}

.s2{/*step2*/
	background: url(ie_plan/image/s2.gif) no-repeat left top;
}

.s3{/*step3*/
	background: url(ie_plan/image/s3.gif) no-repeat left top;
}

.s4{/*step4*/
	background: url(ie_plan/image/s4.gif) no-repeat left top;
}

.s5_6{/*step5_6*/
	background: url(ie_plan/image/s5_6.gif) no-repeat left top;
}

.s7{/*step7*/
	background: url(ie_plan/image/s7.gif) no-repeat left top;

}

.s8{/*step8*/
	background: url(ie_plan/image/s8.gif) no-repeat left top;
}

.s8_2{/*step8_2*/
	background: url(ie_plan/image/s8_2.gif) no-repeat left top;
}

.s9{/*step9*/
	background: url(ie_plan/image/s9.gif) no-repeat left top;
}

.s10{/*step10*/
	background: url(ie_plan/image/s10.gif) no-repeat left top;
}

.s11{/*step11*/
	background: url(ie_plan/image/s11.gif) no-repeat left top;
}

.s12{/*step12*/
	background: url(ie_plan/image/s12.gif) no-repeat left top;
}

.s13{/*step13*/
	background: url(ie_plan/image/s13.gif) no-repeat left top;
}

.s14{/*step14*/
	background: url(ie_plan/image/s14.gif) no-repeat left top;
}

.s15{/*step15*/
	background: url(ie_plan/image/s15.gif) no-repeat left top;
}

.s16{/*step16*/
	background: url(ie_plan/image/s16.gif) no-repeat left top;
}


/************************************************************************
	ぱんくずリストの設定
*************************************************************************/
.pan{
	text-align: right;
	font-size: 12px;
	margin: 0;
}


/************************************************************************
	フォントの設定
*************************************************************************/
.f80{/*フォントサイズを90%にする*/
	font-size: 90%;
}

.f70{/*フォントサイズを80%にする*/
	font-size: 85%;
}

.f12{/*フォントサイズを12pxにする*/

	font-size: 12px;
}

.shita{/*テキストを下に配置*/
	vertical-align: bottom;
}



/************************************************************************
	マージンとパディングの設定
*************************************************************************/
.mtb10{/*マージン上下を10px空ける*/
	margin-top: 10px;
	margin-bottom: 10px;
}

.mt0_mb10{/*マージン上を0に、マージン下を10px空ける*/
	margin-top: 0;
	margin-bottom: 10px;
}

.mlrb10{/*マージン上0、マージン左、右、下*/
	margin: 0 10px 10px 10px;
}

/************************************************************************
	リストの設定
*************************************************************************/
/*　ビル　*/
.icon_shop{
	background:url(image/icon_shop.gif) no-repeat left top;
	padding: 0 0 10px 40px;
	list-style-type: none;
}


/************************************************************************
	その他の設定
*************************************************************************/

/*　□□□　カーソルの設定　□□□　*/
.hand{
	cursor: hand;
}


/*角丸_枠設定*/
.rbox {
	width:100%;
	background-color: #DBF9DB;
	margin:0;
}
.textbox {
	margin:0px;
	padding:0 10px 0 10px;
	background-color: #DBF9DB;
}
.rtop, .rbottom{
	background-color: #ffffff;
}
.rtop span, .rbottom span{
	display: block;
	height: 1px;
	overflow: hidden;
	background-color: #DBF9DB;
}
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px;
	height: 2px;}