@charset "utf-8";

/* settings for top page of both reform and order-made */
#topBlock {
	width:940px;
	margin:0 0 10px;
}


#topImageBox {
	width:940px;
	height:230px;
}



/* common settings */
.box-content {
	width:698px;
	padding:10px 5px 5px;
	border:1px solid #CCC;
	margin:0 0 10px;
	clear:both;
}


.box-content h3 {
	margin:0 0 10px 10px;
}



/* reform menu */
ul#reform-menu {
	margin:0 0 0 9px;
	height:52px;
	list-style:none;
}


ul#reform-menu li {
	width:225px;
	height:25px;
	float:left;
	margin:0 1px 1px 0;
}


#reform01 a, #reform01 a:link, #reform01 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_exterior.gif) no-repeat 0 0;
}



#reform01 a:hover, #reform01 a:active {
	background:url(../../images/top/btn_exterior_f2.gif) no-repeat 0 0;
}



#reform02 a, #reform02 a:link, #reform02 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_roof.gif) no-repeat 0 0;
}



#reform02 a:hover, #reform02 a:active {
	background:url(../../images/top/btn_roof_f2.gif) no-repeat 0 0;
}



#reform03 a, #reform03 a:link, #reform03 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_gate.gif) no-repeat 0 0;
}



#reform03 a:hover, #reform03 a:active {
	background:url(../../images/top/btn_gate_f2.gif) no-repeat 0 0;
}



#reform04 a, #reform04 a:link, #reform04 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_bath.gif) no-repeat 0 0;
}



#reform04 a:hover, #reform04 a:active {
	background:url(../../images/top/btn_bath_f2.gif) no-repeat 0 0;
}




#reform05 a, #reform05 a:link, #reform05 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_entrance.gif) no-repeat 0 0;
}



#reform05 a:hover, #reform05 a:active {
	background:url(../../images/top/btn_entrance_f2.gif) no-repeat 0 0;
}



#reform06 a, #reform06 a:link, #reform06 a:visited {
	display:block;
	width:225px;
	height:25px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/top/btn_interior.gif) no-repeat 0 0;
}



#reform06 a:hover, #reform06 a:active {
	background:url(../../images/top/btn_interior_f2.gif) no-repeat 0 0;
}




/* 目的別メニュー リフォーム */
.menu-bg {
	width:660px;
	height:140px;
	margin:0 auto 5px;
	padding:5px 15px 10px;
	background:url(../../images/reform_top/bg_category.jpg) no-repeat 0 0;
}


.menu-bg h4 {
	margin:0 0 5px;
}


ul.category-menu {
	list-style:none;
}


ul.category-menu li {
	float:left;
}



#sumai01 a, #sumai01 a:link, #sumai01 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0 7px 0 0;
	background:url(../../images/reform_top/category01.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#sumai01 a:hover, #sumai01 a:active {
	background:url(../../images/reform_top/category01_f2.jpg) no-repeat 0 0;
}



#sumai02 a, #sumai02 a:link, #sumai02 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0 7px 0 0;
	background:url(../../images/reform_top/category02.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#sumai02 a:hover, #sumai02 a:active {
	background:url(../../images/reform_top/category02_f2.jpg) no-repeat 0 0;
}



#sumai03 a, #sumai03 a:link, #sumai03 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0;
	background:url(../../images/reform_top/category03.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#sumai03 a:hover, #sumai03 a:active {
	background:url(../../images/reform_top/category03_f2.jpg) no-repeat 0 0;
}



#kurashi01 a, #kurashi01 a:link, #kurashi01 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0 7px 0 0;
	background:url(../../images/reform_top/category04.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#kurashi01 a:hover, #kurashi01 a:active {
	background:url(../../images/reform_top/category04_f2.jpg) no-repeat 0 0;
}



#kurashi02 a, #kurashi02 a:link, #kurashi02 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0 7px 0 0;
	background:url(../../images/reform_top/category05.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#kurashi02 a:hover, #kurashi02 a:active {
	background:url(../../images/reform_top/category05_f2.jpg) no-repeat 0 0;
}



#kurashi03 a, #kurashi03 a:link, #kurashi03 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0;
	background:url(../../images/reform_top/category06.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#kurashi03 a:hover, #kurashi03 a:active {
	background:url(../../images/reform_top/category06_f2.jpg) no-repeat 0 0;
}



/* 目的別メニュー 注文住宅 */
.menu-bg-om {
	width:660px;
	height:250px;
	margin:0 auto 5px;
	padding:5px 15px 10px;
	background:url(../../images/ordermade_top/menu_bg.jpg) no-repeat 0 0;
}


.menu-bg-om h4 {
	margin:0 0 5px;
}


.menu-bg-om ul.category-menu {
	list-style:none;
}


.menu-bg-om ul.category-menu li {
	float:left;
}



#anshin01 a, #anshin01 a:link, #anshin01 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0 7px 5px 0;
	background:url(../../images/ordermade_top/order-made01.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#anshin01 a:hover, #anshin01 a:active {
	background:url(../../images/ordermade_top/order-made01_f2.jpg) no-repeat 0 0;
}



