@charset "utf-8";


/*-----------------clearfixまとめ-------------------*/
.notesOwner,
.mainCtsBox,
.mainCtsBox .pointBox,
.infoCtsBox,
.infoCtsBox .news dt,
.infoCtsBox .bnList .inner,
.infoCtsBox .bnListTopics,
.information .linkBtn{overflow:hidden;zoom:1;}

.notesOwner:after,
.mainCtsBox:after,
.mainCtsBox .pointBox:after,
.infoCtsBox:after,
.infoCtsBox .news dt:after,
.infoCtsBox .bnList .inner:after,
.infoCtsBox .bnListTopics:after,
.information .linkBtn:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	line-height:0;}


/* フラッシュ
---------------------------------------------*/
.notesOwner{
	background:#006CB7;
	color:#FFF;
	padding:8px 10px;
}
.notesOwner p{
	display:table-cell;
	font-size:114%;
	vertical-align:middle;
	margin:0;
}	
/*for IE6 */
* html .notesOwner p {
	display: inline;
	zoom: 1;
}
/*for IE7 */
*:first-child+html .notesOwner p {
	display: inline;
	zoom: 1;
}
.notesOwner p img.icon{
	float:left;
	margin-right:10px;}
.notesOwner a,
.notesOwner a:link,
.notesOwner a:visited,
.notesOwner a:hover,
.notesOwner a:active{
	color:#FFF;}



/* コンテンツ
---------------------------------------------*/
.mainCtsBox{
	width:820px;
	margin:20px auto 60px;
}


.mainCtsBox .scheduleBox,
.mainCtsBox .pointBox,
.mainCtsBox .caseBox{
	min-height: 320px;
    height: auto !important;
    height: 320px;}


/*生活向上スケジュール*/
.mainCtsBox .scheduleBox{
	background:url(../../../img/bg_schedule.gif) 0 100% repeat-x;
	border:1px solid #CCC;
	float:left;
	width:235px;
	margin-right:10px;
	padding:4px;}
.mainCtsBox dt{
	margin-bottom:5px;}
.mainCtsBox .scheduleBox .titSchedule{
	text-align:center;}
.mainCtsBox .scheduleBox p{
	margin:0 5px 10px;}

.mainCtsBox .scheduleBox .menu{
	width:215px;
	margin:0 auto;}
.mainCtsBox .scheduleBox .menu li{
	margin-bottom:5px;
	height:26px;
	overflow:hidden;}
.mainCtsBox .scheduleBox .menu li a{
	display:block;
	height:26px;
	width:215px;
	padding-top:26px;}

.mainCtsBox .scheduleBox .menu li.scedule01 a{background:url(../../../img/btn_schedule.gif) 0 0 no-repeat;}
.mainCtsBox .scheduleBox .menu li.scedule02 a{background:url(../../../img/btn_schedule.gif) 0 -26px no-repeat;}
.mainCtsBox .scheduleBox .menu li.scedule03 a{background:url(../../../img/btn_schedule.gif) 0 -52px no-repeat;}
/*---*/
.mainCtsBox .scheduleBox .menu li.scedule01 a:hover{background:url(../../../img/btn_schedule.gif) -215px 0 no-repeat;}
.mainCtsBox .scheduleBox .menu li.scedule02 a:hover{background:url(../../../img/btn_schedule.gif) -215px -26px no-repeat;}
.mainCtsBox .scheduleBox .menu li.scedule03 a:hover{background:url(../../../img/btn_schedule.gif) -215px -52px no-repeat;}


/*リフォームメニュー10のポイント*/
.mainCtsBox .pointBox{
	border:1px solid #CCC;
	float:left;
	width:300px;
	margin-right:10px;
	padding:4px;}
.mainCtsBox .pointBox .titPoint{
	margin-bottom:15px;}

.mainCtsBox .pointBox .menu{
	float:left;
	width:148px;
	margin:0 auto 5px;}
.mainCtsBox .pointBox .menu li{
	margin-bottom:8px;
	padding-left:25px;}

.mainCtsBox .pointBox .menu li.poin01{background:url(../../img/icon_reform_01.gif) 0 0 no-repeat;}
.mainCtsBox .pointBox .menu li.poin02{background:url(../../img/icon_reform_02.gif) 0 0 no-repeat;}
.mainCtsBox .pointBox .menu li.poin03{background:url(../../img/icon_reform_03.gif) 0 0 no-repeat;}
.mainCtsBox .pointBox .menu li.poin04{background:url(../../img/icon_reform_04.gif) 0 0 no-repeat;}
.mainCtsBox .pointBox .menu li.poin05{background:url(../../img/icon_reform_05.gif) 0 0 no-repeat;}
.mainCtsBox .pointBox .menu li.poin06{background:url(../../img/icon_reform_06.gif) 0 0 no-repeat;}
.mainCtsBox .pointBox .menu li.poin07{background:url(../../img/icon_reform_07.gif) 0 0 no-repeat;}
.mainCtsBox .pointBox .menu li.poin08{background:url(../../img/icon_reform_08.gif) 0 0 no-repeat;}
.mainCtsBox .pointBox .menu li.poin09{background:url(../../img/icon_reform_09.gif) 0 0 no-repeat;}
.mainCtsBox .pointBox .menu li.poin10{background:url(../../img/icon_reform_10.gif) 0 0 no-repeat;}

/*リフォーム実例*/
.mainCtsBox .caseBox{
	border:1px solid #CCC;
	float:left;
	width:235px;
	padding:4px;}
.mainCtsBox .caseBox .titCase{
	margin-bottom:10px;}
.mainCtsBox .caseBox .menu{
	margin-left:10px;}
.mainCtsBox .caseBox .menu li{
	background:url(../../img/icn_circle.gif) 0 5px no-repeat;
	font-size:117%;
	margin-bottom:5px;
	padding-left:18px;}
.mainCtsBox .caseBox .menu li a{
	color:#3462B8;}


/*ニュース系コンテンツ*/
.infoCtsBox{
	margin:0 auto;
	width:820px;}

.infoCtsBox .leftBox{
	float:left;
	width:550px;}
.infoCtsBox .rightBox{
	float:right;
	width:240px;}

/*お知らせ*/
.infoCtsBox .news{
	margin-bottom:30px;}
.infoCtsBox .news dt{
	background:url(../../../img/bg_news_tit.gif) 100% 100% no-repeat;
	margin-bottom:20px;}
.infoCtsBox .news dt .title{
	float:left;}
.infoCtsBox .news dt .btnList{
	float:right;}
.infoCtsBox .news dd li{
	margin-bottom:10px;
	padding-left:5.5em;
	text-indent:-5.5em;}
.infoCtsBox .news dd li span{
	margin-right:15px;}

.infoCtsBox .bnListTopics{
	margin-bottom:15px;}
.infoCtsBox .bnListTopics li{
	float:left;
	margin-right:5px;}
.infoCtsBox .bnListTopics li.end{
	margin-right:0;}
.infoCtsBox .bnList{
	background:url(../../img/bg_slash.gif) 0 0 repeat;
	margin-bottom:20px;
	padding:5px;}
.infoCtsBox .bnList .inner{
	background:#FFF;
	padding:10px;}
.infoCtsBox .bnList li{
	border:1px solid #CCC;
	float:left;
	padding:2px;}
.infoCtsBox .bnList li img{
	vertical-align:bottom;}
.infoCtsBox .bnList li.mgnR02{
	margin-right:2px;}

/*トピックスバナー*/
.topics{
	background:#DDDDDD;
	padding:10px 10px 5px 10px;
	margin-bottom: 20px;}
.topics li{
	margin-bottom:5px;}

/*外部リンクバナー*/	
.outLink li{
	margin-bottom:10px;}
	

/*休暇のお知らせ*/
.holiday{
	border:1px solid #CC0000;
	color:#CC0000;
	text-align:center;
	width:800px;
	padding:10px;
	margin:0 auto 10px;
	}
/*お知らせ*/
.information{
	border:1px solid #666;
	text-align:center;
	width:800px;
	padding:10px;
	margin:0 auto;
	}

.information .contact{
	background:#E3E3E3;
	text-align:left;
	padding:5px 10px;
	margin:0 auto;
	width:540px
	}
.information .linkBtn{
	margin:0 30px;
	}
.information .leftBox{
	float:left;
	width:349px;
	text-align: left;
	}
.information .rightBox{
	float:right;
	width:350px;
	}
.information .rightBox ul li{
	font-size:92%;
	text-align:left;
	}