@charset "utf-8";
/* ----------------------------------------
CSS Information

 Site URL:		http://www.rakuhen.com
 File name:		common.css(http://www.rakuhen.com/css/template.css)
 Summary:		all styles
 Created:		2009-1-6
 Lust update:	2009-1- by inoue
 Author:		Yumi Inoue
 Style Info:	システム用CSS
------------------------------------------ */

/* ヘッダー・フッターエリア */
#header_Area,
#footer_Area {
	width:100%;
	margin:0 auto;
	padding:0;
}

/* 大枠ボックス 配置：中央寄せ
-------------------------------------------*/
#wrap {
	width:700px;
	margin:0 auto;
	text-align:center;
}



.clear_60 {
	height:60px;
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
}



/* 大見出し 
------------------------------------------*/
#headline {
	width:700px;
	background:#ccc;
	margin:40px auto 0;
	text-align:left;
}

#headline h2 {
	color:#000;
	font-weight:bold;
	font-size:16px;
	line-height:1.7;
	margin-left:10px;
}

#mp1_headline {
	width:700px;
	background:#ccc;
	margin:40px auto 0;
	text-align:left;
}

#mp1_headline h2 {
	color:#000;
	font-weight:bold;
	font-size:16px;
	line-height:1.7;
	margin-left:10px;
}

#mp2_headline {
	width:700px;
	background:#ccc;
	margin:40px auto 0;
	text-align:left;
}

#mp2_headline h2 {
	color:#000;
	font-weight:bold;
	font-size:16px;
	line-height:1.7;
	margin-left:10px;
}




/* ページ送り
-------------------------------------------*/
/* up */
#slink {width:700px; text-align:right; margin:10px 0;}
#slink li {display:inline; margin:0 5px;}

/* down */
#slink_bottom {width:700px; text-align:center; margin:40px 0;}
#slink_bottom li {display:inline; margin:0 5px;}





/* 640px大枠ボックス 配置：左寄せ 
-------------------------------------------*/
#frame640 {
	width:640px;
	margin:20px auto;
	text-align:left;
}

p.hp {margin-bottom:20px;}



/* マージンボトム30px 汎用ボックス 
------------------------------------------*/
.general {
	width:640px;
	margin:0 0 30px;
	text-align:left;
	overflow:hidden;
}

.general h2 {
	border-left:8px solid #030;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	margin:10px 0 5px;
}

.general p {margin-top:5px;}



/* 施工カテゴリー・タイトル・説明文 
-------------------------------------------*/
#sekouBox1 {
	width:640px;
	border-left:5px solid #030;
	margin-bottom:5px;
}

#sekouBox1 span {
	color:#900;
	font-weight:bold;
	font-size:14px;
	margin-left:10px;
}

#sekouBox1 h3 {
	color:#000;
	font-weight:bold;
	font-size:16px;
	margin-left:10px;
}






/* 汎用ボックス 
-------------------------------------------*/
/* B→A用 */
.sekouBox2 {
	width:640px;
	margin:0 0 10px;
	overflow:hidden;
}

/* Before(左) */
.frame280_l {
	width:280px;
	float:left;
	background:url(http://www.rakuhen.com/const/img/before_mark.gif) no-repeat top left;
}
.frame280_l img {margin:25px 0 0;}

/* After(右) */
.frame280_r {
	width:280px;
	float:right;
	background:url(http://www.rakuhen.com/const/img/after_mark.gif) no-repeat top left;
}
.frame280_r img {margin:25px 0 0;}

/* Arrow */
.frame80 {
	width:80px;
	height:205px;
	float:left;
	background: url(http://www.rakuhen.com/const/img/ba_arrow.gif) no-repeat top left;
}






/* リフォームデータ用テーブル 
-------------------------------------------*/
table.R_data {
	border-collapse: collapse;
	width:635px;
	border:1px solid #CCC;
	border-right:none;
	border-bottom:none;
	margin:5px 0 10px 1px;
	font-size:12px;
}

table.R_data th {
	width:120px;
	padding:5px;
	background:#FFC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}

table.R_data td {
	padding:5px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}





/* フリースペース 
------------------------------------------*/
.sekouBox3 {
	width:638px;
	border:1px solid #CCC;
	overflow:hidden;
}

/*
.sekouBox3 h2 {
	font-size:18px;
	font-weight:bold;
	padding:10px;
	border-left:none;
}
*/

.sekouBox3 h2 {
	font-size:18px;
	font-weight:bold;
	margin: 5px 0 auto;
	border-left:none;
}

.sekouBox3 p {
	padding:0 10px;
	margin-bottom: 5px
}
.sekouBox3 img {
	float:right; margin:5px 10px 5px;
}





/* フォトギャラリー配置ボックス 
------------------------------------------*/
.frame210 {
	width:210px;
	float:left;
	margin-top: 0;
	margin-right: 3px;
	margin-left: 0;
}
.frame210 p {margin-right:10px;}

.point p {
	margin-right: 10px;
}
.point {
	width: 210px;
	margin-right: 3px;
	float: left;
	margin-bottom: 20px;
	margin-left: 0px;
}
.comment {
	width: 640px;
}
.photo_frame {
	width: 640px;
	float: left;
}



/* 画像・テキスト二段組み */
/* Cパターン使用 */
.frame320 {width:320px; float:left; margin-bottom:20px;}
.frame320 p {margin-right:20px;}





/* マイページ・日付・場所・タイトル 
-------------------------------------------*/
#myBox1 {
	width:640px;
	border-left:5px solid #030;
	margin-bottom:15px;
}

#myBox1 span {
	color:#00F;
	font-size:12px;
	margin-left:10px;
	display:block;
}

#myBox1 span.place {
	color:#000;
	font-size:12px;
	margin-left:10px;
}

#myBox1 h3 {
	color:#000;
	font-weight:bold;
	font-size:16px;
	margin-left:10px;
}




/* マイページ　Cパターン使用 */
.img_r {
	float:right;
	margin:10px 0 10px 10px;
}