#anshin02 a, #anshin02 a:link, #anshin02 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0 7px 5px 0;
	background:url(../../images/ordermade_top/order-made02.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#anshin02 a:hover, #anshin02 a:active {
	background:url(../../images/ordermade_top/order-made02_f2.jpg) no-repeat 0 0;
}



#anshin03 a, #anshin03 a:link, #anshin03 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0 0 5px;
	background:url(../../images/ordermade_top/order-made03.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#anshin03 a:hover, #anshin03 a:active {
	background:url(../../images/ordermade_top/order-made03_f2.jpg) no-repeat 0 0;
}



#anshin04 a, #anshin04 a:link, #anshin04 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0 7px 0 0;
	background:url(../../images/ordermade_top/order-made04.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#anshin04 a:hover, #anshin04 a:active {
	background:url(../../images/ordermade_top/order-made04_f2.jpg) no-repeat 0 0;
}



#anshin05 a, #anshin05 a:link, #anshin05 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0 7px 0 0;
	background:url(../../images/ordermade_top/order-made05.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#anshin05 a:hover, #anshin05 a:active {
	background:url(../../images/ordermade_top/order-made05_f2.jpg) no-repeat 0 0;
}



#anshin06 a, #anshin06 a:link, #anshin06 a:visited {
	display:block;
	width:215px;
	height:95px;
	margin:0;
	background:url(../../images/ordermade_top/order-made06.jpg) no-repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
}


#anshin06 a:hover, #anshin06 a:active {
	background:url(../../images/ordermade_top/order-made06_f2.jpg) no-repeat 0 0;
}




/* 実績紹介ボタン */
h3#title-works {
	margin:30px 0 10px 10px;
}


#worksLineup {
	width:690px;
	list-style:none;
}


#worksLineup li {
	float:left;
	margin:0 15px 0 0;
}


#worksLineup li.boxRight {
	float:left;
	margin:0;
}


#reform_works01 a, #reform_works01 a:link, #reform_works01 a:visited {
	display:block;
	width:220px;
	height:190px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/reform_top/works01.jpg) no-repeat 0 0;
}


#reform_works01 a:hover, #reform_works01 a:active {
	background:url(../../images/reform_top/works01_f2.jpg) no-repeat 0 0;
}


#reform_works02 a, #reform_works02 a:link, #reform_works02 a:visited {
	display:block;
	width:220px;
	height:190px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/reform_top/works02.jpg) no-repeat 0 0;
}


#reform_works02 a:hover, #reform_works02 a:active {
	background:url(../../images/reform_top/works02_f2.jpg) no-repeat 0 0;
}


#reform_works03 a, #reform_works03 a:link, #reform_works03 a:visited {
	display:block;
	width:220px;
	height:190px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/reform_top/works03.jpg) no-repeat 0 0;
}


#reform_works03 a:hover, #reform_works03 a:active {
	background:url(../../images/reform_top/works03_f2.jpg) no-repeat 0 0;
}


#ordermade_works01 a, #ordermade_works01 a:link, #ordermade_works01 a:visited {
	display:block;
	width:220px;
	height:190px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/ordermade_top/works01.jpg) no-repeat 0 0;
}


#ordermade_works01 a:hover, #ordermade_works01 a:active {
	background:url(../../images/ordermade_top/works01_f2.jpg) no-repeat 0 0;
}


#ordermade_works02 a, #ordermade_works02 a:link, #ordermade_works02 a:visited {
	display:block;
	width:220px;
	height:190px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/ordermade_top/works02.jpg) no-repeat 0 0;
}


#ordermade_works02 a:hover, #ordermade_works02 a:active {
	background:url(../../images/ordermade_top/works02_f2.jpg) no-repeat 0 0;
}


#ordermade_works03 a, #ordermade_works03 a:link, #ordermade_works03 a:visited {
	display:block;
	width:220px;
	height:190px;
	text-decoration:none;
	text-indent:-9999px;
	background:url(../../images/ordermade_top/works03.jpg) no-repeat 0 0;
}


#ordermade_works03 a:hover, #ordermade_works03 a:active {
	background:url(../../images/ordermade_top/works03_f2.jpg) no-repeat 0 0;
}


/* other works parts */
#areaOtherworks {
	width:698px;
	padding:10px 5px 5px;
	border:1px solid #CCC;
	margin:20px 0 10px;
	clear:both;
}


#areaOtherworks h3 {
	margin:0 10px 10px;
}


.otherWorks01 {
	width:150px;
	height:130px;
	padding:7px;
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #CCC;
}


.otherWorks02 {
	width:150px;
	height:130px;
	padding:7px;
	float:left;
	margin:0 0 10px 0;
	border:1px solid #CCC;
}


.otherWorks01 img, .otherWorks02 img {
	margin:0 0 10px;
}


.otherWorks01 p, .otherWorks02 p {
	font-size:11px;
}