@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 {        /*-- ヘッダー --*/
}

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

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

div#footer {        /*-- フッター --*/
	clear : both ;
}

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

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


/*-- ヘッダー設定 --*/
div#header div.header {
	margin : 0 auto ;
	width : 960px ;
	height : 105px ;
	position : relative ;
}

div#header div.header h1 {
	width : 610px ;
	height : 20px ;
	font-weight : normal ;
	font-size : 12px ;
	line-height : 20px ;
	text-align : right ;
	position : absolute ;
	left : 350px ;
	top : 0 ;
}

div#header div.header p.logo {
	width : 333px ;
	height : 100px ;
	position : absolute ;
	left : 0 ;
	top : 0 ;
}

div#header div.header p.message {
	width : 246px ;
	height : 56px ;
	position : absolute ;
	left : 350px ;
	top : 40px ;
}

div#header div.header p.address {
	width : 337px ;
	height : 16px ;
	position : absolute ;
	left : 623px ;
	top : 25px ;
}

div#header div.header p.telephone {
	width : 243px ;
	height : 25px ;
	position : absolute ;
	left : 717px ;
	top : 50px ;
}

div#header div.header p.inquiry {
	width : 179px ;
	height : 14px ;
	position : absolute ;
	left : 781px ;
	top : 82px ;
}

div#header div.mainimage {
	height : 320px ;
	background-color : #d0e0d0 ;
}

div#header div.mainimage p {
	margin : 0 auto ;
	width : 960px ;
}

div#header div.menu {
	height : 50px ;
	background-color : #d0c0b0 ;
}

div#header div.menu ul {
	margin : 0 auto ;
	width : 960px ;
	height : 50px ;
	position : relative ;
}

div#header div.menu ul li {
	width : 160px ;
	height : 50px ;
	list-style : none ;
	position : absolute ;
	top : 0 ;
}
div#header div.menu ul li.toppage { left :   0   ;}
div#header div.menu ul li.pruning { left : 160px ;}
div#header div.menu ul li.yearly  { left : 320px ;}
div#header div.menu ul li.flow    { left : 480px ;}
div#header div.menu ul li.faq     { left : 640px ;}
div#header div.menu ul li.inquiry { left : 800px ;}


/*-- コンテンツ設定 --*/
div#contents h2 {
	width : 700px ;
	height : 70px ;
}

div#contents p.description {
	margin : -24px 0 0 105px ;
	height : 24px ;
	font-size : 14px ;
	line-height : 24px ;
	color : #72613d ;
}

div#contents h3 {
	padding : 20px 0 ;
	width : 700px ;
	height : 40px ;
}

div#contents h4 {
	margin : 20px 0 ;
	border-bottom : solid 1px #339933 ;
	border-left : solid 10px #339933 ;
	padding-left : 10px ;
	font-weight : bold ;
	font-size : 16px ;
	line-height : 26px ;
	color : #336633 ;
}

div#contents div#bottom-navi p {
	margin-top : 10px ;
}

div#contents div#bottom-navi p.goto-pagetop {
	text-align : right ;
}


/*-- ナビゲーション設定 --*/
div#navigation div.news {
	margin-bottom : 10px ;
	border : solid 1px #cccccc ;
}

div#navigation div.news dl {
	padding : 10px 10px 5px 10px ;
	font-size : 12px ;
	line-height : 18px ;
}

div#navigation div.news dl dt {
}

div#navigation div.news dl dd {
	margin : 0 ;
	padding-bottom : 5px ;
}

div#navigation div.blog {
	margin-bottom : 10px ;
	border : solid 1px #cccccc ;
}

div#navigation div.blog p.banner {
	padding : 10px 10px 0 10px ;
}

div#navigation div.blog p.banner img {
	margin : 0 auto ;
}

div#navigation div.blog dl {
	padding : 10px 10px 5px 10px ;
	font-size : 12px ;
	line-height : 18px ;
}

div#navigation div.blog dl dt {
}

div#navigation div.blog dl dd {
	margin : 0 ;
	padding-bottom : 5px ;
}

div#navigation div.company {
	margin-bottom : 10px ;
	border : solid 1px #cccccc ;
}

div#navigation div.company div.info {
	padding : 10px ;
}

div#navigation div.company div.info h3 {
	font-size : 14px ;
	line-height : 21px ;
}

div#navigation div.company div.info p {
	padding-top : 2px ;
	font-size : 12px ;
	line-height : 18px ;
}

div#navigation div.area {
	margin-bottom : 10px ;
	border : solid 1px #cccccc ;
}

div#navigation div.area ul {
	padding : 10px ;
}

div#navigation div.area ul li {
	font-size : 12px ;
	line-height : 18px ;
	list-style : none ;
}

div#navigation div.area ul li ul {
	padding : 2px 0 ;
}

div#navigation div.area ul li ul li {
	display : inline ;
}

div#navigation div.area ul li h3 {
	font-size : 14px ;
	line-height : 21px ;
}

div#navigation div.facebook {
	margin-bottom : 10px ;
}


/*-- フッター設定 --*/
div#footer div.menu {
	padding : 10px 0 ;
	background-color : #d0e0d0 ;
}

div#footer div.menu ul {
	text-align : center ;
}

div#footer div.menu ul li {
	display : inline ;
}

div#footer div.copyright {
	background-color : #d0c0b0 ;
}

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