﻿@charset "utf-8";
/* CSS Document

*/
/* -----------reset------------ */
html {color:#333; line-height: 1.5; font-size:12px; font-family: "HelveticaNeue-Medium",Helvetica,Arial,sans-serif; height:100%;}

body {height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, em, blockquote, th, td, img {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
q:before, q:after {content:'.';}
abbr, acronym {border:0; font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
p{line-height:1.3em; margin-bottom:1.5em;}
#main #contents a:hover img {filter: alpha(opacity=60); opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}

/* -----------clearfix------------ */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* for ie */
.clearfix{display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
input, textarea, select {font-size:100%;}

/* -----------hover------------ */
.hover a:hover img, .pagetop a:hover img, #contents #main a:hover img {filter: alpha(opacity=60); opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.pagetop {clear:both; width:740px; margin:5px auto; padding:0 10px 5px 0; text-align:right; border-bottom:1px solid #CCC;}
.pagetop_w {clear:both; width:960px; margin:5px auto; padding:0 10px 3px 0; text-align:right; border-bottom:1px solid #CCC;}

/* -----------text link------------ */
a:link {text-decoration: none; color: #3C5E9A;}
a:visited{text-decoration: none; color: #3C5E9A;}
a:hover {text-decoration: underline; color: #3C5E9A;}
a:active{text-decoration: underline; color: #3C5E9A;}

/*-------------clear:after-------------*/
#companylink:after, #contents:after, #main:after, #pressreleas:after, #whatsnew:after, #notice:after, #side_link:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*　any margin padding other　*/
/* margin:5px */

.mgn {margin: 5px 5px 5px 5px;}
.mgn_b {margin-bottom: 5px;}
.mgn_t {margin-top: 5px;}
.mgn_l {margin-left: 5px;}
.mgn_r {margin-right: 5px;}
.mgn_bt{margin-bottom: 5px; margin-top:5px;}
.mgn_lr{margin-left:5px; margin-right:5px;}

/* margin:10px */

.mgn10 {margin: 10px 10px 10px 10px;}
.mgn10_b {margin-bottom: 10px;}
.mgn10_t {margin-top: 10px;}
.mgn10_l {margin-left: 10px;}
.mgn10_r {margin-right: 10px;}
.mgn10_bt{margin-bottom: 10px; margin-top:10px;}
.mgn10_lr{margin-left:10px; margin-right:10px;}

/* margin:20px */

.mgn20 {margin: 20px 20px 20px 20px;}
.mgn20_b {margin-bottom: 20px;}
.mgn20_t {margin-top: 20px;}
.mgn20_l {margin-left: 20px;}
.mgn20_r {margin-right: 20px;}
.mgn20_bt{margin-bottom: 20px; margin-top:20px;}
.mgn20_lr{margin-left:20px; margin-right:20px;}

/* margin:30px */

.mgn30 {margin: 30px 30px 30px 30px;}
.mgn30_b {margin-bottom: 30px;}
.mgn30_t {margin-top: 30px;}
.mgn30_l {margin-left: 30px;}
.mgn30_r {margin-right: 30px;}
.mgn30_bt{margin-bottom: 30px; margin-top:30px;}
.mgn30_lr{margin-left:30px; margin-right:30px;}

/* padding:5px */

.pdg {padding:5px 5px 5px 5px;}
.pdg_b {padding-bottom: 5px;}
.pdg_t {padding-top: 5px;}
.pdg_l {padding-left: 5px;}
.pdg_r {padding-right: 5px;}
.pdg_bt{padding-bottom: 5px; padding-top: 5px;}
.pdg_lr{padding-left: 5px; padding-right: 5px;}

/* padding:10px */

.pdg10 {padding:10px 10px 10px 10px;}
.pdg10_b {padding-bottom: 10px;}
.pdg10_t {padding-top: 10px;}
.pdg10_l {padding-left: 10px;}
.pdg10_r {padding-right: 10px;}
.pdg10_bt{padding-bottom: 10px; padding-top: 10px;}
.pdg10_lr{padding-left: 10px; padding-right: 10px;}

/* padding:20px */

.pdg20 {padding:20px 20px 20px 20px;}
.pdg20_b {padding-bottom: 20px;}
.pdg20_t {padding-top: 20px;}
.pdg20_l {padding-left: 20px;}
.pdg20_r {padding-right: 20px;}
.pdg20_bt{padding-bottom: 20px; padding-top: 20px;}
.pdg20_lr{padding-left: 20px; padding-right: 20px;}

/* padding:30px */

.pdg30 {padding:30px 30px 30px 30px;}
.pdg30_b {padding-bottom: 30px;}
.pdg30_t {padding-top: 30px;}
.pdg30_l {padding-left: 30px;}
.pdg30_r {padding-right: 30px;}
.pdg30_bt{padding-bottom: 30px; padding-top: 30px;}
.pdg30_lr{padding-left: 30px; padding-right: 30px;}

/* text size */

.txt_10{font-size:80%; line-height:1.1em;}
.txt_12{font-size:93%; line-height:1.2em;}
.txt_14{font-size:108%; line-height:1.3em;}
.txt_16{font-size:116%; line-height:1.3em;}
.txt_18{font-size:138.5%; line-height:1.4em;}

/* float */

.fl{float:left}
.fr{float:right}
.fc{clear:both;}

/* link */

.blnklnk_r{background:url(../img/icon_blk.gif) right 1px no-repeat; padding-right: 20px;}
.blnklnk_l{background:url(../img/icon_blk.gif) left 1px no-repeat; padding-left: 20px;}