/* CSS Basic Style ---------------------------------------------------------- */


/* ページ全体 ---------------------------------------------------------- */
body {
	background-repeat: repeat;
	background-image: url(../img/sample01_bg.jpg);
	background-color: #F3F3F1;
	text-align:center;
	margin:0 auto ;
}
#wrapper{
	margin:0 auto;
	position : relative;
	width: 834px;
	background-image: url(../images/common/i_bg_main.jpg);
	background-repeat: repeat;
	padding-top: 5px;
}
#head{
	width: 808px;
	height: 75px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/common/i_bg_head.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
}
#main{
	float:left;
	width:610px;
	padding-left: 18px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 10px;
}
#contents{
	float:right;
	width:185px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 18px;
	padding-bottom: 10px;
}
#footer{
	width: 808px;
	height: 60px;
	padding-top: 10px;
	background-image: url(../images/common/i_bg_footer.jpg);
	clear: both;
	background-repeat: no-repeat;
	float: none;
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	background-position: center;
	margin-top: 0px;
	margin-bottom: 0px;
}
#banner{
	width:797px;
	margin-top: 15;
	margin-right: auto;
	margin-bottom: 15;
	margin-left: auto;
	clear: both;
}
#path {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 0px;
	clear: both;
}
p {
	margin: 0px;
	padding: 0px;
}

/* コピーライト ---------------------------------------------------------- */
address {
	font-size: 11px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	margin-top: 5px;
	padding: 0px;
}

/* h1タグ ---------------------------------------------------------- */
h1 {
	margin:0;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
}
 
/* リンク ---------------------------------------------------------- */
a:link ,  a:active {
	color: #FF6600;
	text-decoration: underline;
	border:none;
}
a:visited {
	color: #003366;
	text-decoration: underline;
	border:none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
	border:none;
}

