@charset "utf-8";
/* CSS Document */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url("../images/bg.gif") repeat-x top #007200;
	font-family: Osaka, Meiryo, Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	text-align: center;
	font-size: 12px;
	line-height: 190%;
	margin-top: 0px;
	margin-bottom: 10px;
	}
p {
	font-size: 12px;
	line-height: 190%;
	margin-top: 0px;
	margin-bottom: 10px;
	}
.p2 { /* for all table  */
	font-size: 11px;
	line-height: 150%;
	margin: 5px 0 0 0;
	}
b.w1{
	display:block;
	height:1px;
	overflow:hidden;
	margin: 0 1px;
	background: #D7D8C8;
	}
.point_1 {
	padding: 5px 5px 5px 4px;
	font-size: 12px;
	font-weight: bold ;
	background: url(../images/glossy_bg_2.gif) repeat-x top;
	}
.point_2 {
	font-weight: bold ;
	}
.point_3{
	color:#FF6699;
	}
.point_4{
	color: #6699FF /*#3366FF*/;
	}
.point_5{/* for timeTable */
	line-height: 150%;
	padding: 5px 0 5px 0;
	border-top: #fff 1px solid ;
	border-bottom: #ddd 1px solid ;
	margin-bottom: 0px;
	}
.point_6{/* for sidemenu */
	padding: 5px 0 5px 0;
	border-top: #fff 1px solid ;
	border-bottom: #ddd 1px solid ;
	margin-bottom: 0px;
	}
.pd_ht{
	line-height: 150%;
	text-align: center;
	margin-top: 0px;
	padding: 5px 0px;
	background: #ccc ;
	border-right: #fff 15px solid ;
	border-left: #fff 15px solid ;
	}
.pd_ht2{
	line-height: 150%;
	}
.pd_info{
	line-height: 150%;
	padding: 0px 15px;
	color: #666;
	}
.p_foot {
	text-align: center;
	font-size: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #fff;
}
h1 {
	padding: 1px 0px 0px 0px;
	font-size: 15px;
	color: #fff;
	font-weight: bold ;
	/* text-shadow: #fff 2px 2px 2px; */
	position: relative;
	z-index: 1;
	}
.h1_span{
	padding: 1px 0px 0px 0px;
	top: 1px;
	left: 1px;
	color: #336600 ;
	position: absolute;
	z-index: -1;
	}
h2 {
	padding: 1px 0px 0px 0px;
	font-size: 15px;
	color: #fff;
	font-weight: bold ;
	text-shadow: #336600 2px 2px 2px;
	position: relative;
	z-index: 1;
	text-align: center;
	}
.h2_span{
	padding: 1px 0px 0px 0px;
	top: 1px;
	left: 1px;
	color: #358500;
	position: absolute;
	z-index: -1;
	}
.date{ /* for info news date */
	color:#06f;
	}
.info {
	padding: 10px 10px 0px 15px;
	border-bottom: #88d900 1px solid;
	}
.info_2 {
	padding: 0px 0px 0px 15px;
	}

/*.png_bt1 {
   background: url(../images/bt.png) no-repeat top;
   cursor: pointer;
   /*
    Here we apply the fix to just one element.
    You can do the same with CLASS selectors...
   */
/*   behavior: url("../iepngfix.htc");
  }*/


#main {
	width: 900px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	/* opera does not like 'margin:20px auto' */
	background: #fff;
	text-align: center;
	}
#top{
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	border: 0px;
	background: url("../images/top_bg.gif") repeat-x top #fff;
	width: 900px;
	height: 211px;
	}
#content{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 900px;
	}
#footer{
	margin: 0px auto 0px auto;
	padding-top: 0px;
	background: #007200;
	text-align: center;
	width: 900px;
	height: 67px;
	}



.glossymenu{
	margin: 0px;
	padding: 0;
	width: 172px; /*width of menu*/
	/*border: 1px solid #9A9A9A;*/
	/*border-bottom-width: 0;*/
}
.glossymenu a.menuitem{
	background: #999 url(../images/glossy_bg_1.gif) repeat-x bottom left;
	line-height: 160%;
	font-weight: bold;
	font-size: 12px;
	color: #444;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #444;
	}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	}
.glossymenu a.menuitem:hover{
	background-image: url(../images/glossy_bg_2.gif);
	}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: #efefef;
	}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.glossymenu div.submenu ul li{
border-top: #fff 1px solid ;
	border-bottom: 1px solid #ddd;
	}
