@charset "utf-8";
/*
Theme Name: 東京リノベーション 2
Theme URI: http://www.t-renov.co.jp/
*/

/* -- 共通設定 -- */
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; 
    background:transparent; 
    border:0; 
    outline:0;
}
body {width:100%;height:100%;}
table{border-collapse:collapse;border-spacing:0;}
th,td{vertical-align:top;}
img{border:0;vertical-align:bottom;}
address,caption,cite,em,strong,th,dt{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
input{vertical-align:bottom;}
h1, h2, h3, h4, h5, h6{font-weight:bold;}

/* -- Font -- */
body {font-size:12px;line-height:1.8;-webkit-text-size-adjust:100%;}
dt,dd,li,th,td,p{font-size:12px;}
small{font-size:10px;}

/* -- HTML5 -- */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;padding:0;margin:0;}

/* -- リンク指定 -- */
a:link 		{color:#595959;text-decoration:none;}
a:visited 	{color:#595959;text-decoration:none;}
a:active 	{color:#EC6C00;}
a:hover 	{color:#EC6C00;text-decoration:none;}

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

.clear{clear:both}.fl{float:left;}.fr{float:right}.none{display:none}
.w120{width:120px;}.w140{width:140px;}.w200{width:200px;}.w250{width:250px;}.w280{width:280px;}.w300{width:300px;}
.w400{width:400px;}.w420{width:420px;}.w430{width:430px;}.w480{width:480px;}
.underline{border-bottom:1px solid #888;}.underdotted{border-bottom:1px dotted #888;}.topdotted{border-top:1px dotted #888;}
.nolineR{border-right: none !important;}.nolineB{border-bottom: none !important;}
.bt10{margin-bottom:10px;}.bt20{margin-bottom:20px;}.bt30{margin-bottom:30px;}.bt40{margin-bottom:40px;}.bt50{margin-bottom:50px;}
.btn a:hover,.banArea a:hover{opacity:0.5;filter:alpha (opacity=50);text-decoration:none;}

a img:hover{opacity:0.5;filter:alpha (opacity=50);}
.imgover:hover{opacity:1.0;filter:alpha (opacity=100);}

/**
 * 1.0 - Basic Structure
 * 2.0 - Header
 * 3.0 - Main
 * 4.0 - Navigation
 * 5.0 - Contents
 *   5.1 - Index(トップページ)
 *   5.2 - Concept(コンセプト)
 *   5.3 - Realestate(おすすめ中古住宅)
 *      5.3.1 - Realestate article (物件詳細)
 *   5.4 - Catalog(かしこくつくるマイホーム)
 *   	5.4.1 - Myhome(マイホーム購入をお考えの方へ) 
 *      5.4.2 - Epense(中古住宅にかかる費用)
 *   5.5 - Flow(中古住宅ご購入の流れ)
 *   5.6 - Works(施工事例)
 *   5.7 - Blog(ブログ)
 *      5.7.1 - .entry(ブログ・お知らせ共通)
 *      5.7.2 - .widget(ブログ・お知らせ共通) 
 *   5.8 - News(お知らせ)
 *   5.9 - Company(会社概要)
 *   5.10 - Privacy(個人情報保護方針)
 *   5.11 - Contact(お問い合わせ)
 *   5.12 - 404
 * 6.0 - Footer
 * 7.0 - Responsive
 * 8.0 - Print
 * --------------------------------------------
 */


/**
 * 1.0 - Basic Structure *
 * --------------------------------------------
 */
body{
	color:#595959;
	background:#fff;
	font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	position:relative;
}
#header,
#main,
#footer{
	text-align:center;
}
#main{
	margin-bottom:30px;
	padding-bottom: 300px;
}
.inner{
	position:relative;
	width:1039px;
	margin:0 auto;
	text-align:left;
}
#navigation{
	float:left;
	width:175px;
}
#contents{
	float:right;
	margin-top:9px;
	width:834px;
	background-color:#fff;
}


/**
 * 2.0 - Header *
 * --------------------------------------------
 */
#header{ padding:39px 0 24px;}
#header .logo{}
#header address{ position:absolute; right:0; top:12px;}
#header__nav{ position:absolute; right:250px; top:15px;}
#header__nav li{ margin-bottom:10px; line-height:1;}


/**
 * 3.0 - Main *
 * --------------------------------------------
 */
#main{}


/**
 * 4.0 - Navigation *
 * --------------------------------------------
 */
#navigation{}
#navigation > ul{ margin-bottom:28px;}
#navigation > ul > li{ margin-bottom:20px; line-height:30px;}
#navigation li#navigation--myhome{ margin-bottom:11px;}
#navigation > ul> li > ul > li{ margin:0 0 5px 30px;line-height:23px;}
#navigation a{}
#navigation a .icon{
	float:left;
	display:block;
	width:30px;
	height:30px;
	background:#221814;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius: 50%;-ms-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;}
#navigation a:hover .icon{
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	background:#EC6C00;
}
#navigation .realestate h3{
	position:relative;
	margin-bottom: 16px;
	padding-left: 7px;
	font-size: 11px;
	line-height: 21px;
	font-weight: bold;
	border-top: #ec6c00 solid 2px;
	border-bottom: #ec6c00 solid 2px;
}
#navigation .realestate h3:after{
	position:absolute;
	content: " ";
	width: 3px;
	height: 13px;
	top:4px;
	left: 0;
	background: #ec6c00;
}
#navigation .realestate h4{
	margin-bottom: 8px;
	padding-left: 30px;
	line-height: 21px;
	font-weight: normal;
	color:#fff;
	background:#898989 url(./img/nav__title--area.png) 0px -2px no-repeat;
	border-radius: 1px;
}
#navigation .realestate ul li a{
	display:block;
	line-height: 22px;
	border-bottom: #727171 dotted 1px;
	font-weight: bold;
}
#navigation .realestate ul{
	margin-bottom: 1em;
}
#navigation .realestate ul.children{
	margin-top: 5px;
}
#navigation .realestate ul.children li{
	position:relative;
	padding-left: 2em;
}
#navigation .realestate ul.children li a{
	display:block;
	border-bottom: none;
}
#navigation .realestate ul.children li a{
	font-weight: normal;
}
#navigation .realestate ul.children li:before{
	position:absolute;
	content: "└";
	top:0;
	left: 0;
}

