@charset "utf-8";
/* CSS Document */
html {
	background: #FFF;
}

body {
	margin: 0px;
	padding: 0px;
	color: #423333;
	text-align: center;
	font: 87%/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	word-break: break-all;
	background-image: url(../../image/image_common/top_bk.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/* 全体の定義
----------------------------------------------------------- */

#container {
	width: 950px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#header {
	position: relative;
	padding: 0px;
	height: 135px;
	margin-bottom: 20px;
	background-image: url(../../image/image_common/head.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header h1 {
	position: absolute;
	left: 0px;
	top: 45px;
}
#header .post {
	position: absolute;
	left: 725px;
	top: 37px;
}

#content {
	width: 950px;
}
#pan {
	font-size: 90%;
	margin-bottom: 5px;
}
#main {
	width: 700px;
	float: left;
}
#main .main_inner {
	width: 680px;
}
#main .main_inner h2 {
	margin-bottom: 18px;
}
.to_top {
	text-align: right;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	clear: both;
}

.f_small {
	font-size: 85%;
}

/* フッター */
#footer {
	margin: 0px;
}

#footer #footer_menu {
	text-align: right;
	height: 16px;
	padding-top: 20px;
	padding-right: 5px;
	color: #333333;
	font-size: 85%;
	background-image: url(../../image/image_common/line_foot.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer #footer_menu a:link {
	color: #333333;
	text-decoration: none;
}
#footer #footer_menu a:visited {
	color: #333333;
	text-decoration: none;
}
#footer #footer_menu a:hover {
	color: #f41f74;
	text-decoration: underline;
}
#footer #footer_menu a:active {
	color: #f41f74;
	text-decoration: underline;
}
#footer #address h3 {
	float: left;
}
#footer #address p {
	float: right;
	padding-right: 70px;
	padding-top: 5px;
}
#footer .copy{
	clear: both;
	font-size: 80%;
}
/* サイドバー */
#sidebar {
	float: right;
	width: 250px;
	padding-bottom: 16px;
}
#sidebar h5 {
	margin: 0px;
}
#sidebar .style  {
	margin-bottom: 10px;
}
#sidebar .style ul {
	height: 270px;
	margin: 0px;
	padding: 0px;
}
#sidebar .style li {
	margin: 0px;
	padding: 0px;
	height: 37px;
}
#sidebar .special  {
	margin-bottom: 15px;
}
#sidebar .special ul {
	height: 194px;
}
#sidebar .special li {
	margin: 0px;
	padding: 0px;
	height: 37px;
}
#sidebar .data  {
	margin-bottom: 10px;
}
#sidebar .data ul {
	height: 232px;
}
#sidebar .data li {
	margin: 0px;
	padding: 0px;
	height: 37px;
}
#sidebar .info  {
	margin-bottom: 10px;
}
#sidebar .info ul {
}
#sidebar .info li {
	margin-top: 15px;
}
#sidebar .info .facebook {
	background-color: #E3D5BF;
	background-image: url(../../image/image_common/fb_logo_small.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 22px;
}

/* トップページの定義
----------------------------------------------------------- */
#home_main {
	width: 680px;
}
#home_main .home_main_inner {
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#home_main .home_main_inner h2 {
	padding-top: 11px;
	font-weight: bold;
	color: #470100;
}
#home_main #news {
	height: 256px;
	background-image: url(../../image/image_top/news_bk.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #630;
}
#home_main #news ul {
	padding-top: 30px;
}
#home_main #news li {
	background-image: url(../../image/image_common/icon_pink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 90%;
	margin-bottom: 15px;
}
#home_main #news .most {
	background-image: url(../../image/image_common/icon_pink.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 20px;
	font-size: 85%;
	margin-right: 230px;
	padding-right: 15px;
	text-align: right;
}
#home_main #closeup {
	margin-top: 16px;
	color: #630;
}
#home_main #closeup .closeup_model {
	margin-top: 20px;
	background-image: url(../../image/image_top/closeup_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 176px;
	width: 679px;
}
#home_main #closeup .closeup_b1 {
	float: left;
	padding-top: 40px;
	padding-left: 20px;
	width: 200px;
}
#home_main #closeup .closeup_b1 p {
	padding-top: 10px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#home_main #closeup .closeup_b2 {
	float: left;
	padding-top: 50px;
}
#home_main #closeup .closeup_b2 img {
	border: 1px solid #FFF;
}
#home_main #closeup .closeup_b2 li {
	float: left;
	padding-right: 20px;
	height: 88px;
}
#home_main #closeup .closeup_b2 .most {
	clear:both;
	background-image: url(../../image/image_top/icon_brown.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 85%;
	margin-right: 10px;
	padding-right: 15px;
	text-align: right;
}


