/* commmon css ( english general) */
/* *******************************************
	import
******************************************* */
@import "navicolor.css";

/* *******************************************
	common
******************************************* */

*{
	margin: 0px;
	padding: 0px;
	}
img{
	border: none;
	}
.element-left{
	display: block;
	float: left;
	}
.element-right{
	display: block;
	float:right;
	}
.element-center{
	display: block;
	margin: 0px auto;
	text-align:center;
	}
.tx-indent{
	margin-left: 1.5em;
	}
.floatclear{
	visibility: hidden;
	clear:both;
}
#contents-area{
	background-color:#FFFFFF;
	margin: 0px auto;
	}
#contents-area table{
	text-align: left;
	margin: 0px auto;
	}

/* *******************************************
	font
******************************************* */
body{ 
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #E3E2E2;
	text-align: center;
	}
a{	color: #0000CC;
	text-decoration: underline;
	font-weight: bold;
	}
a:hover{
	color:#00CC00;
	text-decoration: underline;
	font-weight: bold;
	}
a.red{	
	color: #CC0000;
	text-decoration: underline;
	font-weight: bold;
	}
a.red:hover{
	color:#00CC00;
	text-decoration: underline;
	font-weight: bold;
	}
.tx-red{
	color: #CC0000;
	}

/* *******************************************
	list
******************************************* */
ul.list1{
	list-style: none;
	list-style-position:outside;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	}
ul.list2{
	list-style: none;
	list-style-position:outside;
	margin-top: 15px;
	margin-left: 45px;
	margin-bottom: 15px;
	}
ul.list3{
	list-style: disc;
	list-style-position:outside;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	}
ul.list4{
	list-style: disc;
	list-style-position:outside;
	margin-top: 15px;
	margin-left: 45px;
	margin-bottom: 15px;
	}
ul.list5{
	list-style: disc;
	list-style-position:outside;
	margin-top: 15px;
	margin-left: 75px;
	margin-bottom: 15px;
	}
ul.list6{
	list-style: circle;
	list-style-position:outside;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	}
ul.list7{
	list-style: circle;
	list-style-position:outside;
	margin-top: 15px;
	margin-left: 45px;
	margin-bottom: 15px;
	}
ul.list8{
	list-style: circle;
	list-style-position:outside;
	margin-top: 15px;
	margin-left: 75px;
	margin-bottom: 15px;
	}
ul.list3 li{
	margin-bottom: 15px;
	}
ul.list4 li{
	margin-bottom: 15px;
	}
ul.list5 li{
	margin-bottom: 15px;
	}
ul.list6 li{
	margin-bottom: 15px;
	}
ul.list7 li{
	margin-bottom: 15px;
	}
ul.list8 li{
	margin-bottom: 15px;
	}
	
ol.list11{
	list-style-position:outside;
	margin-top: 15px;
	margin-left: 20px;
	margin-bottom: 15px;
	}
ol.list12{
	list-style-position:outside;
	margin-top: 15px;
	margin-left: 45px;
	margin-bottom: 15px;
	}
ol.list13{
	list-style-position:outside;
	margin-top: 15px;
	margin-left: 75px;
	margin-bottom: 15px;
	}
	
ol.list11 li{
	margin-bottom: 15px;
	}
ol.list12 li{
	margin-bottom: 15px;
	}
ol.list13 li{
	margin-bottom: 15px;
	}

/* *******************************************
	table
******************************************* */
.table-general{
	background-color: #FFFFFF;
	border-top: solid 1px #666666;
	border-right: solid 1px #666666;
	}
.table-general th{
	background-color: #333399;
	padding: 5px;
	color: #FFFFFF;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #666666;
	}
.table-general td{
	padding: 5px;
	border-bottom: solid 1px #666666;
	border-left: solid 1px #666666;
	}
.tdcolor1{
	background-color:#f5f5eb;
	}
.tdcolor2{
	background-color:#e3f1c8;
	}