#navigation #side--banner ul li{
	margin-bottom:20px;
}

/**
 * 5.0 - Contents *
 * --------------------------------------------
 */
#contents p{ margin-bottom:18px;}
.contents .blc_content{padding:30px 20px 10px 20px;}
.contents__inner{
	background:#fff;
}

.page__title{
	margin-bottom: 1em;
	padding: 0 0 0 28px;
	font-size:13px;
}

.title--img{ margin-bottom:14px; line-height:19px;}
.category-title{font-size:14px;margin-bottom:10px;}
.category-title span{font-size:12px;font-weight:normal;}
.sub-title,.entry__title{
	font-size:18px;padding: 3px 0;margin-bottom:1em;
	border-bottom:1px dotted #221814;
}
.entry__title a{font-size:18px;text-decoration:none;}
.blc_content h3{font-size:18px;margin-bottom:10px;}
.blc_content p{padding-bottom:1em;}

a.btn--realestate__list{ display:block; margin-left:600px; width:230px;}

.contents__contact{margin-top:30px;}
.contents__contact .btn__contact{ margin-right:14px;float:left;}
.contents__contact .btn__tel{float:right;}

#pagetop{
	position:fixed;
	margin-left:535px;
	left:50%;
	bottom:10px;
}


/*   5.1 - Index(トップページ)
------------------------------------------- */
#index{}
.bnr--myhome,
.bnr--expense{ float:left; margin-right:16px;}
#index .contents__contact{}

#news__list{
	float:right;
	margin-bottom:18px;
	padding-top:4px;
	width:408px;
	border-top:#898989 solid 1px;
}
#news__list h2{
	padding-left:4px;
	font-size:12px;
	font-weight:normal;
	line-height:13px;
	border-left:#898989 solid 2px;
}
#news__list__inner{
	margin-top:4px;
	height:141px;
	border-top:#898989 solid 1px;
	overflow-y:scroll;
}
#news__list table{ width:390px;}
#news__list table th{ width:80px; padding:6px 0 3px 0; line-height:21px; border-bottom:1px dotted #231815;}
#news__list table td{ padding:6px 0 3px 0; line-height:21px; border-bottom:1px dotted #231815;}


