@charset "UTF-8";

/* ==============================
  css-base-index
=================================
base
---------------------------------
wrap
---------------------------------
hdr
---------------------------------
hdr-nav
---------------------------------
hdr-img
---------------------------------
content
---------------------------------
ftr-nav
---------------------------------
ftr
---------------------------------
txt-size
============================== */

/* ------------------------------
  base
------------------------------ */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 75%;
	color: #444444;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../img/common/bg_hdr.gif);
	background-repeat: repeat-x;
}
body#home {
	background: #FFFFFF url(../img/common/bg_hdr_home.gif) repeat-x;
}

div {
	text-align: left;
}
a {
	outline: none;
}
a:link {
	color: #4a8fcb;
}
a:visited {
	color: #4a8fcb;
}
a:hover {
	color: #a5c7e5;
	text-decoration: none;
}
a:active {
	color: #4a8fcb;
}

hr {
	display: none;
}

ul li {
	list-style-type: none;
}

img {
	border: none;
	vertical-align: bottom;
}

/* clearfix */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.hide {
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
.hide-a {
	display: block;
	text-decoration: none;
	outline: none;
}

.btm1em {margin-bottom: 1em;}
.btm1-5em {margin-bottom: 1.5em;}
.btm10 {margin-bottom: 10px;}
.btm20 {margin-bottom: 20px;}
.btm25 {margin-bottom: 25px;}
.btm30 {margin-bottom: 30px;}
.btm40 {margin-bottom: 40px;}
.btm50 {margin-bottom: 50px;}
.btm60 {margin-bottom: 60px;}
.btm70 {margin-bottom: 70px;}
.btm-none {margin-bottom: 0;}

.hangtxt10 {text-indent: -1.0em; padding-left: 1.0em;}
.hangtxt15 {text-indent: -1.5em; padding-left: 1.5em;}
.hangtxt20 {text-indent: -2.0em; padding-left: 2.0em;}

/* ------------------------------
  wrap
------------------------------ */
html {
	height: 100%;
}
body {
	height: 100%;
}
#wrap-top {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px;
	text-align: center;
}
#push {
	height: 90px;
}
.wrap {
	width: 900px;
	margin: 0 auto;
}
#wrap-btm {
	width: 100%;
	background: url(../img/common/bg_ftr.gif) repeat-x top center;
	text-align: center;
	clear: left;
}

/* ------------------------------
  hdr
------------------------------ */
#hdr_wrap {
	height: 149px;
}
#hdr {
	width: 900px;
	height: 80px;
	overflow: hidden;
}
#hdr h1 {
	width: 496px;
	float: left;
	height: 32px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-top: 28px;
	background-image: url(../img/common/logo_hdr.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#hdr-link {
	width: 145px;
	padding-top: 34px;
	float: right;
}
#hdr-link ul {
	width: 145px;
	height: 13px;
	overflow: hidden;
}
#hdr-link li {
	height: 13px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}
#hdr-link li#hdr-link1 {
	width: 77px;
	padding-right: 25px;
}
#hdr-link li#hdr-link2 {
	width: 55px;
	padding-right: 25px;
}
#hdr-link li#hdr-link3 {
	width: 61px;
}

#hdr-link li a {
	height: 13px;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	outline: none;
}
#hdr-link li#hdr-link1 a {
	width: 77px;
	background-image: url(../img/common/nav_hdr_contact.gif);
}
#hdr-link li#hdr-link2 a {
	width: 55px;
	background-image: url(../img/common/nav_hdr_sitemap.gif);
}
#hdr-link li#hdr-link3 a {
	width: 61px;
	background-image: url(../img/common/nav_hdr_japanese.gif);
}
#hdr-link li a:hover {
	background-position: 0 -13px;
}

/* ------------------------------
  hdr-nav
------------------------------ */
#hdr-nav {
	width: 900px;
}
#hdr-nav ul {
	width: 900px;
	height: 69px;
	overflow: hidden;
}
#hdr-nav li {
	width: 240px;
	height: 69px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}
#hdr-nav li#hdr-nav1 {
	width: 180px;
}
#hdr-nav li a {
	width: 240px;
	height: 69px;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	outline: none;
}
#hdr-nav li#hdr-nav1 a {
	width: 180px;
	background-image: url(../img/common/nav_hdr01.gif);
}
#hdr-nav li#hdr-nav2 a {
	background-image: url(../img/common/nav_hdr02.gif);
}
#hdr-nav li#hdr-nav3 a {
	background-image: url(../img/common/nav_hdr03.gif);
}
#hdr-nav li#hdr-nav4 a {
	background-image: url(../img/common/nav_hdr04.gif);
}
#home #hdr-nav li#hdr-nav1 a,
#company #hdr-nav li#hdr-nav2 a,
#business #hdr-nav li#hdr-nav3 a,
#products #hdr-nav li#hdr-nav4 a,
#recruit #hdr-nav li#hdr-nav5 a {
	background-position: 0 -69px;
}
#hdr-nav li a:hover {
	background-position: 0 -69px;
}

