/*** for PC Browser ***/
@media (min-width:401px)
{
div#header_outside
{
  background:url(../../../Images/header.jpg) no-repeat left top;
  position: relative;
}

#headertop
{
/*  background:url(../../../Images/header.jpg) no-repeat; */
  background-color:transparent;
  position: relative;
  height:90px;
  width:950px;
  z-index:2;
}
 
#headertop .logo
{
font-size:medium;
left:5px;
position:absolute;
top:35px;
}


#headertop UL
{
  margin:0px;
  padding:0px;
}

#headertop LI
{
  list-style-type:none;
}

#headertop UL  A
{
  text-indent: -9999px;  
  /* ¥*/
  overflow:hidden;
  /* */
  display:block;
cursor: pointer;
}

/*  翻訳  */
#headertop UL#header_guide LI#en
{
left:475px;
position:absolute;
top:5px;
}

#headertop UL#header_guide LI#en A
{
  background:url(../../../Images/english.png) no-repeat;
height:18px;
width:58px;
}

#headertop UL#header_guide LI#zh
{
left:542px;
position:absolute;
top:5px;
}

#headertop UL#header_guide LI#zh A
{
  background:url(../../../Images/chinese2.png) no-repeat;
height:18px;
width:74px;
}

#headertop UL#header_guide LI#ch
{
left:627px;
position:absolute;
top:5px;
}

#headertop UL#header_guide LI#ch A
{
  background:url(../../../Images/shinese.png) no-repeat;
height:18px;
width:74px;
}

#headertop UL#header_guide LI#ko 
{
left:710px;
position:absolute;
top:5px;
}

#headertop UL#header_guide LI#ko A
{
  background:url(../../../Images/korean.png) no-repeat;
height:18px;
width:50px;
}

/*  色変更  */
#headertop UL#header_asp LI#irohenkou
{
top:65px;
left:610px;
position: absolute;
}

#headertop UL#header_asp LI#irohenkou A
{
background:url(../../../Images/color.gif) no-repeat;
height:24px;
width:120px;
}

/*  文字サイズ  */
#headertop UL#fontsize LI#bigger
{
left:710px;
position:absolute;
top:65px;
}

#headertop UL#fontsize LI#bigger A
{
  background:url(../../../Images/size_btn.gif) no-repeat;
height:24px;
width:111px;
}

#headertop UL#fontsize LI#bigger_manual
{
left:825px;
position:absolute;
top:67px;
}

#headertop UL#fontsize LI#bigger_manual A
{
  background:url(../../../Images/size_about.png) no-repeat;
height:20px;
width:117px;
z-index:0;
}

#headertop UL#fontsize LI#typical
{
background:url("../../../Images/orgsize.gif") no-repeat;
left:825px;
position:absolute;
top:65px;
}

#headertop UL#fontsize LI#typical A
{
height:24px;
width:117px;
z-index:1;
}

/*  ヘッダー左サイド  */
.header_leftblock
{
width:200px;
margin:0;
padding:0 0 5px;
background-color: #AEC9E4;
z-index:1;
position: relative;
}

.BrowserSearch 
{
width:180px;
padding:5px 10px 0;
height:25px;
}

.BrowserSearch .TextBox
{
  background:url(../../../Images/search_box.gif) no-repeat;
  position:absolute;
  font-size: medium;
  height: 20px;
  width: 125px;
  padding:2px;
  margin:0;
  border: none 0px transparent;
}

.BrowserSearch .SubmitBtn
{
  background:url(../../../Images/search_btn.gif) no-repeat;
  position:absolute;
  background-color: transparent;
  border: 0 none;
  padding:0;
  margin: 0;
  height: 24px;
  width: 48px;
  text-indent: -9999px;
  cursor: pointer;
  left:143px;
}

UL#header_sub
{
width:200px;
height:20px;
padding:0px;
margin:0;
}

UL#header_sub LI
{
  list-style-type:none;
position: absolute;
}

UL#header_sub A
{
  text-indent: -9999px;  
  /* ¥*/
  overflow:hidden;
  /* */
  display:block;
}

UL#header_sub LI#sitemap
{
left:3px;
}

UL#header_sub LI#sitemap A
{
  background:url(../../../Images/sitemap.png) no-repeat;
height:19px;
width:87px;
}

UL#header_sub LI#sitepo
{
left:92px;
}

UL#header_sub LI#sitepo A
{
  background:url(../../../Images/siteusage.png) no-repeat;
height:19px;
width:104px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#header_outside
{
  background:url(../../../Images/sp_header.jpg) no-repeat;
width:320px;
height:100px;
}

#headertop
{
padding:5px 0 0 5px;
position:relative;
top:25px;
height:30px;
width:150px;
}

#headertop img
{
width:150px;
}

#headertop a.logo
{
background:url(../../../Images/sp_logo.png) no-repeat;
width:182px;
height:32px;
display:block;
}

#headertop a.logo img
{
display:none;
}

#headertop .BrowserSearch
{
padding:0px 5px 5px 10px;
}

#headertop .SubmitBtn,
#headertop .TextBox
{
font-size:16px;
}

#headertop .TextBox
{
width:200px;
}

#headertop .SubmitBtn
{
padding:0;
}

#headertop ul#header_guide,
#headertop ul#fontsize,
#headertop UL#header_asp LI#irohenkou
{
display:none;
}

#headertop #header_sub
{
position:absolute;
left:185px;
top:-10px;
list-style:none;
line-height:1.5;
}

#headertop UL  A
{
  text-indent: -9999px;  
  /* ¥*/
  overflow:hidden;
  /* */
  display:block;
}

UL#header_sub
{
list-style:none;
margin:0;
}

UL#header_sub LI
{
position:relative;
}

UL#header_sub A
{
  text-indent: -9999px;  
  /* ¥*/
  overflow:hidden;
  /* */
  display:block;
}

UL#header_sub LI#sitemap
{
left:230px;
width:87px;
top:-25px;
}

UL#header_sub LI#sitemap A
{
  background:url(../../../Images/sitemap.png) no-repeat;
height:19px;
width:87px;
}

UL#header_sub LI#sitepo2
{
left:210px;
width:105px;
top:8px;
}

UL#header_sub LI#sitepo2 A
{
  background:url(../../../Images/siteusage.png) no-repeat;
height:19px;
width:105px;
}

UL#header_sub LI#sitepo
{
display:none;
}

UL#header_sub LI#sitepo A
{
display:none;
}

.BrowserSearch 
{
width:190px;
padding:0;
height:25px;
position:relative;
top:-5px;
left:5px;
}

.BrowserSearch .TextBox
{
  background:url(../../../Images/search_box.gif) no-repeat;
  position:absolute;
  font-size: 16px;
  height: 20px;
  width: 125px;
  padding:2px;
  margin:0;
  border: none 0px transparent;
}

.BrowserSearch .SubmitBtn
{
/*  background:url(../../../Images/search_btn.gif) no-repeat;*/
  position:absolute;
/*  background-color: transparent;*/
/*  border: 0 none;*/
  padding:0;
  margin: 0;
/*  height: 24px;
  width: 48px;*/
/*  text-indent: -9999px;*/
  cursor: pointer;
  left:133px;
  font-size:16px;
}
}