body{
	background: url(img/bg_top.gif) #f4f4f4 repeat-y;
	color: #666;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", MS Gothic, Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

html>body{
	font-family: Arial, Helvetica, Verdana, sans-serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", MS Gothic;
}


/* HTML
-------------------------------------------------------------------- */

/* h1-h5
-------------------------------------------------- */
h1{
	float: left;
	margin: 0;
	padding: 0;
}

h2{

}

h3,
#main h4{
	background: url(img/ico_cir_g.gif) no-repeat 0 2px;
	border-bottom: solid 2px #56800d;
	color: #56800d;
	font-size: 12px;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 4px;
}

#Area h4{
	width: 464px;
}

h5{
	color: #56800d;
	font-size: 12px;
	font-weight: bold;
}

/* 
-------------------------------------------------- */

img{
	border: 0;
	vertical-align: top;
}

em{
	font-style: normal;
	font-weight: bold;
}

address{
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
}


/* ID
-------------------------------------------------------------------- */
#Index{
	margin-left: 103px;
	margin-right: auto;
	width: 796px;
}

/* Language
-------------------------------------------------- */

#lang{
	background: url(img/bg_lang.gif);
	color: #fff;
	font-size: 10px;
	height: 20px;
	width: 794px;
}

/* Header
-------------------------------------------------- */

#header{
	background: url(img/img_h1.jpg) no-repeat;
	border-top: solid 1px #fff;
	font-size: 12px;
	width: 794px;
}

#sublink{
	float:right;
	width: 180px;
}

#localmenu{
	background: url(img/bg_head.gif);
	float:right;
}

/* topicpath
-------------------------------------------------- */

#topicpath{
	background: #f4f4f4;
	font-size: 10px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 5px 5px;
	width: 784px;
}

/* container
-------------------------------------------------- */

#container{
	padding: 10px;
}

#container #TopLeft{
	float: left;
	width: 424px;
}

#container #TopRight{
	float: right;
	width: 320px;
}

/* Main
-------------------------------------------------- */

#main{
	background: url(img/bg_cont.gif) repeat-y;
	margin-bottom: 5px;
	padding: 0px 10px 50px 2px;
	width: 790px;
}

#Area{
	margin-left: auto;
	margin-right: auto;
	width: 464px;
}

/* LeftMenu
-------------------------------------------------- */
#LeftMenu{
	float: left;
	margin-top: 0;
	padding-top: 0;
	width: 190px;
}


/* Contents
-------------------------------------------------- */
#Contents{
	float: right;
	width: 600px;
}

#Contents h3{
	background: url(img/bg_cont_h3.gif) 0 bottom repeat-x;
	border: none;
	font-size: 1.8em;
	margin-top: 0px;
	padding-top: 24px;
}

#rel{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin-bottom: 30px;
	width: 464;
}

/* footer
-------------------------------------------------- */
#footer{
	background: url(img/bg_footer.gif) no-repeat #eaeaea;
	margin-left: 102px;
	padding-bottom: 50px;
	width: 796px;
}

/* ID + html
-------------------------------------------------------------------- */
/* lang
-------------------------------------------------- */
#lang ul{
	list-style: none;
	margin: 0;
	padding: 0 0 0 400px;
	width: 350px;
}

#lang ul li{
	background: #99cc00;
	color: #56800d;
	float: left;
	padding: 4px 10px;
	text-align: center;
	width: 50px;
}

/* header
-------------------------------------------------- */
#header #sublink ul{
	color: #fff;
	font-size: 10px;
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

#header #sublink ul li{
	float: left;
	margin-top: 0;
	padding: 5px;
}

#localmenu ul{
	color: #fff;
	font-size: 12px;
	list-style: none;
	margin: 0 0 0 200px;
	padding: 0;
}

#localmenu ul li{
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	float: left;
	margin-top: 10px;
	padding: 2px 15px 8px 15px;
}

 #localmenu li.on{
	background: #363636;
	border-left: none;
	color: #689619;
}

 #localmenu li.onli{
	background: #363636;
	border-left: solid 1px #999;
	color: #689619;
}


/* LeftMenu
-------------------------------------------------- */

