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

 Site URL:		http://www.rakuhen.com
 File name:		common.css(http://www.rakuhen.com/css//common.css)
 Summary:		all styles
 Created:		2009-1-6
 Lust update:	2009-1-7 by inoue
 Author:		imamura
 Style Info:	共通CSS
------------------------------------------ */

/*-----------------------
__Deafault style clear
------------------------*/
*{
	margin:0;
	padding:0;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,verdana;
	text-align:center;
	font-size:12px;
	color: #333;
	line-height:1.4;
	background:#FFF;
}

*:first-child + html body {
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* other ----------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

ul{list-style-type:none;}
legend {text-indent:-9999px;}
address{color:#000;}
caption {display:none;}
img {border:0;}
a img {border:0;}
em, strong {font-weight:bold;}
em {color:#007A00;}
b {font-weight:bold;}
i {font-style:italic;}
s {text-decoration:line-through;}
u {text-decoration: underline;}
textarea {
	width: 370px;
	height: 10em;
}


/* LinkColor ------------------------------*/
a:link {color:#03C;text-decoration: underline;}
a:visited {color:#03C;text-decoration: underline;}
a:active {color:#03C;}
a:hover {color:#F00;}

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


/*-----------------------------
__wrapper
-------------------------------*/
#wrapper {
	position:relative;
	width:100%;
	overflow:hidden;
}

#contents {
	text-align:left;
	margin: 0px auto;
	width: 700px;
	overflow:hidden;
}

#contents p {font-size:14px; padding-bottom:20px;}

#contents h2.koutei {
	width:700px;
	height:35px;
	margin:30px 0 5px;
	background:url(/img/koutei_t.jpg) no-repeat;
	text-indent:-9999px;
}

#contents h2.kansei {
	width:700px;
	height:35px;
	margin:30px 0 5px;
	background:url(/img/kansei_t.jpg) no-repeat;
	text-indent:-9999px;
}


/* 工程リストテーブル */
table.process {
	width:698px;
	border:1px solid #000;
	border-right:none;
	border-bottom:none;
	float:right;
	font-size:12px!important;
	margin-bottom:20px;
}

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

table.process td.b {background:#eee; font-weight:bold;}
table.process img {margin:5px;}

.mt_non{margin-top:0px;}

/* 一覧へ戻る */
.box7{width:700xp; font-size:14px;}
.box7 img {float:right; margin-left:10px; margin-bottom:1px;}
*html .box7 img {float:right; margin-left:10px; margin-bottom:0px;}

.box7t{width:100%; text-align:center; clear:both;}

.boxk7{width:700xp; font-size:14px;}
.boxk7 img {float:left; margin-bottom:1px;}
*html .boxk7 img {float:left; margin-bottom:0px;}


/* 工程詳細テーブル */
table.p_datail {
	width:694px;
	border:3px solid #000;
	border-bottom:none;
	font-size:12px!important;
	margin:0 auto 30px auto;
	text-align:left;
	float:right;
}

*html table.p_datail {width:696px;}

table.p_datail th {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:5px;
	background:#eee;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:2.0;
}

table.p_datail td {
	border-right:1px solid #000;
	border-bottom:3px solid #000;
	padding:5px;
	vertical-align:top;
}

table.p_datail td.b {background:#eee; font-weight:bold;}
table.p_datail img {margin:5px;}

table.p_datail ul {padding-bottom:60px;}
table.p_datail li {
	line-height:1.8;
	font-size:14px;
}

/* 工程詳細画像ボックス */
#koutei_pic{width:520px; text-align:center; margin-bottom:10px;}
#koutei_pic img {clear:both;}
#koutei_pic p {padding:0 10px; text-align:left;}

/* インラインフレーム */
#koutei_data {
	background:#fff;
	text-align:center;
}

table.koutei_pic {
	width:480px;
	margin:0 auto;
}
table.koutei_pic td {
	width:160px;
	padding:5px;
	color:#FFF;
	text-align:center;
}

#modi_day{
	width:700px;
	text-align:center;
	margin:10px 0;
	font-size:14px;
}


/* 完成リストボックス */
.kbox {
	width:220px;
	border:1px solid #C8C8C8;
	background:#EEE;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

.kbox img {margin:10px 0 0 0;}
.kbox a {
	display:block;
	clear:both;
	font-size:14px;
	padding-bottom:10px;

}
.ml17{margin-left:17px;}

/* 完成詳細テーブル */
table.f_datail {
	width:700px;
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	font-size:12px!important;
	margin:1px auto 30px auto;
	text-align:left;
	background:url(/img/f_t_bg.gif) repeat-y top left;
	clear:both;
}
*html table.f_datail {width:700px; margin:0 auto 30px auto;}
table.f_datail td {text-align:center; vertical-align:top;}
table.f_datail td.b {background:#eee; font-weight:bold;}
table.f_datail img.fl {float:left;}
.black{background:#000;}

/* 完成詳細画像ボックス */
#kansei_pic{
	width:480px;
	margin:0 auto;
	padding:5px 0 10px 0;
}
*html #kansei_pic{margin:5px auto 0px 4px;}
#kansei_pic img {clear:both;}
#kansei_pic p {padding:0 5px; text-align:left;}

/* 完成インラインフレーム */
#fbox {width:200px;}

/* 完成インラインテーブル */
table.ft {
	width:185px;
	text-align:left;
	background:#000 url(/img/if_bg.gif) repeat-y top left;
}
table.ft img{margin-left:26px; margin-bottom:7px;}


/* 完成施主情報テーブル */
table.fpro {
	width:477px;
	border:1px solid #000;
	border-right:none;
	border-bottom:none;
	float:right;
	font-size:12px!important;
}

table.fpro td {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	padding:5px;
	text-align:left;
}

table.fpro td.b {background:#eee; font-weight:bold;}
table.fpro img {padding:5px;}