/*   5.2 - Concept(コンセプト)
------------------------------------------- */
#concept #contents{
	background:url(./img/bg.png);
}
#concept .page__title{
	margin-bottom:22px;
	padding-left:24px;
	font-size:22px;
	line-height:28px;
	background:url(./img/icon__concept__title.png) 0 center no-repeat;
}
#concept .contents__inner{
	margin:61px 53px;
	padding:0;
	width:728px;
}
#concept .contents__inner--left{
	float:left;
	padding:55px 62px 0 24px;
	width:278px;
}
#concept p{font-size:13px;}

#concept .catch p{
line-height:inherit;
color:#ed6c00;
font-weight:bold;
}


/*   5.3 - Realestate(おすすめ中古住宅)
------------------------------------------- */
#realestate{}
#realestate .page__title{
	background:url(./img/icon__realestate__title.png) -2px center no-repeat;
}


#realestate .nav__area{
	position:relative;
}
#realestate .nav__area .area__title{
	font-size: 15px;
}
#realestate .nav__area .other-area{
	position:absolute;
	top:0;
	right:0;
}
#realestate .nav__area .other-area ul,
#realestate .nav__area .other-area li{
	display:inline-block;
	*display: inline;
    *zoom: 1;
}
#realestate .nav__area .other-area li{
	margin-left: 8px;
	border-bottom: #727171 dotted 1px;
}
#realestate .nav__area .btn__area{
	margin-bottom: 18px;
}
#realestate .nav__area .btn__area li{
	display:inline-block;
	*display: inline;
    *zoom: 1;
    margin-right: 36px;
	font-size: 14px;
	border-bottom: #727171 dotted 1px;

}
#realestate .nav__area ul.btn__category{
    	margin-top: 10px;
    	margin-bottom: 18px;
	padding-left:36px;
	border-bottom: #c9caca solid 4px;
}
#realestate .nav__area ul.btn__category li{
	display:inline-block;
	*display: inline;
    *zoom: 1;
    padding:0 25px;
    line-height: 36px;
    font-size: 14px;
}

#realestate .nav__area ul.btn__category li.current-cat{
	position:relative;
	font-weight: bold;
}
#realestate .nav__area ul.btn__category li.current-cat:after{
	position:absolute;
	margin:auto;
	content: "";
	left:0;
	right:0;
	bottom:-16px;
	width:0;
	height:0;
	border: transparent solid 6px;
	border-top-color:#c9caca ;
}
#realestate .nav__area .all-realestate{
	position:absolute;
	bottom: 8px;
	right:0;
}
#realestate .nav__area .all-realestate a:after{
	content: ">";
	padding-left: 5px;
	color:#e4005a;
}

#realestate__list{ margin-left:-14px;}
#realestate__list section{
	position:relative;
	float:left;
	margin:0 0 18px 14px;
	padding:8px;
	width:392px;
	border:#898989 solid 1px;
}
#realestate__list section.new:before{
	content:" ";
	position:absolute;
	right:6px;
	top:-4px;
	display:block;
	width:34px;
	height:24px;
	background:url(./img/realestate/icon--new.png) no-repeat;

}
.realestate__category .cat_current{
	font-weight: bold;
}
.realestate__category--mansion,
.realestate__category--detached{
	display:block;
	padding-left:3px;
	line-height:12px;
	font-weight:bold;
	color:#0076C3;
	border-left:#0076C3 solid 3px;
}
.realestate__category--detached{
	color:#009944;
	border-color:#009944;
}
#realestate__list h3 a{
	display:block;
	margin:4px 0;
	height:36px;
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	overflow:hidden;
}
.realestate__thumbnail{ 
	float:left;
	margin-right:10px;
}
.realestate__detail{
	width:270px;
	line-height:16px;
}
.realestate__detail tr{
	position:relative;
}
.realestate__detail th{
	width:44px;
	font-size:11px;
	border-right:#898989 solid 1px;
}
.realestate__detail td{
	padding-left:7px;
	width:218px;
	font-size:11px;
}
.realestate__detail td.line{
	display:block;
	height:32px;
}
.realestate__detail td.lines div{
	position:relative;
	height:32px;
	overflow:hidden;
}
a.realestate__detail--link{
	float:right;
	padding-left:17px;
	font-size:11px;
	line-height:15px;
	text-decoration:none;
	background:url(./img/realestate/icon__realestate--detail.png) 0 2px no-repeat;
}
a.realestate__detail--link:hover{
	color:#E5005A;
}

