@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------

 フォントサイズの指定はYUI Fontsに基づき
 下記テーブルで指定します

 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|

 ex) 12px
 element {
        font-size: 93%;
 }
 ------------------------------------------------------------*/


a:link {color:#133fc3; text-decoration:none;}
a:visited {color:#133fc3; text-decoration:none;}
a:hover {color:#133fc3; text-decoration:underline;}
a:active {color:#899fe1; text-decoration:underline;}

html{background-image:url(/top_css_js_img/images/background.jpg); background-repeat:repeat-x ;background-position:top; }
body{background-image:url(/top_css_js_img/images/background_top.jpg); background-repeat:no-repeat ;background-position:top center; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}

#container{width:1010px;margin:0 auto;position:relative;}

/* ===header=== / */
#header{width:1000px;height:76px;position:relative;margin:0 auto;}
#header h1{position:absolute;top:22px;left:0;}
#header h1 img{
	width: 299px;height: 49px;
}
#header h2{position:absolute;top:0;left:300px;}
#language_navi{position:absolute;left:884px;top:5px;}
#language_navi li{float:left;;display:block;overflow:hidden;}
ul#language_navi a{height:16px;display:block;background-position: top;}
ul#language_navi .chinese_button a{ background-image:url(/top_css_js_img/images/lan_chinese_button.png);width:43px;margin-right:6px;}
ul#language_navi .english_button a{ background-image:url(/top_css_js_img/images/lan_english_button.png);width:67px;}
ul#language_navi a:hover{background-position:bottom;}
ul#language_navi span{display:none;font-size:1px;}
#search_form{position:absolute;top:54px;left:785px;width:150px;height:17px;font-size:12px;border:1px solid #777;}
/*search画面用*/
.search_form{position:absolute;top:54px;left:785px;width:150px;height:17px;font-size:12px;border:1px solid #777;}
#search_button{position:absolute;left:940px;top:54px;}
/* / ===header=== */

/* ===top navi=== / */
#top_navi{width:1000px; margin:0 auto;}
#top_navi li{float:left;margin-left:1px;}
#top_navi li:first-child{margin-left:0;}
#top_navi li a{width:199px;height:26px; background:url(/top_css_js_img/images/top_navi_bg.png) ;background-position:-500px 0; display:block;text-align:center;}
/*#top_navi li a:hover{background-position:-500px 0 ;}*/
#top_navi li a img{margin-top:6px;}
/* / ===top navi=== */

/* ===sub navi=== / */
#sub_navi{width:1000px;margin:8px auto 0 auto;}
#sub_navi li{float:left;margin-left:1px;margin-bottom:1px;}

#sub_navi li a{width:199px;height:26px; background:url(/top_css_js_img/images/sub_navi_bg.png) ;background-position:right; display:block;text-align:center;}
/*#sub_navi li a:hover{background-position:-400px 0 ;}*/
#sub_navi li a img{margin-top:6px;}
/* / ===sub navi=== */

/* ===footer=== / */
#footer_ctn{width:1000px; margin-top:25px; margin-bottom:25px; padding-top:25px; border-top:1px solid #91b741;}
#footer_ul{float:left;}
#footer_ul li{float:left;font-size:77%;color:#878787;}
#footer_ul li a{color:#878787; text-decoration:underline}
#footer_ul li:before{content: "|";margin:0 7px;}
#footer_ul li:first-child:before{content: ""}
#footer_ctn small{font-size:77%;color:#878787;float:right;}
/* / ===footer=== */



.clearfix:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;  }
.clearfix {overflow:hidden;}

