@charset "utf-8";

/* -------------------------------------------------------
	[info]
	name : style.css
	desc : CSS
	
	01. article---articlelist,ohyama etc.
	02. inquiry---inquiry.html, etc.
	03. company---company.html
	04. Q&A---q_a
	05. sitemap---sitemap.html
	06. What is Manbiya---whats
        07. muryousoudan_form
-------------------------------------------------------- */


/*--------------------------------------------------
	01. article
--------------------------------------------------*/

/* rightContents
-------------------------------------------------*/
#rightContents {
	float:right;
	width:515px;
	margin-bottom:5px;
	padding:0;
}

/*物件一覧*/
#rightContents #articleList #project {
	width:515px;
	margin:0;
	padding:0;
	border-bottom:#339999 solid 1px;
}
#rightContents #articleList .vis {
	float:left;
	width: 100px;
	margin:15px 15px 15px 0;
}
#rightContents #articleList .vis a:link img,
#rightContents #articleList .vis a:visited img,
#rightContents #articleList  .vis a:active img {
	border: 1px solid #f0e7e5;
}
#rightContents #articleList .vis a:hover img{
	border: 1px solid #e5d673;
}
#rightContents #articleList .detail{
	float: right;
	width: 400px;
	margin:15px 0;
	font-size:1.1em;
	line-height: 1.5em;
}
#rightContents #articleList .detail h3{
	width:400px;
	height:20px;
	background:url(../articlelist/images/title_sub_bg.gif);
	margin-bottom:15px;
}
#rightContents #articleList .detail h3 a{
	display:block;
	font-weight: bold;
	font-size:1.2em;
	line-height: 1.8em;
	color: #339999;
	padding-left:5px;
	text-decoration:none;
}
#rightContents #articleList .detail p{
	float:left;
	width: 200px;
}
#rightContents #articleList .detail dl{
	float:right;
	width: 180px;
	margin-left:20px;
}
#rightContents #articleList .detail dt{
	float:left;
	width: 50px;
	text-align:center;
	color:#FFFFFF;
	background-color:#339999;
	margin: 0 10px 2px 0;
}
#rightContents #articleList .detail dd{
	float:right;
	width: 120px;
	margin: 0 0 2px 0;
}

/*物件詳細*/
#rightContents #articleInfo h2 {
	margin-bottom:10px
}
#rightContents #articleInfo h1 {
	margin-bottom:10px
}
#rightContents #articleInfo h3 {
	width:510px;
	height:20px;
	background:url(../images/border_green.gif);
	margin-bottom:10px;
	font-weight: bold;
	font-size:1.2em;
	line-height: 1.8em;
	color: #339999;
	padding-left:5px;
}
*html #rightContents #articleInfo h3 {
	width:515px;
}
#rightContents #articleInfo #change_image{
	width:515px;
	margin-bottom:20px;
}
#rightContents #articleInfo #change_image #view{
	float:left;
	width:300px;
}
#rightContents #articleInfo #change_image #thumbs{
	width:215px;	
	float:right;
}
#rightContents #articleInfo #change_image #thumbs ul{
	list-style:none;
}
#rightContents #articleInfo #change_image #thumbs li{
	float:left;
	margin:0 0 10px 10px;
}
#rightContents #articleInfo #change_image #thumbs p{
	float:right;
}
#rightContents #articleInfo #change_image #thumbs p,
#rightContents #articleInfo #change_image #thumbs p a{
	color:#666;
}
#rightContents #articleInfo p.comment {
	font-size:1.3em;
	line-height: 2.0em;
	margin-bottom:15px;
}
#rightContents #articleInfo p.ohyama {
	background:url(../articlelist/images/shimizu01.gif) no-repeat 390px bottom;/*清水くん画像*/
}
#rightContents #articleInfo p.saginomiya {
	background:url(../articlelist/images/shimizu02.gif) no-repeat 390px bottom;/*清水くん画像*/
}
#rightContents #articleInfo p.kitaikebukuro {
	background:url(../articlelist/images/shimizu03.gif) no-repeat 390px bottom;/*清水くん画像*/
}
#rightContents #articleInfo p.ohizumi01 {
	background:url(../articlelist/images/shimizu04.gif) no-repeat 390px bottom;/*清水くん画像*/
}
#rightContents #articleInfo p.ohizumi02 {
	background:url(../articlelist/images/shimizu05.gif) no-repeat 390px bottom;/*清水くん画像*/
}
#rightContents #articleInfo p.info_room {
	font-size:1.3em;
	line-height: 2.0em;
	margin-bottom:15px;
	color:#339999;
	margin-bottom:20px;
}
#rightContents #articleInfo #access p.left,
#rightContents #articleInfo #info p.left {
	width:250px;
	float:left;
	font-size:1.3em;
	line-height: 1.5em;
	margin:0 15px 15px 0;
}
#rightContents #articleInfo #access #right,
#rightContents #articleInfo #info #right{
	width:248px;
	float:right;
	margin-bottom:15px;
	border:dashed #339999 1px;
}
#rightContents #articleInfo #access #right p,
#rightContents #articleInfo #info #right p{
	font-size:1.2em;
	line-height: 1.5em;
	padding:0 10px 10px 10px;
}
#rightContents #articleInfo #access #right h4,
#rightContents #articleInfo #info #right h4{
	color:#399;
	background:url(../articlelist/images/arrow.gif) no-repeat 10px 10px;
	font-size:1.3em;
	padding:10px 10px 5px 30px;
	font-weight:bold;
}
/*テーブル部分*/
#rightContents #articleInfo #price table{
	width:515px;
	font-size:1.3em;
	text-align:center;
	border-top:solid 1px #339999;
	border-left:solid 1px #339999;
	border-collapse:collapse;
}
#rightContents #articleInfo #price table td,
#rightContents #articleInfo #price table th {
	border-bottom:solid 1px #339999;
	border-right:solid 1px #339999;
	padding:5px;
}
#rightContents #articleInfo #price table th.main_th{
	border-bottom:solid 1px #339999;
	border-right:solid 1px #339999;
	padding:5px;
	background-color:#339999;
	color:#FFFFFF;
}
/*お申し込み*/
#inquiry{
	text-align:center;
	margin-top:30px;
}
#inquiry p{
	font-weight:bold;
	color:#440000;
	font-size:1.3em;
	margin-bottom:10px;
}

