/* 

リフォーム関西　標準css

Last Updated: 2013-03-07


*/

body{
    color: #333;
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	background-color:#FAF9F5;
}
.clear{
    clear: both;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.left{
	float:left;
}
.right{
	float:right;
}


a{
	text-decoration:none;
}
a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}

/******************************/
/* ヘッダー */
/******************************/
div#header-warp{
	width:100%;
	background-color:#fff;
}
header{
	width:1010px;
	height:114px;
	margin:0 auto;
	position:relative;
}
header h1{
	position:absolute;
	top:40px;	
	left:16px;
}

/* ヘッダー サブナビゲーション*/
header div#head-sub-navi{
	font-size:1.0empx;	
	position:absolute;
	top:16px;left:16px;
}
header div#head-sub-navi ul{
	list-style: none;
}
header div#head-sub-navi ul li{
	float:left;	
	margin-right:12px;
}
header div#head-sub-navi ul li a,a:visited{
	color:#81B01B
}
header div#head-sub-navi ul li a:hover{
	color:#20B01C;
}

header div#head-font-change{
	position:absolute;
	top:16px;left:767px;	
	width:205px;height:35px;
	background-image:url('../../images/common/head-font-change-bk.png');
}
a#head-font-change-normal{
	padding-left:110px;
}
a#head-font-change-big{
	padding-left:5px;
}


header div#favorite{
	position:absolute;
    top: 67px;left: 575px;
    position: absolute;
}

header div#word-seach{
	position:absolute;
	width:205px;height:43px;
	top:58px;left:767px;		
	background-image:url('../../images/common/head-word-seach-bk.png');
}
header div#word-seach form{
	padding:6px;
}
header div#word-seach form #keyword{
	width:145px;
	float:left;
	margin-top:3px;
	margin-right:5px;
}

section#section-warp{
	width:1010px;
	margin:12px auto 0 auto;
}


/******************************/
/* グローバルナビ */
/******************************/
div#global-nav{
	background-color:#8FC41E; 
	width:100%;
	height:60px;
}
div#global-nav nav{
	margin:0 auto;
	width:976px;
}
div#global-nav nav ul li{
	float:left;
}


/******************************/
/* サイドバー */
/******************************/
/* トップページの設定*/
aside#toppage{
    position: relative;
    margin-top: -20px;
    margin-bottom:20px;
    z-index: 99;
    float:left;
}
/* 下層ページ サイドバナー上部「探す」ボタンブロック*/
aside div#side-seach{
	margin:20px 0 -22px 20px	
}

/* まとめて一括見積もり*/
aside div#matomete{
    position: relative;
	background:url('../../images/common/side-matomete-bk.png') no-repeat;
	width:278px;height:255px;/*height:243px;*/
	margin-left:4px;
}
/* まとめて一括見積もり*/
aside div#matomete div.txt{ 
    position: absolute;
    top: 130px;left: 32px;
	width:210px;
	font-size:0.9em;
	line-height:1.2em;
}

aside div#matomete div.btn{
    position: absolute;
    top: 180px;left: 28px;

}
/* sitei見積もり*/
aside div#sitei{
    position: relative;
	background:url('../../images/common/side-sitei-bk.png') no-repeat;
	width:278px;height:206px;
	margin-left:4px;
}

/* まとめて一括見積もり*/
aside div#sitei div.txt{ 
    position: absolute;
    top: 95px;left: 32px;
	width:210px;
	font-size:0.9em;
	line-height:1.2em;
}
aside div#sitei div.btn{
    position: absolute;
    top: 135px;left: 28px;
}


/* お知らせ */
aside div#osirase{
	background:url('../../images/common/side-osirase-bk.png');
	width:250px;
	height:279px;
	padding-top:4px;
	margin-top:6px;
	margin-left: 20px;
}
aside div#osirase div#osirase-words{
	background-color:#fff;	
	margin:auto;
	width:242px;
	height:275px;
	line-height:1.2em;
}

aside div#osirase div#osirase-words h2{
	background:url('../../images/common/side-osirase-h1.png');
	text-indent:-9999px;
	width:242px;height:33px;
}
aside div#osirase div#osirase-words div{
	padding:5px;	
	overflow-y: auto;
	height:228px;
}
aside div#osirase div#osirase-words div span.date{
	color:#8FC41E;
	font-weight:bold;
}

