﻿/* 全体 div */
div#vMain {
   width:100%;
}
div#vTop {
    left:0px;
    top:0px;
	position:absolute;
	width: 100%;
	height: 138px;
	background-color: #21497B;
	color: #FFFFFF;
	text-align: left;
}
div#vLogo {
	float: left;
	width: 240px;
}

div#vLeft {
	left:0px;
	top:138px;
	position:absolute;
	height: 1500px;
	width: 235px;
	margin: 0 0 0 0;
	background-color: #94B2D6;
	text-align: left;
}

div#vCenter {
	left:236px;
	top:138px;
	position:absolute;
	height: 1500px;
	max-width: 1600px;
	background-color: white;
}
div#vRight {
   float:left;
   width:0px;
   height:500px;
}

/* ロゴ */
div#vTop li a:hover {
    color:white
}
div#vTop li.now a:hover {
    color:white
}
img#iLogo {
    margin: 0 0 0 0;
    width:236px;
    height:137px;
}
img#iTitle {
	margin: 5px 0px 5px 50px;
	width: 297px;
	height: 44px;
}

div#dCopy {
	margin-left: 330px;
	margin: 0 50px 0 0;
	text-align: right;
	font-family : sans-serif;
	font: italic normal normal 80% serif;
	color: #91A7AC;
}

/* トップメニュー */
div#dTop {
	height: 23px;
	background-color: #5279AD;
}
ul#uTop {
	list-style: none;
	margin: 5px 3px 5px 10px;
	padding: 0;
}
ul#uTop li {
	display: inline;
	padding: 10px;
}
ul#uTop li a {
	color: #CCFFFF ;
}
ul#uTop li.now a {
	color: #003300;
	font-weight: bold;
}
div#dTop2 {
	margin-top: 10px;
	float: none;
	height: 15px;
	font-family : sans-serif;
	font: normal normal 80% serif;
	padding-left: 50px;
	text-align: center;
}
div#dTop2 a {
	color: #98CDBD ;
}
div#dTop2 a:hover {
    color:white
}

/* 左のメニュー */
div#vLeft li a:hover{
	color:white
}
div#vLeft li.now a:hover{
	color:white
}
div#dLeft {
	float: left;
}
ul#uLeft {
    width: 235px;
	margin: 3px 3px 0px 10px;
	padding: 0;
}
ul#uLeft li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: none;
}
ul#uLeft li a {
	color: #003366;
	padding: 0 0 0 2px;
}
ul#uLeft li.cld a {
	background-position: left;
	padding: 0 0 0 10px;
	background-image: url('arrows.gif');
	background-repeat: no-repeat;
	margin-left: 10px;
}
ul#uLeft li.cld a:hover {
	background-image: url('arrows_hv.gif');
}
ul#uLeft li.now a {
	color: #003366;
	font-weight: bold;
}

/* 本文 */
/* パンくずリスト */
div#dPan {
	margin-bottom: 10px;
	margin-left: 20px;
}
div#dPan a  {
    color:#009E7B;
}
div#dMain {
	float: inherit;
	margin: 0 10px 0 10px;
	padding: 0;
	display: inline-table;
}
/* PopUp */

div.dvPop {
	width:150px;
	display:none;
	position:absolute;
	margin:0; padding:0;
}
ul.ulPop {
	font-size:10pt;
	text-align: left;
	color:WindowText;
	margin:0; padding:0;
} 
li.liChd, li.liPar {
	display: inline;
	float: left;
	width: 148px;
	height: 22px;
	background-color: #F3F2F0;
	border-color: #EAE8E2;
	border-style: solid;
	border-width: 1px;
	margin: 0px 0px 0px 0px;
	padding-left: 3px;
}
li.liChd a, li.liPar a  {
	display:block;
	width:100%;
	text-decoration:none;
	color:WindowText;
}
li.liChd a:hover,li.liPar a:hover {
	background-color:#5F7B83;
	color:white;
	font-weight:700;
}
li.liPar {
	 background-image:url('../cmn/arrows.gif');
	 background-position:right;
	 background-repeat:no-repeat;	
}
li.liPar a:hover {
	 background-image:url('../cmn/arrows_hv.gif');
	 background-position:right;
	 background-repeat:no-repeat;	
}
