@charset "utf-8";

/*****************************************************
------------------------------------------------------
 リフォーム css
------------------------------------------------------
*****************************************************/

*{
	margin:0px;
	padding:0px;
	color:#666666;
	border:none;
	font-family:sans-serif;
}
body{
	width:100%;
	text-align:center;
}

#wrapall{
	width:796px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	text-align:left;
}


/*****************************************************
 parts
*****************************************************/
a { color:#952B01; }
a:hover { color:#f00; }

input,textarea { border:1px solid #666; }


/*****************************************************
------------------------------------------------------
【 header 】
------------------------------------------------------
*****************************************************/

#header {
	width:796px;
}

/*****************************************************
	header menu
*****************************************************/
div.header_menu {
	width:796px;
	margin-bottom:5px;
}
ul.upmenu {
	padding-right:15px;
	overflow:hidden;
}
ul.upmenu li {
	margin-left:12px;
	list-style:none;
	float:right;
}
ul.upmenu li a {
	height:14px;
	display:block;
	text-indent:-38000px;
}
/* 会社概要 */
ul.upmenu li a.aboutus { width:65px;background:url(../img/parts/upmenu.gif) 0px 0px no-repeat;}
ul.upmenu li a.aboutus:hover { background:url(../img/parts/upmenu.gif) -171px 0px no-repeat;}
div.aboutus ul.upmenu li a.news,
div.aboutus ul.upmenu li a.news:hover { 
	background:url(../img/parts/upmenu.gif) -171px 0px no-repeat;
}
/* プライバシー */
ul.upmenu li a.privacy { width:89px;background:url(../img/parts/upmenu.gif) 0px -19px no-repeat;}
ul.upmenu li a.privacy:hover { background:url(../img/parts/upmenu.gif) -171px -19px no-repeat;}
div.privacy ul.upmenu li a.privacy,
div.privacy ul.upmenu li a.privacy:hover { 
	background:url(../img/parts/upmenu.gif) -171px -19px no-repeat;
}
/* FAQ */
ul.upmenu li a.faq { width:52px;background:url(../img/parts/upmenu.gif) 0px -38px no-repeat;}
ul.upmenu li a.faq:hover { background:url(../img/parts/upmenu.gif) -171px -38px no-repeat;}
div.faq ul.upmenu li a.faq,
div.faq ul.upmenu li a.faq:hover { 
	background:url(../img/parts/upmenu.gif) -171px -38px no-repeat;
}
/* お問い合わせ */
ul.upmenu li a.contact { width:149px;background:url(../img/parts/upmenu.gif) 0px -57px no-repeat;}
ul.upmenu li a.contact:hover { background:url(../img/parts/upmenu.gif) -171px -57px no-repeat;}
div.contact ul.upmenu li a.contact,
div.contact ul.upmenu li a.contact:hover { 
	background:url(../img/parts/upmenu.gif) -171px -57px no-repeat;
}





/*****************************************************
------------------------------------------------------
【 main 】
------------------------------------------------------
*****************************************************/
#contents{
	width:796px;
	font-size:0.8em;
	background:url(../img/parts/bk_contents.gif) repeat-y;
	overflow:hidden;
	clear:both;
}

/*****************************************************
 ■left
*****************************************************/
div.left_area {
	width:243px;
	background:url(../img/parts/bk_left.gif) 0px 0px no-repeat;
	float:left;
	overflow:hidden;
}

/*****************************************************
	 logo
*****************************************************/
div.logo {
	clear:both;
}

/*****************************************************
	 mainmenu
*****************************************************/
#menu {
	width:207px;
	margin-bottom:15px;
	margin-left:13px;
	clear:both;
}
#menu ul{
	width:207px;
	overflow:hidden;
}
#menu li {
	list-style:none;
	float:left;
}
#menu li a {
	width:207px;
	height:38px;
	display:block;
	text-indent:-38000px;
}
/* 施工例 */
#menu li a.archive { background:url(../img/parts/mainmenu.gif) 0px 0px no-repeat;}
#menu li a.archive:hover { background:url(../img/parts/mainmenu.gif) -217px 0px no-repeat;}
div.archive #menu li a.archive,
div.archive #menu li a.archive:hover { 
	background:url(../img/parts/mainmenu.gif) -217px 0px no-repeat;
}
/* リフォーム */
#menu li a.apartment { background:url(../img/parts/mainmenu.gif) 0px -43px no-repeat;}
#menu li a.apartment:hover { background:url(../img/parts/mainmenu.gif) -217px -43px no-repeat;}
div.apartment #menu li a.apartment,
div.apartment #menu li a.apartment:hover { 
	background:url(../img/parts/mainmenu.gif) -217px -43px no-repeat;
}
/* 相談会案内 */
#menu li a.schedule { background:url(../img/parts/mainmenu.gif) 0px -86px no-repeat;}
#menu li a.schedule:hover { background:url(../img/parts/mainmenu.gif) -217px -86px no-repeat;}
div.schedule #menu li a.schedule,
div.schedule #menu li a.schedule:hover { 
	background:url(../img/parts/mainmenu.gif) -217px -86px no-repeat;
}
/* 施工主様の声 */
#menu li a.impressions { background:url(../img/parts/mainmenu.gif) 0px -129px no-repeat;}
#menu li a.impressions:hover { background:url(../img/parts/mainmenu.gif) -217px -129px no-repeat;}
div.impressions #menu li a.impressions,
div.impressions #menu li a.impressions:hover { 
	background:url(../img/parts/mainmenu.gif) -217px -129px no-repeat;
}


