@charset "utf-8";
/*===================================================

	サイト全体の基本設定

====================================================*/

/*----------------------------------------------------
	import
----------------------------------------------------*/
@import url("reset.css");
@import url("print.css");

/*----------------------------------------------------
	基礎、テキストリンクの設定
----------------------------------------------------*/
html,body {
	height: 100%;
}
body {
	font-size: 14px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #001F3C;
}
a:link { /* 通常時 */
	text-decoration: none;
}
a:visited { /* 訪問済 */
	text-decoration: none;
}
a:hover { /* 選択時 */
	text-decoration: underline;
}
a:active { /* アクティブ */
	text-decoration: none;
}

/*----------------------------------------------------
	汎用 id/class
----------------------------------------------------*/
.imgR { /* 画像右寄せ */
	float: right;
	margin: 0 0 5px 5px;
}
.imgL { /* 画像左寄せ */
	float: left;
	margin: 0 5px 5px 0;
}
#banner { /* バナー */
	margin-bottom: 5px;
}
#copy { /* コピーライト */
	font-size: 10px;
	line-height: 2em;
}
a.page_top {
	background: url(../img/page_top.gif);
	text-indent: -9999px;
	display: block;
	height: 19px;
	width: 124px;
	margin-left: 600px;
}
a.page_top:hover {
	background-position: 0 -19px;
}

/*----------------------------------------------------
	#page		全体
----------------------------------------------------*/
#page {
	background: #FFF url(../img/page_bg.gif) repeat-x;
	float: left;
	width: 100%;
}

/*----------------------------------------------------
	#header		ヘッダー
----------------------------------------------------*/
#header {
	margin: auto;
	width: 950px;
	height: 120px;
}
#header h1 {
	background: url(../img/header_h1.gif);
	text-indent: -9999px;
	display: block;
	height: 120px;
	width: 350px;
	float: left;
}
#header h2 {
	background: url(../img/header_h2.gif);
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 240px;
	float: right;
}

/*----------------------------------------------------
	#nav		ナビゲーション
----------------------------------------------------*/
#nav {
	background: url(../img/nav.jpg);
	display: block;
	float: right;
	height: 45px;
	width: 405px;
	border-top: 5px solid #001F3C;
	border-right: 5px solid #001F3C;
}
#nav li {
	float: left;
}
#nav li a,
#nav li samp {
	width: 135px;
	height: 45px;
	text-indent: -9999px;
	display: block;
}
#nav li #reform:hover { background: url(../img/nav.jpg) 0 -45px;}
#nav li #company:hover { background: url(../img/nav.jpg) -135px -45px;}
#nav li #home:hover { background: url(../img/nav.jpg) -270px -45px;}
#nav li #reform.on { background: url(../img/nav.jpg) 0 45px;}
#nav li #company.on  { background: url(../img/nav.jpg) -135px 45px;}
#nav li #home.on  { background: url(../img/nav.jpg) -270px 45px;}

/*----------------------------------------------------
	#contents	コンテンツ
----------------------------------------------------*/
#contents {
	margin: auto;
	width: 950px;
}
#contents #index_info {
	background: url(../img/index_info.jpg);
	display: block;
	height: 85px;
	width: 380px;
	margin: 10px 0;
	padding: 130px 0 0 570px
}
#contents #index_info a {
	text-indent: -9999px;
	background: url(../img/space.gif);
	height: 24px;
	width: 208px;
	display: block;
}
#contents #index_info a:hover {
	background: url(../img/index_info_hover.jpg);
}
	
	/* トップページ変更分 */
	#contents #index_info2 {
		background: url(../img/index_info2.jpg) no-repeat top;
		margin-top: 10px;
	}
	#contents #index_info2 #reform_link {
		padding: 165px 0 0 136px;
		width: 324px;
	}
	#contents #index_info2 #reform_link a {
		text-indent: -9999px;
		height: 32px;
		width: 291px;
		display: block;
	}
	#contents #index_info2 #reform_link a:hover {
		background: url(../img/index_info_hover2.jpg);
	}
	#contents #index_info2 #news {
		padding: 0 10px;
		display: block;
		width: 470px;
	}
	#contents #index_info2 #news dl {
		height: 190px;
		overflow-y: auto;
		margin-top: 25px;
	}
	#contents #index_info2 #news dt {
		border-bottom: 1px solid #333;
		border-left: .5em solid #F33;
		padding-left: .5em;
		margin: .5em .5em .5em 0;
		font-weight: bold;
	}
	#contents #index_info2 #news dt span {
		font-weight: normal;
		font-size: 12px;
	}
	#contents #index_info2 #news dd {
		padding-left: 1em;
	}
	#contents #index_info2 #news dd a {
		text-decoration: underline;
	}
	
	
