﻿@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 #808000 ;
	background-color : #fffff0 ;
}

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 : #808000 ;
	text-align : center ;
	position : absolute ;
	left : 0 ;
	top : 0 ;
}

div#header div.header p.logo {
	width : 350px ;
	height : 60px ;
	position : absolute ;
	left : 0 ;
	top : 25px ;
}

div#header div.header p.logo a {
	width : 350px ;
	height : 60px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) 0 -25px ;
	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 : 50px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -700px -30px ;
	display : block ;
}

div#header div.header p.presents {
	width : 205px ;
	height : 25px ;
	position : absolute ;
	left : 400px ;
	top : 65px ;
}

div#header div.header p.presents a {
	width : 205px ;
	height : 25px ;
	text-indent : -9999px ;
	background : url(../img/header_header.gif) -400px -65px ;
	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.main {
	width : 1000px ;
	height : 60px ;
	background : url(../img/header_menu_ul.gif) left top no-repeat ;
}

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

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

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

div#header div.menu ul.main li.products a {
	width : 167px ;
	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.main li.example a {
	width : 167px ;
	height : 50px ;
	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.cost a {
	width : 167px ;
	height : 50px ;
	text-indent : -9999px ;
	background-image : url(../img/header_menu_cost.gif) ;
	background-position : left top ;
	background-repeat : no-repeat ;
	display : block ;
}

div#header div.menu ul.main li.inquiry a {
	width : 164px ;
	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.main li a:hover {
	background-position : 0 -50px ;
}

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

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

div#header div.menu ul.main li ul.sub li a {
	width : 167px ;
	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.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 1px 15px ;
	font-size : 12px ;
	line-height : 1.5em ;
}

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 {
	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.navi_pagetop {
	text-align : right ;
}

div#bottom_navi div.inquiry {
	padding-top : 10px ;
}


/*-- フッター設定 --*/
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 ;
}