/* 共通コンテンツページの定義
----------------------------------------------------------- */
#page_main {
	width: 680px;
	line-height: 1.4em;
}
#page_main h3 {
	margin-top: 5px;
	margin-bottom: 20px;
}
#page_main dt {
	font-weight: bold;
	color: #630;
	margin-top: 15px;
}

/* サイトマップの定義
----------------------------------------------------------- */
#sitemap {

}
#sitemap .sitemap_left {
	float: left;
}
#sitemap .sitemap_right {
	float: right;
}
#sitemap dl {
	width: 300px;
}
#sitemap dt {
	padding-left: 20px;
	background-image: url(../../image/image_sitemap/icon_box.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#sitemap dd {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#sitemap p {
	padding-left: 20px;
	background-image: url(../../image/image_sitemap/icon_box.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}

/* プライバシーポリシーの定義
----------------------------------------------------------- */
#privacy {

}
#privacy dt {
	margin-top: 30px;
}


/* 住まいへのご提案の定義
----------------------------------------------------------- */
#sumai {

}
#sumai .sumai_box{
	clear: both;
	margin-top: 30px;
	height: 200px;
}
#sumai .sumai_box h4 {
	margin: 0px;
}
#sumai .sumai_box .sumai_left{
	float: left;
	width: 220px;
}
#sumai .sumai_box .sumai_right{
	float: left;
	width: 400px;
}
#sumai .sumai_box .sumai_right p {
	margin-top: 30px;
}
#sumai .sumai_box2 {
	margin-top: 20px;
}
#sumai .sumai_box2 h4 {
	margin-bottom: 10px;
}
#sumai .sumai_box2 p {
	margin-top: 10px;
	margin-bottom: 20px;
}
#sumai .sumai_box2 dt{
	background-image: url(../../image/image_sumai/sumai_point.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-top: 5px;
}
#sumai .sumai_box2 dd{
	padding-left: 20px;
}
#sumai .sumai_box2 .sumai_point {
	margin-top: 20px;
	padding-left: 210px;
	padding-top: 15px;
	padding-right: 10px;
	background-image: url(../../image/image_sumai/sumai_denka5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 85%;
	height: 165px;
}
#sumai .sumai_box3 {
	margin-top: 20px;
}
#sumai .sumai_box3 h4 {
	margin-bottom: 10px;
}
#sumai .sumai_box3 .coat{
	background-image: url(../../image/image_sumai/sumai_coat3.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 110px;
}
#sumai .sumai_box3 .coat h5{
	font-size: 120%;
	margin-top: 25px;
}
#sumai .sumai_box3 dt{
	margin-top: 0px;
	margin-bottom: 5px;
}
#sumai .sumai_box3 dd {
	margin-bottom: 10px;
}
#sumai .sumai_next {
	text-align: right;
}
#sumai .sumai_box3 .icas{
	background-image: url(../../image/image_sumai/sumai_icas7.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 296px;
	padding-right: 285px;
}

