@charset "utf-8";


#flash-area {
	margin:0 auto;
	width: 1000px;
	height: 400px;
	}
	
#main_pic{
	margin:0 auto;
	padding:0;
	width: 1000px;
	height: 400px;
}


/*
		Reset
-------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	background: transparent;
	vertical-align: baseline;
	}

html {
	height: 100%;
	overflow-y: scroll;
	background-color: #fff;
	}

body {
	line-height: 1;
	height: 100%;
	font-size: 13px;
	font-family:"メイリオ", "Meiryo UI", Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3";
	color: #3d3d3b;
	}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	}

a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
	color: #00AFD2;
	}

a:link { text-decoration: none; }
a:hover { color: orange; }
a:focus { outline: 0; }

em {
	font-weight: bold;
	}

strong {
	font-weight: bold;
	font-size: 12px;
	}

img {
	vertical-align: top;
	color: #475822;
	}

br {
	letter-spacing: 0;
	}

hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px;
	}

object {outline: none;}

/* テーブル系 */

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	}

caption, th, td {
	text-align: left;
	vertical-align: top;
	}


/* リスト系 */

ol, ul {
	list-style-type: none;
	list-style-position: outside;
	}

ol {
	list-style-type: decimal;
	}

ol li {
	zoom: normal;
	}


/* 文章系 */

th, td, caption,
p, li, dt, dd {
	line-height: 1.8;
	letter-spacing: 0.05em;
	}

p {
	margin-bottom: 1em;
	}

.bold {
	font-weight: bold;
}
/* ボタン系 */

input[type="text"], input[type="password"], textarea, select {
	border-width: 1px;
	border-style: solid;
	border-color: #6E5D53;
	font-size: 12px;
	color: #333;
	background-color: #fff;
	}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border-width: 1px;
	border-style: solid;
	border-color: #666;
	color: #333;
	background-color: #fff;
	}

button, input[type="button"], input[type="submit"], input[type="reset"] {
	padding: 3px 0.7em 1px;
	margin: 0;
	}

form label, button, input[type="button"], input[type="submit"], input[type="reset"], select {
	cursor: hand;
	cursor: pointer;
	}

input[disabled][readonly] {
	background-color: #CCC;
	}

optgroup {}


/* 物件情報部分 */
.property {
	height:180px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCC;
}

.sale{
	margin:6px auto;
}

.property-title {margin-bottom:2px;font-weight:bold;}
.icons {float:right;width:120px;text-align:right;}
.more-info {text-align:right;padding-bottom:10px;}
.t-f-left {
    width:150px;
    float:left;
}

.t-f-left img {
    margin:5px auto;
    /* border:1px solid #CCC; */
}

.t-f-right {
    width:510px;
    float:left;
}
.info {padding-bottom:20px;}
.info ul {margin:0;padding:0;list-style:none;}

/* 物件情報詳細ページ */
.shousai {padding-bottom:20px;}
h2.Btitle {
    padding-left:24px;
    float:left;
    width:350px;
    font-size:16px;
    color:#532A34;
    background:url(../img/leaf.gif) no-repeat left center;
}
h3 img {margin:6px 0;}
dl.gaiyou {margin:0;padding:0;border-top:1px dotted #666;}
dl.gaiyou dt {width:120px;padding:6px 0;}
dl.gaiyou dd {padding:6px 0 6px 120px;margin:-26px 0 0 0;border-bottom:1px dotted #666;}
.f-left {
    width:225px;
    float:left;
}
.f-right {
    width:225px;
    float:right;
}
.waku {
    padding:10px;
    border:1px solid #CCC;
}
.waku ul {margin:0;padding:0;list-style:none;}
.waku li {margin:0;padding:2px 4px;list-style:none;}
.sq {color:#678DAC;margin-right:2px;}

/* new clearfix */

.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*
        Basic Element
--------------------------------------*/

.layout {
	width: 1000px;
	margin: auto;
	}

#header {
	}

#wrapper {
	border-top: 7px solid #000;
	background: url('../images/wrapper-bg.png');
	width: 100%;
    	margin:0px auto;
    	position:relative;
    	height: 100%;
    	min-height: 100%;
}

body > #wrapper {
        height: auto;
}	
	
