@charset "utf-8";

/* ========================================================
   normalize.css v3.0.2 | MIT License | git.io/normalize
   ======================================================= */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {margin: 0;}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
	*/

article,aside,details,figcaption,figure,footer,header,
main,menu,nav,section,summary{display: block;}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,canvas,progress,video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/* Prevent modern browsers from displaying `audio` without controls.
 Remove excess height in iOS 5 devices. */

audio:not([controls]) {
  display: none;
  height: 0;
}

/* Address `[hidden]` styling not present in IE 8/9/10.
 Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */

[hidden],
template {display: none;}

/* Links
   ========================================================================== */

/* Remove the gray background color from active links in IE 10. */
a {background-color: transparent;}

a:active,
a:hover {outline: 0;}

/* Text-level semantics
   ========================================================================== */

abbr[title] {border-bottom: 1px dotted;}

b,strong {font-weight: bold;}

dfn {font-style: italic;}

small {font-size: 80%;}

sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* Embedded content
   ========================================================================== */

img {border: 0;}

/* Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) {overflow: hidden;}

/* Grouping content
   ========================================================================== */

/* Address margin not present in IE 8/9 and Safari. */
figure {margin: 1em 40px;}

/* Address differences between Firefox and other browsers. */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/* Contain overflow in all browsers. */
pre{overflow: auto;}

/* Address odd `em`-unit font size rendering in all browsers. */

code,kbd,pre,samp{
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,input,optgroup,select,textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/* Address `overflow` set to `hidden` in IE 8/9/10/11. */

button {overflow: visible;}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,select {text-transform: none;}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/* Re-set default cursor for disabled elements. */

button[disabled],
html input[disabled] {cursor: default;}

/* Remove inner padding and border in Firefox 4+. */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */

input {line-height: normal;}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height: auto;}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Define consistent border, margin, and padding. */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/* Remove default vertical scrollbar in IE 8/9/10/11. */

textarea {overflow: auto;}


/* Tables
   ========================================================================== */

/* Remove most spacing between table cells. */

table {
border-collapse: collapse;
border-spacing: 0;
}

td,th {padding: 0;}


/* ========================================================
   reset
   ======================================================= */

body{
font-size: 13px;
font-family: Meiryo,
 "メイリオ",
 "ＭＳ Ｐゴシック",
 "MS P Gothic",
 "ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro",
 Osaka,
 sans-serif;
color: #444;
line-height:1.6;
}

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}

img{vertical-align:bottom;}

address{font-style: normal;}

/* ========================================================
   Universal class
   ======================================================= */

a:link    {color: #29377b;text-decoration:none;}
a:visited {color: #660099;text-decoration:none;}
a:hover,a:active {color: #f6c;text-decoration:underline;}

.inr{
width:970px;
margin:0 auto;
}

.nav ul{
padding:0;
margin:0;
list-style-type:none;
}

.nav ul:after{ /*navul clearfix */
content: "";
display: block;
clear: both;
}

.nav ul li{float:left;}

/*clearfix*/
.clear{zoom:1;}
.clear:after{
    content: "";
    display: block;
    clear: both;}

.red {color: #FF3300;}

.pdfmini_icon {
margin:18px 0px; 
padding:0px 8px 0px 20px;
background: url(/common/image/icon_pdf.png) no-repeat left 3px;
}

.other_win {
margin:0 0.2em;
padding-left: 15px;
background: url(/common/image/icon_other_win.png) no-repeat left center;
}

.arrow{
margin:0 0.2em;
padding-left: 15px;
background: url(/common/image/arrow.png) no-repeat left center;
}

a.over:hover img{	
opacity: 0.7;
-ms-filter: "alpha(opacity=70)"; /* IE8 */
}

.error{
display: block;
padding: 15px;
background:#09C;
color: #FFFFFF;
font-weight: bold;
text-align: center;}

p.note{
clear:both;
font-size:0.8em;
/* margin-left:10px; */
margin-top:25px;
color:#888;
}

p.note span{margin-right:0.5em;}

/* ========================================================
   Header
   ======================================================= */
			
#header{background:url(/common/image/header_bg.png) repeat-x left top;}

h1{
float:left;
padding-top:28px;
line-height: 1;
}

.sp-nav{display: none;}

#primary-nav{
float:right;
padding-top: 20px;
font-size: 12px;
}

#primary-nav li{
padding-left:22px;
}

/*skiplink*/
#primary-nav li.skiplink{
display:none;
}

#global-nav{
clear:both;
padding-top:26px;
}

#global-nav a{
display: block;
height:38px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

/**/
#global-nav .home{background:url(/common/image/nav_home.png) no-repeat left top;width:97px;}
#global-nav .home:hover{background-image:url(/common/image/nav_home_on.png);}

#global-nav .products{background:url(/common/image/nav_product.png) no-repeat left top;width:103px;}
#global-nav .products:hover{background-image:url(/common/image/nav_product_on.png);}

#global-nav .biz{background:url(/common/image/nav_biz.png) no-repeat left top;width:143px;}
#global-nav .biz:hover{background-image:url(/common/image/nav_biz_on.png);}

#global-nav .support{background:url(/common/image/nav_support.png) no-repeat left top;width:131px;}
#global-nav .support:hover{background-image:url(/common/image/nav_support_on.png);}

#global-nav .company{background:url(/common/image/nav_company.png) no-repeat left top;width:105px;}
#global-nav .company:hover{	background-image:url(/common/image/nav_company_on.png) ;}

