@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

body {
background: #e1f2d0 url(images/bg.jpg) repeat-y top center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #222;
}
img {
border: none;
}

a {
	text-decoration: none;
	color: #000080;
}
a:visited {
	color: #75B03C;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
}
a:active {
	color: #FF9900;
}
#wrap {
margin: 0 auto;
width: 800px;
}

#header {
padding-left: 15px;
padding-right: 15px;
height:80px;
}
#top-l{
float:left;
width: 310px;
height:79px;
}
#top-c{
display:table;
float:left;
width: 170px;
height:79px;
text-align:center;
}
#top-r{
float:right;
width: 290px;
text-align:right;
height:79px;
}
#header h1 {
	font-size: 12px;
	letter-spacing: -1px;
	padding: 15px 0 0 20px;
	color: #000000;
	font-weight: 100;
}
#header h1 a { 
color: #fff;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #000;
}
#header h2 {
font-size: 19px;
color: #008000;
padding: 5px 0 0 20px;
letter-spacing: -1px;
font-weight: bold;
}

#menu {
height: 30px;
line-height: 30px;
background: #e1f2d0 url(images/menu.jpg) no-repeat;
}
#menu ul {
list-style-type: none;
padding-left: 30px;
float:left;
}
#menu ul li {
float: left;
}
#menu ul li a {
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 600;
font-size: 16px;
color: #fff;
}
#menu ul li a:hover {
color: #000;
text-decoration: none;
}

#content {
background: #e1f2d0 url(images/content.jpg) repeat-y;
padding: 0 20px;
}

.right {
float: right;
width: 570px;
padding-top: 20px;
}
.right p{
text-align: left;
font-size: 14px;
}
.right h1 {
font-size: 16px;
font-weight: bold;
padding-left: 10px;
height: 30px;
line-height: 30px;
color:green;
}

.right h2 {
font-size: 18px;
font-weight: 100;
padding-left: 10px;
height: 30px;
line-height: 30px;
color:white;
background: #fff url(images/contenth2.jpg) no-repeat;
}
.right h2 a:hover {
color: #111;
}
.right h3 {
font-size: 18px;
font-weight: 100;
padding-left: 10px;
height: 30px;
line-height: 30px;
text-align:left;
color:#2539C0;
background: #C6EFF9;
}
.right table {margin-left:auto;margin-right:auto;}
.right td {text-align:center;}

.right td.auto-style1 {
	background-color:#FFFFCC;
}
.right td.auto-style2 {
	text-align:left;
	width:370px;
}
.right td.auto-style3 {
	text-align:center;
    background-color:#75B03C;
    color:white;
}
.right td.auto-style4{
	text-align:center;
	vertical-align:top;
}
.right td.auto-style5{
    width:85px;
	text-align:center;
	background-color:#75B03C;
	color:white;
	font-size:medium；
}

.right i {
	color: #FF9900;
	font-size: 19px;
}
.right hr{
       height: 3px;
	background-color:#FF9900;
	border: none
}
.right h4{
	color: #008000;
	font-size: 17px;
	background: #FFFFCC;
}
.right h5{
	text-align:center;
	color:green;
	font-size:x-large;
}
.right h6{
	text-align:center;
	color:red;
	font-size:x-large;
}