/* リスト ---------------------------------------------------------- */
ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
li {
	margin: 0px;
	font-size: 12px;
	color: #666666;
	line-height: 1.5em;
	background-image: url(../images/common/i_bullet03.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
}
ul.path {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.path li {
	padding-right:0.5em;
	padding-left:15px;
	display:inline;
	line-height: 2;
	background-image: url(../images/common/i_bullet01.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
}
ul.detail {
	padding-left:20px;
}
ul.detail li {
	background:none;
	list-style:square;
	padding-left:0;
}

/* テーブル ---------------------------------------------------------- */
.table1 {
	background-color: #CCCCCC;
	margin-bottom: 15px;
	width: 570px;
	margin-right: auto;
	margin-left: auto;
}
.table1 th {
	background: #DAE7EF
	text-align:left;
	background-color: #99CC99;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}
.table1 td {
	color:#666666;
	background-color: #FFFFFF;
	font-size: 12px;
}
.table2 {
	background-color: #CCCCCC;
	margin-bottom: 15px;
	width: 360px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
.table2 th {
	background: #DAE7EF
	text-align:left;
	background-color: #E3EBC6;
	font-size: 11px;
	color: #666666;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
.table2 td {
	color:#333333;
	background-color: #F4F8E9;
	font-size: 11px;
}
.table3 {
	background-color: #999999;
	margin-bottom: 15px;
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
.table3 th {
	background: #DAE7EF
	text-align:left;
	background-color: #D9F0C7;
	font-size: 11px;
	color: #333333;
	text-align: center;
	font-weight: normal;
}
.table3 td {
	background-color: #E0E0E0;
	font-size: 11px;
	text-align: center;
}
.table_fee {
	border-top:1px solid #CCC;
	margin-bottom: 20px;
	width: 280px;
	font-size:0.8em;
}
.table_fee th {
	background-color:#EBEBEB;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:5px;
	width: 80px;
	text-align:left;
}
.table_fee td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:5px;
	width: 100px;
	text-align:right;
}
.table_fee td.year {
	background-color:#B40000;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
.table_fee td.month {
	background-color:#336699;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
.table_fee td.small {
	width:280px;
	text-align:left;
	border:none;
}
.table_time {
	margin-bottom: 20px;
	width: 280px;
	font-size:0.8em;
}
:root *> .table_time {
	font-size:0.7em;;
}
.table_time th {
	background-color:#E6E6E6;
	padding-left:5px;
	width:110px;
	text-align:left;
	vertical-align:top;
}
.table_time th.time_title {
	background-color:#666;
	padding:5px 5px 5px 10px;
	text-align:left;
	color:#FFF;
	vertical-align:middle;
	font-size:1.2em;
}
.table_time td {
	background-color:#E6E6E6;
	text-align:left;
	vertical-align:top;
}
.c1 {
	background-image: url(../images/common/i_bg_cl01.gif);
}
.c2 {
	background-image: url(../images/common/i_bg_cl02.gif);
}
.c3 {
	background-image: url(../images/common/i_bg_cl03.gif);
}
.c4 {
	background-image: url(../images/common/i_bg_cl04.gif);
	font-weight: bold;
	color: #003300;
}
.c5 {
	background-image: url(../images/common/i_bg_cl05.gif);
	color: #FFFFFF;
}
.c6 {
	background-image: url(../images/common/i_bg_cl06.gif);
	color: #FFFFFF;
}
.c1_g {
	background-image: url(../images/common/i_bg_cl01.gif);
	font-weight: bold;
	color: #003300;
}
.c1_r {
	background-image: url(../images/common/i_bg_cl01.gif);
	font-weight: bold;
	color: #CC0000;
}
.c2_g {
	background-image: url(../images/common/i_bg_cl02.gif);
	font-weight: bold;
	color: #003300;
}
.c2_r {
	background-image: url(../images/common/i_bg_cl02.gif);
	font-weight: bold;
	color: #CC0000;
}
.dot_border {
	border-bottom:1px dotted #666;
	padding-bottom:20px;
}
.table_fee th.w_border,
.table_fee td.w_border {
	border-bottom:3px double #666;
}

/* 画像 ---------------------------------------------------------- */
p img{
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	vertical-align: top;
}

/* ボックスマークアップ ---------------------------------------------------------- */
.footer_box{
	background-image: url(../images/common/i_fl_u01.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 610px;
	height: 65px;
	margin: 0px;
	padding: 0px;
}
.tb_box_m10{
	margin: 10px auto;
}
.tb_box_feel{
	margin: 0 0 30px 20px;
}
.box_inner01{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: center;
}
.box_inner02{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: center;
}
.box_inner03{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: center;
	width: 600px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.box_inner04{
	background-image: url(../images/common/i_fl_c02.gif);
	background-repeat: repeat-y;
	width: 570px;
	text-align: center;
}
.box_inner05{
	background-image: url(../images/common/i_fl_c03.gif);
	background-repeat: repeat-y;
	width: 570px;
	text-align: center;
}
.box_inner06{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	text-align:left;
	padding-left:20px;
}
.box_line{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-bottom: 10px;
}
.box_line_t{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 10px;
}
.box_line02{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-bottom: 10px;
}
.box_line03{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 3px;
}
.box_line04{
	margin: 0 0 5px 0;
}
.box_line05{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E7EDCB;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-bottom: 10px;
}
.box_line06{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E7EDCB;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.box_right{
	float: right;
}
.box_center{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.title{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5;
	margin-left: auto;
}
.pagetop{
	background-image: url(../images/common/i_bullet02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 11px;
	color: #666666;
	padding-left: 17px;
	margin-right: 18;
	margin-top: 10px;
	float: right;
}
.rule{
	float:left;
	padding-right:10px;
	font-size: 12px;
	line-height: 1.5em;
	color: #666666;
	text-align: left;
	vertical-align: top;
}
.rule_2{
	float:left;
	font-size: 12px;
	line-height: 1.5em;
	color: #666666;
	text-align: left;
	vertical-align: top;
}
.miyamae_ts {
	background: url(../images/house/miyamae/i_ts_miyamae02.jpg) no-repeat;
	padding:10px;
	width:340px;
	text-align:right;
}

/* バレット ---------------------------------------------------------- */	
.bullet01{
	background-image: url(../images/common/i_bullet02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	text-align: left;
	font-size: 12px;
	color: #666666;
	padding-left: 17px;
}

/* マージン ---------------------------------------------------------- */
.margint_b5{
	margin-bottom: 5px;
}
.margint_b10{
	margin-bottom: 10px;
}
.margint_b20{
	margin-bottom: 20px;
}
.margint_b30{
	margin-bottom: 30px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.margint_b60{
	margin-bottom: 60px;
}
.margint_b15{
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.margint_t10{
	margin-top: 10px;
}
.margint_t20{
	margin-top: 20px;
}
.margint_r5{
	margin-right: 5px;
}
.margint_r10{
	margin-right: 10px;
}
.margint_l5{
	margin-left: 5px;
}
.margint_l10{
	margin-left: 10px;
}
.margint_l20{
	margin-left: 20px;
}
.margint_l30{
	margin-left: 30px;
}
.margint_l50{
	margin-left: 50px;
}

/* パディング ---------------------------------------------------------- */

.padding_t5{
	padding-top: 5px;
}
.padding_t10{
	padding-top: 10px;
}
.padding_b5{
	padding-bottom: 5px;
}
.padding_b10{
	padding-bottom: 10px;
}
.padding_b15{
	padding-bottom: 15px;
}
.padding_b20{
	padding-bottom: 20px;
}
.padding_tb5{
	padding-top: 5px;
	padding-bottom: 5px;
}
.padding_tb10{
	padding-top: 10px;
	padding-bottom: 10px;
}
.padding_l5{
	padding-left: 5px;
}
.padding_l10{
	padding-left: 10px;
}
.padding_r5{
	padding-right: 5px;
}
.padding_r10{
	padding-right: 10px;
}
.padding_all5{
	padding:5px;
}

/* テキスト ---------------------------------------------------------- */
.txt_11 {
	font-size: 11px;
	line-height: 1.5em;
}
.txt_11_white {
	font-size: 11px;
	line-height: 1.5em;
	color: #FFFFFF;
}
.txt_11_gray {
	font-size: 11px;
	line-height: 1.5em;
	color: #666666;
}
.txt_11_orange {
	font-size: 11px;
	line-height: 1.5em;
	color: #FF6600;
}
.txt_11_br {
	font-size: 11px;
	line-height: 1.5em;
	color: #81542B;
}
.txt_12 {
	font-size: 12px;
	line-height: 1.5em;
}
.txt_12_white {
	font-size: 12px;
	line-height: 1.5em;
	color: #FFFFFF;
}
.txt_12_gray {
	font-size: 12px;
	line-height: 1.5em;
	color: #666666;
	text-align: left;
	vertical-align: top;
}
.txt_12_orange {
	font-size: 12px;
	line-height: 1.5em;
	color: #FF6600;
}
.txt_12_br {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
	color: #996600;
	vertical-align: top;
}
.txt_12_blue {
	font-size: 12px;
	color: #003366;
	line-height: 1.5em;
}
.txt_12_b {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
}
.txt_12_b_white {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
}
.txt_14 {
	font-size: 14px;
	line-height: 1.5em;
	color: #111111;
}
.txt_green {
	font-size: 14px;
	line-height: 1.5em;
	color: #396;
	font-weight:bold;
}
.txt_green_s {
	font-size: 1em;
	line-height: 1.5em;
	color: #396;
	font-weight:bold;
}
.txt_pink {
	font-size: 1em;
	line-height: 1.5em;
	color: #C36;
	font-weight:bold;
}
.txt_red {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #B40000;
	font-weight:bold;
}
.txt_blue {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #369;
	font-weight:bold;
}
.c_red{
	color:#cc0000;
}	
.c_red_b{
	color:#cc0000;
	font-weight:bold;
}	
.c_bk{
	color:#333333;
}
.line_through {
	text-decoration: line-through;
}

/* 拡大画像 ---------------------------------------------------------- */
#imgPreviewWithStyles {
	background-color:#FFF;
	border: 2px solid #FFF;
	z-index: 999;
}
.imgpreview_box {
	background-color:#666;
	margin-top:10px;
	padding:10px 0 5px 10px;
	width:570px;
}
:root *> .imgpreview_box {
	width:560px;
}
.imgpreview_box ul li{
	background:none;
	float:left;
	margin:0 5px 5px 0;
	padding:0;
}
.imgpreview_box ul li a {
	display:block;
	background:url(../images/house/bg_imgpreview.jpg) no-repeat 0 0;
	padding:0 5px 5px 0;
	width:130px;
}

img {border:none;}

/* clearfix
----------------------------------------------*/
.clearfix:after {
	content:"."; 
	display:block; 
	height:0;
	clear:both;
	visibility:hidden;
	line-height:0;
	font-size:0.1em;
}
.clearfix {display:inline-block;}

* html .clearfix {height:1em;}/* Hides from IE-mac */
.clearfix {display:block;}

/* clear
----------------------------------------------*/
.clear {
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}

/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/