﻿@charset "utf-8"; 
*{ margin: 0; padding: 0;
}
body {
	background-color: #FFFFFF;
	color: #333333;
	TEXT-ALIGN: center;
	background-attachment: fixed;
	background-repeat: repeat;
	font-family:"Verdana, 'MS UI Gothic', CICOsaka, Tahoma, Osaka" ;
	line-height:1.5;

}

html>/**/body {
font-size:84%;
} 
a:link {
	text-decoration: none;
	color: #0000FF;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	text-decoration: underline;
		color: #0000FF;
}
a:active {
	text-decoration: none;
	color: #0000FF;
}

div#wrapperBox	{
width: 800px;
padding:0px;
margin: 0px ; 
BORDER : #63bc01 1px solid;
background-color:#FFFFFF; 
position: absolute;
left: 50%;
margin-left: -390px; /* MUST be half the width */
}	
img { 
border:0;
}
.red {
	color: #FF0000;
}

.big_red {
	font-size: 105%;
	font-weight: bold;
	color:red;
}
.tit {
	font-size: 103%;
	font-weight: bold;
	color:red;
}	
.title{
	font-size: 102%;
	font-weight: bold;
}
.bo
{	font-weight: bold;
}

.line {
border-top: 1px #63bc01 dotted;
width:95%;
}

.tw{
height:25px;

} 
.tu{
margin-top: 12px;
margin-bottom:0;
}

h1 {
font-size:130%;
	text-decoration: none;
	line-height: 30px;
	margin-bottom: 4px;
	margin-left: 10px;
	font-weight:bold;
	color:#333333;
}

div#headerBox	{
	width:800px;
	margin:0px;
	padding:0px;	
	}

#headerBox #top{
width:800px;
margin:0px;
height:100px;
	color: #63bc01;
	border-bottom:1px solid #63bc01;
}
#top .lo1 {
margin-top: 0px;
margin-left: 0px;
width:370px;
text-decoration: none;
float: left;
color:#333333;
}

#top .lo2 {
margin-top:5px;
margin-right:5px;
margin-left: 8px;
width:400px;
float: right;
text-decoration: none;
font-size:10pt;
line-height: 18px;
text-align:left;
color:#333333;
}

#top .logo{
font-size:130%;
	text-decoration: none;
	line-height: 30px;
	margin-left: 10px;
}

#top .logo a:link {
	text-decoration: none;
	color:#F5F5F5
}
#top .logo a:visited {
	text-decoration: none;
	color:#F5F5F5
}
#top .logo a:hover {
	text-decoration: underline;
	color:#F5F5F5
}
#top .logo a:active {
	text-decoration: none;
	color:#F5F5F5
}

div#navigationBox	{
	width:auto;
	margin-top:5px;
}
.le{
margin:5px;
}

.ri{
margin-top:5px;
margin-right:5px;

}

div#containerBox	{
	width: 800px;
	text-align:left;
	clear:both;	
	margin-top:5px;
}
div#containerBox:after	{
	height:	0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#mainBox	{
	float: right;
	width: 560px;
	line-height:1.4;
	margin:5px;
}

#F_04 {
width:800px;
border-bottom:1px solid #63bc01;
float:left;
margin-bottom:10px;
line-height:1.6;
}

#F_04 ul{
margin:0;
padding:0;
font-size:10pt;
list-style-type : none; 
float:left;
}
#F_04 li {
	list-style-type:none;
	text-align:center;
display : block;
float:left;
margin-left:15px;
margin-right:15px;
}
#F_04 a{
  color: #333;
  display:block; 
  text-decoration:none;
  	background:url(../image/arrow2.gif) no-repeat;
	background-position:left;
	padding-left:15px;
}
#F_04 a:hover{
  color: red;
    display:block; 
  	background:url(../image/arrow2.gif) no-repeat;
	background-position:left;
	padding-left:15px;
	}

.news {
color: red;
font-weight: bold;
text-align:center;
width:auto;
margin-top:7px;
margin-bottom:0px;
clear:both;
font-size:105%;
}	

#footer {
	font-size:78%;
	margin-top: 10px;
	border-top : #63bc01 1px solid;
	width:100%;
	background-color:#c0ee5c;
	text-align:center;
	line-height:2;
}
#footer  a:link
{
text-decoration: none; 
color:#0000FF;
}
#footer  a:visited
{
text-decoration: none; 
color:#0000FF;
}
#footer  a:active
{
text-decoration: none; 
color:#0000FF;
}
#footer  a:hover
{
text-decoration: underline; 
color:red;
}