.right apan.sts{
	color: #008000;
}
.chuo{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.style1{
	margin:auto;
	text-align:center;
}
.style2{
	margin:auto;
	text-align:left;
}
.style3{
	margin:auto;
	text-align:right;
}
.g-lft {
   overflow: hidden;
   height: auto;
}
.g-lft img {
   float: left;
   margin: 0 15px 0 0 !important;
   padding: 0 !important;
   border: 0 !important;
}
.g-lft p {
   overflow: hidden;
   height: auto;
}
.topicpath{
	text-align:left;
}
.topicpath ol li {
	display: inline;
	list-style-type: none;
}
.topicpath ol li:after {
	content:">";
}

.left {
float: left;
width: 180px;
padding-top: 10px;
}
.left h2 {
font-size: 18px;
font-weight: 100;
padding-left: 10px;
height: 30px;
line-height: 30px;
background: #fff url(images/contenth2.jpg) no-repeat;
}
.left ul {
padding: 10px 0 15px 20px;
list-style-type: square;
color: #75B03C;
}
.left ul li a {
font-size: 16px;
text-decoration: none;
font-weight: 100;
line-height: 1.5em
}
.left ul li a:hover {

}
.left td {
font-size: 12px;
color: #696969;
}
.left td.auto-style1 {
	background-color: #E1F2D0;
}
.left td.auto-style2 {
	background-color: #FFFFCC;
}


div.kanryo{
	width:160px;
	height:250px;
    overflow:auto;
	margin-left:auto;
	margin-right:auto;
	font-size: 8px;
	line-height: 20px;
	text-align: left;
	}

.footer {
text-align: center;
font-size: 11px;
color: #aaa;
margin-top: 40px;
border-top: 1px dotted #aaa;
padding-top: 10px;
}
.footer a { color: #000000; }
.footer a:hover { color: #111; }

.auto-style01 {
 margin-left: auto;
 margin-right: auto;
 width:97%;
}

.auto-style3 {
	color: #008000;
	font-weight: bold;
}
.auto-style4 {
	color: #000080;
	font-weight: bold;
}
.auto-style5 {
	text-align: center;
	color: #FF0000;
}
.auto-style6 {
	text-align: center;
}
.auto-style7 {
    padding-left:15px;
    padding-right:15px;
}
.lft01 {
font-size: 18px;
font-weight: 100;
padding-left: 10px;
height: 30px;
line-height: 30px;
color:white;
background: #fff url(images/contenth2.jpg) no-repeat;
}
.l {
text-align:left;
}
.style01 {
font-size: 18px;
font-weight:bolder;
height: 30px;
line-height: 30px;
color:#5E4F30;
background:#F3DCB3;
}
.style02 {
font-size: 18px;
font-weight:bold;
height: 30px;
line-height: 30px;
background:#E1F2D0;
}
.style-p{
font-size:x-large;
font-weight:bold;
color:green;
}
.style-p2{
font-size:x-large;
font-weight:bold;
color:red;
}
.style-p3{
font-size:large;
}
.style-p4{
font-size:large;
color:red;
}
.style-p5{
font-size:large;
font-weight:bold;
color:green;
}
/*-----------------------------------*/
.right h1#main_content_title {
    background: url("images/contenth2.jpg") no-repeat scroll 0 0 #FFFFFF;
    color: white;
    font-size: 18px;
    font-weight: 100;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}
.right h1#voice_content_title {
    background: none;
    font-weight: bold;
    margin: 12px 0 -2px;
    padding: 0;
}
#content_bottom{
	line-height:1.2em;
	padding:20px 10px 0 10px;
	margin:20px 0 0 0;
	border-top:1px dotted #AAAAAA;
	}
#content_bottom h2{
	background:#F3DCB3;
	font-size:14px;
	font-weight:bolder;
	color:#5E4F30;
	text-align:left;
	height:22px;
	margin:0;
	padding:0;
	}
#content_bottom p{
	font-size:12px;
	}
/* --- サイトマップエリア --- */
ul.sitemap {
width: 100%; /* サイトマップエリアの幅 */
margin: 0;
padding: 0;
font-weight: bold; /* 一旦全ての文字を太字にする */
list-style-type: none;
font-size: 80%;
color: #2b2b2b;
}

/* --- 入れ子にされたリスト用 --- */
ul.sitemap ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- 全てのリスト項目 --- */
ul.sitemap li {
padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
background: url(images/v_line1.gif) no-repeat left top; /* 1階層目の背景 */
line-height: 120%;
}

/* --- 2階層目のコンテナ --- */
ul.sitemap div.contentNav {
width: 100%; /* コンテナの幅 */
margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
width: 49.9%; /* セクションの幅 */
float: left;
}
ul.sitemap ul.separator {
background: url(images/v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}

/* --- 2階層目以降のリスト項目 --- */
ul.sitemap ul.section li {
margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
background: url(images/v_line4.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
ul.sitemap ul.section ul {
margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li {
margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
background: url(images/triangle5.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
border-bottom: none; /* 3階層目以降の下境界線 上書き */
}

/* --- 4階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li li {
padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
background: url(images/square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}