#realestate .contents__contact{
	float:right;
}

.pagenation{ margin-bottom:18px; padding:0 8px; background:#D3D3D4;}
.wp-pagenavi{ display:inline; float:right;}
.wp-pagenavi span,
.wp-pagenavi a{ margin-left:4px; padding:0 4px; width:14px; font-size:11px; line-height:14px; text-decoration:none; background:#fff;}
.wp-pagenavi a.next,
.wp-pagenavi a.prev
{ color:#fff; background:none;}




/*      5.3.1 - Realestate article (物件詳細)    -- */
#realestate article{
	position:relative;
	margin-bottom:18px;
	padding:0 28px 28px 28px;
	border:#898989 solid 1px;
}
#realestate article section.new:before{
	content:" ";
	position:absolute;
	right:6px;
	top:-4px;
	display:block;
	width:34px;
	height:24px;
	background:url(./img/realestate/icon--new.png) no-repeat;

}
#realestate .entry__category--mansion,
#realestate .entry__category--detached{
	display:block;
	float:left;
	padding-top:12px;
	width:80px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:#0076C3;
}
#realestate .entry__category--mansion{ background:#0076C3;}
#realestate .entry__category--detached{ background:#009944;}

#realestate .entry__title--mansion,
#realestate .entry__title--detached{
	float:left;
	padding:16px 0 0 12px;
	font-size:21px;
	line-height:21px;
	border:none;
}
#realestate .entry__title--mansion{ color:#0076C3;}
#realestate .entry__title--detached{ color:#009944;}
#realestate .entry__catch{ margin:8px 0; font-size:16px; }

#realestate .entry__summary,
#realestate .entry__summary th,
#realestate .entry__summary td{
	border:none;
}
#realestate .entry__summary{
	border-collapse:separate;
	border-spacing:0 6px;
}
#realestate .entry__summary th{
	margin:0;
	min-width:54px;
	font-weight:normal;
	text-align:center;
}
#realestate .entry__summary th span{
	display:block;
	line-height:20px;
	color:#fff;
	background:#898989;
}
#realestate .entry__summary td{
	padding:0 0 0 4px;
	line-height:20px;
}
#realestate .entry__summary td.access,
#realestate table.entry__detail tr.note td,
#realestate table.entry__detail tr.point td{
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}

#realestate td.entry__summary_contact{
	text-align:right;
	vertical-align:bottom;
}

#realestate .entry__left{
	float:left;
	width:397px;
}
#realestate .entry__right{
	float:right;
	width:368px;
}
#realestate .entry__left .pic{
	margin-bottom:18px;
}
#realestate #mainImg{
	width:397px;
	height:auto;
	text-align:left;
	overflow: hidden;
	
}
#realestate .entry__left .thumbs{
	margin: 5px 0 18px -3px;
}
#realestate .entry__left .thumbs li{
	float:left;
	margin:0 0 3px 3px;
}

#realestate .entry__left .plan,
#realestate .entry__left .map{
	display:block;
	margin-bottom:18px;
	border:#898989 solid 1px;
}
#realestate table.entry__detail{
	border-bottom:#231815 solid 1px;
}
#realestate table.entry__detail th,
#realestate table.entry__detail td{
	border-top:#231815 solid 1px;
}
#realestate table.entry__detail th{
	padding:2px 10px;
	width:90px;
}
#realestate table.entry__detail td{
	padding:2px 10px;
	border-left:#231815 solid 1px;
}
#realestate table.entry__detail tr.point th{
	color:#f60;
}

#realestate .updated,
#realestate .term{
	display:inline-block;
	margin-right:12px;
	width:144px;
	font-size:11px;
}
#realestate .updated th,
#realestate .term th{
	padding:0;
	width:54px;
	font-weight:normal;
	text-align:center;
	border-top:#231815 solid 1px;
	border-bottom:#231815 solid 1px;
}
#realestate .updated td,
#realestate .term td{
	padding:0;
	width:90px;
	text-align:center;
	border-top:#231815 solid 1px;
	border-bottom:#231815 solid 1px;
	border-left:#231815 solid 1px;
}