/* leftContents
-------------------------------------------------*/
#leftContents {
	float:left;
	margin-right:20px;
	width:165px;
}

#leftContents ul{
	list-style:none;
}
#leftContents ul li{
	margin-bottom:2px;
	float:none;
}



#page_contents {
width:800px;
padding;20px;
margin:20px 0;
}


/*--------------------------------------------------
	02. inquiry
--------------------------------------------------*/
#fullContents {
	width:800px;
}
#fullContents h2{
	width:800px;
	margin-bottom:15px;
}

#page_banner {
width:800px;
ma-gin:10px 0;
}

#fullContents p.normal{
	font-size:1.2em;
	line-height: 1.5em;
	padding-left:5px;
	margin-bottom:10px;
}
#fullContents p.normal02{
	font-size:1.2em;
	line-height: 1.8em;
	padding-left:5px;
	margin-bottom:15px;
}

#fullContents h3.green {
	width:760px;
	height:20px;
	background:url(../images/border_green.gif);
	margin-bottom:10px;
	font-weight: bold;
	font-size:1.2em;
	line-height: 1.8em;
	color: #339999;
	padding-left:25px;
}
*html #fullContents h3.green {
	width:780px;
        padding-left:20px;
}

#fullContents h3.orange {
	width:760px;
	height:20px;
	background:url(../images/border_orange.gif);
	margin-bottom:10px;
	font-weight: bold;
	font-size:1.2em;
	line-height: 1.8em;
	color: #8B0000;
	padding-left:25px;
}

*html #fullContents h3.orange {
	width:780px;
        padding-left:20px;
}


#fullContents h2.orange {
	width:760px;
	height:25px;
	background:url(../images/border_brown.gif);
	margin-bottom:10px;
	font-weight: bold;
	font-size:1.5em;
	line-height: 1.8em;
	color: #8B0000;
	padding-left:25px;
}