/* ちょっとプラスのご提案の定義
----------------------------------------------------------- */
#teian {

}
#teian  h4 {
	margin-bottom: 15px;
}
#teian  .teian_right {
	float: right;
	width: 320px;
	font-size: 120%;
	line-height: 1.8em;
	background-image: url(../../image/image_teian/teian_bk.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height:220px;
	height: auto !important;
	height: 220px;
}
#teian  .teian_left {
	float: left;
	width: 350px;
	background-color: #EEE;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
#teian  .teian_left p {
	text-align: center;
}

/* 家づくりコラムの定義
----------------------------------------------------------- */
#column {

}
#column  h4 {
	margin-bottom: 15px;
}
#column  .column_box {
	font-size: 110%;
	line-height: 1.8em;
	background-color: #EEE;
	padding: 15px;
}
#column  .column_box .column_small {
	font-size: 80%;
	line-height: 1.6em;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #630;
}
#column  .column_box .column_img {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

/* 構造・保証の定義
----------------------------------------------------------- */
#kozo {

}
#kozo p {
	margin-top: 10px;
}
#kozo .kozo_zai {
	background-image: url(../../image/image_kozo/kozo_4.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 160px;
}
#kozo .kozo_kashi {
	margin: 0px;
	padding: 8px;
	background-color: #F1E4D8;
}

/* イネスホームの特徴の定義
----------------------------------------------------------- */
#tokucho {

}
#tokucho .tokucho_head {
	margin-top: 10px;
	background-image: url(../../image/image_tokucho/hana.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#tokucho .tokucho_chokuei {
	background-image: url(../../image/image_tokucho/precut.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 160px;
}
#tokucho .tokucho_house {
	background-image: url(../../image/image_tokucho/tokucho_7.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 160px;
	height: 95px;
}
#tokucho .tokucho_icas {
	background-image: url(../../image/image_tokucho/tokucho_9.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 160px;
}

/* 家づくりのプロセスの定義
----------------------------------------------------------- */
#process {
	width: 571px;
	background-color: #F3E9DE;
	position: relative;
	padding-top: 24px;
	padding-right: 54px;
	padding-bottom: 24px;
	padding-left: 60px;
}
#process .process_box {
	margin-bottom: 12px;
	width: 571px;
}
#process .process_box .step {
	border-right: 3px solid #805E4D;
	border-left: 4px solid #805E4D;
	background: #FFFFFF;
	padding-right: 16px;
	padding-left: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#process .process_box h4 {
	margin-bottom: 8px;
}
#process .process_box p {
	margin-left: 24px;
	margin-bottom: 0px;
	padding-bottom: 6px;
	margin-right: 24px;
}

/* お役立ちリンクの定義
----------------------------------------------------------- */
#link {

}
#link dt {
	padding-left: 20px;
	background-image: url(../../image/image_sitemap/icon_box.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#link dd {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* 会社案内の定義
----------------------------------------------------------- */
#company {

}
#company h4 {
	margin: 0px;
}
#company p {
	text-align: center;
}
#company .company_box {
	height: 280px;
}
#company .company_box .company_left{
	float: left;
	width: 280px;
	background-color: #F3E9DE;
	text-align: center;
	color: #630;
}
#company .company_box .company_right{
	float: left;
	width: 370px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 15px;
	line-height: 1.6em;
}
#company .company_box2 {
	clear: both;
	margin-bottom: 20px;
}
#company .company_box2 p {
	text-align: left;
}
#company .company_box2 td {
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}
#company .company_box2 .bkbrown {
	background-color: #F3E9DE;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}
#company .company_box3 {
	margin-bottom: 20px;
	text-align: center;
}