#contents #reform_info {
	float: left;
	background: url(../img/reform_info_bg.jpg) bottom;
	width: 950px;
	margin: 10px 0;
	padding-bottom: 50px;
}
#contents #reform_info h1 {
	background: url(../img/reform_info_h1.jpg);
	height: 110px;
	font-size: 16px;
	line-height: 1.5em;
	color: #FFF;
	padding: 30px 0 0 250px;
}
#contents #reform_info h2 {
	text-indent: -9999px;
	float: left;
	width: 0;
}
#contents #reform_info h3 {
	line-height: 1.5em;
	float: left;
	padding: 0 7px 0 20px;
	width: 285px;
}
#contents #reform_list {
	float: left;
	width: 950px;
	background: url(../img/reform_list_bottom.gif) no-repeat bottom;
	padding-bottom: 20px;
}
#contents #reform_list ul {
	float: left;
	height: 43px;
	width: 770px;
	background: url(../img/reform_list_header.jpg);
	padding: 62px 0 0 180px;
}
#contents #reform_list li {
	float: left;
	padding-right: 5px;
}
#contents #reform_list li a {
	height: 36px;
	width: 155px;
	text-indent: -9999px;
	display: block;
}
#contents #reform_list li#interior a { background: url(../img/reform_list_header.jpg) 0 36px; }
#contents #reform_list li#exterior a { background: url(../img/reform_list_header.jpg) -155px 36px; }
#contents #reform_list li#barrierfree a { background: url(../img/reform_list_header.jpg) -310px 36px; }
#contents #reform_list li#interior a:hover { background: url(../img/reform_list_header.jpg) -465px 36px; }
#contents #reform_list li#exterior a:hover { background: url(../img/reform_list_header.jpg) -620px 36px; }
#contents #reform_list li#barrierfree a:hover { background: url(../img/reform_list_header.jpg) -775px 36px; }

#contents #reform_list .imgL {
	margin-left: -200px;
}
#contents #reform_list .befor {
	float: left;
	background: #FFF;
	margin: 10px 0;
	padding: 4px;
	border: 1px solid #A87;
}
#contents #reform_list .after {
	background: url(../img/befor_after.gif) no-repeat;
	float: left;
	width: 430px;
	margin: 10px 0;
	padding-left: 110px;
}
#contents #reform_list .after img {
	background: #FFF;
	padding: 4px;
	border: 1px solid #E50;
}
#contents #reform_list div#interior {
	float: left;
	width: 750px;
	background: url(../img/interior_bg.gif);
	padding: 0 0 20px 200px
}
#contents #reform_list div#interior h4 {
	font-size: 16px;
	font-weight: bold;
	color: #B71;
	margin: 20px 0 0;
}
#contents #reform_list div#exterior {
	float: left;
	width: 750px;
	background: url(../img/exterior_bg.gif);
	padding: 0 0 20px 200px
}
#contents #reform_list div#exterior h4 {
	font-size: 16px;
	font-weight: bold;
	color: #168;
	margin: 20px 0 0;
}
#contents #reform_list div#barrierfree {
	float: left;
	width: 750px;
	background: url(../img/barrierfree_bg.gif);
	padding: 0 0 20px 200px
}
#contents #reform_list div#barrierfree h4 {
	font-size: 16px;
	font-weight: bold;
	color: #D55;
	margin: 20px 0 0;
}