.glossymenu div.submenu ul li a{
	display: block;
	line-height: 160%;
	font-size: 12px;
	color: #444;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	}
.glossymenu div.submenu ul li a:hover{
	font-weight: bold;
	background: #FFF;
	color: #3366FF;
	}



a.t_menu:link {
	color: #ccc;
	text-decoration: none;
	}
a.t_menu:visited {
	color: #ccc;
	text-decoration: none;
	}
a.t_menu:hover {
	color: #FF6;
	text-decoration: none;
	}
a.t_menu:active {
	color: #FF6;
	text-decoration: none;
	}

a.f_link:link {
	color: #333;
	text-decoration: none;
	}
a.f_link:visited {
	color: #333;
	text-decoration: none;
	}
a.f_link:hover {
	color: #FFC500;
	text-decoration: none;
	}
a.f_link:active {
	color: #FFC500;
	text-decoration: none;
	}

a.pd_link:link {
	color: #06f;
	text-decoration: none;
	}
a.pd_link:visited {
	color: #06f;
	text-decoration: none;
	}
a.pd_link:hover {
	color: #FF0;
	text-decoration: none;
	}
a.pd_link:active {
	color: #FF0;
	text-decoration: none;
	}

a.pd_link2:link {
	color: #06f;
	text-decoration: none;
	}
a.pd_link2:visited {
	color: #06f;
	text-decoration: none;
	}
a.pd_link2:hover {
	color: #FF9900;
	text-decoration: none;
	}
a.pd_link2:active {
	color: #FF9900;
	text-decoration: none;
	}



a.top_link:link {
	color: #000;
	text-decoration: none;
	}
a.top_link:visited {
	color: #000;
	text-decoration: none;
	}
a.top_link:hover {
	color: #06f;
	text-decoration: underline;
	}
a.top_link:active {
	color: #06f;
	text-decoration:  underline;
	}

.page_no { margin: 0px auto;
    padding: 5px 0px 15px;
    background: transparent none repeat scroll 0% 50%;
    text-align: center;
    font-size: 12px;
    font-family: verdana,arial,helvetica,sans-serif;
    color: rgb(153, 153, 153);
    width: 100%;
    height: 20px;
    }

.page_no_on { color: rgb(255, 102, 0);
    text-decoration: none;
    }

.page_no a:link { color: rgb(153, 153, 153);
    text-decoration: none;
    }

.page_no a:visited { color: rgb(153, 153, 153);
    text-decoration: none;
    }

.page_no a:hover { color: rgb(255, 102, 0);
    text-decoration: none;
    }

.page_no a:active { color: rgb(154, 76, 56);
    text-decoration: none;
    }

.td1{ /* for top_menu */
	background: url('../images/t_menu_bg.gif') repeat-x top;
}
.td2{ /* for index.htm */
	border-bottom: #88d900 2px solid;
}
.td3{ /* for pickUp */
	border-right: #999 1px solid ;
	padding: 15px 0px 0px 0px;
}
.td3_2{ /* for pickUp */
	padding: 15px 0px 0px 0px;
}
.td4{ /* for pickUp */
	border-right: #999 1px solid ;
	padding: 0px 0px 0px 0px;
}
.td4_2{ /* for pickUp */
	padding: 0px 0px 0px 0px;
}
.td5{ /* for pickUp */
	border-bottom: #999 1px dotted;
}
.td6{ /* for index.htm */
	background: #88d900 url(../images/hp_bg.jpg) no-repeat;
}
.td7{ /* for index.htm */
	background: #88d900 url(../images/hp_bg2.gif) repeat-x top;
}
.td8{ /* for info_com.htm */
	padding: 5px 10px 8px 15px;
}
.td8_r{ /* for info_com.htm */
	padding: 5px 10px 8px 15px;
	border-right: #C5CAD0 1px solid ;
}
.td8_bg{ /* for info_com.htm */
	background: #efefef;
	padding: 5px 10px 8px 15px;
}
.td8_rbg{ /* for info_com.htm */
	background: #efefef;
	border-right: #C5CAD0 1px solid ;
	padding: 5px 10px 8px 15px;
}
.td9{ /* for info.htm timeTable*/
	background: #efefef;
	padding: 5px 7px 0px 10px;
}
.td10_r{ /* for  */
	border-right: #C5CAD0 1px solid ;
	border-bottom: #C5CAD0 1px solid ;
	border-left: #C5CAD0 1px solid ;
	padding: 5px 10px 8px 15px;
}
.td11{ /* for pd */
	border: #C5CAD0 1px solid ;
	padding: 0px;
	background: #fff;
}
.td12{ /* for pd spec */
	padding: 5px 5px 5px 5px;
}
.td12_r{ /* for pd spec */
	padding: 5px 5px 5px 5px;
	border-right: #C5CAD0 1px solid ;
}
.td12_bg{ /* for pd spec */
	background: #EFEFEF;
	padding: 5px 5px 5px 5px;
}
.td12_rbg{ /* for pd spec */
	background: #EFEFEF;
	border-right: #C5CAD0 1px solid ;
	padding: 5px 5px 5px 5px;
}
.td13{ /* for maker logo */
	width: 670px;
	text-align: center;
}