@charset "UTF-8";

/* *****************************************************
Contents ---------------
01: LayerHeader
------------------------
***************************************************** */

/* *****************************************************
LayerHeader
***************************************************** */
#LayerHeader
{
 width: auto;
 height: 152px;
 padding: 0;
 margin: 0;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ecf6ec), color-stop(0.00, #ffffff));
 background: -webkit-linear-gradient(top, #ffffff 0%, #ecf6ec 100%);
 background: -moz-linear-gradient(top, #ffffff 0%, #ecf6ec 100%);
 background: -o-linear-gradient(top, #ffffff 0%, #ecf6ec 100%);
 background: -ms-linear-gradient(top, #ffffff 0%, #ecf6ec 100%);
 background: linear-gradient(top, #ffffff 0%, #ecf6ec 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff, endcolorstr=#ecf6ec, gradienttype=0);
}

#AreaHead
{
 width: 900px;
 height: 117px;
 margin: 0 auto;
}

/* -----------------------------------------------------
HeaderLeft
----------------------------------------------------- */
#HeaderLeft
{
 float: left;
 width: 190px;
 height: auto;
}

#IdLogo
{
 width: 175px;
 height: 29px;
 margin: 44px 0 0 15px;
 font-size:1px;
 line-height: 29px;
}

#IdLogo a {
  display: block;
}

/* -----------------------------------------------------
HeaderRight
----------------------------------------------------- */
#HeaderRight
{
 position: relative;
 float: right;
 width: 546px;
 height: auto;
 margin: 0 14px 0 0;
}

#HeaderRight:after
{
 clear: both;
 margin: 0;
 height: 0;
 content: ".";
 display: block;
 visibility: hidden;
}

#HeaderRight a
{
 font-size: 12px;
 line-height: 16px;
}

/* -----------------------------------------------------
IdHeaderLink
----------------------------------------------------- */
#IdHeaderLink
{
 float: right;
 width: 279px;
 height: 43px;
 margin: 15px 0 0 24px;
}

#IdHeaderLink li
{
 float: right;
}

#IdHeaderLink li:first-child
{
 width: 279px;
 height: 43px;
 margin: 0 0 0 25px;
 text-indent: -9999px;
 background: none;
}

#IdHeaderLink li:first-child a
{
 display: block;
 width: 279px;
 height: 43px;
 margin: 0;
 background: url(i/common.png) no-repeat -900px 0;
}

#IdHeaderLink li:first-child a:hover
{
 background-position: -900px -43px;
}

#IdHeaderLinkLeft{
  float: left;
}

#IdHeaderLinkLeft li{
  float: left;
  height: 14px;
  text-indent: -9999px;
}

#IdHeaderLinkLeft li:first-child
{
  width: 81px;
  background: url(i/common.png) no-repeat -601px -13px;
  margin: 14px 0 0 0;
}

#IdHeaderLinkLeft li:first-child a
{
  display: block;
  width: 65px;
  height: 14px;
  margin: 0 0 0 16px;
}

#IdHeaderLinkLeft li
{
  width: 143px;
  background: url(i/common.png) no-repeat -902px -86px;
  margin: 14px 0 0 18px;
}

#IdHeaderLinkLeft li a
{
  display: block;
  width: 127px;
  height: 14px;
  margin: 0 0 0 16px;
}

/* -----------------------------------------------------
IdHeaderSearch
----------------------------------------------------- */
#IdHeaderSearch
{
 float: left;
 width: 243px;
 height: 21px;
 margin: 9px 0 0;
}

.text_searchbox
{
 float: left;
 display:block;
 width: 181px;
 height: 19px;
 padding: 0 4px;
 border: 1px solid #aeaeae;
 color: #666666;
 font-size: 12px;
 line-height: 19px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border-radius: 2px;
}

#LayerContents .text_searchbox
{
}

/* button_search
----------------------------------------------------- */
.button_search
{
 float: right;
 display:block;
 width: 45px;
 height: 21px;
 color: #3333cc;
 cursor:pointer;
}

.button_search a
{
 display: block;
 width: 45px;
 height: 21px;
 text-indent: -9999px;
 outline: none;
 background: url(i/common.png) no-repeat -40px 0;
}

input.button_search
{
 display: block;
 width: 45px;
 height: 21px;
 text-indent: 0;
 outline: none;
 background: url(i/common.png) no-repeat -40px 0;
}

/* -----------------------------------------------------
HeaderLanguage
----------------------------------------------------- */
#IdLanguage
{
 float: left;
 display: block;
 width: 252px;
 height: 26px;
 margin: 14px 0 0 51px;
 background: url(i/common.png) no-repeat -348px 0;
}

#IdLanguage li
{
 float: left;
 display: block;
 height: 26px;
}

#IdLanguage li a
{
 display: block;
 width: 100%;
 height: 100%;
 text-indent: -9999px;
}

#IdLanguage li#IdEng
{
 width: 55px;
 margin-right: 1px;
}

#IdLanguage li#IdCh_h
{
 width: 71px;
 margin-right: 1px;
}

#IdLanguage li#IdCh_k
{
 width: 73px;
 margin-right: 1px;
}

#IdLanguage li#IdKo
{
 width: 50px;
}

/* -----------------------------------------------------
IdFontsize
----------------------------------------------------- */
#IdFontsize
{
 float: right;
 width: 214px;
 height: 26px;
 margin: 13px 0 0 0;
}

#IdFontsize dt
{
 float: left;
 display: block;
 width: 77px;
 height: 13px;
 margin-top: 6px;
 font-size: 1px;
 line-height: 1px;
 text-indent: -9999px;
 background: url(i/common.png) no-repeat -132px -6px;
}

#IdFontsize dd,
#IdFontsize dd a
{
 float: left;
 display: block;
 height: 26px;
}

#IdFontsize dd a
{
 background-image: url(i/common.png);
 background-repeat: no-repeat;
 font-size: 1px;
 line-height: 1px;
 text-indent: -9999px;
 overflow: hidden;
}

#IdFontsize dd#IdFontS,
#IdFontsize dd#IdFontS a,
#IdFontsize dd#IdFontS a:link,
#IdFontsize dd#IdFontS a:visited
{
 background-position: -209px 0;
 width: 46px;
 margin-right: 2px;
 _display: inline;
}

#IdFontsize dd#IdFontS a:hover,
#IdFontsize dd#IdFontS a:active
{
 background-position: -690px 0;
}

#IdFontsize dd#IdFontM,
#IdFontsize dd#IdFontM a,
#IdFontsize dd#IdFontM a:link,
#IdFontsize dd#IdFontM a:visited
{
 width: 39px;
 height: 22px;
 margin-top: 1px;
 margin-right: 1px;
 background-position: -258px -2px;
 _display: inline;
}

#IdFontsize dd#IdFontM a:hover,
#IdFontsize dd#IdFontM a:active
{
 background-position: -739px -2px;
}

#IdFontsize dd#IdFontL,
#IdFontsize dd#IdFontL a,
#IdFontsize dd#IdFontL a:link,
#IdFontsize dd#IdFontL a:visited
{
 width: 48px;
 height: 26px;
 background-position: -298px 0;
}

#IdFontsize dd#IdFontL a:hover,
#IdFontsize dd#IdFontL a:active
{
 background-position: -779px 0;
}

/* -----------------------------------------------------
AreaGnavi
----------------------------------------------------- */
#AreaGnavi
{
 width: 900px;
 height: 35px;
 padding: 0;
 margin: 0 auto;
}

#AreaGnavi ul
{
 margin: 0;
 padding: 0;
}

#AreaGnavi ul li
{
 float: left;
 display: block;
 width: auto;
 height: 35px;
 margin: 0;
 padding: 0;
 line-height: 0;
 margin-right: 1px;
}

#AreaGnavi ul li a
{
 display: block;
 height: 35px;
 text-indent: -9999px;
 background-image: url(i/common.png);
 background-repeat: no-repeat;
 overflow: hidden;
}

#AreaGnavi ul em
{
 display: block;
 margin: 0;
 padding: 0;
}

/* Gnavi01
----------------------------------------------------- */
#AreaGnavi li#IdTop a,
#AreaGnavi li#IdTop a:link,
#AreaGnavi li#IdTop a:visited
{
 width: 64px;
 background-position: 0 -48px;
}

#AreaGnavi li#IdTop strong a,
#AreaGnavi li#IdTop strong a:link,
#AreaGnavi li#IdTop strong a:visited,
#AreaGnavi li#IdTop a:hover,
#AreaGnavi li#IdTop a:active
{
 background-position: 0 -83px;
}

/* Gnavi02
----------------------------------------------------- */
#AreaGnavi li#IdSubway a,
#AreaGnavi li#IdSubway a:link,
#AreaGnavi li#IdSubway a:visited
{
 width: 93px;
 background-position: -65px -48px;
}

#AreaGnavi li#IdSubway strong a,
#AreaGnavi li#IdSubway strong a:link,
#AreaGnavi li#IdSubway strong a:visited,
#AreaGnavi li#IdSubway a:hover,
#AreaGnavi li#IdSubway a:active
{
 background-position: -65px -83px;
}

/* Gnavi03
----------------------------------------------------- */
#AreaGnavi li#IdBus a,
#AreaGnavi li#IdBus a:link,
#AreaGnavi li#IdBus a:visited
{
 width: 79px;
 background-position: -159px -48px;
}

#AreaGnavi li#IdBus strong a,
#AreaGnavi li#IdBus strong a:link,
#AreaGnavi li#IdBus strong a:visited,
#AreaGnavi li#IdBus a:hover,
#AreaGnavi li#IdBus a:active
{
 background-position: -159px -83px;
}

/* Gnavi04
----------------------------------------------------- */
#AreaGnavi li#IdArakawa a,
#AreaGnavi li#IdArakawa a:link,
#AreaGnavi li#IdArakawa a:visited
{
 width: 93px;
 background-position: -239px -48px;
}

#AreaGnavi li#IdArakawa strong a,
#AreaGnavi li#IdArakawa strong a:link,
#AreaGnavi li#IdArakawa strong a:visited,
#AreaGnavi li#IdArakawa a:hover,
#AreaGnavi li#IdArakawa a:active
{
 background-position: -239px -83px;
}

/* Gnavi05
----------------------------------------------------- */
#AreaGnavi li#IdToneri a,
#AreaGnavi li#IdToneri a:link,
#AreaGnavi li#IdToneri a:visited
{
 width: 151px;
 background-position: -333px -48px;
}

#AreaGnavi li#IdToneri strong a,
#AreaGnavi li#IdToneri strong a:link,
#AreaGnavi li#IdToneri strong a:visited,
#AreaGnavi li#IdToneri a:hover,
#AreaGnavi li#IdToneri a:active
{
 background-position: -333px -83px;
}

/* Gnavi06
----------------------------------------------------- */
#AreaGnavi li#IdOhters
{
 margin-right: 7px;
}

#AreaGnavi li#IdOhters a,
#AreaGnavi li#IdOhters a:link,
#AreaGnavi li#IdOhters a:visited
{
 width: 107px;
 background-position: -485px -48px;
}

#AreaGnavi li#IdOhters strong a,
#AreaGnavi li#IdOhters strong a:link,
#AreaGnavi li#IdOhters strong a:visited,
#AreaGnavi li#IdOhters a:hover,
#AreaGnavi li#IdOhters a:active
{
 background-position: -485px -83px;
}

/* Gnavi07
----------------------------------------------------- */
#AreaGnavi li#IdNews a,
#AreaGnavi li#IdNews a:link,
#AreaGnavi li#IdNews a:visited
{
 width: 130px;
 background-position: -599px -48px;
}

#AreaGnavi li#IdNews strong a,
#AreaGnavi li#IdNews strong a:link,
#AreaGnavi li#IdNews strong a:visited,
#AreaGnavi li#IdNews a:hover,
#AreaGnavi li#IdNews a:active
{
 background-position: -599px -83px;
}

/* Gnavi08
----------------------------------------------------- */
#AreaGnavi li#IdFan a,
#AreaGnavi li#IdFan a:link,
#AreaGnavi li#IdFan a:visited
{
 width: 89px;
 background-position: -730px -48px;
}

#AreaGnavi li#IdFan strong a,
#AreaGnavi li#IdFan strong a:link,
#AreaGnavi li#IdFan strong a:visited,
#AreaGnavi li#IdFan a:hover,
#AreaGnavi li#IdFan a:active
{
 background-position: -730px -83px;
}

/* Gnavi09
----------------------------------------------------- */
#AreaGnavi li#IdFinance
{
 margin-right: 0;
}

#AreaGnavi li#IdFinance a,
#AreaGnavi li#IdFinance a:link,
#AreaGnavi li#IdFinance a:visited
{
 width: 80px;
 background-position: -820px -48px;
}

#AreaGnavi li#IdFinance strong a,
#AreaGnavi li#IdFinance strong a:link,
#AreaGnavi li#IdFinance strong a:visited,
#AreaGnavi li#IdFinance a:hover,
#AreaGnavi li#IdFinance a:active
{
 background-position: -820px -83px;
}

/* -----------------------------------------------------
AreaTnavi
----------------------------------------------------- */
#AreaTnavi
{
 width: 100%;
 background-color: #e3f2e3;
 margin: 0 0 20px 0;
}

#AreaTnavi ol
{
 width: 870px;
 margin: 0 auto;
 padding: 7px 15px;
 list-style: none;
 color: #5c5c5c;
 font-size: 75%; /* 12px */
 line-height: 167%; /* 20px */
}

#AreaTnavi ol li
{
 display: inline-block;
 margin: 0 0 0 0;
 padding: 0;
 /display: inline; /* IE6,7 */
 /zoom: 1; /* IE6,7 */
}

#AreaTnavi ol li a
{
 color: #5c5c5c;
 text-decoration: underline;
}

#AreaTnavi ol li a:after
{
 content:"";
 float:right;
 width: 6px;
 height: 9px;
 background: url(i/common.png) no-repeat 0 -13px;
 margin: 5px 0 0 4px;
}