#wrapper_sub {
	background: url('../images/wrapper-bg.png');
	width: 100%;
    	margin:0px auto;
    	position:relative;
	}

#wrapper_fit {
	background: url('../images/wrapper-bg.png');
	width: 100%;
    	margin:0px auto;
    	position:relative;
    	height: 100%;
    	min-height: 100%;
	}

#wrapper_money {
	background: url('../images/wrapper-bg.png');
	width: 100%;
    	margin:0px auto;
	}

#container {
	width:1000px;
	margin:0 auto;
	padding:16px 0 30px 0;
	}

#contents {
	float: left;
	width: 698px;
	}

#aside {
	margin-left: 716px;
	}



/*
        Common Element
--------------------------------------*/

/* header */

#header #logo .layout {
	height: 86px;/*
	background: url('../images/contact.png') right 5px no-repeat;*/
	}

#header #logo .layout p {
	margin-bottom: 1px;
	}

#header .nav {
	height: 40px;
	background: url('../images/nav-bg.png') repeat-x;
	}

#header .nav .layout {
	height: 40px;
	border-left: 1px solid #000;
	}

#header .nav li {
	float: left;
	width: 141px;
	height: 40px;
	border-right: 1px solid #000;
	}

#header .nav li a {
	display: block;
	width: 141px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 0 1px #fff;
	}

#header .nav li a:hover, #header .nav_sub li a:hover {
	background-color: #fff;
	color: #00AFD2;
	text-shadow: 0 0 1px #fff;
	}

/* content */

#contents .section {
	margin-bottom: 16px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #C3C3C3;
	}
h1 {
	margin: 5px 0px;
	font-size: 12px;
}

h2 {
	margin:15px;
	line-height:24px;
	border-bottom:3px solid #000;
	font-weight: bold;
	font-size: 16px;
	-webkit-text-size-adjust:100%;/*iphoneでサイズ調整解除*/
	}

.en_h2 {
	font-size:12px;
	color:#999;
	padding-left: 10px;
	font-weight: normal;
	-webkit-text-size-adjust:100%;/*iphoneでサイズ調整解除*/
}

.money_pic {
	margin-left: 15px;
	margin-bottom: 15px;
}

.money_sub {
	margin: 35px;
}

.money_sub li {
	margin: 10px;
}


.h3_money {
	margin: 10px;
	line-height: 1.5em;
	border-bottom: 1px dotted #000;
	font-weight: bold;
	font-size: 14px;	
	}

.h3_onestop {
	margin: 25px 15px 35px 15px;
	line-height: 1.5em;
	border-bottom: 2px solid #000;
	font-weight: bold;
	font-size: 16px;	
	}


.concept {
	margin: 15px;
	line-height: 1.5em;
	border-bottom: 1px dotted #f5863d;
	color: #f5863d;
	font-weight: bold;
	font-size: 16px;
	
}

.property-list {
	margin: 15px;
	line-height: 1.5em;
	border-bottom: 1px dotted #CC0033;
	color: #CC0033;
	font-weight: bold;
	font-size: 16px;
	
}

.concept_bg {
	font-size: 16px;
	height: 484px;
	text-shadow: 2px 2px 3px #000; 
	color: #ffffff;
	margin: 30px auto;
	padding-top: 3px;
	width: 656px;
	background-image: url("../images/concept_bg.jpg");
}

.concept_bg p {
	font-weight: bold;
}

.renovation_list {
	margin: 15px;
	line-height: 1.5em;
	border-bottom: 1px solid #098203;
	color: #098203;
        font-weight: bold;
	font-size: 16px;
	
}

.h3_merit {
	text-align: center;
	line-height: 1.5em;
	color: #098203;
	font-weight: bold;
	font-size: 16px;
	margin-top: 55px;
	
}

.merit {
	background: url('../images/check.png') no-repeat;
	padding: 5px 35px;
	margin: 35px 15px 15px 15px;
	line-height: 1.5em;
	border-bottom: 1px solid #098203;
	color: #098203;
	font-weight: bold;
	font-size: 16px;
	
}

.merit_list {
	margin: 35px;
	line-height: 1.5em;
	list-style-type: disc;
}