/*   5.4 - Catalog(かしこくつくるマイホーム)
------------------------------------------- */
#catalog{}
#catalog .contents__inner{
	margin-bottom:18px;
	padding-bottom:38px;
	border:#898989 solid 1px;
}
#catalog h1{
	margin-bottom:20px;
}
#catalog h2,
#catalog p{
	margin:0 27px 20px 28px;
}
#catalog h4{
	margin-bottom:4px;
	font-size:15px;
	line-height:15px;
}
#catalog .contents__contact{
 margin:0 auto;
}
#catalog .img--left{
 float:left;
 margin:0 28px 28px 0;
}
#catalog .img--right{
 float:right;
 margin:0 0 28px 28px;
}
#catalog .img--right--mb0{
 float:right;
 margin:0 0 0 28px;
}
#catalog .txt__catalog__dl{
	width:608px;
	margin:0 auto 11px auto;
}
#catalog .btn__catalog__dl{
	display:block;
	width:246px;
	margin:0 auto;
}


/*   	5.4.1 - Myhome(マイホーム購入をお考えの方へ)    -- */
#catalog p.myhome__sub01{
 margin:0 27px 0 0;
}


/*      5.4.2 - Epense(中古住宅にかかる費用)    -- */
#catalog .expense__contents{
	margin:0 27px 28px 28px;
}
#catalog .expense__contents--half{
	float:left;
	width:50%;
}
#catalog table.expense__list{
	margin-bottom:12px;
}
#catalog table.expense__list td{
	font-size:11px;
	line-height:24px;
	padding-right:8px;
}
#catalog table.expense__list td span{
	padding-left:3px;
	border-left:#ED6C00 solid 3px;
}

#catalog .expense__table th{
	padding:4px 20px 4px 12px;
	vertical-align:middle;
	border:#231815 solid 1px;
	border-left:none;
}
#catalog .expense__table td{
	padding:4px 12px;
	vertical-align:middle;
	border:#231815 solid 1px;
	border-right:none;
}
#catalog .expense__table thead th{
	padding-left:0;
	font-size:15px;
	font-weight:bold;
	border:none;
}
#catalog .expense__table thead td{
	padding-right:0;
	text-align:right;
	border:none;
}
#catalog .expense__table thead.label th,
#catalog .expense__table thead.label td{
	padding-left:10px;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	background:#9FA0A0;
}
#catalog .expense__table thead.label td{
	text-align:center;
	border-left:#fff solid 1px;
}
#catalog .expense__table td.price{
	text-align:right;
}
#catalog .expense__table thead.label th.separate{
	padding:0;
	font-size:3px;
	line-height:2px;
	background:#fff;
}
#catalog .expense__table tfoot td{
	padding:12px 0;
	font-size:14px;
	text-align:right;
	border-left:none;
	border-bottom:none;
}


/*   5.5 - Flow(中古住宅ご購入の流れ)
------------------------------------------- */
#flow h1 img{margin-bottom:30px}
#flow .contents__inner{
	margin-bottom:18px;
	padding-bottom:38px;
	border:#898989 solid 1px;
}
#flow .flow{
	margin:0 27px 12px 28px;
	padding-left:68px;
}
#flow h2{
	margin-bottom:4px;
	font-size:22px;
	font-weight:bold;
	color:#ED6C00;
	border-bottom:#ED6C00 solid 1px;
}
#flow .num01{
	height:151px; background:url(./img/flow/num__flow01.png) 0 0 no-repeat;
}
#flow .num02{
	height:96px; background:url(./img/flow/num__flow02.png) 0 0 no-repeat;
}
#flow .num03{
	height:80px; background:url(./img/flow/num__flow03.png) 0 0 no-repeat;
}
#flow .num04{
	height:80px; background:url(./img/flow/num__flow04.png) 0 0 no-repeat;
}
#flow .num05{
	height:96px; background:url(./img/flow/num__flow05.png) 0 0 no-repeat;
}
#flow .num06{
	height:96px; background:url(./img/flow/num__flow06.png) 0 0 no-repeat;
}
#flow .num07{
	height:96px; background:url(./img/flow/num__flow07.png) 0 0 no-repeat;
}
#flow .num08{
	height:96px; background:url(./img/flow/num__flow08.png) 0 0 no-repeat;
}
#flow .num09{
	height:96px; background:url(./img/flow/num__flow09.png) 0 0 no-repeat;
}
#flow .num10{
	height:80px;  background:url(./img/flow/num__flow10.png) 0 0 no-repeat;
}
#flow .contents__contact{
	margin:0 auto;
}