#footer #F_02 {
	text-align:center;
}
#footer #F_02 li {
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #333;
}
#footer #F_02 li.F_left {
	border-left:0;
	padding-left:0;
}


hr .gai {
color:#63bc01;
background-color:#63bc01;
border-style:dashed; 
width:90%;
margin-top:6px; 
}

.ha1 {
font-size:130%;
	text-decoration: none;
	line-height: 30px;
	margin-bottom: 8px;
	margin-left: 10px;
	font-weight:bold;
}
.ha1 a:link {
	color:#333
}
.ha1 a:visited   {
	color:#333
}
.ha1 a:active {
	color:#333
}
.ha1 a:hover {
	color:#333
}
.ha2 {
	color:#F5F5F5;
	text-decoration: none;
	line-height: 30px;
	margin-bottom: 8px;
	margin-left: 10px;
}
.ha3 { 
width:90%;
background-color: #63bc01;
font-weight:bold; 
border-right:solid 10px #218c01; 
border-bottom:solid 1px #63bc01;
border-left:solid 10px #218c01 ; 
border-top:solid 1px #63bc01;
font-size:105%;
padding-left:14px;
line-height: 24px;
color:#F5F5F5;
}
.ha4{
	font-weight:bold;
	font-size:103%;
	padding-left: 14px;
	border-top:0px;
	border-right:0px;
	border-left:7px #63bc01 solid;
	border-bottom:1px #63bc01 solid;
	width:90%;
	line-height: 24px;
	margin-top:20px;

}
.ha5{
	color:#F5F5F5;
	font-size: 10pt;
	text-decoration: none;
	line-height: 18px;
		margin-left: 10px;
}
.ha6{
color:#000000;
	font-size: 16px;
	text-decoration: none;
	height:26px;
	margin-bottom:5px;
	
	
}

.ba-1 {
	BORDER-TOP: red 3px solid;
	margin: auto;
}
.ba-2 { border-top: red 2px solid;
margin: auto;
}

.non{
border:0px;
padding:3px;
width:auto;
display:block;
font-size:101%;
font-weight: bold;
margin-left:170px;
}
.non1{
border:0px;
padding:3px;
width:auto;
display:block;
font-size:101%;
font-weight: bold;
margin-left:140px;
}

#top-ta {
text-align:center;
width:250px;
border-collapse: collapse;
border:1px solid #63bc01;
font-size:102%;
margin-left:120px;

}

#top-ta tr
{
border:1px solid #63bc01;
padding:3px;
font-size:102%;
padding-right:30px;
text-align:right;

}
#top-ta td
{
border:1px solid #63bc01;
padding:3px;
font-size:102%;
padding-right:25px;
text-align:right;
}
#top-ta .t {
	text-align:center;
	padding-right:0;
	background-color: #c0ee5c;
	font-size:10pt;
	} 
#top-ta .r {
color:red;
}

.top-ta1 { 
border:1px solid #63bc01;
display:block;
width:350px;
text-align:center;
	background-color: #c0ee5c;
	padding:3px;
	margin-left:70px;
}
.top-ta1a { 
border-left:1px solid #63bc01;
border-right:1px solid #63bc01;
border-bottom:1px solid #63bc01;
display:block;
width:350px;
text-align:center;
padding:3px;
	margin-left:70px;
}

#top-ta2 {
text-align:center;
width:300px;
border-collapse: collapse;
border:1px solid #63bc01;
font-size:102%;
margin-left:100px;

}

#top-ta2 tr
{
border:1px solid #63bc01;
padding:3px;
font-size:102%;
padding-right:30px;
text-align:right;

}
#top-ta2 td
{
border:1px solid #63bc01;
padding:3px;
font-size:102%;
text-align:center;
}
#top-ta2 .t {
	text-align:center;
	padding-right:0;
	background-color: #c0ee5c;
	font-size:10pt;
	} 
#top-ta2 .r {
color:red;
}

.non_no{
border:0px;
padding:3px;
width:auto;
display:block;
font-size:90%;
margin-left:70px;
}

div#subBox	{
	float: left;
	width: 210px;
	margin-left:5px;
}
#leftmenu {
		BORDER: #63bc01 1px solid; 
		PADDING: 0px; 		
		MARGIN-top: 5px; 
		WIDTH: 200px;
		margin-left:4px;
			LIST-STYLE-TYPE: none;  
			font-size:100%;		
	}