.demerit {
	background: url('../images/demerit.png') no-repeat;
	padding: 5px 35px;
	margin: 15px;
	line-height: 1.5em;
	border-bottom: 1px solid #ed0048;
	color: #ed0048;
	font-weight: bold;
	font-size: 16px;
	
}

.demerit_list {
	margin: 35px;
	line-height: 1.5em;
	list-style-type: disc;
}

.demerit_list_last {
	margin: 35px 35px 35px 35px;
	line-height: 1.5em;
	list-style-type: disc;
}

.point {	
	margin: 25px 50px 50px 50px;
}

.point2 {	
	margin: 25px 50px 20px 53px;
}

#go-to-top {
	text-align: right;
	padding-bottom:10px;
	clear:both;
	display:block;
	width:680px;
	height:20px;
	}

.lv1 {

    margin: 0px 25px 25px 40px;

    padding: 0px 0px 0px 10px;

    line-height: 130%;

}

/* aside */

#aside {
	position: relative;
 	width: 278px;
  	top: 0;
  	left: 0;
}

#aside #side-menu {
	padding: 5px;
	border: 1px solid #D3D3D3;
	background-color: #fff;
	}

#aside h3 {
	line-height: 2em;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-weight: bold;
		text-shadow: 0 0 1px #fff;
	}

#aside .nav {
	}

#aside .nav li {
	margin-top: 5px;
	border: 1px solid #D3D3D3;
	border-left: 3px solid #000;
	}

#aside .nav li a {
	display: block;
	padding-left: 80px;
	line-height: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 16px 0;
	color: #000;
	font-size: 18px;
	text-decoration: none;
		text-shadow: 0 0 1px #fff;
	}

#aside .nav li a:hover {
	color: #00AFD2;
	background-color: #F7F7F7;
	}

	#nav-01 a { background-image: url('../images/menu-01.png'); }
	#nav-02 a { background-image: url('../images/menu-02.png'); }
	#nav-03 a { background-image: url('../images/menu-03.png'); }
	#nav-04 a { background-image: url('../images/menu-04.png'); }
	#nav-05 a { background-image: url('../images/menu-05.png'); }
	#nav-06 a { background-image: url('../images/menu-06.png'); }
	#nav-07 a { background-image: url('../images/menu-07.png'); }

#aside .nav li a span {
	padding-left: 22px;
	background: url('../images/icon-arrow-off.gif') 0 3px no-repeat;
	}

#aside .nav li a:hover span {
	background-image: url('../images/icon-arrow-on.gif');
	}

#aside #others {
	margin-top: 15px;
	text-align: center;
	}

#aside #others li {
	margin-bottom: 10px;
	}


#footer {
	text-align: center;
	background-color: #000;
	color: #fff;
	position:absolute;
    	bottom:0px;
    	height:30px;
    	width:100%;
	}
	
#footer_sub {
	text-align: center;
	background-color: #000;
	color: #fff;
	height: 30px;
	}
	
#footer_fit {
	text-align: center;
	background-color: #000;
	color: #fff;
	position:absolute;
    	bottom:0px;
    	height:30px;
    	width:100%;
	}
	
.section p, .section .nav li {
	margin:15px;
}

.before_after img {
	margin: 15px auto 35px auto;
	width: 655px;
	border-bottom: 1px dotted #000;
}

.before_after_last img {
	margin: 15px auto 35px auto;
	width: 655px;
}

.section dl {
	margin:15px;
	margin-bottom: 30px;
}

.section dt {
	font-weight: bold;
	color: #fe5858;
	border-bottom: 1px dotted #000;
	margin: 5px 0;
}

.section dt.one_stop {
	font-weight: bold;
	color: #04b0ef;
	border-bottom: 1px dotted #000;
	margin: 5px 0;
}

.answer {
	font-weight: bold;
	margin: 5px 0;
	color: #f3286a;
}

.answer_large {
	font-size:15px;
	font-weight: bold;
	margin: 5px 0;
	color: #f3286a;
}

.h3_answer {
	font-weight: bold;
	font-size: 18px;
	margin: 15px;
	color: #f3286a;
}
.through {
	text-decoration:line-through;
	
}

.section dd {
	font-size: 90%;
}

.main_money{
padding:15px 10px 20px 20px;
margin:0 0 25px 0;
border:0;
background:none;
}

.last{border-bottom:none;}

