@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 : #1d3e4e ;
	text-decoration : underline ;
}

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

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

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


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

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

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

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

div#footer {        /*-- フッター --*/
	border-top : solid 2px #008000 ;
	background-color : #f8fff8 ;
}

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

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


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

div#header div.header h1 {
	width : 1000px ;
	height : 20px ;
	font-weight : normal ;
	font-size : 12px ;
	line-height : 20px ;
	color : #008000 ;
	text-align : center ;
	position : absolute ;
	left : 0 ;
	top : 0 ;
}

div#header div.header p.logo {
	width : 260px ;
	height : 70px ;
	position : absolute ;
	left : 0 ;
	top : 20px ;
}

div#header div.header p.logo a {
	width : 260px ;
	height : 70px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) 0 -20px ;
	display : block ;
}

div#header div.header p.inquiry {
	width : 300px ;
	height : 50px ;
	position : absolute ;
	left : 700px ;
	top : 30px ;
}

div#header div.header p.inquiry a {
	width : 300px ;
	height : 70px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -700px -30px ;
	display : block ;
}

div#header div.mainimage {
	margin : 0 auto ;
	width : 1000px ;
	height : 250px ;
}

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

div#header div.menu {
	margin : 0 auto ;
	width : 1000px ;
	height : 60px ;
}

div#header div.menu ul.primary {
	width : 1000px ;
	height : 60px ;
	background : url(../img/header_menu_ul.gif) left top no-repeat ;
}

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

div#header div.menu ul.primary li a.products {
	width : 200px ;
	height : 50px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_products.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.menu ul.primary li a.news {
	width : 200px ;
	height : 50px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_news.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.menu ul.primary li a.company {
	width : 200px ;
	height : 50px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_company.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.menu ul.primary li a.recruit {
	width : 200px ;
	height : 50px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_recruit.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.menu ul.primary li a.inquiry {
	width : 199px ;
	height : 50px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_inquiry.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

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

div#header div.menu ul.primary li ul.secondary {
	position : absolute ;
	left : 0 ;
	top : 50px ;
	display : none ;
}

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

div#header div.menu ul.primary li ul.secondary li a.aircon {
	width : 199px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_aircon.png) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.menu ul.primary li ul.secondary li a.led {
	width : 199px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_led.png) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.menu ul.primary li ul.secondary li a.paint {
	width : 199px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_paint.png) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.menu ul.primary li ul.secondary li a.interphone {
	width : 199px ;
	height : 40px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_interphone.png) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.menu ul.primary li ul.secondary li a:hover {
	background-position : 0 -40px ;
}


/*-- 左カラム設定 --*/
div#left_column div.box {
	margin-bottom : 10px ;
	padding-bottom : 11px ;
	background : url(../img/left_box_bottom.gif) left bottom no-repeat ;
}

div#left_column div.news h2 {
	width : 250px ;
	height : 36px ;
	text-indent : -9999px ;
	background : url(../img/left_news_h2.gif) left top no-repeat ;
}

div#left_column div.news dl {
	border-right : solid 1px #808080 ;
	border-left : solid 1px #808080 ;
	padding : 10px 15px ;
	font-size : 12px ;
	line-height : 18px ;
}

div#left_column div.news dl dd {
	margin-bottom : 10px ;
	margin-left : 0 ;
}

div#left_column div.news p.more {
	border-right : solid 1px #808080 ;
	border-left : solid 1px #808080 ;
	padding : 0 15px 10px 15px ;
	text-align : right ;
	font-size : 12px ;
	line-height : 1.5em ;
}

div#left_column div.site h2 {
	width : 250px ;
	height : 36px ;
	text-indent : -9999px ;
	background : url(../img/left_site_h2.gif) left top no-repeat ;
}

div#left_column div.site ul {
	border-right : solid 1px #808080 ;
	border-left : solid 1px #808080 ;
	padding : 10px 0 ;
	font-size : 12px ;
	line-height : 18px ;
}

div#left_column div.site ul li {
	margin-bottom : 10px ;
	text-align : center ;
	list-style : none ;
}

div#left_column div.site ul li img {
	margin : 0 auto ;
	border : solid 1px #cccccc ;
	display : block ;
}

div#left_column div.company h2 {
	width : 250px ;
	height : 36px ;
	text-indent : -9999px ;
	background : url(../img/left_company_h2.gif) left top no-repeat ;
}

div#left_column div.company h3 {
	border-right : solid 1px #808080 ;
	border-left : solid 1px #808080 ;
	padding : 10px 10px 0 10px ;
	font-size : 14px ;
	line-height : 21px ;
}

div#left_column div.company p {
	border-right : solid 1px #808080 ;
	border-left : solid 1px #808080 ;
	padding : 5px 10px 15px 10px ;
}

div#left_column div.area h2 {
	width : 250px ;
	height : 36px ;
	text-indent : -9999px ;
	background : url(../img/left_area_h2.gif) left top no-repeat ;
}

div#left_column div.area h3 {
	border-right : solid 1px #808080 ;
	border-left : solid 1px #808080 ;
	padding : 10px 10px 0 10px ;
	font-size : 14px ;
	line-height : 21px ;
}

div#left_column div.area p {
	border-right : solid 1px #808080 ;
	border-left : solid 1px #808080 ;
	padding : 5px 10px 15px 10px ;
	font-size : 12px ;
	line-height : 18px ;
}

div#left_column div.inquiry a {
	margin-bottom : 10px ;
	width : 250px ;
	height : 210px ;
	text-indent : -9999px ;
	background-image : url(../img/left_inquiry.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#left_column div.inquiry a:hover {
	background-position : 0 -210px ;
}

div#left_column div.link h2 {
	width : 250px ;
	height : 36px ;
	text-indent : -9999px ;
	background : url(../img/left_link_h2.gif) left top no-repeat ;
}

div#left_column div.link ul {
	border-right : solid 1px #808080 ;
	border-left : solid 1px #808080 ;
	padding : 10px 0 ;
	font-size : 12px ;
	line-height : 18px ;
}

div#left_column div.link ul li {
	margin-bottom : 10px ;
	text-align : center ;
	list-style : none ;
}

div#left_column div.link ul li img {
	margin : 0 auto ;
	border : solid 1px #cccccc ;
	display : block ;
}


/*-- 右カラム設定 --*/
div#right_column div.navi_pagetop {
	text-align : right ;
}


/*-- フッター設定 --*/
div#footer div.footer {
	margin : 0 auto ;
	padding : 10px 0 ;
	width : 1000px ;
}

div#footer div.footer ul {
	padding-bottom : 10px ;
	text-align : center ;
}

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

div#footer div.footer p.copyright {
	font-family : arial ;
	font-size : 12px ;
	line-height : 20px ;
	text-align : center ;
}