/* スタッフ紹介の定義
----------------------------------------------------------- */
#staff {

}
#staff h4 {
	margin-bottom: 10px;
}
#staff .staff_box {
	height: 290px;
	clear: both;
	margin-bottom: 20px;
}
#staff .staff_box .staff_leftg{
	float: left;
	width: 310px;
	background-color: #E6E6E6;
	padding: 10px;
	margin-right: 10px;
	font-size: 90%;
}
#staff .staff_box .staff_leftp{
	float: left;
	width: 310px;
	background-color: #F3E9DE;
	padding: 10px;
	margin-right: 10px;
	font-size: 90%;
}
#staff .staff_box .staff_rightg{
	float: right;
	width: 310px;
	background-color: #E6E6E6;
	padding: 10px;
	font-size: 90%;
}
#staff .staff_box .staff_rightp{
	float: right;
	width: 310px;
	background-color: #F3E9DE;
	padding: 10px;
	font-size: 90%;
}
#staff .staff_box .staff_rightb{
	float: right;
	width: 310px;
}
#staff .staff_box p {
	padding-top: 10px;
}

#staff .staff_box2 {
	height: 180px;
	clear: both;
	margin-bottom: 20px;
}
#staff .staff_box2 .staff2_leftg{
	float: left;
	width: 310px;
	background-color: #E6E6E6;
	padding: 10px;
	margin-right: 10px;
	font-size: 90%;
	position: relative;
}
#staff .staff_box2 .staff2_rightg{
	float: right;
	width: 310px;
	background-color: #E6E6E6;
	padding: 10px;
	font-size: 90%;
	position: relative;
}
#staff .staff_box2 .like {
	position: absolute;
	left: 190px;
	top: 80px;
}
#staff .staff_box2 .like2 {
	position: absolute;
	left: 15px;
	top: 80px;
}
#staff .staff_next {
	text-align: center;
}

/* モデルハウスの定義
----------------------------------------------------------- */
#model {

}
#model h4 {
	margin-bottom: 20px;
}
#model .model_boxp {
	height: 150px;
	margin-bottom: 20px;
	background-color: #DBC8C8;
	padding: 10px;
	position: relative;
}
#model .model_kokai {
	position: absolute;
	left: 600px;
	top: 10px;
}
#model .model_bosyu {
	position: absolute;
	left: 520px;
	top: 10px;
}
#model .model_name {
	position: absolute;
	left: 240px;
	top: 115px;
}
#model .model_name2 {
	position: absolute;
	left: 216px;
	top: 115px;
}
#model .model_boxg {
	height: 150px;
	margin-bottom: 20px;
	background-color: #E1E1E1;
	padding: 10px;
	clear: both;
	position: relative;
}

/* リフォームの定義
----------------------------------------------------------- */
#reform {

}
#reform h4 {
	margin-bottom: 20px;
}
#reform p {
	margin-bottom: 20px;
}

/* 作品集の定義
----------------------------------------------------------- */
#works {

}
#works h4 {
	margin-bottom: 20px;
}
#works .works_boxp {
	height: 150px;
	margin-bottom: 20px;
	background-color: #F3E9DE;
	padding: 10px;
	position: relative;
}
#works .works_name {
	position: absolute;
	left: 270px;
	top: 120px;
}
#works .works_boxg {
	height: 150px;
	margin-bottom: 20px;
	background-color: #E1E1E1;
	padding: 10px;
	position: relative;
}


/* お問い合わせの定義
----------------------------------------------------------- */
#post {
	width: 670px;

}
#post .post_h {
	font-weight: bold;
	color: #630;
}
#post .w150 {
	width: 140px;
	font-weight: bold;
	color: #630;
}
#post .post_send {
	text-align: center;
	clear: both;
	padding-top: 20px;
}
#post .rowElem {
	padding-top: 15px;
}
#post .postbox {
	margin-top: 40px;
}
#post .postbox td {
	padding-top: 15px;
}

/* タグの定義
----------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img { 
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	line-height: 1em;
}
div, p {
	text-align: left;
}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 16px;
}
img {
	border: 0px;
}
ul,ol {
	list-style: none;
}
a:link {
	color: #630;
	text-decoration: none;
}
a:visited {
	color: #630;
	text-decoration: none;
}
a:hover {
	color: #f41f74;
	text-decoration: none;
}
a:active {
	color: #f41f74;
	text-decoration: none;
}

/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	min-height:1px;
}

*html .clearfix {
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}