@charset "utf-8";
/*-- レイアウト設定用スタイルシート（全ページ共通）   --*/
/*-- Copyright (C) 2009-2010, HANIWA, All Rights Reserved. --*/
@import url(./base.css);


/*-- 文字・背景色 --*/
body {
	color : #333333 ;
	background : url(../img/body.jpg) center top repeat-x ;
}


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

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

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

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


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

div#contents {      /*-- コンテンツ部 --*/
}

div#left_column {   /*-- 左カラム --*/
	padding : 20px 0 40px 0 ;
	width : 700px ;
	float : left ;
}

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

div#footer {        /*-- フッター --*/
	border-top : solid 2px #ff7000 ;
	padding-top : 10px ;
	background-color : #ffe0cc ;
}

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

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


/*-- ヘッダー設定 --*/
div#header div.header {
	margin : 0 auto ;
	width : 980px ;
	height : 100px ;
	background : url(../img/header_header.gif) left top no-repeat ;
}

div#header div.header h1 {
	height : 25px ;
	font-size : 12px ;
	line-height : 18px ;
	font-weight : normal ;
	text-align : center ;
	color : #996600 ;
}

div#header div.header p.logo {
	width : 190px ;
	height : 75px ;
	float : left ;
}

div#header div.header p.logo a {
	width : 190px ;
	height : 66px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) 0 -25px no-repeat ;
	display : block ;
}

div#header div.header ul.menu {
	padding-top : 40px ;
	width : 571px ;
	height : 35px ;
	float : right ;
}

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

div#header div.header ul.menu li a.reform {
	width : 135px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -424px -65px no-repeat ;
	display : block ;
}

div#header div.header ul.menu li a.reform:hover {
	width : 135px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -424px -165px no-repeat ;
	display : block ;
}

div#header div.header ul.menu li a.extension {
	width : 46px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -574px -65px no-repeat ;
	display : block ;
}

div#header div.header ul.menu li a.extension:hover {
	width : 46px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -574px -165px no-repeat ;
	display : block ;
}

div#header div.header ul.menu li a.exterior {
	width : 116px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -635px -65px no-repeat ;
	display : block ;
}

div#header div.header ul.menu li a.exterior:hover {
	width : 116px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -635px -165px no-repeat ;
	display : block ;
}

div#header div.header ul.menu li a.company {
	width : 81px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -766px -65px no-repeat ;
	display : block ;
}

div#header div.header ul.menu li a.company:hover {
	width : 81px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -766px -165px no-repeat ;
	display : block ;
}

div#header div.header ul.menu li a.inquiry {
	width : 117px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -862px -65px no-repeat ;
	display : block ;
}

div#header div.header ul.menu li a.inquiry:hover {
	width : 117px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -862px -165px no-repeat ;
	display : block ;
}

div#header div.topimage {
	margin : 0 auto ;
	width : 980px ;
}

div#header div.topimage img {
	display : block ;
}

div#header div.menu {
	margin : 0 auto ;
	width : 980px ;
	height : 55px ;
	background : url(../img/header_menu.gif) left top no-repeat ;
}

div#header div.menu ul.main {
	padding : 6px 0 0 1px ;
	width : 979px ;
	height : 38px ;
}

div#header div.menu ul.main li {
	padding-left : 5px ;
	list-style : none ;
	position : relative ;
	float : left ;
}

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

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

div#header div.menu ul.main li.paint a {
	width : 190px ;
	height : 38px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_paint.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.menu ul.main li.other a {
	width : 190px ;
	height : 38px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_other.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

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

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

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

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

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

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

div#header div.menu ul.main li ul.sub li a {
	width : 190px ;
	height : 40px ;
	text-indent : 0 ;
	background-image : url(../img/header_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#header div.menu ul.main li ul.sub li a:hover {
	background-position : 0 -40px ;
	color : #ffff00 ;
}


/*-- 左カラム設定 --*/
div#left_column div.navi {
	padding-top : 60px ;
	height : 35px ;
}

div#left_column a.navi_example {
	width : 250px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_navi_example.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column a.navi_inquiry {
	width : 250px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_navi_inquiry.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.navi a.toppage {
	width : 250px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_navi_toppage.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
	float : left ;
}

div#left_column div.navi a.pageup {
	width : 250px ;
	height : 35px ;
	text-indent : -9999px ;
	background-image : url(../img/left_navi_pageup.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
	float : right ;
}

div#left_column a.navi_example:hover,
div#left_column a.navi_inquiry:hover,
div#left_column div.navi a:hover {
	background-position : 0 -40px ;
}


/*-- 右カラム設定 --*/
div#right_column div.box {
	margin-bottom : 20px ;
	padding-bottom : 5px ;
	width : 260px ;
	background : url(../img/right_box.gif) center bottom no-repeat ;
}

div#right_column div.news h2 {
	width : 260px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/right_news_h2.gif) left top no-repeat ;
}

div#right_column div.news dl {
	padding : 10px ;
}

div#right_column div.news dl dt {
	font-size : 12px ;
	line-height : 18px ;
}

div#right_column div.news dl dd {
	margin : 0 0 10px 0 ;
	font-size : 12px ;
	line-height : 18px ;
}

div#right_column div.site h2 {
	width : 260px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/right_site_h2.gif) left top no-repeat ;
}

div#right_column div.site p {
	margin : 10px ;
	text-align : center ;
}

div#right_column div.site p a {
	font-size : 12px ;
	line-height : 18px ;
	text-decoration : none ;
	color : #666666 ;
}

div#right_column div.site p a img {
	margin : 0 auto ;
	display : block ;
}

div#right_column div.company h2 {
	width : 260px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/right_company_h2.gif) left top no-repeat ;
}

div#right_column div.company h3 {
	margin : 10px 10px 0 10px ;
	font-size : 14px ;
	line-height : 21px ;
}

div#right_column div.company p {
	margin : 0 10px 10px 10px ;
	font-size : 12px ;
	line-height : 18px ;
}

div#right_column div.company img {
	margin : 0 auto ;
	padding-bottom : 10px ;
	display : block ;
}

div#right_column div.area h2 {
	width : 260px ;
	height : 33px ;
	text-indent : -9999px ;
	background : url(../img/right_area_h2.gif) left top no-repeat ;
}

div#right_column div.area {
	margin-bottom : 20px ;
	padding-bottom : 5px ;
	width : 260px ;
	height : 292px ;
	background : url(../img/right_area.gif) center bottom no-repeat ;
}

div#right_column div.area h3 {
	margin : 10px 10px 0 10px ;
	font-size : 14px ;
	line-height : 21px ;
}

div#right_column div.area p {
	margin : 0 10px 10px 10px ;
	font-size : 12px ;
	line-height : 18px ;
}

div#right_column div.inquiry {
	margin-bottom : 20px ;
}

div#right_column div.inquiry a {
	width : 260px ;
	height : 395px ;
	text-indent : -9999px ;
	background-image : url(../img/right_inquiry.jpg) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#right_column div.inquiry a:hover {
	background-position : -270px 0 ;
}


/*-- フッター設定 --*/
div#footer ul.menu {
	text-align : center ;
}

div#footer ul.menu li {
	font-size : 12px ;
	line-height : 18px ;
	display : inline ;
}

div#footer p.copyright {
	padding : 10px ;
	text-align : center ;
	font-family : Arial ;
	font-size : 12px ;
	line-height : 18px ;
}