#fullContents #inquiry_tel {
	margin-bottom:20px
}
#fullContents #inquiry_tel p{
	padding-left:5px;
	letter-spacing:0.2em;
	font-weight: bold;
	color: #339999;
}
#fullContents #inquiry_tel .tel{
	font-size:1.8em;
}
#fullContents #inquiry_tel .tei_no{
	font-size:2.4em;
}
#fullContents #inquiry_form table{
	width:700px;
	font-size:1.2em;
	line-height: 2.0em;
	border:solid 1px #440000;
	border-collapse:collapse;
        margin-left:40px;
}
#fullContents #inquiry_form th{
	width:150px;
	border-bottom:solid 1px #440000;
	border-collapse:collapse;
	padding:10px;
	color:#440000;
	font-weight: bold;
	background-color:#FFF1F1;
}
*html #fullContents #inquiry_form th{
	width:130px;
}
#fullContents #inquiry_form th span.hissu{
	font-size:0.8em;
	padding:2px 3px;
	color:#FFFFFF;
	background:#FF7373;
}
#fullContents #inquiry_form td{
	border-bottom:solid 1px #440000;
	border-collapse:collapse;
	padding:10px 15px;
}

/*エレメント毎の指定*/
input#mfp_elmail {
	width: 240px;
	ime-mode: disabled;
}
input#mfp_elname {
	width: 200px;
	ime-mode: active;
}
input#mfp_eltel {
	width: 100px;
	ime-mode: disabled;
}
input#mfp_elage {
	width: 50px;
	ime-mode: disabled;
}
textarea#mfp_elfree {
	width: 98%;
	height: 150px;
	ime-mode: active;
}
/*確認画面用ボタン*/
.button {
  width: 165px;
  height: 30px;
  border: 0;
  background: url(../inquiry/images/btn_check.gif) no-repeat 0 0;
  cursor: pointer;
}
/*thanksページ*/
#fullContents #inquiry_thanks{
	margin:0 100px;
	border:#440000 1px solid;
	padding:30px 50px;
	text-align:center;
	color:#440000;
}
#fullContents #inquiry_thanks h4{
	font-size:1.6em;
	font-weight:bold;
}
#fullContents #inquiry_thanks p{
	font-size:1.2em;
	margin-top:10px;
	line-height: 1.5em;
}


/*--------------------------------------------------
	03. company
--------------------------------------------------*/
#fullContents #company p{

margin:20px 0 20px 30px;
font-size:1.2em;

}


#fullContents #company dl{
	font-size:1.2em;
	line-height: 1.8em;
	padding-left:5px;
	width:700px;
        margin-left:30px;
}
#fullContents #company dl dt{
	width:120px;
	float:left;
}
#fullContents #company dl dd{
	width:550px;
	margin-left:120px;
}


/*--------------------------------------------------
	04. Q&A---q_a
--------------------------------------------------*/
.demo-show {
	width: 760px;
	margin-left: 20px;
}
.demo-show div.q {
	margin-bottom:5px;
  	border: 1px solid #666666;
	min-height:43px;
	height: auto !important;
	height: 43px;
}
.demo-show div.q h3 {
	background:url(../q_a/images/q.gif) no-repeat left top;
	padding:13px 10px 13px 50px;
	font-size:1.3em;
	line-height: 1.5em;
}
.demo-show div.a {
	margin-bottom:10px;
	background:url(../images/border_yellow.gif);
	min-height:43px;
	height: auto !important;
	height: 43px;
}
.demo-show div.a p{
	background:url(../q_a/images/a.gif) no-repeat left top;
	padding:10px 10px 10px 50px;
	font-size:1.2em;
	line-height: 1.5em;
}


/*--------------------------------------------------
	05. sitemap---sitemap.html
--------------------------------------------------*/
#fullContents #sitemap{
	width:820px;
}
#fullContents #sitemap_left{
	width:250px;
	float:left;
        margin-left:10px;
	margin-right:20px;
}
#fullContents #sitemap_right{
	width:250px;
	float:left;
}
#fullContents #sitemap h3{
	margin-bottom:10px;
}

#fullContents #sitemap ul{
	color:#440000;
	font-weight:bold;
	font-size:1.2em;
	padding-left:10px;
	margin-bottom:15px;
}
#fullContents #sitemap ul li{
	list-style:inside url(../images/sitemap/arrow.gif);
	margin-bottom:5px;
}
#fullContents #sitemap ul li.in{
	list-style:inside url(../images/sitemap/arrow02.gif);
	margin-left:10px;
	margin-bottom:5px;
}
#fullContents #sitemap ul li a:link,
#fullContents #sitemap ul li a:visited {
	color:#440000;
	text-decoration: none;
	padding:2px;
}
#fullContents #sitemap ul li a:hover,
#fullContents #sitemap ul li a:active {
	color:#440000;
	background-color:#d9d0bf;
	padding:2px;
}