#leftmenu a{
display:block;
background:url(../image/box1.gif) no-repeat;
background-position: 0px 5px;
line-height:1.8;
text-decoration:none;
text-align:left;
padding-left: 17px;
COLOR: #218c01; 
LIST-STYLE-TYPE: none;
font-size:100%;	
}

#leftmenu a:hover{
display:block;
color:red; 
line-height:1.8;
text-decoration:none;
text-align:left;
padding-left: 17px;
LIST-STYLE-TYPE: none;
font-size:100%;	
}
#leftmenu UL,li { 
MARGIN-top: 2px;
margin-bottom:2px;
margin-left:2px;
padding-bottom:1px;
LIST-STYLE-TYPE: none; 
font-size:100%;			 
}

#leftmenu1 {
		BORDER: #63bc01 1px solid; 
		PADDING: 0px; 		
		MARGIN-top: 5px; 
		WIDTH: 200px;
		margin-left:4px;
			LIST-STYLE-TYPE: none;  
			font-size:100%;		
	}
#leftmenu1 a{
display:block;
background:url(../image/box1.gif) no-repeat;
background-position: 0px 3px;
line-height:1.8;
text-decoration:none;
text-align:left;
padding-left: 17px;
COLOR: #218c01; 
LIST-STYLE-TYPE: none;
font-size:100%;	
}

#leftmenu1 a:hover{
display:block;
color:red; 
line-height:1.8;
text-decoration:none;
text-align:left;
padding-left: 17px;
LIST-STYLE-TYPE: none;
font-size:100%;	
}
#leftmenu1 UL,li { 
MARGIN-top: 2px;
margin-bottom:2px;
margin-left:2px;
padding-bottom:1px;
LIST-STYLE-TYPE: none; 
font-size:100%;			 
}
#cal{
margin-left:12px;
margin-bottom:0;
}
.ca{
color:#FFBBFF;
margin-left:5px;
margin-right:5px;
font-size:102%;
}

p {
	margin:0 0 10px 0;
	padding:0;
	}

form {
	font-family:"Verdana, 'MS UI Gothic', CICOsaka, Tahoma" ;
	font-size:12px;
	margin:20px;
	padding:10px 20px;
	width:530px;	
	}
	
	form ol {
		list-style:none;
		margin:0;
		padding:0;
		}
		
		form li {
			padding:6px;
			background:#CFFC9E;
			margin-bottom:1px;
			}
		form li #op{
		list-style-type:none;
		margin:0;
		padding:0;
		}
		form label {
			float:left;
			width:98px;
			text-align:right;	
			margin-right:7px;
			color:#218C01;
			line-height:23px; /* This will make the labels vertically centered with the inputs */
			}
			
		form input,
		form textarea {
			margin:2px;
			}
.re{
line-height:1.5;
}
.spe{
margin-left:50px;
}
.mid {
	margin-left: 80px;
}
.cen {
	text-align:center;
}
.rig{
text-align:right;
margin-right:5px;
}
#link { 
float: left;
width: 200px;
text-align:center; 
}
#link a {
text-decoration:none;
}
#link a:hover{
text-decoration:none;
}
#link UL {
	PADDING-bottom: 5px; 	
	MARGIN-bottom: 5px; 
	LIST-STYLE-TYPE: none; 
}
#link LI {
	PADDING-bottom: 5px;
	MARGIN-bottom: 5px;
}

.s1s { 
width:540px;
background-color:#63bc01;
height:24px;
margin-top:8px;
margin-bottom:5px;
padding-top:5px;
font-size: 108%;
font-weight: bold;
color: #FFFFFF;
}
.s1s img{
float:left;
margin-left:8px;
margin-top:-6px;
}
.s1s a {
	text-decoration: none;
	color:#F5F5F5
}
.s1s a:hover {
	text-decoration: underline;
		color: red;
}

.sm {
	font-size:78%;
	font-weight:normal;
	color:#000;
	}

.sho {
	margin-right:20px;
	margin-bottom:10px;
	float:right;
	}

.yo{
margin-left:8px;
background-color:#63bc01;
color:#FFFFFF;
font-size:10px;
width:30px;
float:left;
}


#hor-minimalist-b
{
	margin: 10px;
	width: 490px;
	border-top: 1px solid #ccc;
	text-align:center;
}
#hor-minimalist-b th
{
	padding: 6px 8px;
	border-bottom: 1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding: 6px 8px;
}

#so
{
width:230px;
border-collapse: collapse;
margin-left: 5px;
border:1px solid #ccc;
}