#contents #company_menu {
	background: url(../img/company_bottom.gif) no-repeat left bottom;
	line-height: 1.5em;
	float: left;
	width: 442px;
	margin-top: 10px;
	padding: 0 0 20px 30px;
}
#contents #company_menu.L {
	padding-right: 6px;
}
#contents #company_menu h2 {
	text-indent: -9999px;
	height: 40px;
	margin: 0 0 10px -30px;
}
#contents #company_menu h2#company { background: url(../img/company_heder_1.jpg); }
#contents #company_menu h2#business { background: url(../img/company_heder_2.jpg); }
#contents #company_menu h2#licentiate { background: url(../img/company_heder_3.jpg); }

#main {
	float: left;
	width: 735px;
}
#main #reform_menu {
	background: url(../img/riform_menu.jpg);
	height: 267px;
	width: 735px;
}
#main #reform_menu li {
	float: left;
}
#main #reform_menu li a {
	background: url(../img/space.gif);
	text-indent: -9999px;
	display: block;
	font-size: 0;
}
#main #reform_menu #interior { width: 388px; padding: 64px 0 0  22px; }
#main #reform_menu #interior #all { height: 87px; width: 388px; }
#main #reform_menu #interior #bathroom { height: 84px; width: 128px; margin: 10px 2px 0 0; float: left; }
#main #reform_menu #interior #toilet { height: 84px; width: 128px; margin: 10px 2px 0 0; float: left; }
#main #reform_menu #interior #kitchen { height: 84px; width: 128px; margin: 10px 0 0; float: left; }
#main #reform_menu #interior #all:hover { background: url(../img/riform_menu.jpg) 0 -270px; }
#main #reform_menu #interior #bathroom:hover { background: url(../img/riform_menu.jpg) 0 -360px; }
#main #reform_menu #interior #toilet:hover { background: url(../img/riform_menu.jpg) -130px -360px; }
#main #reform_menu #interior #kitchen:hover { background: url(../img/riform_menu.jpg) -260px -360px; }

#main #reform_menu #exterior { width: 300px; padding: 61px 0 0  11px; }
#main #reform_menu #exterior a { height: 93px; width: 300px; }
#main #reform_menu #exterior a:hover { background: url(../img/riform_menu.jpg) -390px -270px; }

#main #reform_menu #barrierfree { width: 300px; padding: 4px 0 0  11px; }
#main #reform_menu #barrierfree a { height: 93px; width: 300px; }
#main #reform_menu #barrierfree a:hover { background: url(../img/riform_menu.jpg) -390px -365px; }

#sub {
	float: right;
	width: 200px;
}

/*----------------------------------------------------
	#footer		フッター
----------------------------------------------------*/
#footer {
	float: right;
	width: 100%;
	background: url(../img/footer_bg.jpg) repeat-x;
	color: #FFF;
	padding-top: 10px;
}
#footer #info {
	background: url(../img/footer_mail.jpg) no-repeat 0 -50px;
	margin: auto;
	width: 950px;
	height: 90px;
}
#footer #info a {
	display: block;
	height: 50px;
	width: 255px;
	text-indent: -9999px;
	float: left;
	margin: 35px 20px 0 266px;
}
* html #footer #info a {
	margin: 35px 10px 0 133px;
}
#footer #info a:hover {
	background: url(../img/footer_mail.jpg);
}
#footer #info h2 {
	float: right;
	width: 400px;
	padding-top: 45px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
}
#footer #info h3 {
	float: right;
	width: 400px;
	text-align: left;
	font-size: 11px;
}
#footer #copy {
	margin: auto;
	width: 890px;
}