/*   - Reno_flow(リノベーションの施工の流れ)
------------------------------------------- */
#reno_flow{}
#reno_flow .contents__inner{
	margin-bottom: 18px;
    	padding-bottom: 38px;
    	border: #898989 solid 1px;
    	background: url(./img/flow/flow_img02.png)no-repeat top right;
}
#reno_flow .flow{
	margin:0 27px 12px 28px;
	padding-left:68px;
}
#reno_flow h2{
	margin-bottom:4px;
	font-size:22px;
	font-weight:bold;
	color:#ED6C00;
	border-bottom:#ED6C00 solid 1px;
}
#reno_flow .num01{
	height:80px; background:url(./img/flow/num__reno_flow01.png) 0 0 no-repeat;
}
#reno_flow .num02{
	height:110px; background:url(./img/flow/num__reno_flow02.png) 0 0 no-repeat;
}
#reno_flow .num03{
	height:80px; background:url(./img/flow/num__reno_flow03.png) 0 0 no-repeat;
}
#reno_flow .num04{
	height:80px; background:url(./img/flow/num__reno_flow04.png) 0 0 no-repeat;
}
#reno_flow .num05{
	height:80px; background:url(./img/flow/num__reno_flow05.png) 0 0 no-repeat;
}
#reno_flow .num06{
	height:80px; background:url(./img/flow/num__reno_flow06.png) 0 0 no-repeat;
}
#reno_flow .num07{
	height:80px; background:url(./img/flow/num__reno_flow07.png) 0 0 no-repeat;
}
#reno_flow .num08{
	height:80px; background:url(./img/flow/num__reno_flow08.png) 0 0 no-repeat;
}
#reno_flow .num09{
	height:80px; background:url(./img/flow/num__flow09.png) 0 0 no-repeat;
}
#reno_flow .num10{
	height:80px;  background:url(./img/flow/num__flow10.png) 0 0 no-repeat;
}
#reno_flow .contents__contact{
	margin:0 auto;
}
#reno_flow .reno{
	margin:0;
}
#reno_flow .fl_detail{
	width:777px;
	height:125px;
	margin:0px auto;
}
#reno_flow .fl_text{
	padding-top:23px;
	font-size:13px;
	line-height:1.7;
}
#reno_flow .notice{
	float:left;
	color:#ed6c00;
	font-weight:bold;
	padding-right:5px;
}

/*   5.6 - Works(施工事例)
------------------------------------------- */

#works .page__title{
	margin-bottom: 1em;
	padding: 0 !important;
	font-size:13px;
}
#works .contents__inner{
	padding:30px 20px;
	width:688px;
}
#works .entry__list section{
	float:left;
	padding:10px 18px 10px 0;
	width:210px;
	height:auto;
}
#works .entry__list section h3 a{
	margin-bottom:1em;
	padding: 3px 0;
	font-weight:normal;
	text-decoration:underline;
}
#works .entry__thumb img,
#works .entry__sub img{
	width:100%;
	height:auto;
}
#works .entry__box{
	background:url(./img/bg.png);
	padding: 23px;
    	width: 823px;
    	box-sizing: border-box;
}

#works .entry__box_single{
	margin-top: 20px;
}

#works .entry__inner{
	background-color:#ffffff;
	padding:30px;
}
#works .entry-main .entry__thumb{
	margin-bottom:10px;
}

#works .entry__main{
	float:left;
	width:468px;
}
#works .entry__main_single{
	float:left;
	width:468px;
}
#works .entry__sub{
	float:right;
	width:206px;
}
#works .sub_single{
}

#works .entry__main .entry__thumb{
	margin-bottom:10px;
}
#works  .entry__main header h2{
	margin-bottom:18px;
	font-size:18px;
	font-weight:normal;
}