.tdcolor3{
	background-color:#e6e6d2;
	}
.tdcolor4{
	background-color:#dcdcbe;
	}
	

.one-line{
	white-space: nowrap;
	}
.td-center{
	text-align: center;
	}
.td-right{
	text-align: right;
	}
.td-left{
	text-align: left;
	}

.td-top{
	vertical-align: top;
	}
.td-middle{
	vertical-align: middle;
	}
.td-bottom{
	vertical-align: bottom;
	}
/* *******************************************
	header
******************************************* */
#header{
	background-color: #FFFFFF;
	background-image: url(../include/images/bg_header.gif);
	background-repeat: repeat-x;
	padding-bottom: 6px;
	}
#header a{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	}
#header a:hover{
	color: #006600;
	text-decoration: none;
	font-weight: normal;
	}
#header table{
	margin: 0px auto;
	position: relative;
	}
#header h1{
	width: 299px;
	height: 68px;
	margin: 0px 0px 0px 9px;
	float: left;
	}
#logo{
	width: auto;
	float:left;
	}
html>body #logo{
	width: auto;
	float:left;
	position:relative;
	}
div#gototop{
	display:block;
	width: 84px;
	height: 19px;
	position: absolute;
	top: 25px;
	left: 480px;
	}
html>body div#gototop{
	display:block;
	width: 84px;
	height: 19px;
	position:absolute;
	top: 25px;
	left: 470px;
	}
#fontsize-change{
	width: auto;
	margin-top: 13px;
	margin-bottom: 7px;
	text-align:right;
	float: right;
	}
	#fontsize-change-innner{
		margin-bottom: 5px;
		margin-left: 5em;
		}
#font-middle{
	margin-right: 5px;
	margin-left: 5px;
	}
#search-btn{
	width: 70px;
	height: 17px;
	margin-left: 3px;
	}
#english-enter{
	width: auto;
	height: 22px;
	padding-left: 7px;
	padding-right: 5px;
	margin-left: 3px;
	background-image:url(/english/include/images/bg_language_btn.gif);
	background-repeat: repeat-x;
	}
	#english-enter img{
		vertical-align: middle;
		}
.en-general{
	margin-top: 2px;
	margin-left: 10px;
	}
.en-member{
	margin-top: 2px;
	margin-left: 3px;
	}
#sub-navi{
	width: auto;
	margin-top: 2px;
	float:right;
	}
#newslist{
	background-image: url(/english/include/images/bg_header_2.gif);
	background-repeat: repeat-x;
	}
#member-enter{
	padding-top: 10px;
	padding-bottom: 10px;
	}
#newslist p{
	background-color:#FFFFFF;
	height: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	}
html>body #newslist p{
	padding-top: 1px;
	}
#trainbox{
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
/* *******************************************
	global navi
******************************************* */

#navi{
	background-color: #FFFFFF;
	}
#navi-container{
	width: 760px;
	margin: 0px auto;
	}
#navi table{
	width: 760px;
	margin: 0px auto;
	}

#for-navibg{
	width: 760px;
	background-image: url(../include/images/bg_navi.jpg);
	background-position:center;
	}
ul#global-navi{
	width: 760px;

	}
ul#global-navi li{
	display:block;
	}
ul#global-navi a{
	display: block;
	padding-top: 10px;
	padding-bottom: 8px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
ul#global-navi a:hover{
	display: block;
	padding-top: 10px;
	padding-bottom: 8px;
	text-align: center;
	color:#FFFFFF;
	font-weight: bold;
	}
ul#global-navi a.red{
	color: #CC0000;
	}
li.navi-middle{
	width: 127px;
	list-style: none;
	float: left;
	}
li.navi-left{
	width: 126px;
	list-style: none;
	float: left;
	}
li.navi-right{
	width: 126px;
	list-style: none;
	float: left;
	}
li.navi-middle a{
	width: 127px;
	}
