@charset "utf-8";

/*--------------------------------------------------common*/
*{
	margin:0;
	padding:0;
}

a { outline: none; }

body{
-webkit-text-size-adjust: 100%;
background-color: #FFF;
color: #000;
font-family:'ＭＳ Ｐゴシック', Osaka,sans-serif;
line-height:1em;

}

li{list-style-type: none;/* text-indent:-9999px;*/}

img{border:0; padding:0; margin:0;}

body{text-align: center; background:#f8f8f8;}
body div {margin: 0 auto;}

#wrap_body{width:820px;background: transparent url(../img/cont_bk.jpg) top left repeat;}
#wrap_head{}

#wrap_main {clear:both;}
#wrap_footer{clear:both;}

.multi_select{
	width:820px;
	margin:0 auto 0 auto;
	text-align:right;
}
.multi_select li{
	display:inline;
}
.multi_select a{
	font-size:12px;
	line-height: 24px;
	text-decoration:none;
	padding:4px;
}
.multi_select a:link{
	color:#999;
	background-color:transparent;
}
.multi_select a:visited{
	color:#999;
	background-color:transparent;
}
.multi_select a:hover{
	color:#fff;
	background-color:#3D9850;
}
.multi_select a:active{
	color:#fff;
	background-color:#3D9850;
}

.forsp{
    text-align: center;
    padding: 1em;
    background-color: #777777;

}
.forsp a{
    color: #fff;
    font-size: 35px;
    line-height: 1.2em;
    font-weight: bold;
}

/*------------------------------ head*/

.attention{
  padding:20px;
  font-size:small;
  background-color: #E1DAC8;
}


#logo{
float:left;
background:url(../img/hs_title.jpg) top left no-repeat;
width:300px;
height:81px;
}
h1 a{
float:left;
text-indent:-9999px;
text-decoration: none;
width:300px;
height:81px;
}

#menu{
float:right;
position:relative;
text-align:left;
background:url(../img/hs_menu.jpg) top left no-repeat;
width:520px;
height:53px;
margin: 0;
}

#menu ul,#menu ul li a{
	position:absolute;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
}

#rekihaku_bo a{top:2px;left:403px;width:116px;height:18px;}
#menu_top a{top:22px;left:12px;width:62px;height:31px;}
#menu_about a{top:22px;left:75px;width:166px;height:31px;}
#menu_sitemap a{top:22px;left:242px;width:90px;height:31px;}
#menu_rekihaku a{top:22px;left:348px;width:167px;height:31px;}

#menu #rekihaku_bo a:hover{background: url(../img/hs_menu_ov.jpg) no-repeat -403px -2px;}
#menu #menu_top a:hover{background: url(../img/hs_menu_ov.jpg) no-repeat -12px -22px;}
#menu #menu_about a:hover{background: url(../img/hs_menu_ov.jpg) no-repeat -75px -22px;}
#menu #menu_sitemap a:hover{background: url(../img/hs_menu_ov.jpg) no-repeat -242px -22px;}
#menu #menu_rekihaku a:hover{background: url(../img/hs_menu_ov.jpg) no-repeat -348px -22px;}


.sub_bar{
  height:9px;
  line-height:9px;
  clear:both;
}
.sub_bar img{
  vertical-align:top;
}

#fla_ticker{
float:right;
height:28px;
}
/*-------------------------------*/
/* other */