#global-nav .ir{background:url(/common/image/nav_ir.png) no-repeat left top;width:175px;}
#global-nav .ir:hover{background-image:url(/common/image/nav_ir_on.png);}

#global-nav .onlineshop{background:url(/common/image/nav_store.png) no-repeat left top;width:190px;}
#global-nav .onlineshop:hover{background-image:url(/common/image/nav_store_on.png);}

/*select*/
#global-nav .home_on{background:url(/common/image/nav_home_on.png) no-repeat left top;width:97px;}
#global-nav .products_on{background:url(/common/image/nav_product_on.png) no-repeat left top;width:103px;}
#global-nav .biz_on{background:url(/common/image/nav_biz_on.png) no-repeat left top;width:143px;}
#global-nav .support_on{background:url(/common/image/nav_support_on.png) no-repeat left top;width:131px;}
#global-nav .company_on{background:url(/common/image/nav_company_on.png) no-repeat left top;width:105px;}
#global-nav .ir_on{background:url(/common/image/nav_ir_on.png) no-repeat left top;width:175px;}
#global-nav .onlineshop_on{background:url(/common/image/nav_store_on.png) no-repeat left top;width:190px;}

/**/

#place-navi{
clear:both;
line-height: 1.0em;
margin:0 auto;
padding-bottom: 10px;
background:#F9F9F9 repeat-x left top;
border-top: 1px double #fff;
border-bottom: 1px double #efefef;
color: #777;
}

#topicpath {
width:970px;
margin:0 auto;
padding:14px 10px 0 14px;
font-size:89%;
background:#F9F9F9;/*Android v.4.0 based bug*/
}

#topicpath em{font-style: normal;}

#place-navi #topicpath a.home-icon{
padding-left: 14px;
background: url(/common/image/icon_home.gif) no-repeat left center;
}

#place-navi #topicpath a:hover.home-icon,
#place-navi #topicpath a:focus.home-icon {
padding-left: 14px;
background: url(/common/image/icon_home.gif) no-repeat left center;
}

.screenReader{display:none;}

/* ========================================================
   Footer
   ======================================================= */

#footer{
clear:both;
padding:0 0 80px;
margin-top: 50px;
border-top: 3px double #555;
background:url(/common/image/footer_bg.png) #1d1d1d repeat-x left top;
color:#fff;
}

#footer p#to-top{
position:relative;
bottom:31px;
width:970px;
height:31px;
padding-right: 10px;
background: url(/common/image/return_top_bg.png) bottom right no-repeat;
}

#footer p#to-top a{
padding-left:13px;
line-height:3;
background: url(/common/image/arrow_pagetop_w.gif) no-repeat left 1px;
font-size:11px;
}

#footer ul{
float: left;
list-style: none;
margin: 0;
padding:2px 0 0;
}

#footer li{
float:left;
margin-right:20px;
}

#footer ul li a {
padding-left: 13px;
background: url(/common/image/arrow_w.png) left center no-repeat;
font-size: 12px;
color:#FFFFFF;
}

#footer p{
float:right;
margin:0;
padding:0;
text-align: right;
}

#footer p a{
color:#FFFFFF;
}

#footer small {font-size:100%;}

@media screen and (max-width: 768px) {

.inr{
width:100%;
min-width:280px;
}

#header{
padding-bottom:16px;
border-top: 6px solid #0A2A98;
background: none;
}

#header .inr{border-top: 4px solid #DDEFF4;}

h1{
float:none;
padding-top:10px;
margin-left: 2%;
}

h1 img{width:50%;}

#header .nav{
clear: both;
display: none;
position:relative;}

.sp-nav{
display: block;
float: right;
width: 11%;
padding:8px 0;
margin-top: -30px;
margin-right: 2%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: url(/common/image/btn_sp_nav.gif) no-repeat left top;
background-size: 36px;
}

.sp-nav_open{
background:url(/common/image/btn_sp_nav_on.gif) no-repeat left top;
background-size:36px;
}


#primary-nav{
position: absolute;
bottom: -30px;
float: none;
width: 100%;
padding: 0;
line-height: 30px;
border-bottom: 1px solid #0A2A98;
background: #F4F4F4;
}

#primary-nav li{
width:50%;
box-sizing:border-box;
}

#global-nav{padding-top:0;}

#header #global-nav li{
float:none;
width: 100%;
height:initial;
background: #0A2A98;
}

#global-nav a{
position:relative;
padding:14px 0 14px 22px;
border-bottom: 1px dotted #767F9D;
color:#fff;
white-space: normal;
text-indent: inherit;
height: initial;
}

#global-nav li a::after{
position: absolute;
top: 50%;
right: 10px;
display: block;
content: '';
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


#global-nav .home,
#global-nav .home_on,
#global-nav .products,
#global-nav .products_on,
#global-nav .biz,
#global-nav .biz_on,
#global-nav .support,
#global-nav .support_on,
#global-nav .company,
#global-nav .company_on,
#global-nav .ir,
#global-nav .ir_on,
#global-nav .onlineshop,
#global-nav .onlineshop_on{
background: none;
}

#footer{padding:0 4% 80px;}

#footer ul,
#footer ul li{
float:none;
}

#footer ul{
width:100%;
}
}
@media screen and (max-width: 490px) {
h1 img{width:70%;}
}