#LeftMenu h2{
	background: url(img/bg_left_h2.jpg) no-repeat #fff 0 100%;
	color: #56800d;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-left: -2px;
	padding: 45px 0 20px 10px;
	height: 25px;
}

#LeftMenu img{
	margin-left: 7px;
	margin-bottom: 5px;
}

#LeftMenu ul{
	font-size: 10px;
	list-style: none;
	margin-left: 4px;
	padding-left: 4px;
	width: 160px;
}

#LeftMenu ul li{
	background: url(img/ico_tri_g.gif) no-repeat 1px 5px;
	border-bottom: dashed 1px #a5a5a5;
	margin-bottom: 2px;
	margin-top: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
}

#LeftMenu ul li.on{
	background: url(img/ico_tri_gw.gif) no-repeat #56800d 1px center;
	color: #fff;
}

#LeftMenu ul.lmenu{
}

#LeftMenu ul.lmenu ul{
	margin-left: -10px;
	padding-left: -10px;
	width: 140px;
}

#LeftMenu ul.lmenu ul li{
	background: url(img/ico_tri_g.gif) no-repeat 5px center;
	border-bottom: none;
	padding-left: 15px;
}

#LeftMenu ul.lmenu ul li.on{
	background: url(img/ico_tri_gw.gif) no-repeat #56800d 5px center;
	color: #fff;
}

/* Area
-------------------------------------------------- */
#Area p{
	font-size: 12px;
	line-height: 1.5;
}

#Area table{
	border-top: dashed 1px #ccc;
	font-size: 12px;
}

#Area table tr{
	border-bottom: dashed 1px #ccc;
}

#Area table tr th{
	background: #f5f5f5;
	border-bottom: dashed 1px #ccc;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 120px;
}

#Area table tr td{
	border-bottom: dashed 1px #ccc;
	line-height: 1.5;
}

#Area table.newstable{
	border-top: none;
	margin-bottom: 35px;
	width: 100%;
}

#Area table.newstable td a{
	background: url(img/ico_tri_g.gif) no-repeat 0px 5px;
	padding-left: 15px;
}

#Area table.newstable td{
	border-bottom: none;
	vertical-align: top;
}

#Area hr{
	border-left: none;
	border-right: none;
	border-bottom: dashed 1px #ccc;
	border-top: none;
	margin-top: 40px;
	margin-bottom: 35px;
	padding: 0;
	height: 1px;
}

/* Related
-------------------------------------------------- */

#rel h5{
	background: #f5f5f5;
	margin: 1px 0 0 0;
	padding: 10px;
}

#rel ul{
	font-size: 12px;
	list-style: none;
	margin: 0px;
	padding: 0px 10px 10px;
}

#rel ul li{
	background: url(img/ico_tri_g.gif) no-repeat 0 center;
	padding-left: 10px;
}

#rel .relarea table{
	background: #fff;
	border: solid 1px #ccc;
	font-size: 10px;
	font-weight: bold;
	float: left;
	margin-left: 5px;
	margin-bottom: 1px;
	padding: 5px;
	width: 210px;
}

#rel .relarea table th{
	background: #fff;
	color: #666;
	border-bottom: none;
	padding-bottom: 5px;
	text-align: left;
	width: 100%;
}

#rel .relarea table td{
	border-bottom: none;
	text-align: left;
}

#rel .relarea table td img{
	padding-right: 10px;
}

/* TopRight
-------------------------------------------------- */
#TopRight table{
	margin-bottom: 5px;
	width: 320px;
}

#TopRight table tr{
	background: #f5f5f5;
}

#TopRight table tr td{
	font-size: 10px;
	line-height: 1.6;
}

#TopRight dl{
	margin-top: 10px;
}

#TopRight dl dt{
	background: url(img/ico_tri_gw.gif) no-repeat 3px center #56800d;
	color: #fff;
	font-size: 10px;
	padding-left: 10px;
	width: 70px;
}

#TopRight dl dd{
	font-size: 10px;
	line-height: 1.6;
	margin: 5px 0 10px 0; 
	padding-left: 0;
}

/* footer
-------------------------------------------------- */
#footer a{
	font-size: 10px;
	float: left;
	margin: 10px 10px;
}