#works .entry__list > h3,
#works .entry__sub h3{
	margin-bottom:10px;
	font-size:12px;
	font-weight:normal;
	background:url(./img/works/bg--subtitle.png) right center repeat-x;
}
#works .entry__list > h3 span,
#works .entry__sub h3 span{
	padding-right:14px;
	background:#fff;
}
#works .entry__sub .before,
#works .entry__sub .after{
	padding-bottom:20px;
}
#works .entry__sub .after ul{
	margin-left:-4px;
}
#works .entry__sub .after ul li{
	float:left;
	margin:0 0 4px 4px;
	width:64px;
}
#works .entry__sub th{
	width:74px;
}
#works .entry__sub th,
#works .entry__sub td{
	padding-top:3px;
	border-bottom:1px solid #888888;
}

#works #works_bg{
	background: url(./img/bg.png);
	width:834px;
	height:auto;
}
#works .works__inner{
	padding: 0;
	width: 728px;
	background:#fff;
}

/*   5.7 - Blog(ブログ)
------------------------------------------- */
#blog #contents{
	background:url(./img/bg.png);
}
#blog .page__title{
	background:url(./img/icon__blog__title.png) -2px center no-repeat;
}
#blog .contents__inner{
	margin:61px 53px;
	padding:30px 20px;
	width:688px;
}


/*      5.7.1 - .entry(ブログ・お知らせ共通)    -- */
.entry{
	float:left;
	margin-bottom:18px;
	padding:0;
	width:440px;
}
.sidebar{
	float:right;
	margin-bottom:20px;
	padding-left:12px;
	width:210px;
	border-left:1px dotted #221814;
}
.prevnext{
	margin-bottom:10px;
	width:400px;
	font-size:11px;
	text-align:center;
}
.prevnext a{}
.prevnext .prev{ margin-right:24px}
.prevnext .next{ margin-left:24px;}

.prevnext .prev span{color:#ccc;}
.prevnext .prev span:before{ content:'≪'; margin-right:8px; color:#ccc;}
.prevnext .prev a:before{ content:'≪'; margin-right:8px; color:#00A0E9;}

.prevnext .next span{color:#ccc;}
.prevnext .next span:after{ content:'≫'; margin-left:8px; color:#ccc;}
.prevnext .next a:after{ content:'≫'; margin-left:8px; color:#00A0E9;}

.entry__meta .category a{
	margin-left:1em;
	text-decoration:none;
}

.entry__content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
	padding-bottom: 40px;
}
.entry__content img{
	max-width:440px;
	height:auto;
}

.entry__content a{
	color: #005bac;
	text-decoration: underline;
}
.entry__content a:hover{
	color: #ea9629;
	text-decoration: none;
}
.entry__content blockquote {
	font-size: 24px;
}
.entry__content h1 {
	font-size: 36px;
	margin: 24px 0;
}
.entry__content h2 {
	font-size: 26px;
	margin: 20px 0;
}
.entry__content h3 {
	font-size: 18px;
	margin: 18px 0;
}
.entry__content h4 {
	font-size: 16px;
	margin: 20px 0;
}
.entry__content h5 {
	font-size: 13px;
	margin: 25px 0;
}
.entry__content h6 {
	font-size: 12px;
	margin: 30px 0;
}
.entry__content p{padding-bottom:1em;}

.entry__content table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
}
.entry__content caption {
	font-size: 16px;
	margin: 20px 0;
}
.entry__content th {
	font-weight: bold;
	text-transform: uppercase;
}
.entry__content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}


.navigation{
	clear:both;padding:10px 0 20px;
	text-align:center;
}


/*      5.7.2 - .widget(ブログ・お知らせ共通)    -- */
.widgetArea{
	margin-bottom:10px;
}
h3.widget-title{
	color:#fff;
	background:#888;
	font-size:12px;
	margin-bottom:5px;
	padding:0 5px;
	line-height:1.5;
}
.widget{padding-bottom:1.5em;}
.widget ul li{padding:5px 0;font-size:12px;}
.widget_calendar{}
.widget_calendar table{width:96%;margin:0 auto;}
.widget_calendar table caption,
.widget_calendar table th,
.widget_calendar table td{text-align:center;}

.widget_categories ul > li{ line-height:16px;background:url(./img/blog/icon__widget__list.png) left 7px no-repeat;padding-left:10px;}
.widget_categories ul > li li{background:none;padding-left:10px;}

.widget_archive{}
.widget_archive ul li{border-bottom:1px dotted #221814;padding:3px 0;}


/*   5.8 - News(お知らせ)
------------------------------------------- */
#news{}
#news .contents__inner{
	margin-bottom:18px;
	padding:91px 53px;
	border:#898989 solid 1px;
}

#news .page__title{
	background:url(./img/icon__news__title.png) -2px center no-repeat;
}
#news .entry table{
	width:100%;
}
#news .entry table tr th,
#news .entry table tr td{
	padding:12px 0;
	line-height:18px;
	border-bottom:1px dotted #231815;
}
#news .entry table tr th{
	width:80px;
}