/*****************************************************
	banner
*****************************************************/
div.banner {
	margin-left:13px;
	padding-bottom:6px;/* 6+9 (計15px) */
	clear:both;
}
div.banner p {
	margin-bottom:9px;
}
div.banner p a {
	width:207px;
	display:block;
	text-indent:-38000px;
}
div.banner p a.partner { height:51px;background:url(../img/parts/banner.gif) 0px 0px no-repeat;}
div.banner p a.partner:hover { background:url(../img/parts/banner.gif) -226px -0px no-repeat;}

div.banner p a.chintai { height:71px;background:url(../img/parts/banner.gif) 0px -61px no-repeat;}
div.banner p a.chintai:hover { background:url(../img/parts/banner.gif) -226px -61px no-repeat;}


/*****************************************************
	gruop menu
*****************************************************/
div.group {
	width:207px;
	margin-left:13px;
	margin-bottom:15px;
	overflow:hidden;
	clear:both;
}
ul.group_menu {
	width:207px;
}
ul.group_menu li {
	list-style:none;
	text-indent:-38000px;
	float:left;
}
ul.group_menu li a {
	width:207px;
	height:77px;
	display:block;
}


ul.group_menu li a.web { background:url(../img/parts/group.gif) 0px -36px no-repeat;}
ul.group_menu li a.web:hover { background:url(../img/parts/group.gif) -228px -36px no-repeat;}

ul.group_menu li a.chintai { background:url(../img/parts/group.gif) 0px -113px no-repeat;}
ul.group_menu li a.chintai:hover { background:url(../img/parts/group.gif) -228px -113px no-repeat;}

ul.group_menu li a.tochi {  height:80px;background:url(../img/parts/group.gif) 0px -190px no-repeat;}
ul.group_menu li a.tochi:hover { background:url(../img/parts/group.gif) -228px -190px no-repeat;}


div.group dt {
	height:36px;
	background:url(../img/parts/title_group.gif) 0px 0px no-repeat;
	text-indent:-38000px;
}
div.group dd {
	overflow:hidden;
}

/*****************************************************
■right
*****************************************************/
div.right_area {
	width:553px;
	padding-bottom:60px;
	background:url(../img/parts/bk_right.gif) 0px 0px no-repeat;
	float:right;
}

div.right_area p {
	padding-bottom:2em;
	line-height:180%;
}


/*****************************************************
	title
*****************************************************/
div.title_body {
	width:543px;
	/*padding:24px 20px;
	margin-top:1px;*/
	background:url(../img/parts/title_bg.gif) repeat-y;
}

div.title_body h1 {
}

div.title_body p {
	padding:20px;
	color:#333333;
}

div.title_body p.title_img {
	padding:0px;
}
/* title bottoms */
div.title_bottom {
	margin-bottom:14px;
	height:6px;/*height21px+menu images height*/
	background:url(../img/parts/title_bottom.gif) no-repeat;
	overflow:hidden;
}
/*****************************************************
	location
*****************************************************/
div.location {
	margin:0px;
	padding-top:15px;
	padding-left:35px;
	font-size:12px;
	background:#EB7E22 url(../img/parts/bk_location.gif) no-repeat;
}
div.location a {
	margin-right:0.3em;
	color:#fff;
	text-decoration:none;
}
div.location a:hover {
	color:#FF0000;
	text-decoration:underline;
}
div.location strong {
	margin-left:0.3em;
	color:#EC3232;
}
/*****************************************************
	submenu
*****************************************************/