li.navi-middle a:hover{
	width: 127px;
	}
li.navi-left a{
	width: 126px;
		}
li.navi-left a:hover{
	width: 126px;
	}
li.navi-right a{
	width: 126px;
	}
li.navi-right a:hover{
	width: 126px;
	}
/*global navi underline*/	
#for_navilower{
	position: relative;
	}
#navi_underline{
	width: 760px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
#navi_underline li{
	display: block;
	width: auto;
	float: left;
	}
#navi_underline img{
	display: block;
	margin: 0px;
	}
	
/* ---------------- navi-lower */

#navi01{
	position: absolute;
	top: 2px;
	left: 0px;
	}
#navi02{
	position: absolute;
	top: 2px;
	left: 127px;
	}
#navi03{
	position: absolute;
	top: 2px;
	left: 254px;
	}
#navi04{
	position: absolute;
	top: 2px;
	left: 381px;
	}
#navi05{
	position: absolute;
	top: 2px;
	left: 508px;
	}
#navi06{
	position: absolute;
	top: 2px;
	/*left: 635px;*/
	left: 634px;
	}

	
/*pulldown list detail*/	
ul.navi-lower{
	width: 125px;
	display: none;
	background-color: #F8F8F8;
	border-bottom: solid 1px #CCCCCC;
	z-index: 1;
	}
ul.navi-lower li{
	display: block;
	width: 120px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(/include/images/bg_lowernavi.gif);
	background-position: top;
	background-repeat: no-repeat;
	border-right: solid 1px #999999;
	text-align: left; 
	}
#navi-container ul.navi-lower li a{
	display:block;
	width: 120px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	padding: 0px;
	}
#navi-container ul.navi-lower li a:hover{
	display: block;
	width: 120px;
	color: #006600;
	font-weight: normal;
	text-decoration: none;
	border: none;
	padding: 0px;
	}
#navi-container ul.navi-lower li a.red{
	display: block;
	width: 120px;
	color: #CC0000;
	font-weight: normal;
	text-decoration: none;
	border: none;
	padding: 0px;
	}
#navi-container ul.navi-lower li a.red:hover{
	display: block;
	width: 120px;
	color: #006600;
	font-weight: normal;
	text-decoration: none;
	border: none;
	padding: 0px;
	}
	
/* *******************************************
	footer
******************************************* */
#footer{
	background-image: url(../include/images/bg_footer.gif);
	background-repeat: repeat-x;
	padding-top: 44px;
	text-align: center;
	}
#footer table{
	margin: 0px auto;
	margin-bottom: 12px;
	text-align: left;
	}
#footer img{
	display: block;
	width: 100px;
	float: left;
	}
#footer div{
	width: 660px;
	float: left;
	}
#footer ul{
	margin-top: 0px;
	list-style: none;
	float: left;
	}
#footer li{
	margin-left: 10px;
	float: left;
	}
#footer p{
	width: 167px;
	height: 14px;
	margin: 0px auto;
	color: #000000;
	}
#footer hr{
	color:#000000;
	background-color:#000000;
	border:none;
	width:100%;
	height:1px;
	margin-bottom: 3px;
	}


/* *******************************************
	top
******************************************* */

/* *******************************************
	print
******************************************* */
@media print{
	body{
	background-color: #ffffff;
	}
	#for-navibg{
	background-image: url(../include/images/bg_navi_p.jpg);
	}
	#navi_underline{
	display: none;
	}
	li.navi-middle{
	width: 126px;
	list-style: none;
	float: left;
	}
	li.navi-middle a{
	width: 126px;
	}
	li.navi-middle a:hover{
	width: 126px;
	}
	#htmlview{
		background-image:url(/english/images/grn-train-s.gif);
		background-repeat: no-repeat;
		}
	#htmlview-top{
		background-image: url(/english/images/train.gif);
		background-repeat:no-repeat;
		}
}