#footer address{
	float: right;
	margin-top: 10px;
}

/* ID + class
-------------------------------------------------------------------- */
#lang ul li.on{
	background: url(img/bg_lang.gif);
	color: #fff;
}

#Area .lead{
	color: #56800d;
}

#Area .results{
	border: solid 1px #ccc;
	margin-bottom: 40px;
	padding: 15px;
}

#Area .results table{
	margin-bottom: 15px;
}

#TopLeft p{
	font-size: 12px;
	line-height: 1.5;
}

#Area .box{
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-top: solid 2px #56800d;
	float: left;
	margin-bottom: 10px;
	height: 220px;
	width: 140px;
}

#TopLeft .box{
	background: url(img/box.gif) repeat-y;
	border-top: solid 1px #56800d;
	float: left;
	height: 199px;
	width: 208px;
}

#Area .box{
	margin-left: px;
	margin-right: 10px;
}

#TopLeft .box{
	margin-right: 4px;
}

#Area .box p,
#TopLeft .box p{
	margin: 0;
	padding: 0 10px;
}

#Area .box img{
	border: solid 1px #ccc;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 10px;
	padding:2px;
}

#TopLeft .box img{
	padding: 10px;
}

#Area .box a,
#TopLeft .box a{
	background: url(img/ico_cir_gtri.gif) no-repeat 0  center;
	padding-left: 15px;
}

/* class
-------------------------------------------------------------------- */
.fleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.fright{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.fcenter{
	padding-left: 15%;
	margin-bottom: 10px;
}

.imgCenter{
	text-align: center;
}

.imgMargin{
	margin-right: 60px;
}

.leadnews{
	background: #f5f5f5;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 10px;
	width: 464px;
}

.none{
	margin: 0;
	padding: 0;
}

.sub{
	color: #666;
	font-size: 14px;
}

.rel{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin-bottom: 30px;
	width: 464;
}

.relarea{
	background: #f5f5f5;
	padding-bottom: 10px;
}

.up{
	background: url(img/ico_up.gif) no-repeat 0 center;
	font-size: 10px;
	padding-left: 10px;
	margin-left: 400px;
}

.writer{
	font-size: 12px;
	line-height: 1.3;
	text-align: right;
}

/* class + html
-------------------------------------------------------------------- */
.langlabel img{
	vertical-align: bottom;
}

.rel h5{
	background: #f5f5f5;
	margin: 1px 0 0 0;
	padding: 10px;
}

.relarea p{
	font-size: 12px;
	margin: 0;
	padding: 0px 10px 10px;
}

.rel table{
	background: #fff;
	border: solid 1px #ccc;
	font-size: 10px;
	float: left;
	margin-left: 5px;
	margin-bottom: 1px;
	padding: 5px;
	width: 210px;
}

.rel table th{
	text-align: left;
}

/* class : Link
----------------------------------------------------- */

a:link{
	color: #56800D;
	text-decoration:none;
}

a:visited{
	color: #56800D;
	text-decoration:none;
}

a:hover{
	color: #56800D;
	text-decoration:none;
}

a:active{
	color: #56800D;
	text-decoration:none;
}

#sublink a,
#localmenu a:link{
	color: #fff;
	text-decoration:none;
}

#sublink a,
#localmenu a:visited{
	color: #fff;
	text-decoration:none;
}

#sublink a,
#localmenu a:hover{
	color: #fff;
	text-decoration:none;
}

#sublink a,
#localmenu a:active{
	color: #fff;
	text-decoration:none;
}

#TopRight table tr td a{
	background: url(img/ico_tri_g.gif) no-repeat 0 5px;
	padding-left: 10px;
}

#footer a:link{
	color: #666;
	text-decoration:none;
}


#footer a:visited{
	color: #666;
	text-decoration:none;
}

#footer a:hover{
	color: #666;
	text-decoration:none;
}

#footer a:active{
	color: #666;
	text-decoration:none;
}

/* CSS hack
-------------------------------------------------------------------- */
div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div { display: inline-block; }

/* Hides from IE-mac \*/
* html div { height: 1%; }
div { display: block; }
/* End hide from IE-mac */