.main h3{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#157dd6;
}

.main p{
/*margin-left: 240px;*/
padding:0 10px 0 10px;
}

/*.main img{
float: left;
width: 231px;
} */

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

/* 事例写真一覧 */

ul#works_list {
    margin-bottom: 20px;
    margin-left: 0;
	padding-left:15px;
}

ul#works_list img {
    margin-bottom: 10px;
    border: 1px solid #999;
}

ul#works_list li.wksblk{
    float: left;
    width: 180px;
    font-size: 80%;
    margin: 15px 19px;
    line-height: 2.0;
}

li.wpic{
	width:180px;
	height:107px;
	margin-bottom:15px;
	}
li.wtitle1{
	font-weight:bold;
	line-height:1.5;
	list-style:none;
	font-size:12px;
	}
li.wtitle2{
	font-weight:bold;
	line-height:2;
	list-style:none;
	padding-left:13px;
	font-size:12px;
	}
li.wplace,li.warea{
	line-height:2;
	list-style:none;
	padding-left:13px;
	font-size:10px;
	}
.works_contents {
    margin: 25px;
}

/*

        index.html
--------------------------------------*/
ul#index-table{
	padding:10px;
	}
#index-table li.title{
	float:left;
	margin:0 0 5px 5px;
	}
#index-table li.title a{
	display:block;
    width:287px;
    height:105px;
    text-indent:-9999px;
    overflow:hidden;
	}
a.search{
	background:url(../images/choice-1.png) no-repeat;
	}
a.withprop{
	background:url(../images/choice-2.png) no-repeat;
	}
a.cmplt{
	background:url(../images/choice-3.png) no-repeat;
	}
#index-table li.dscr{
	float:right;
	display:block;
	width:350px;
    height:105px;
	margin-bottom:5px;
	}
#index-table li.dscr p{
	padding:0;
	margin:0;
	font-size:13px;
	line-height:20px;
	}
#index-table li.price{
	clear:both;
	}
#rss p{
	padding:0 0 0 15px;
	margin:5px 0 0 0;
	}
#rss p a{
	font:"メイリオ", "Meiryo UI", Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	font-weight:bold;
	color:#000;
	}
#feed {
	overflow-y: auto;
	height: 117px;
	margin-top:-5px;
	}
#information{
	height:45px;
	margin-top:-5px;
	}
#information li {
	margin: 2px 15px;
	line-height: 1.5em;
	}
#feed li {
	margin: 2px 15px;
	line-height: 2.0em;
	border-bottom: 1px solid #A9A9A9;
	}
#information .pubdate {
	font-weight: bold;
	}
/*
#index-table th,
#index-table td {
	padding: 10px 10px 0;
	}
*/
/*
        company.html
--------------------------------------*/
#company{
margin-top:20px;
margin-left:20px;
width:630px;
}

#company th{
padding:10px;
font-weight:normal;
width:120px;
border-bottom:1px dotted #bdbdbd;
}

#company td{
padding:10px;
border-bottom:1px dotted #bdbdbd;
}
                                   
#company_last{
margin-left:20px;
width:630px;
}

#company_last th{
padding:10px;
font-weight:normal;
width:120px;
}

#company_last td{
padding:10px;
}

.company_info{
margin-top:20px;
margin-bottom:30px;
width:617px;
}

.company_info th{
font-weight:normal;
width:100px;
}

.company_info td{
padding:10px;
}

#redir1,#redir2,#redir3,#redir4{
width:800px;
height:80px;
display:block;
position:fixed;
margin-left:-400px;
z-index:999;
}
#redir1{
left:50%;
top:50%;
margin-top:-160px;
}
#redir1 a{
width:800px;
height:80px;
display:block;
background:url(../images/redir1.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#redir2{
left:50%;
top:50%;
margin-top:-80px;
}
#redir2 a{
width:800px;
height:80px;
display:block;
background:url(../images/redir2.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#redir3{
left:50%;
top:50%;
margin-top:0;
}
#redir3 a{
width:800px;
height:80px;
display:block;
background:url(../images/redir3.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#redir4{
left:50%;
top:50%;
margin-top:80px;
}
#redir4 a{
width:800px;
height:80px;
display:block;
background:url(../images/redir4.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}