.rireki_cnt1,
.rireki_cnt2,
.rireki_cnt3,
.rireki_about{
width:738px;
color: #666666;
font-size:12px;
text-align:left;
margin:10px auto 20px auto;
background-color:#F5F5F5;
padding-left:5px;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

.rireki_cnt1{
border-left: #3399CC solid 10px;
}
.rireki_cnt3{
border-left: #EC8282 solid 10px;
}
.rireki_cnt2{
border-left: #b6a042 solid 10px;
}
.rireki_about{
border-left: #7D9F53 solid 10px;
}

.rireki_cnt1 a,
.rireki_cnt2 a,
.rireki_cnt3 a,
.rireki_about a{
  text-decoration:none;
  color: #666666;
}

.rireki_cnt1 a:link,
.rireki_cnt2 a:link,
.rireki_cnt3 a:link,
.rireki_about a:link{
  color: #666666;
}

.rireki_cnt1 a:visited,
.rireki_cnt2 a:visited,
.rireki_cnt3 a:visited,
.rireki_about a:visited{
  color: #666666;
}

.rireki_cnt1 a:hover,
.rireki_cnt2 a:hover,
.rireki_cnt3 a:hover,
.rireki_about a:hover{
  color: #CC00FF;
  text-decoration:underline;
}



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

.ptop {
float:right;
font-size:12px;
}
.ptop a{
float:right;
color: #999999;
font-size:small;
margin:0 10px 0 0;
}

.ptop a:link{ color:#999999;}
.ptop a:visited{ color:#999999;}
.ptop a:hover{ color: #9900CC;}

.def_link a{ text-decoration:none;}
.def_link a:link{ color: #0000CC;}
.def_link a:visited{ color: #0000CC;}
.def_link a:hover{ color: #CC00FF;text-decoration:underline;}

/*-------------------------------*/
.cl_both{
clear:both;
}

/*-------------------------------*/
.al_cnt{
text-align:center;
}
/*-------------------------------*/
#wrap_footer .bar img{
  vertical-align:text-bottom;
}

#copy {
margin:20px auto 0 auto;
padding-bottom:20px;
}


/*-------------------------------*/
.ticker {
	margin: 0 auto;
	width: 520px;
	height: 28px;
	position:relative;
	float:right;
}
.ticker_cover{
	position:absolute;
	top:0;
	left:0;
	width: 520px;
	height: 28px;
}

.ticker_layout{
	position:absolute;
	top:10px;
	left:0;
	width: 520px;
	height: 28px;
	font-size:12px;
	z-index:1;
	color:#000;
}

#ticker_tex{
	width: 520px;
	overflow:hidden;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	white-space: nowrap;
}

.ticker_layout a{
	color:#000;
	text-decoration:none;
}

.ticker_layout b{
	font-weight:bold;
}

.ticker_layout a:link{
	color:#000;
}
.ticker_layout a:visited{
	color:#000;
}
.ticker_layout a:hover{
	color:#ED6EFF;
}
.ticker_layout a:active{
	color:#ED6EFF;
}

.ti_cover_t{
  position:absolute;
  top:0;
  left:0;
  width:520px;
  height:8px;
}

.ti_cover_l{
  position:absolute;
  top:8px;
  left:0;
  width:4px;
  height:16px;
  z-index:2;
}

.ti_cover_r{
  position:absolute;
  top:8px;
  left:511px;
  width:9px;
  height:16px;
  z-index:3	;
}

.ti_cover_b{
  position:absolute;
  top:24px;
  left:0;
  width:520px;
  height:4px;
}

/*------------------------------------------------------------------ en */
.lang_en{
/*! background-color: #FFF; */
color: #000;
font-family:Arial, Helvetica, sans-serif;
line-height: 1em;
}

#logo_en{
float:left;
background:url(../img/hs_title_en.jpg) top left no-repeat;
width:300px;
height:81px;
}

#menu_en{
float:right;
position:relative;
text-align:left;
background:url(../img/hs_menu_en.jpg) top left no-repeat;
width:520px;
height:53px;
margin: 0;
}

#menu_en ul,#menu_en ul li a{
	position:absolute;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
}

#menu_en #rekihaku_bo a:hover{background: url(../img/hs_menu_en_ov.jpg) no-repeat -403px -2px;}
#menu_en #menu_top a:hover{background: url(../img/hs_menu_en_ov.jpg) no-repeat -12px -22px;}
#menu_en #menu_about a:hover{background: url(../img/hs_menu_en_ov.jpg) no-repeat -75px -22px;}
#menu_en #menu_sitemap a:hover{background: url(../img/hs_menu_en_ov.jpg) no-repeat -242px -22px;}
#menu_en #menu_rekihaku a:hover{background: url(../img/hs_menu_en_ov.jpg) no-repeat -348px -22px;}

/*------------------------------------------------------------------ en */
.lang_ko{
/*! background-color: #FFF; */
color: #000;
font-family:"Malgun Gothic","Yoon Gothic","sans-serif";
line-height: 1em;
}

#logo_ko{
float:left;
background:url(../img/hs_title_ko.jpg) top left no-repeat;
width:300px;
height:81px;
}

#menu_ko{
float:right;
position:relative;
text-align:left;
background:url(../img/hs_menu_ko.jpg) top left no-repeat;
width:520px;
height:53px;
margin: 0;
}

#menu_ko ul,#menu_ko ul li a{
	position:absolute;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
}

#menu_ko #rekihaku_bo a:hover{background: url(../img/hs_menu_ko_ov.jpg) no-repeat -403px -2px;}
#menu_ko #menu_top a:hover{background: url(../img/hs_menu_ko_ov.jpg) no-repeat -12px -22px;}
#menu_ko #menu_about a:hover{background: url(../img/hs_menu_ko_ov.jpg) no-repeat -75px -22px;}
#menu_ko #menu_sitemap a:hover{background: url(../img/hs_menu_ko_ov.jpg) no-repeat -242px -22px;}
#menu_ko #menu_rekihaku a:hover{background: url(../img/hs_menu_ko_ov.jpg) no-repeat -348px -22px;}

/*------------------------------------------------------------------ en */
.lang_zh-CN{
/*! background-color: #FFF; */
color: #000;
font-family:"Microsoft Yahei","PingHei" ,"sans-serif";
line-height: 1em;
}

#logo_zh-CN{
float:left;
background:url(../img/hs_title_zh-CN.jpg) top left no-repeat;
width:300px;
height:81px;
}

#menu_zh-CN{
float:right;
position:relative;
text-align:left;
background:url(../img/hs_menu_zh-CN.jpg) top left no-repeat;
width:520px;
height:53px;
margin: 0;
}

#menu_zh-CN ul,#menu_zh-CN ul li a{
	position:absolute;
	display: block;
	text-decoration: none;
	text-indent:-9999px;
}

#menu_zh-CN #rekihaku_bo a:hover{background: url(../img/hs_menu_zh-CN_ov.jpg) no-repeat -403px -2px;}
#menu_zh-CN #menu_top a:hover{background: url(../img/hs_menu_zh-CN_ov.jpg) no-repeat -12px -22px;}
#menu_zh-CN #menu_about a:hover{background: url(../img/hs_menu_zh-CN_ov.jpg) no-repeat -75px -22px;}
#menu_zh-CN #menu_sitemap a:hover{background: url(../img/hs_menu_zh-CN_ov.jpg) no-repeat -242px -22px;}
#menu_zh-CN #menu_rekihaku a:hover{background: url(../img/hs_menu_zh-CN_ov.jpg) no-repeat -348px -22px;}