/*-- レイアウト設定用スタイルシート（全ページ共通）   --*/
/*-- Copyright (C) 2009, HANIWA, All Rights Reserved. --*/

@import url(./base.css);


/*-- 文字・背景色 --*/
body {
	color : #666666 ;
	background : #ffffff ;
}


/*-- アンカー --*/
a:link {
	color : #077d02 ;
	text-decoration : underline ;
}

a:visited {
	color : #077d02 ;
	text-decoration : underline ;
}

a:active {
	color : #400000 ;
	text-decoration : underline ;
}

a:hover {
	color : #cc3333 ;
	text-decoration : underline ;
}


/*-- ページ構成 --*/
div#header {        /*-- ヘッダー --*/
	height : 130px ;
	background : url(../img/header_background.gif) left top repeat-x ;
}

div#contents {      /*-- コンテンツ部 --*/
	margin : 0 auto ;
	width : 1000px ;
	background : url(../img/contents_background.gif) center top repeat-y ;
}

div#left_column {   /*-- 左カラム --*/
	padding : 0 0 0 10px ;
	width : 220px ;
	background : url(../img/left_background_top.gif) right top no-repeat ;
	float : left ;
}

div#right_column {  /*-- 右カラム --*/
	padding : 0 10px 0 0 ;
	width : 750px ;
	float : right ;
}

div#footer {        /*-- フッター --*/
	height : 155px ;
	clear : both ;
	background : url(../img/footer_background.gif) center top repeat-x ;
}

div#analytics {     /*-- アクセス解析 --*/
	display : none ;
}

div.container {     /*-- 横幅・縦幅指定 --*/
	margin : 0 auto ;
	width : 1000px ;
}


/*-- ヘッダー設定 --*/
div#header div.container {
	height : 130px ;
	background : url(../img/header_background_bottom.gif) center bottom no-repeat ;
}

div#header h1 {
	padding : 0 20px ;
	width : 960px ;
	height : 20px ;
	font-weight : normal ;
	font-size : 12px ;
	line-height : 18px ;
}

div#header div.left {
	padding : 23px 0 0 9px ;
	width : 293px ;
	height : 50px ;
	float : left ;
}

div#header div.right {
	margin-top : -20px ;
	width : 680px ;
	height : 130px ;
	float : right ;
	background : url(../img/header_info_background.gif) 150px 30px no-repeat ;
}

div#header div.right img.address {
	margin : 0 0 0 450px ;
	display : block ;
}

div#header div.right ul.menu {
	margin : 0 0 0 341px ;
	width : 339px ;
	height : 31px ;
}

div#header div.right ul.menu li {
	list-style : none ;
	float : left ;
}

div#header div.right ul.menu li a.toppage {
	width : 124px ;
	height : 31px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu.gif) ;
	background-position : 0 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.right ul.menu li a.toppage:hover {
	background-position : 0 -31px ;
}

div#header div.right ul.menu li a.company {
	width : 102px ;
	height : 31px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu.gif) ;
	background-position : -124px 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.right ul.menu li a.company:hover {
	background-position : -124px -31px ;
}

div#header div.right ul.menu li a.inquiry {
	width : 103px ;
	height : 31px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu.gif) ;
	background-position : -226px 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.right ul.menu li a.inquiry:hover {
	background-position : -226px -31px ;
}


/*-- コンテンツ設定 --*/
div#contents img.mainimage {
	padding : 0 10px ;
	display : block ;
}


/*-- メニュー設定 --*/
div#menu {
	width : 1000px ;
	height : 65px ;
	background : url(../img/menu.gif) center top no-repeat ;
}

div#menu ul.main {
	padding : 10px 0 10px 10px ;
	width : 990px ;
	height : 45px ;
}

div#menu ul.main li.toppage,
div#menu ul.main li.link {
	width : 80px ;
	height : 45px ;
	list-style : none ;
	float : left ;
}

div#menu ul.main li.toppage a {
	width : 80px ;
	height : 45px ;
	text-indent : -9999px ;
	background-image : url(../img/menu_toppage.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul.main li.sanitary,
div#menu ul.main li.interior,
div#menu ul.main li.exterior,
div#menu ul.main li.example,
div#menu ul.main li.particularity {
	width : 164px ;
	height : 45px ;
	list-style : none ;
	position : relative ;
	float : left ;
}