/* ------------------------------
  hdr-img
------------------------------ */
#hdr-img {
	width: 900px;
	height: 150px;
	padding-bottom: 1px;
}

/* ------------------------------
  content
------------------------------ */
#content {
	width: 900px;
	padding-top: 23px;
	padding-bottom: 80px;
	overflow: hidden;
}
#home #content {
	padding-top: 25px;
	padding-bottom: 20px;
}

/* ------------------------------
  ftr-nav
------------------------------ */
#ftr-nav {
	width: 900px;
	height: 35px;
	background: url(../img/common/bg_ftr.gif) repeat-x top center;
}
#ftr-link {
	width: 833px;
	padding-top: 10px;
	float: left;
}
#ftr-link ul {
	width: 833px;
	overflow: hidden;
}
#ftr-link li {
	font-size: 10px;
	background: url(../img/common/ftr_nav_arrow.gif) no-repeat left center;
	padding: 3px 23px 3px 9px;
	float: left;
}
#ftr-link li a {
	color: #ffffff;
	text-decoration: none;
}
#ftr-link li a:hover {
	color: #fffeaa;
	text-decoration: none;
}

#pagetop {
	width: 67px;
	padding-top: 16px;
	float: right;
}
#pagetop p {
	width: 67px;
	height: 9px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
#pagetop p a {
	width: 67px;
	height: 9px;
	background: url(../img/common/nav_pagetop.gif) no-repeat;
	display: block;
	text-decoration: none;
	outline: none;
}
#pagetop p a:hover {
	background-position: 0 -9px;
}

/* ------------------------------
  ftr
------------------------------ */
#ftr {
	width: 900px;
	height: 55px;
	background: url(../img/common/bg_ftr.gif) repeat-x bottom center;
	overflow: hidden;
}

#ftr-logo {
	width: 293px;
	padding-top: 20px;
	float: left;
}
#ftr-logo p {
	width: 293px;
	height: 21px;
	background: url(../img/common/logo_ftr.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

#copyright {
	width: 327px;
	padding-top: 26px;
	float: right;
}
#copyright p {
	width: 327px;
	height: 5px;
	background: url(../img/common/copyright.gif) no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}

/* ------------------------------
  txt-size
------------------------------ */
#txt-size {
	width: 139px;
	height: 21px;
	background: url(../img/common/txt_size_bg.gif) no-repeat left center;
}
#txt-size ul {
	width: 75px;
	padding-left: 64px;
}
#txt-size li {
	height: 21px;
	padding-left: 5px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	float: left;
}
#txt-size li.txt-size-s {
	width: 19px;
}
#txt-size li.txt-size-n {
	width: 20px;
}
#txt-size li.txt-size-l {
	width: 21px;
}
#txt-size li a {
	height: 21px;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	outline: none;
}
#txt-size li.txt-size-s a {
	width: 19px;
	background-image: url(../img/common/txt_size_s.gif);
}
#txt-size li.txt-size-n a {
	width: 20px;
	background-image: url(../img/common/txt_size_n.gif);
	background-position: 0 -21px;
}
#txt-size li.txt-size-l a {
	width: 21px;
	background-image: url(../img/common/txt_size_l.gif);
}

#txt-size li a:hover {
	background-position: 0px -21px;
}


/* ------------------------------
  button
------------------------------ */
a.button {
	display: block;
	float: left;
	height: 28px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 16px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	color: #000000;
	font-size:14px;
	font-weight:bold;
	background-image: url(../img/common/button_r_right.gif);
	background-attachment: scroll;
	background-color: transparent;
	background-position: right top;
	background-repeat: no-repeat;
}
a.button span {
	display: block;
	line-height: 17px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 8px 18px;
	background-image: url(../img/common/button_r_left.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	color: #000000;
} 
a.button:hover span{
	text-decoration:underline;
}

a.button-h {
	display: block;
	float: left;
	height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	color: #000000;
	font-size:14px;
	font-weight:bold;
	background-image: url(../img/common/button_h_right.gif);
	background-attachment: scroll;
	background-color: transparent;
	background-position: right top;
	background-repeat: no-repeat;
}
a.button-h span {
	display: block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 8px 18px;
	background-image: url(../img/common/button_h_left.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	color: #000000;
} 
a.button-h:hover span{
	text-decoration:underline;
}