﻿
body {
 background-color : #fdfdfd;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 font-size : 12px;
 text-align : center;
 letter-spacing : 0.1em;
}

a img {
 border-style: none;
}
html:lang(zh) {
 font-family: Gothic;
}

h3 {
 font-size : 14px;
}
a:link { text-decoration : none; color : #039; }
a:visited { text-decoration : none; color : #039; }
a:active { text-decoration : underline; color : #f60; }
a:hover { text-decoration : underline; color : #f60; }
a.noline:link { text-decoration : none; }
a.noline:visited { text-decoration : none; }
a.noline:active { text-decoration : none; }
a.noline:hover { text-decoration : none; }

/* ヘッダ 
----------------------------------------------------------------------- */

div#header {
 background-color: #fdfdfd;
 margin : 0px auto 0px auto;
 width : 1020px;
}
div#head {
 margin : 0px auto 0px auto;
 width : 1020px;
 height : 200px;
 background-image : url("../img/top_jp.gif");
}
#head01 {
 margin: 0px 0px 0px 0px;
 padding: 15px 0px 0px 0px;
 float : left;
 width : 350px;
}
#head01 img {
 vertical-align: bottom;
}
div#head02 {
 margin: 0px 0px 0px 0px;
 padding-top : 46px;
 width : 0px;
 float : left;

}
#head02 img {
 vertical-align: bottom;
}
#head03 {
 float: right;
 padding : 40px 0px 0px 0px;
 width : 480px; 
}
head03 img {
 vertical-align: middle;
}
div#head04 {
 margin-left : 0px;
 padding-top : 50px;
 width : 40px;
 float : left;

}
#head04 img {
 vertical-align: bottom;
}
/* メニュー 
----------------------------------------------------------------------- */
div#bar {
 margin : 0px auto 0px auto;
 padding : 0px;
 width : 970px;
}
.bar {
 margin : 0px auto 0px auto;
 padding : 0px;
 text-align : center;
 bordercolordark:#dddddd;
 bordercolorlight:#fdfdfd;
 width : 970px;
 float : left;
}
.bar1 {
 margin-left : auto;
 margin-right : auto;
 padding : 0px;

 text-align : left;
}
.menu	{
	 font-size	 : 12px;
	 display	 : block;
	 color		 : #cc3300;
	 background-color: #f8f8f8;
	 text-align	 : center;
	 text-decoration : none;
	 width		 : 66px;
	 border		 : 0px solid black;
	 padding	 : 2px 4px 2px 4px;
         font-weight     : 500;
	}
.list	{
	 display	 : none;
	 position	 : absolute;
	 color		 : #cc3300;
	 background-color: #f8f8f8;
	 width		 : 88px;
	 border		 : 1px solid #999999;
	}
.item	{
	 font-size	 : 12px;
	 width		 : 100%;
	 text-decoration : none;
	 padding	 : 2px 4px 2px 4px;
	}
a.item:link{
	 color		 : #cc3300;
	}
a.item:visited{
	 color		 : #cc3300;
	}
a.item:hover{
	 color		 : #FF4500;
	 background-color: #f8f8f8;
	}
a.item:active{
	 color		 : #FF4500;
	 background-color: #f8f8f8;
	}
