@charset "UTF-8";
/*----- Reset -----*/
html,
body,
div,p,blockquote,
h1,h2,h3,h4,h5,h6,hr,
table,caption,tbody,tfoot,thead,tr,th,td,
dl,dt,dd,ol,ul,li,
img,
a,
span,
applet,object,iframe,
pre,
small,strike,strong,em,sub,sup,tt,var,
ins,del
{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
font-weight:normal;
background:transparent;
}
table{border-collapse:collapse;border-spacing:0;}
blockquote,q{quotes:none;}
ol,ul{list-style:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/*----- Common -----*/
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.nowrap {white-space: nowrap;}
.clear {clear:both;}
strong {font-weight:bold;}
em {color:#b00;font-style:normal;}

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

/*----- Value -----*/
body {
font-size: 18px;
line-height: 1.4;
}
.contents {background-color: #fff; color: #222;}
.contents h2 {background-color: #177d7b;color: #fff;}
/*----- BODY -----*/
body {
text-align: center;
padding-top: 20px;
}
#header,#main,#footer,#menu {
text-align :left;
}

/*----- SKIP -----*/
#skip {
position: absolute;
top: -1000px;
}

/*----- HEADER -----*/
#header {
position: relative;
background-color: #177d7b;
width: 80%;
min-width: 880px;
max-width: 1020px;
height: 70px;
margin: 0 auto;
text-align :left;
}
#header-e {
position: relative;
background-color: #008c8c;
width: 80%;
min-width: 880px;
max-width: 1020px;
height: 98px;
margin: 0 auto;
text-align :left;
}
#header h1 a,
#main h1 span{
display: block;
position: absolute; top: 23px; left: 20px;
text-indent: -999em;
width:307px;height:45px;
border: none !important;
text-decoration: none;
background-image: url("img/bg-h1.gif") ;
position: relative; top:5px; left:16px;
}

#header p.e_title{
display: block;
text-indent: -999em;
position: absolute; top: 12px; left: 322px;
width:250px;height:36px;
font-size:0%;
line-height:0;
background-image: url("img/bg-e_title.gif") ;
}

#header p.english a{
display: block;
text-indent: -999em;
position: absolute; top: 16px; left: 580px;
width:93px;height:26px;
font-size:0%;
line-height:0;
background-image: url("img/bg-english.gif") ;
}
#header p.english a:hover{background-position: 0px -26px;}


#header p.mode{
display: block;
text-indent: -999em;
position: absolute; top: 7px; right: 30px;
width:108px;height:12px;
font-size:0%;
line-height:0;
background-image: url("img/bg-mode.gif") ;
}

#header ul#switch{
position: absolute; top: 23px; right: 20px;
}
#header ul#switch li{
display:inline;
}
#header ul#switch li a,
#header ul#switch li span{
float: left;
display:block;
text-indent: -999em;
background-image: url("img/bg-switch.gif") ;
font-size:0%;
line-height:0;
border: none;
margin: 0 8px 0 0;
padding: 0;
}
#header ul#switch li.s01 a,#header ul#switch li.s01 span{height:21px; width:21px;}
#header ul#switch li.s02 a,#header ul#switch li.s02 span{height:21px; width:21px;}
#header ul#switch li.s03 a,#header ul#switch li.s03 span{height:21px; width:21px;}
#header ul#switch li.s04 a,#header ul#switch li.s04 span{height:21px; width:41px; margin: 0;}

#header ul#switch li.s01 a{background-position: 0px 0px;}
#header ul#switch li.s02 a{background-position: -21px 0px;}
#header ul#switch li.s03 a{background-position: -42px -21px;}
#header ul#switch li.s04 a{background-position: -63px 0px;}

#header ul#switch li.s01 a:hover{background-position: 0px -21px;}
#header ul#switch li.s02 a:hover{background-position: -21px -21px;}
#header ul#switch li.s03 a:hover{background-position: -42px -21px;}
#header ul#switch li.s04 a:hover{background-position: -63px -21px;}


/*----- MENU -----*/
#menu {
clear: both;
background:transparent;
width: 80%;
min-width: 880px;
max-width: 1020px;
height: 70px;
margin :0 auto;
position: relative; top:-18px;
}
/*----- MENU ul-----*/
#menu ul{
margin: 0 20px 0 20px;
}
#menu ul li{
display:inline;
}
#menu ul li a,
#menu ul li em,
#menu ul li span{
float: left;
display:block;
text-indent: -999em;
background-image: url("img/bg-menu.gif") ;
font-size:0%;
line-height:0;
border: none;
margin: 0 8px 0 0;
padding: 0;
}
#menu ul li.n00 a,#menu ul li.n00 span{height:30px; width:59px;}
#menu ul li.n01 a,#menu ul li.n01 span{height:30px; width:105px;}
#menu ul li.n02 a,#menu ul li.n02 span{height:30px; width:105px;}
#menu ul li.n03 a,#menu ul li.n03 span{height:30px; width:121px;}
#menu ul li.n04 a,#menu ul li.n04 span{height:30px; width:75px;}
#menu ul li.n05 a,#menu ul li.n05 span{height:30px; width:123px;}
#menu ul li.n06 a,#menu ul li.n06 span{height:30px; width:54px;}
#menu ul li.n07 a,#menu ul li.n07 span{height:30px; width:142px; float:right;margin: 0;}

#menu ul li.n00 a{background-position: 0px 0px;}
#menu ul li.n01 a{background-position: -59px 0px;}
#menu ul li.n02 a{background-position: -164px 0px;}
#menu ul li.n03 a{background-position: -269px 0px;}
#menu ul li.n04 a{background-position: -390px 0px;}
#menu ul li.n05 a{background-position: -465px 0px;}
#menu ul li.n06 a{background-position: -588px 0px;}
#menu ul li.n07 a{background-position: -642px 0px;}