aside div#osirase div#osirase-words div span.sep{
	background:url('../../images/common/side-osirase-sep.png') no-repeat;
	width:221px;
	height:8px;
}


/* インフォメーション */
aside div#infomation{
	background:url('../../images/common/side-infomation-bk.png');
	width:250px;
	height:320px;
	padding-top:4px;
	margin-top:6px;
	margin-left: 20px;
}
aside div#infomation div#infomation-words{
	background-color:#fff;	
	margin:auto;
	width:242px;
	height:317px;
}
aside div#infomation div#infomation-words div{
	margin-top:-5px;
	margin-left:8px;
	line-height:1.2emx;
}
aside div#infomation h2{
	background:url('../../images/common/side-infomation-h1.png');
	text-indent:-9999px;
	width:242px;height:33px;
}

/* インフォメーション */
aside div#mailmagazine{
	margin-top:6px;
   margin-left: 5px;
}

/******************************/
/* コンテンツ */
/******************************/

section#toppage-contents{
	float:left;
}
section#contents{
	float:left;
	width: 690px;
}


/* パンクズ表示ブロック */
div#pankuzu{
	color:#81B01B;
}
div#pankuzu a{
	color:#81B01B;
}



/* リフォーム事例一覧、検索結果などのタイトル部分*/
section#reform-list-title{
	background:url('../../images/background/refomr-list-title-bk.png');	
	width:690px;
	height:80px;
	margin-bottom:20px;
	position:relative;
}

/* タイトル表示文字*/
section#reform-list-title div#list-title{
    font-size: 23px;
    font-weight: bold;
    left: 12px;
    position: absolute;
    top: 30px;
}   
/* 施工事例数の表示 */
section#reform-list-title div#number{
    position: absolute;
    font-size: 16px;
    right: 23px;
    bottom: 8px;
}
section#reform-list-title div#number span{
	color:#DE1429;
	font-weight:bold;
}



/* ページ下層のお問合せボタン */
article#page-bottom-estimate{
	background:url('../../images/background/page-bottom-estimate-bk.png');
	width:690px;
	height:183px;
}
article#page-bottom-estimate div{
	padding:50px 0 0 2px;
}

/* all check */
.all_check_wrap{
	cursor: pointer;
}


/******************************/
/* フッター */
/******************************/
footer div#footer-top{
	height:52px;
	background-color:#fff;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}
footer div#footer-top div#sns_wrap{
	width:1015px;
	margin:10px auto;
}

footer div#footer-middle{
	width:1055px;
	margin:auto;
	padding:20px 0;
	background:url('/images/common/footer-middle-background.png') no-repeat;
	background-position:right bottom;
}
footer div#footer-middle .left{
	margin-right:20px;
	line-height:1.2em;
}
footer div#footer-middle .left p{
	margin-bottom:5px;	
}
footer div#footer-middle input.account{
	border:1px #8FC41E solid;
	color:#8FC41E;
	font-size:14px;
	padding:5px;
}
footer div#footer-middle input.domain{
	border:1px #7F9DB9 solid;
	color:#7F9DB9;
	font-size:12px;
	padding:5px;
}


/* フッター サブナビゲーション*/
div#footer-sub-navi{
	font-size:1.0em;	
}
div#footer-sub-navi ul{
	list-style: none;
	margin-top:14px;
}
div#footer-sub-navi ul li{
	float:left;	
	margin-right:12px;
}
div#footer-sub-navi ul li a,a:visited{
	color:#81B01B
}
div#footer-sub-navi ul li a:hover{
	color:#20B01C;
}


footer div#footer-bottom{
	/*height:52px;*/
	background-color:#fff;
	border-top:1px #ccc solid;
	text-align:right;
}
footer div#footer-bottom div{
	width:1015px;
	margin:10px auto;
}
footer div#footer-top div#sns_wrap div.left{
	width: 120px;
}
footer div#footer-top div#sns_wrap div.left .fb-like{
	margin:0px;padding:0px;
}