#news h3.widget-title{
	color:#231815;
	font-size:12px;
	margin-bottom:5px;
	padding:0;
	line-height:1.2;
	border-bottom:#231815 solid 2px;
	background:none;
}
#news .widget_recent_entries li{
	padding:0;
	font-size:10px;
}


/*   5.9 - Company(会社概要)
------------------------------------------- */
#company #contents{
	background:url(./img/bg.png);
}
#company .page__title{
	background:url(./img/icon__company__title.png) -2px center no-repeat;
}
#company .contents__inner{
	margin:61px 53px;
	padding:30px 20px;
	width:688px;
}
#company table{
	margin-bottom:50px;
	width:480px;
}
#company table th{
	width:75px;
}
#company table th,
#company table td{
	padding:3px 0;
	border-bottom:1px dotted #221814;
}
#company h2{
	font-size:12px;
}
#company .mission h2{
	padding-bottom:10px;
}
#company .mission ul{
	padding-bottom:20px;
}
#company .message,.mission{
	margin-bottom:20px;
}
#company .message h2{
	padding-bottom:10px;
}
#company .message__half--left{
	float:left;
	width:468px;
}
#company .message__half--right{
	float:right;
	width:200px;
}
#company .message__half--right .caption{
text-align:right;
}


/*   5.10 - Privacy(個人情報保護方針)
------------------------------------------- */
#privacy #contents{
	background:url(./img/bg.png);
}
#privacy .page__title{
	background:url(./img/icon__company__title.png) -2px center no-repeat;
}
#privacy .contents__inner{
	margin:61px 53px;
	padding:30px 20px;
	width:688px;
}
#privacy h2{
	margin-bottom:8px;
	font-size:14px;
	border-bottom:#898989 dotted 1px;
}
#privacy ol{
	margin-bottom:18px;
}
#privacy ol li{
	margin-left:3em;
	list-style:decimal outside;
}

/*   5.11 - Contact(お問い合わせ)
------------------------------------------- */
#contact #contents{
	background:url(./img/bg.png);
}
#contact .page__title{
	background:url(./img/icon__contact__title.png) -2px center no-repeat;
}
#contact .contents__inner{
	margin:61px 53px;
	padding:30px 20px;
	width:688px;
}
#contact table th .subject{position:relative;}
#contact table th .require{position:absolute;right:10px;top:5px;line-height:1;}
input[type='submit']{
	background:#00a0e8;color:#fff;border:0;padding:3px 10px;
	-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;
}


/*   5.12 - 404
------------------------------------------- */


/**
 * 6.0 - Footer *
 * --------------------------------------------
 */
#footer{padding: 15px 0 20px; font-size:11px; line-height:11px; background:#ed6c00;}
#footer a{ margin-right:10px; padding-left:7px; color:#fff; text-decoration:none; background:url(./img/icon__footer__nav.png) left center no-repeat;}
#footer a:hover{ color:#fc9;}
#footer__logo{ margin-bottom:11px;}
#footer address{ position:absolute; right:0; top:0;}
#footer address p{color:#ffffff;line-height:1.5;}
#footer__nav{ margin-bottom:8px;}
#footer__nav li{ display:inline;}


/**
 * 7.0 - Responsive *
 * --------------------------------------------
 */


/**
 * 8.0 - Print *
 * --------------------------------------------
 */
@media print {}


/**
 * margin *
 * --------------------------------------------
 */
.mb40{
margin-bottom:40px;
}