#menu ul li.n00 a:hover,body#n00 #menu ul li.n00 a{background-position: 0px -30px;}
#menu ul li.n01 a:hover,body#n01 #menu ul li.n01 a{background-position: -59px -30px;}
#menu ul li.n02 a:hover,body#n02 #menu ul li.n02 a{background-position: -164px -30px;}
#menu ul li.n03 a:hover,body#n03 #menu ul li.n03 a{background-position: -269px -30px;}
#menu ul li.n04 a:hover,body#n04 #menu ul li.n04 a{background-position: -390px -30px;}
#menu ul li.n05 a:hover,body#n05 #menu ul li.n05 a{background-position: -465px -30px;}
#menu ul li.n06 a:hover,body#n06 #menu ul li.n06 a{background-position: -588px -30px;}
#menu ul li.n07 a:hover,body#n07 #menu ul li.n07 a{background-position: -642px -30px;}
body#n07b #menu ul li.n07 a{background-position: -642px -30px;}

/*----- MAIN -----*/
#main {
background-color: #c3ff88;
width: 80%;
min-width: 880px;
max-width: 1020px;
margin :0 auto;
padding: 20px 0 20px 0;
position:relative; top:-48px;
}

/*----- CONTENTS -----*/
.contents {
border: solid 1px #177d7b;
margin: 0 20px 0 20px;
}
.contents.index{
padding-top: 20px;
margin-bottom: 20px;
}
.contents.indexlast{
padding-top: 20px;
}
.contents p{
margin: 0 20px 20px; 20px;
}
.contents.linkbutton{
text-align:center;
}
.contents.linkbutton table{
margin: 0 auto;
}
.contents.linkbutton table td{
line-height: 1.4;
padding: 0 60px 20px 60px;
border: none;
}
.contents table.column {
margin: 0 auto;
}
.contents table.column td{
line-height: 1.4;
padding: 0 60px 20px 60px !important;
border: none !important;
}
.contents table.column td img{
margin-bottom:-20px;
}
.contents ul li{
margin: 0 0 10px 20px;
}
.contents ol li{
margin: 0 0 10px 20px;
}
* html .contents ol li{
margin: 0 0 10px 30px;
}
.contents ol{
margin: 0 20px 20px; 20px;
	list-style-type: decimal;
	text-align: left;
}
.contents ul{
margin: 0 20px 20px; 20px;
	list-style-type: disc;
	text-align: left;
}

.contents p.pr {
	float:right;
	margin: 0;
	padding: 0 20px 20px 20px;
	position: relative;
	top: 1px;
}
.contents p.pl {
	float:left;
	margin: 0;
	padding: 0 20px 20px 20px;
	position: relative;
	top: 1px;
}
.contents table{
margin: 0 20px 20px; 20px;
text-align: left;
}
.contents table.list{
width:90%;
}
.contents table th,
.contents table td {
padding: 4px 6px;
vertical-align:middle;
line-height:150%;
border: 1px solid #dfdfdf;
}
.contents table th {
background-color: #ecf1f7;
white-space:nowrap;
text-align:center;
}
.contents table td ul {
margin:0 0 -8px 0;
}
.contents table td table {
margin:0 30px 0 0;
float: left;
}
.contents table td table td {
white-space: nowrap;
padding: 2px 3px;
border:none;
}
.contents div.map{
text-align:center;
}
.contents div.map table.map{
margin:0 auto;
}
.contents div.map table.map td{
vertical-align:top;
border: none;
}
.contents div.map table.map table.map2{
float:none;
margin-bottom:10px;
margin-right:0px;
}
.contents div.map table.map table.map2 td{
border: 1px solid #dfdfdf;
float:none;
}
#n07b div.contents{
text-align:center;
}
#n07b div.contents table{
margin:0 auto;
}

/*----- H -----*/
.contents h2 {
text-align: left;
font-weight: bold;
font-size:120%;
margin-bottom: 20px;
padding: 12px 16px;
}
.contents h3 {
clear: both;
text-align: center;
font-weight: bold;
color:#c00;
font-size:120%;
margin-bottom: 16px;
}
.contents h4 {
clear: both;
text-align: left;
font-weight: bold;
padding: 10px 0;
margin: 0 20px 20px 20px;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
*+html .contents h4 {clear:none;}
* html .contents h4 {clear: none;} 
.contents br.clr{display:none;}
*+html .contents br.clr{display:inline;clear:both;}
*html .contents br.clr{display:inline;clear:both;}
.contents p.goindex {
clear: both;
text-align: center;
font-weight: bold;
padding: 10px 0;
margin: 0 20px 20px 20px;
border-top: solid 1px #ddd;
}
.contents h5{
margin: 0 20px 5px; 20px;
font-weight: bold;
}
/* hr（clear用） */

.contents hr {
	clear: both;
	visibility: hidden;
	display: block;
	border-width: 0;
	height: 0;
	margin: 0;
}

/*-----  -----*/
#footer {
background:transparent;
width: 80%;
min-width: 880px;
max-width: 1020px;
height: 70px;
margin: 0 auto 0;
}
/*----- FOOTER ul-----*/
#footer ul{
margin: 0 20px 0 20px;
position:relative; top:-48px;
}
* html #footer{
position:relative; top:-48px;
}
#footer ul li{
display:inline;
}
#footer ul li.f01 a{float:left}
#footer ul li.f02 a{float:right}