@charset "iso-8859-1";



/* search
--------------------------------------------------------------------------	*/
ul#i_search_autocomplete {
	z-index:1000 !important;
}


/* headerwrap
--------------------------------------------------------------------------	*/
#headerwrap{
	min-width:905px;
	margin:0 3px;
	text-align:center;
	background:#FFF url(/english/images/header/background_base.gif) repeat-x 0 0;
	border-bottom:#dadada 1px solid;
}
#headerwrap-inner{
	width:905px;
	margin:0 auto;
	text-align:left;
}

#headerwrap img{
	border:none;
	vertical-align:top;
}

#headerwrap ul,
#headerwrap li,
#headerwrap p{
	list-style:none;
	margin:0;
	padding:0;
}
#headerwrap a {
    color: #2757A1;
}
#headerwrap a:hover {
    color: #D70542;
}
#headerwrap a:visited {
    color: #7600b3;
}


/* clearfix
----------------------------------	*/
/* clear element */
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

.rmv{
	left:-9999px;
	top:-9999px;
	position:absolute;
	display:block;
}


/* header
--------------------------------------------------------------------------	*/
#logo{
	position:absolute;
	top:0;
	left:7px;
	margin:0;
	padding:0;
	z-index:5;
}

#header #header-inner{
	position:relative;
	height:87px;
}


/* site search */
#hn-search{
	position:absolute;
	top:50px;
	right:9px;
	margin:0;
	height:23px;
	width:192px;
	padding:0;
	background:url(/english/images/header/bg_search.gif) no-repeat 0 0;
	z-index:5;
	zoom:1;
}
#hn-search input{
	vertical-align:top;
}
#hn-search .searchBox,
#hn-search .query{
	height:19px;
	width:133px;
	margin:2px;
	padding:0;
	border:none;
	border-width:0 !important;
}


#hn-search .submit{
	height:23px;
	width:55px;
	background:#7d7d7d;
	margin:0;
	padding:0;
	border:none;
	border-width:0 !important;
}


/* second nav */
#header ul#gn-secondnav{
	position:absolute;
	top:54px;
	right:202px;
	/* width:379px; */
	height:15px;
	z-index:5;
}
#header ul#gn-secondnav li{
	float:left;
	margin:0;
	padding:0;
}
#header ul#gn-secondnav li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:15px;
	background:url(/english/images/header/gn_secondnav.gif) no-repeat 0 0;
}

#header ul#gn-secondnav li#hn-lang a{
	width:79px;
	background-position:0 0;
}
#header ul#gn-secondnav li#hn-lang a:hover{
	background-position:0 -15px;
}

#header ul#gn-secondnav li#hn-shop a{
	width:115px;
	background-position:-79px 0;
}
#header ul#gn-secondnav li#hn-shop a:hover{
	background-position:-79px -15px;
}
#header ul#gn-secondnav li#hn-inquiry a{
	width:101px;
	background-position:-194px 0;
}
#header ul#gn-secondnav li#hn-inquiry a:hover{
	background-position:-194px -15px;
}

#header ul#gn-secondnav li#hn-sitemap a{
	width:84px;
	background-position:-295px 0;
}
#header ul#gn-secondnav li#hn-sitemap a:hover{
	background-position:-295px -15px;
}


/* grobal navigation
--------------------------------------------------------------------------	*/
#globalnav{
	height:40px;
	width:905px;
}

#globalnav #globalnav-inner{
	zoom:1;
}

#globalnav ul{
	padding:0 1px;
}

#globalnav li{
	float:left;
	height:40px;
	width:129px;
}
#globalnav li a{
	display:block;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/english/images/header/btn_gn.gif) no-repeat 0 0;
}

#globalnav li#gn-home a{
	background-position:0 0;
}
#globalnav li#gn-home a:hover{
	background-position:0 -40px;
}
#globalnav li#gn-home a.on,
#globalnav li#gn-home a.on:hover{
	background-position:0 -80px;
}

#globalnav li#gn-info a{
	background-position:-129px 0;
}
#globalnav li#gn-info a:hover{
	background-position:-129px -40px;
}
#globalnav li#gn-info a.on,
#globalnav li#gn-info a.on:hover{
	background-position:-129px -80px;
}

#globalnav li#gn-product a{
	background-position:-258px 0;
}
#globalnav li#gn-product a:hover{
	background-position:-258px -40px;
}
#globalnav li#gn-product a.on,
#globalnav li#gn-product a.on:hover{
	background-position:-258px -80px;
}