div#menu ul.main li.sanitary a {
	width : 164px ;
	height : 45px ;
	text-indent : -9999px ;
	background-image : url(../img/menu_reform_sanitary.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul.main li.interior a {
	width : 164px ;
	height : 45px ;
	text-indent : -9999px ;
	background-image : url(../img/menu_reform_interior.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul.main li.exterior a {
	width : 164px ;
	height : 45px ;
	text-indent : -9999px ;
	background-image : url(../img/menu_reform_exterior.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul.main li.example a {
	width : 164px ;
	height : 45px ;
	text-indent : -9999px ;
	background-image : url(../img/menu_example.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul.main li.particularity a {
	width : 164px ;
	height : 45px ;
	text-indent : -9999px ;
	background-image : url(../img/menu_particularity.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul.main li.link a {
	width : 80px ;
	height : 45px ;
	text-indent : -9999px ;
	background-image : url(../img/menu_link.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#menu ul.main li a:hover {
	background-position : 0 -45px ;
}

div#menu ul.main li ul.sub {
	width : 164px ;
	display : none ;
}

div#menu ul.main li.sanitary ul.sub {
	position : absolute ;
	left : 0 ;
	top : -160px ;			/* サブメニュー1個につき-40px */
}

div#menu ul.main li.interior ul.sub {
	position : absolute ;
	left : 0 ;
	top : -120px ;			/* サブメニュー1個につき-40px */
}

div#menu ul.main li.exterior ul.sub {
	position : absolute ;
	left : 0 ;
	top : -80px ;			/* サブメニュー1個につき-40px */
}

div#menu ul.main li.example ul.sub {
	position : absolute ;
	left : 0 ;
	top : -280px ;			/* サブメニュー1個につき-40px */
}

div#menu ul.main li.particularity ul.sub {
	position : absolute ;
	left : 0 ;
	top : -120px ;			/* サブメニュー1個につき-40px */
}

div#menu ul.main li ul.sub li a {
	width : 164px ;
	height : 40px ;
	text-indent : 0 ;
	background-image : url(../img/menu_sub.png) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	font-weight : bold ;
	text-decoration : none ;
	text-align : center ;
	line-height : 40px ;
	color : #ffffff ;
	display : block ;
}

div#menu ul.main li ul.sub li a:hover {
	background-position : 0 -40px ;
	color : #ffff00 ;
}


/*-- 左カラム設定 --*/
div#left_column img.banner {
	margin : 10px ;
	display : block ;
}

div#left_column div.blog_schedule {
	margin : 10px ;
	width : 200px ;
	height : 60px ;
}

div#left_column div.blog_schedule a {
	width : 200px ;
	height : 60px ;
	text-indent : -9999px ;
	background-image : url(../img/left_button_schedule.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.blog_schedule a:hover {
	background-position : 0 -60px ;
}

div#left_column div.blog_report {
	margin : 10px ;
	width : 200px ;
	height : 240px ;
	background : url(../img/left_background_blog.gif) center center no-repeat ;
}

div#left_column div.blog_report h2 {
	padding : 4px 4px 0 4px ;
	width : 192px ;
	height : 63px ;
}

div#left_column div.blog_report h2 a {
	width : 192px ;
	height : 63px ;
	text-indent : -9999px ;
	background : url(../img/left_h2_blog_report.gif) left top no-repeat ;
	display : block ;
}

div#left_column div.blog_report h3 {
	width : 200px ;
	height : 30px ;
	text-indent : -9999px ;
	background : url(../img/left_h3_blog.gif) 14px 8px no-repeat ;
}

div#left_column div.blog_report div.rss {
	margin : 0 4px 7px 4px ;
	padding : 0 10px ;
	width : 172px ;
	height : 108px ;
	overflow : auto ;
}

div#left_column div.blog_report a.more {
	margin : 0 0 0 59px ;
	width : 127px ;
	height : 19px ;
	text-indent : -9999px ;
	background-image : url(../img/left_button_more.gif) ;
	background-position : 0 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.blog_report a.more:hover {
	background-position : 0 -19px ;
}

div#left_column div.blog_diary {
	margin : 10px ;
	width : 200px ;
	height : 240px ;
	background : url(../img/left_background_blog.gif) center center no-repeat ;
}

div#left_column div.blog_diary h2 {
	padding : 4px 4px 0 4px ;
	width : 192px ;
	height : 63px ;
}

div#left_column div.blog_diary h2 a {
	width : 192px ;
	height : 63px ;
	text-indent : -9999px ;
	background : url(../img/left_h2_blog_diary.gif) left top no-repeat ;
	display : block ;
}