div.submenu {
	width:498px;
	margin-bottom:20px;
	clear:both; 
}
div.submenu ul {
	width:498px;
	height:33px;
	padding:11px 0px 0px 20px;
	background:url(../img/parts/bk_submenu.gif) no-repeat;
	overflow:hidden;
}
div.submenu ul li {
	margin-right:20px;
	list-style:none;
	float:left;
}
div.submenu ul li a {
	height:15px;
    text-decoration:none;
	display:block;
	text-indent:-38000px;
}

/* 施工例 */
div.submenu li a.archive { width:55px;background:url(../img/parts/submenu.gif) 0px 0px no-repeat;}
div.submenu li a.archive:hover { background:url(../img/parts/submenu.gif) -187px 0px no-repeat;}
div.archive div.submenu li a.archive,
div.archive div.submenu li a.archive:hover { 
	background:url(../img/parts/submenu.gif) -187px 0px no-repeat;
}
/* 施工例詳細 */
div.submenu li a.archive_syosai { width:79px;background:url(../img/parts/submenu.gif) 0px -19px no-repeat;}
div.submenu li a.archive_syosai:hover { background:url(../img/parts/submenu.gif) -187px -19px no-repeat;}
div.archive_syosai div.submenu li a.archive_syosai,
div.archive_syosai div.submenu li a.archive_syosai:hover { 
	background:url(../img/parts/submenu.gif) -187px -19px no-repeat;
}
/* リフォーム */
div.submenu li a.apartment { width:79px;background:url(../img/parts/submenu.gif) 0px -38px no-repeat;}
div.submenu li a.apartment:hover { background:url(../img/parts/submenu.gif) -187px -38px no-repeat;}
div.apartment div.submenu li a.apartment,
div.apartment div.submenu li a.apartment:hover { 
	background:url(../img/parts/submenu.gif) -187px -38px no-repeat;
}
/* リフォーム相談会 */
div.submenu li a.schedule { width:139px;background:url(../img/parts/submenu.gif) 0px -56px no-repeat;}
div.submenu li a.schedule:hover { background:url(../img/parts/submenu.gif) -187px -56px no-repeat;}
div.schedule div.submenu li a.schedule,
div.schedule div.submenu li a.schedule:hover { 
	background:url(../img/parts/submenu.gif) -187px -56px no-repeat;
}
/* リフォームお問い合わせ */
div.submenu li a.contact { width:175px;background:url(../img/parts/submenu.gif) 0px -78px no-repeat;}
div.submenu li a.contact:hover { background:url(../img/parts/submenu.gif) -187px -78px no-repeat;}
div.contact div.submenu li a.contact,
div.contact div.submenu li a.contact:hover { 
	background:url(../img/parts/submenu.gif) -187px -78px no-repeat;
}


/*****************************************************
	contents body
*****************************************************/
div.contents_body {
	padding-right:10px;
	padding-left:1px;
   /*color:#666666;*/
}
div.contents_body h2 {
	margin-bottom:20px;
	padding-bottom:8px;
	padding-left:25px;
	font-size:130%;
	background:url(../img/parts/bk_h2.gif) left bottom repeat-x;
	color:#e24323;
}
div.contents_body h3 {
	padding-bottom:5px;
	padding-left:20px;
	font-size:100%;
	color:#f7931e;
	background:url(../img/parts/bull_h3.gif) 0px 2px no-repeat;
}
div.contents_body h3 span {
	margin-right:0.5em;
	color:#999;
}
div.contents_body h4 {
	font-size:100%;
}
div.contents_body p {
	margin-bottom:20px;
}
/* 左右余白 */
div.container {
	margin-left:25px;
	margin-right:20px;
}


/* pagetop */
p.pagetop {
	clear:both;
}

p.pagetop a {
	width:138px;
	height:15px;
	margin-right:10px;
	display:block;
	text-indent:-38000px;
	background:url(../img/parts/pagetop.gif) 0px 0px no-repeat;
	float:right;
	
}
p.pagetop a:hover {
	background:url(../img/parts/pagetop.gif) -159px 0px no-repeat;
}


/*****************************************************
 【 footer 】
*****************************************************/
#footer {
	width:796px;
	background:#E47822;
	clear:both;
}
#footer p.copy {
	padding-top:5px;
	padding-bottom:5px;
	color:#fff;
	text-align:center;
	font-size:12px;
}