#globalnav li#gn-service a{
	background-position:-387px 0;
}
#globalnav li#gn-service a:hover{
	background-position:-387px -40px;
}
#globalnav li#gn-service a.on,
#globalnav li#gn-service a.on:hover{
	background-position:-387px -80px;
}

#globalnav li#gn-charge a{
	background-position:-516px 0;
}
#globalnav li#gn-charge a:hover{
	background-position:-516px -40px;
}
#globalnav li#gn-charge a.on,
#globalnav li#gn-charge a.on:hover{
	background-position:-516px -80px;
}

#globalnav li#gn-support a{
	background-position:-645px 0;
}
#globalnav li#gn-support a:hover{
	background-position:-645px -40px;
}
#globalnav li#gn-support a.on,
#globalnav li#gn-support a.on:hover{
	background-position:-645px -80px;
}

#globalnav li#gn-corporate a{
	background-position:-774px 0;
}
#globalnav li#gn-corporate a:hover{
	background-position:-774px -40px;
}
#globalnav li#gn-corporate a.on,
#globalnav li#gn-corporate a.on:hover{
	background-position:-774px -80px;
}



/* OSP
--------------------------------------------------------------------------	*/
/**********************************************************
* reset
**********************************************************/
.header div, .header pre, .header p, .header blockquote, .header dl, .header dt, .header dd, .header ul, .header ol, .header li,
.header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .header form, .header fieldset, .header th, .header td {
  padding: 0;
}
.header p, .header ul {
  margin-top: 0;
  margin-bottom: 0;
}
.header dd {
  margin-left: 0;
}
.header input, .header textarea {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
.header label {
  cursor: pointer;
}
.header table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}
.header fieldset, .header img {
  border: 0;
}
.header img {
  vertical-align: top;
}
.header address, .header caption, .header cite, .header code, .header dfn, .header em, .header th, .header var {
  font-style: normal;
  font-weight: normal;
}
.header ol, .header ul {
  list-style: none;
}
.header caption, .header th {
  text-align: left;
}
.header h1, .header h2, .header h3, .header h4, .header h5, .header h6 {
  font-size: 100%;
  font-weight: normal;
}
.header q:after, .header q:before {
  content: '';
}
.header abbr, .header acronym {
  border: 0;
}
.header * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.header a:focus, .header input:focus {
  outline: 1px dotted #000;
}



/**********************************************************
* header
**********************************************************/

/* layout
-------------------------------------------*/
html {
  font-size: 62.5%;
}

.header {
  display: block;
  padding-top: 12px;
  font-size: 100%;
  line-height: 1.5;
}

  /* link */
  .header a {
    color: #093475;
    text-decoration: none;
  }
  .header a:visited {
    color: #7600b3;
  }
  .header a:hover,
  .header a:focus {
    text-decoration: underline;
    color: #3374da;
  }

  .header-in {
    margin: 0 auto;
    width: 940px;
/*    zoom: 1;*/
  }
  /* clearfix */
  .header-in:before {
    content: "";
    display: table;
  }
  .header-in:after {
    content: "";
    display: table;
    clear: both;
  }


/* logo
-------------------------------------------*/
.header .header-logo {
  float: left;
  padding-top: 9px;
  width: 145px;
  height: 53px;
}

  .header-logo a {
    display: block;
  }

  .header-logo img {
    width: 100%;
    height: auto;
  }


/* utility
-------------------------------------------*/
.header-pc {
  float: right;
  position: relative;
}