div#left_column div.blog_diary h3 {
	width : 200px ;
	height : 30px ;
	text-indent : -9999px ;
	background : url(../img/left_h3_blog.gif) 14px 8px no-repeat ;
}

div#left_column div.blog_diary div.rss {
	margin : 0 4px 7px 4px ;
	padding : 0 10px ;
	width : 172px ;
	height : 108px ;
	overflow : auto ;
}

div#left_column div.blog_diary a.more {
	margin : 0 0 0 59px ;
	width : 127px ;
	height : 19px ;
	text-indent : -9999px ;
	background-image : url(../img/left_button_more.gif) ;
	background-position : 0 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.blog_diary a.more:hover {
	background-position : 0 -19px ;
}

div#left_column div.magazine {
	margin : 10px ;
	width : 200px ;
	height : 217px ;
	background : url(../img/left_background_magazine.gif) center center no-repeat ;
}

div#left_column div.magazine h2 {
	padding : 4px 4px 0 4px ;
	width : 192px ;
	height : 63px ;
}

div#left_column div.magazine h2 a {
	width : 192px ;
	height : 63px ;
	text-indent : -9999px ;
	background : url(../img/left_h2_magazine.gif) left top no-repeat ;
	display : block ;
}

div#left_column div.magazine h3 {
	width : 200px ;
	height : 30px ;
	text-indent : -9999px ;
	background : url(../img/left_h3_magazine.gif) 14px 8px no-repeat ;
}

div#left_column div.magazine form {
	margin : 0 14px ;
	padding : 5px 0 8px 0 ;
	width : 172px ;
	background-color : #ffffff ;
	text-align : center ;
}

div#left_column div.magazine input.email {
	width : 90px ;
}

div#left_column div.magazine p.caution {
	padding : 1px 14px 5px 14px ;
	font-size : 10px ;
	line-height : 14px ;
	color : #ffffff ;
}

div#left_column div.magazine a.back_no {
	margin : 0 0 0 59px ;
	width : 127px ;
	height : 19px ;
	text-indent : -9999px ;
	background-image : url(../img/left_button_magazine.gif) ;
	background-position : 0 0 ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.magazine a.back_no:hover {
	background-position : 0 -19px ;
}

div#left_column div.banner {
	padding : 20px 10px 10px 10px ;
}

div#left_column div.banner p {
	padding : 0 0 10px 0 ;
	text-align : right ;
}

div#left_column div.banner p a {
	text-decoration : none ;
}

div#left_column div.banner p a:hover {
	text-decoration : underline ;
}

div#left_column div.banner p a img {
	display : block ;
}


/*-- 右カラム設定 --*/
div#right_column h2 {
	width : 750px ;
	height : 40px ;
	text-indent : 24px ;
	font-size : 14px ;
	line-height : 32px ;
	color : #077d02 ;
	background : url(../img/right_h2_empty.gif) left top no-repeat ;
}

div#right_column h3 {
	width : 730px ;
	height : 35px ;
	text-indent : 24px ;
	font-size : 14px ;
	line-height : 32px ;
	color : #d47c1d ;
	background : url(../img/right_h3_empty.gif) left top no-repeat ;
}

div#right_column h4 {
	padding : 4px 0 7px 24px ;
	width : 686px ;
	font-size : 13px ;
	line-height : 19px ;
	background : url(../img/right_h4_empty.gif) left bottom no-repeat ;
}

div#right_column div.button_pagetop {
	padding : 10px ;
	text-align : right ;
}

div#right_column div.button_inquiry {
	padding : 10px ;
	text-align : center ;
}


/*-- フッター設定 --*/
div#footer ul {
	padding : 24px 0 0 0 ;
	height : 42px ;
	text-align : center ;
}

div#footer ul li {
	display : inline ;
}

div#footer div.box {
	margin : 0 auto ;
	width : 980px ;
	height : 89px ;
	background : url(../img/footer_background_box.gif) 0 0 no-repeat ;
}

div#footer div.box div.left {
	padding : 10px ;
	width : 300px ;
	float : left ;
}

div#footer div.box div.left span {
	font-size : 10px ;
	line-height : 14px ;
	display : block ;
}

div#footer div.box div.left strong {
	display : block ;
}

div#footer div.box div.left address {
	font-size : 11px ;
	line-height : 15px ;
	display : block ;
}

div#footer div.box div.right {
	padding : 10px ;
	width : 600px ;
	text-align : right ;
	float : right ;
}

div#footer div.box div.right p {
	padding : 5px 0 0 0 ;
}