/*--------------------------------------------------
	06. What is Manbiya---whats
--------------------------------------------------*/
#fullContents #whats {
	width:800px;
}

#whats p {
margin:15px 35px;
font-size:1.2em;
line-height:2.5;
}

#whats img {
float:left;
margin:20px 20px 10px 30px;
}

#fullContents #whats object{
	width:425px;
	text-align:center;
	margin:20px 137px;
}

#seikou_jirei {
width:760px;
background:#FAFAD2;
margin:20px;
line-height:1.0;
padding-bottom:20px;
}


#seikou_jirei p {
margin:15px 35px;
font-size:14px;
line-height:2.0;
}

#seikou_jirei h3 {
color:#993300;
margin:20px 0 10px 10px;
font-size:13px;
}


#boutou {
height:100px;
line-height:1.5;
margin:20px;
}

#boutou img {
float:left;
margin-right:20px;
}


#yamazaki_comment {
width:700px;
background:#ffffff;
border:1px solid #ffa000;
margin:30px 30px 0 30px;}


/*--------------------------------------------------
	07. flow
--------------------------------------------------*/

#flow_page {
       height:50px;
       width:520px;
       background-image:url(../images/home/flow-banner.gif);
       background-repeat: no-repeat;
       padding:120px 20px 30px 260px;
       margin-bottom:30px;
}

#flow_page img {

float:left;
margin-left:5px;

}



/*--------------------------------------------------
	07. muryosoudan_form
--------------------------------------------------*/

#muryosoudan p{
color:#993300;
margin-bottom:5px;
font-size:13px;
margin-left:230px;

}

#muryosoudan a{
margin-left:230px;
}



#blog h2{
margin-top:15px;
margin-left:15px;
font-size:12px;
line-height:0.01;
}


#asset-body{
margin-top:30px;
margin-left:25px;
margin-bottom:80px;
font-size:12px;
}

   
#colum h2{
       font-weight:bold;
       color:#993300;
       width:500px;
       font-size:20px;
       padding-left:10px;
       margin-bottom:15px;
       margin-top:15px;
       
}



#colum_main{
       font-size:16px;
       color:#993300;
       padding-left:10px;
       width:700px;
       background:#FAFAD2;
       margin:20px;
       padding-top:10px;
       line-height:1.5;
       padding-bottom:20px;
}

#blog{
clear:both;
margin-top:20px;
padding-top:20px;
background:url("<mt:StaticWebPath>/plugins/SampleTemplateSet/images/line2.gif")top repeat-x;
}

#blog h3{
background:url(http://www.house-maker.com/images/latest.gif) no-repeat;
font-weight:bold;
margin-top:0;
margin-bottom:15px;
padding-left:20px;
font-size:24px;
}

#blog ul{
margin:0;
padding:0;
padding-left:10px;
}

#blog li{
list-style-image:url("<mt:StaticWebPath>/plugins/SampleTemplateSet/images/arrow.gif");
list-style-position:inside;
width:745px;
background:#FAFAD2;
padding-left:20px;
margin:0;
font-size:20px;
}


#colum_left {
	float:left;
	width:495px;
	margin-bottom:5px;
	margin-top:5px;
        padding-left:5px;
        margin-left:5px;
        font-size:13px;
        background-color:#F5F5F5;
}


#colum_left h3{
	padding-left:0px;
        margin-left:-8px;
}


#colum_left p{
	padding-left:10px;
        padding-right:10px;
        font-size:13px;
}

#colum_right{
       
	float:right;
	width:270px;
	margin-bottom:5px;
        margin-right:5px;
        margin-top:5px;
        background:#FAFAD2;
}

.blogs{
float:right;
width:270px;
margin-bottom:5px;
margin-top:5px;
border:3px solid #8B0000;
clear:both;
}

.blogs h3{
margin:5px 10px 5px 10px;

}

.blogs ul{
margin:0;
padding:0;
padding-left:10px;
}

.blogs li{
list-style-image:url("<mt:StaticWebPath>/plugins/SampleTemplateSet/images/arrow.gif");
list-style-position:inside;
width:260px;

padding-left:5px;
margin:0;
font-size:11px;
text-decoration:none;
line-height:2.0;
}