/* search
-------------------------------------------*/
.header-search {
  float: right;
  position: relative;
  width: 220px;
  height: 23px;
}

  /* searchBox */
  .header-search .osp_searchBox {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px;
    width: 150px;
    height: 100%;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    line-height: normal;
    font-size: 71.42857%;
    font-family: inherit;
  }
  ::-webkit-input-placeholder {
      color: #333; }
  :-moz-placeholder {
      color: #333; opacity: 1; }
  ::-moz-placeholder {
      color: #333; opacity: 1; }
  :-ms-input-placeholder {
      color: #333; }

  /* btn */
  .header-search .submit {
    width: 74px;
    height: 23px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .header-search .submit:hover::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background-color: rgba(0,0,0,0.14);
  }


/* link
-------------------------------------------*/
.header .header-links {
  clear:both;
  float: right;
  margin-top: 20px;
}
  .header-links .link {
    float: left;
    margin-right: 22px;
    padding-left: 11px;
    text-indent: -11px;
    font-size: 85.71%;
  }
  .header-links .link:before {
    display: inline-block;
    content: "";
    margin-right: 5px;
    width: 6px;
    height: 8px;
    background: url("/english/images_osp/common/ico/ico_arrow_r01.png") no-repeat left top;
    background-size: contain;
  }
  .header-links .link:last-child {
    margin-right: 0;
  }

  .header-links .link.nobg{ /* 20120806 */
    padding-left: 0;
  }

  .header-links .link.nobg:before{ /* 20120806 */
    background: none;
  }

  .header-links .link.nobg .ico-cmn img{ /* 20120806 */
    vertical-align: baseline;
  }

/* global-nav
-------------------------------------------*/
.nav-global {
  margin-top: 15px;
  height: 34px;
  border-bottom: 2px solid #c03;
}

  .nav-global-in {
    position: relative;
    bottom: -2px;
    height: 34px;
    margin: 0 auto;
    width: 940px;
/*    zoom: 1;*/
  }
  .nav-global-in:before {
    content: "";
    display: table;
  }
  .nav-global-in:after {
    content: "";
    display: table;
    clear: both;
  }

  /* btn */
  .nav-global .nav-item {
    float: left;
    width: 188px;
    height: 100%;
  }

    .nav-global .nav-item a {
      overflow: hidden;
      display: block;
      width: 100%;
      height: 100%;
    }

    /* img */
    .nav-global .nav-item img { margin-left: 0; }
    .nav-global .nav-item.nav02 img { margin-left: -188px; }
    .nav-global .nav-item.nav03 img { margin-left: -376px; }
    .nav-global .nav-item.nav04 img { margin-left: -564px; }
    .nav-global .nav-item.nav05 img { margin-left: -752px; }
    /* mouseover */
    .nav-global .nav-item:hover img,
    .nav-global .nav-item:focus img { margin-top: -34px; }
    /* current */
    .nav-global .nav-item.is-current img { margin-top: -68px; }


/* attention
-------------------------------------------*/
.header .area-attention {
  border-bottom: 1px solid #ddd;
  background-color: #f6f6f6;
}

.header .mod-attention {
  margin: 0 auto;
  padding: 14px 0 11px;
  width: 940px;
  font-size: 85.71429%;
  text-align: left;
}
.header .txt-attention {
  margin-left: 30px;
  text-indent: -30px;
}
  .header .txt-attention .img {
    margin-right: 5px;
    vertical-align: middle;
  }
  .header .txt-attention a {
    text-decoration: underline;
  }
  .header .txt-attention a:hover {
    text-decoration: none;
  }


  /* error
-------------------------------------------*/
.header .area-error {
  border-top: 1px solid #ffaab0;
  border-bottom: 1px solid #ffaab0;
  background-color: #ffeef0;
}
.header .mod-error {
  margin: 0 auto;
  width: 940px;
}
.header .txt-error {
  padding: 14px 10px 11px;
  text-align: right;
  font-size: 85.71429%;
}
.header .txt-error a {
  text-decoration: underline;
}
.header .txt-error a:hover {
  text-decoration: none;
}



/**********************************************************
 * icon
 **********************************************************/

.ico-header {
  display: inline-block;
}

/* arrow */
.ico-header-arrow {
  position: relative;
  margin-left: 6px;
  padding-left: 1em;
  text-decoration: none;
}
.ico-header-arrow:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  width: 6px;
  height: 8px;
  background: url("/english/images_osp/common/ico/ico_arrow_r01.png") no-repeat left top;
  background-size: contain;
}

/* other */
.ico-header-link {
  position: relative;
  margin-left: 6px;
  text-decoration: none;
}
.ico-header-link:hover {
  text-decoration: underline;
}
  .ico-header-link .ico-header {
    display: inline-block;
  }
    .ico-header-link .ico-header img {
      margin-right: 3px;
      vertical-align: middle;
    }

/**********************************************************
 * header-lang-switch
 **********************************************************/

.header .header-lang-switch {
  display: inline-block;
  float:right;
  margin: 1px 18px 0 0;
}

.header .header-lang-switch a {
  font-size: 85.71%;
}

/**********************************************************
 * header-biz-link
 **********************************************************/

.header .header-biz-link {
  display: inline-block;
  float:right;
  margin: 1px 18px 0 0;
}

.header .header-biz-link a {
  font-size: 85.71%;
}

.header .header-biz-link .ico-cmn img{
  vertical-align: baseline;
}