ul.headermenu {
 margin: 0px 0px 0px 0px;
 border-bottom:;
 padding: 0px 0px 0px 0px;
 color: #cc3300;
 background-color: #FDFDFD;
 white-space: nowrap;
 text-align: left;
 font-size: 13px;

}
ul.headermenu li {
 list-style-type:none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
ul.headermenu li.box02{
 text-align : left;
 border-style : dotted;
 border-color : #FDFDFD;
 border-width : 0px 0px 1px 0px;
 padding : 0px 0px 0px 45px;
 margin : 0px 0px 0px 0px; 
 line-height : 1.5;
 list-style : none;
 background : url("../img/menu-1.gif") left bottom;
}
ul.headermenu li.box09{
 background : url("../img/menu-1.gif") left bottom;
}
.box02 a:hover{
 text-align : left;
 border-style : dotted;
 border-color : #FDFDFD;
 border-width : 0px 0px 1px 0px;
 padding : 0px 0px 0px 6px;
 margin : 0px 0px 0px 0px; 

 list-style : none;
 background : url("../img/menu-0.gif") center 50px;
}
.headermenu a {
 padding: 0 0.5em;
 text-decoration: none;
 margin: 0px 0px 0px 0px;
}
.headermenu a:link,
.headermenu a:visited {
 color: #006400;
 font-size: 13px;
 line-height: 25px;
}
.headermenu a:hover,
.headermenu a:active {
 text-decoration: none;
 color: #FF4500;

}
ul.headermenu li.selected {
 margin: 0 0em;
 border: outset 3px #009900;

 padding: 0px;
 color: #009900;
 background-color: #ffffff;
}

/* ▼メイン▼ 
----------------------------------------------------------------------- */
#main_top1{
 margin : 0px auto 0px auto;
 padding : 0px;
 width : 970px;
}
#search_2{
 float : left;
 width:300px;
 background-color:#FDFDFD;
 border : none;
 vertical-align : middle;
 padding: 10px 0px 15px 0px;
 margin: 0px 0px 0px 0px;
 text-align : center;

}
#search_3 {
 float : left;
 padding: 0px 0px 0px 0px;
 margin: 5px 0px 0px 0px;
 vertical-align: middle;
}
#search{
 padding : 0px 0px 0px 0px;
 margin : 5px 0px 8px 0px;
 width : 350px;
 height : 33px;
 text-align : left;
 overflow : hidden;
}
#select{
 margin: 4px 5px 0px 0px;
 width : 100px;
}
#text{
 margin-top : 4px;
 width : 180px;
 margin : 0px 5px 0px 0px;
}
#submit{
 margin-top : 4px;
 width : 40px;
}
/* フッタ
------------------------------------------------------------------------------ */
div#footer {
 clear : both;
 padding : 0px 0px 0px 0px;
 margin : 10px auto 100px auto;
 width : 760px;
 text-align : center;
 color : #999999;
}
/* 印刷用
------------------------------------------------------------------------------ */
@media print {
 div#header ul.headermenu {
 display: none;
 }
}
div#bar {
 margin: 0px 0px 0px 0px;                /* マージン */
 padding: 0px 0px 0px 0px;              /* パディング（ボーダーの内側） */
 height:0px;
 width: 210px;
}


div#bar ul.navigation {
	margin: 0px;
	padding: 0px;
	height: 300px;
	list-style: none;
	overflow:hidden;
	display: inline;
	float: left;
}
.navigation li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 215px;
	height: 30px;
        align:center;
}

.navigation a.a01{
	background-image: url(../img/navijp1.gif);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.navigation a.a01:hover{
	background-image: url(../img/navijp01.gif);
	background-position: left top;
}
.navigation a.a02{
	background-image: url(../img/navijp2.gif);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.navigation a.a02:hover{
	background-image: url(../img/navijp02.gif);
}
.navigation a.a03{
	background-image: url(../img/navijp3.gif);
}
.navigation a.a03:hover{
	background-image: url(../img/navijp03.gif);
}
.navigation a.a04{
	background-image: url(../img/navijp4.gif);
}
.navigation a.a04:hover{
	background-image: url(../img/navijp04.gif);
}
.navigation a.a05{
	background-image: url(../img/navijp5.gif);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.navigation a.a05:hover{
	background-image: url(../img/navijp05.gif);
}
.navigation a.a06{
	background-image: url(../img/navijp6.gif);
}
.navigation a.a06:hover{
	background-image: url(../img/navijp06.gif);
}
.navigation a.a07{
	background-image: url(../img/navijp7.gif);
}
.navigation a.a07:hover{
	background-image: url(../img/navijp07.gif);
}
.navigation a.a08{
	background-image: url(../img/navijp8.gif);
}
.navigation a.a08:hover{
	background-image: url(../img/navijp08.gif);
}
.navigation a.a09{
	background-image: url(../img/navijp9.gif);
}
.navigation a.a09:hover{
	background-image: url(../img/navijp09.gif);
}
.navigation a.a10{
	background-image: url(../img/navijp10.gif);
}
.navigation a.a10:hover{
	background-image: url(../img/navijp010.gif);
}