#so tr
{
border:1px solid #ccc;
padding:3px 20px 3px 3px;
text-align:right;
}
#so td
{
border:1px solid #ccc;
padding:3px 20px 3px 3px;
text-align:right;
}
#so-r
{
width:230px;
border-collapse: collapse;
margin-left: 5px;
border:1px solid #ccc;
}

#so-r tr
{
border:1px solid #ccc;
padding:3px 20px 3px 3px;
text-align:right;
}
#so-r td
{
border:1px solid #ccc;
padding:3px 20px 3px 3px;
text-align:right;
}
.so1
{
width:220px;
border-collapse: collapse;
margin-left: 5px;
border:0px;
text-align:right;
padding-right:10px;
}
#so2
{
width:460px;
border-collapse: collapse;
margin: 20px;
border:1px solid #ccc;
}

#so2 tr
{
border:1px solid #ccc;
padding:3px ;

}
#so2 td
{
border:1px solid #ccc;
padding:3px ;

}
.son1
{
	text-align:center;
	background-color: #E8E8E8;
	width: 120px;
}
.son2
{
	text-align:center;
	background-color: #E8E8E8;
	width: 100px;
}
.son3
{
	text-align:center;
	background-color: #E8E8E8;
	width:90px;
	font-size:8pt;
}
.son_no{
border:0px;
padding:3px;
width:auto;
display:block;
font-size:90%;
margin-left:30px;
}
#so3
{
width:250px;
border-collapse: collapse;
margin: 30px;
border:1px solid #ccc;
	text-align:center;
}
#so3 tr
{
border:1px solid #ccc;
padding:3px ;

}
#so3 td
{
border:1px solid #ccc;
padding:3px ;

}


#cyuui
{
width:520px;
border-collapse: collapse;
border:1px solid #999;
line-height:1.9;
}

#cyuui tr
{
border:1px solid #999;
padding:4px;
}
#cyuui td
{
border:1px solid #999;
padding:4px;

}

hr.cyu
{ 
color:#ccc;
background-color:#ccc;
border-style:dashed; 
margin:3px; 
 width:380px;
}
.cyu
{
	text-align:center;
	background-color: #E8E8E8;
	width:100px;
}

.err {
	width:500px;
	line-height:160%;
	margin-left:100px;
	padding:10px 20px;
	font-size:22px;
	font-weight:bold;
}
.err1 {
	text-align: center;
	line-height:130%;
}
.err2 {
margin-left:100px;
	line-height:130%;
}

#gaiyou{
width:400px;
border-spacing:0;
border-collapse:collapse;
padding:3px;
margin:3px;
}
#gaiyou tr td{
height:24px;
width:290px;
border:1px solid #999;
border-spacing:0;
border-collapse:collapse;
padding:3px;
margin:3px;
}
#gaiyou .ga{
width:110px;
text-align:center;
	background-color: #E8E8E8;
}

.tui{
width:400px;
border-spacing:0;
border-collapse:collapse;
padding:3px;
margin:3px;
height:24px;
}
.tui tr td{
width:200px;
border:1px solid #999;
border-spacing:0;
border-collapse:collapse;
padding:3px;
margin:3px;
}


#toku{
width:500px;
border-spacing:0;
border-collapse:collapse;
padding:3px;
margin:3px;
height:24px;
}
#toku tr td{
border:1px solid #999;
border-spacing:0;
border-collapse:collapse;
padding:3px;
margin:3px;
}
#toku .me{
width:130px;
background-color: #E8E8E8;
}
#link5{
	width:490px;

padding:3px;
margin:3px;
}
#link5 tr td{
border:0;
width:160px;
padding:5px;
margin:5px;
text-align:center;
}

.link5{
width:490px;

padding:3px;
margin:3px;
}
.link5 tr td{
border:0;
width:160px;
padding:5px;
margin:5px;
text-align:center;
}

#q
{
	width:auto;
	border-collapse: collapse;
	border:0px;
	font-size:98%;
	padding:2px;
	line-height:1.8;

}

.q
{
	width:40px;
	height:40px;
	background-image:url(../image/q04.gif);
	background-repeat:no-repeat;

}
.qa
{
	background-image:url(../image/a04.gif);
	background-repeat:no-repeat;
margin-left:20px;
			height:40px;
			padding-left:40px;
}
hr.qa1
{ 
color:#63bc01;
background-color:#63bc01;
border-style:dashed; 
width:90%;
margin-top:6px; 
}

#wh{
width:188px;
height:160px;
border:1px solid #CFFC9E;
padding:0;
margin-left:5px;
}
.ww {
border:0;
text-align:center;
background-color:#CFFC9E;
margin:0;
}
.orderi {
	right: 100px;
}
