@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: 80%;
	color: #555555;
	text-align: center;
	background-color: #e5e5e5;
	background-image: url(../img/wrapper_bg.gif);
	background-repeat: repeat-y;
	background-position: center 0px;
}
body#home {
	background-color: #e5e5e5;
	background-image: url(../img/wrapper_bg.gif);
	background-repeat: repeat-y;
	background-position: center 0px;
}

div {
	text-align: left;
}
a {
	outline: none;
}
a:link {
	color: #4a8fcb;
	text-decoration: none;
}
a:visited {
	color: #4a8fcb;
	text-decoration: none;
}
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; margin-bottom: 0.5em; display: block;}
.hangtxt15 {text-indent: -1.5em; padding-left: 1.5em; margin-bottom: 0.5em; display: block;}
.hangtxt20 {text-indent: -2.0em; padding-left: 2.0em; margin-bottom: 0.5em; display: block;}

p.linespace {margin-bottom: 1em;}

.txt90 {font-size: 90%;}

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

/* ------------------------------
  hdr
------------------------------ */
#hdr_wrap {
	height: 149px;
}
#hdr {
	width: 900px;
	height: 82px;
	overflow: hidden;
}
#hdr h1 {
	width: 470px;
	float: left;
	height: 33px;
	font-size: 1px;
	line-height: 1px;
	margin-top: 30px;
	background-image: url(../img/logo_hdr.gif);
	background-repeat: no-repeat;
	display: block;
}
#hdr  h1  p {
	text-indent: -9999px;
}
#hdr-link {
	width: 420px;
	padding-top: 10px;
	float: right;
	font-size: 10px;
	text-align: right;
	height: 70px;
	background-image: url(../img/hdr-link.gif);
	background-repeat: no-repeat;
	background-position: right 34px;
}
#hdr-link ul {
	width: 260px;
	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: 70px;
	padding-right: 25px;
}
#hdr-link li#hdr-link3 {
	width: 63px;
}

#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: 70px;
	background-image: url(../img/common/nav_hdr_sitemap.gif);
}
#hdr-link li#hdr-link3 a {
	width: 63px;
	background-image: url(../img/common/nav_hdr_english.gif);
}
#hdr-link li a:hover {
	background-position: 0 -13px;
}

/* ------------------------------
  hdr-nav
------------------------------ */
#hdr-nav {
	width: 900px;
}
#hdr-nav ul {
	width: 900px;
	height: 50px;
	overflow: hidden;
}
#hdr-nav li {
	height: 69px;
	font-size: 1px;
	line-height: 1px;
	float: left;
}
#hdr-nav li a {
	height: 50px;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	outline: none;
	text-indent: -9999px;
}
#hdr-nav li.category01 a {
	background-image: url(../img/nav_hdr01.gif);
	width: 103px;
}
#hdr-nav li.category02 a {
	background-image: url(../img/nav_hdr02.gif);
	width: 179px;
}
#hdr-nav li.category03 a {
	background-image: url(../img/nav_hdr03.gif);
	width: 144px;
}
#hdr-nav li.category04 a {
	background-image: url(../img/nav_hdr04.gif);
	width: 170px;
}
#hdr-nav li.category05 a {
	background-image: url(../img/nav_hdr05.gif);
	width: 105px;
}
#hdr-nav li.category06 a {
	background-image: url(../img/nav_hdr06.gif);
	width: 199px;
}
#home #hdr-nav li.category01 a,
body#type #hdr-nav li.category02 a,
#installation #hdr-nav li.category03 a,
#intro #hdr-nav li.category04 a,
#price #hdr-nav li.category05 a {
	background-position: 0 -100px;
}
#hdr-nav li a:hover {
	background-position: 0 -50px;
}

/* ------------------------------
  topflash
------------------------------ */
#topflash {
	width: 900px;
	height: 330px;
	clear: both;
}

/* ------------------------------
  mainimg
------------------------------ */
#mainimg h2 {
	width: 900px;
	height: 100px;
	clear: both;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
}
#type #mainimg h2 {
	background-image: url(../img/common/h2_type.jpg);
}
#installation #mainimg h2 {
	background-image: url(../img/common/h2_installation.jpg);
}
#intro #mainimg h2 {
	background-image: url(../img/common/h2_intro.jpg);
}
#price #mainimg h2 {
	background-image: url(../img/common/h2_price.jpg);
}
#about #mainimg h2 {
	background-image: url(../img/common/h2_about.jpg);
}

/* ------------------------------
  topicpath
------------------------------ */
#topicpath {
	width: 900px;
	height: 44px;
	position: relative;
}
#topicpath ul#path li {
	font-size: 12px;
	background: url(../img/common/topicpath_arrow.gif) no-repeat right center;
	padding-right: 20px;
	float: left;
}
#topicpath ul#path li.last {
	background: none;
}
#topicpath #txt-size {
	position: absolute;
	top: 0;
	right: 0;
}

/* ------------------------------
  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;
}

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

/* ------------------------------
  side-nav
------------------------------ */
#side-nav {
	width: 230px;
	float: left;
}
#side-nav ul.category {
	margin-bottom: 50px;
}
#side-nav ul.category li {
	width: 230px;
	height: 47px;
	margin-bottom: 8px;
}
#side-nav ul.category li a {
	width: 230px;
	height: 47px;
	display: block;
	outline: none;
	font-size: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#side-nav ul.category li.container_dry a {
	background-image: url(../img/common/snav_container_dry.gif);
}
#side-nav ul.category li.container_reefer a {
	background-image: url(../img/common/snav_container_reefer.gif);
}
#side-nav ul.category li.rental a {
	background-image: url(../img/common/snav_rental.gif);
}
#side-nav ul.category li.aftermaintenance a {
	background-image: url(../img/common/snav_aftermaintenance.gif);
}
#side-nav ul.category li.company a {
	background-image: url(../img/common/snav_company.gif);
}
.type_dry #side-nav ul.category li.container_dry a,
.type_reefer #side-nav ul.category li.container_reefer a,
.installation_dry #side-nav ul.category li.container_dry a,
.installation_reefer #side-nav ul.category li.container_reefer a,
.intro_dry #side-nav ul.category li.container_dry a,
.intro_reefer #side-nav ul.category li.container_reefer a,
.intro_rental #side-nav ul.category li.rental a,
.intro_after #side-nav ul.category li.aftermaintenance a {
	background-position: 0 -47px;
}

#side-nav ul.category li a:hover {
	background-position: 0 -47px;
}

#side-nav ul.download {
}
#side-nav ul.download li {
	width: 230px;
	height: 80px;
	margin-bottom: 8px;
}
#side-nav ul.download li a {
	width: 230px;
	height: 80px;
	display: block;
	outline: none;
	font-size: 1px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#side-nav ul.download li.container_dry a {
	background-image: url(../img/common/snav_download_dry.gif);
}
#side-nav ul.download li.container_reefer a {
	background-image: url(../img/common/snav_download_reefer.gif);
}
#side-nav ul.download li a:hover {
	background-position: 0 -80px;
}

/* ------------------------------
  side contact
------------------------------ */

#side-nav #contact {
	width: 230px;
	margin-bottom: 20px;
	float: right;
	background-repeat: repeat-y;
}
#side-nav #contact .title {
	width: 230px;
}
#side-nav  #contact  .title  h3 {
	width: 230px;
	height: 52px;
	background-image: url(../img/common/snav_contact_h3.gif);
	font-size: 1px;
	text-indent: -9999px;
}

#side-nav #contact dl {
	width: 100%;
	display: block;
	background-image: url(../img/home_secbox_bg.gif);
	background-repeat: repeat-y;
	padding-top: 15px;
	overflow: hidden;
	padding-bottom: 5px;
}
#side-nav #contact p {
	padding: 0px 15px 13px 20px;
	line-height: 1.5em;
	clear: both;
	display: block;
}
#side-nav #contact dt {
	padding-left: 20px;
	margin-bottom: 10px;
	display: block;
	line-height: 1.4em;
	background-image: url(../img/common/snav_contact_dt.gif);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	height: 36px;
	font-size: 1px;
	text-indent: -9999px;
}
#side-nav #contact dd {
	padding-left: 20px;
	margin-bottom: 8px;
	background-repeat: no-repeat;
	height: 19px;
	background-position: 20px;
	display: block;
}
#side-nav #contact dd.tel {
	background-image: url(../img/common/snav_contact_tel.gif);
	text-indent: -9999px;
}
#side-nav #contact dd.mail {
	background-image: url(../img/common/snav_contact_mail.gif);
	width: 224px;
	text-indent: -9999px;
}
#side-nav #contact dd.mail a {
	display: block;
	height: 18px;
	width: 224px;
}
#side-nav  #contact  dd.address  {
	height: auto;
}
#side-nav #contact dl img {
	float: right;
	display: block;
	padding-right: 15px;
}

#side-nav #contact .boxbottom {
	width: 100%;
	background-image: url(../img/top_secbox_bottom.gif);
	background-repeat: no-repeat;
	height: 10px;
}
#side-nav #contact .boxbottom ul li {
	float: right;
	padding-right: 15px;
}
#side-nav #contact .boxbottom ul li a {
	background-image: url(../img/top_news_list.gif);
	background-repeat: no-repeat;
	width: 97px;
	display: block;
	font-size: 1px;
	text-indent: -9999px;
	margin-top: 10px;
	height: 15px;
}
#side-nav #contact .boxbottom ul li a:hover {
	background-position: 0px -15px;
}

/* ------------------------------
  main
------------------------------ */

#main_wrapper_wrapper {
	width: 650px;
	float: right;
	background-image: url(../img/bg_main.gif);
	background-repeat: repeat-y;
}
#main_wrapper {
	width: 650px;
	background-image: url(../img/bg_main_lower.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}
#main {
	width: 650px;
	background-image: url(../img/bg_main_upper.gif);
	background-repeat: no-repeat;
	line-height: 1.5em;
}

#main .title-category {
	width: 650px;
	position: relative;
	height: 90px;
	overflow: hidden;
}
#main h3 {
	height: 28px;
	color: #737373;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	margin: 35px 0px 25px 40px;
	text-shadow: white 0px 1px;
	display: block;
}
#main .title-category p {
	width: 150px;
	height: 23px;
	font-size: 1px;
	line-height: 0;
	display: block;
	position: absolute;
	left: 505px;
	top: 36px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.type_dry #main .title-category p {
	background-image: url(../img/label_drycontainer.gif);
}

#main h4 {
	background: url(../img/common/title_h4_bg01.gif) no-repeat;
	color: #0292de;
	font-size: 20px;
	font-weight: normal;
	padding-top: 1px;
	padding-left: 18px;
	margin-bottom: 20px;
	display: block;
	margin-left: 40px;
}

#main .secbox {
	width: 570px;
	margin: 0px auto;
	padding-bottom: 30px;
}

#main h5 {
	color: #282828;
	font-weight: normal;
	background: url(../img/common/circle01.gif) no-repeat 0 3px;
	font-size: 16px;
	padding-top: 2px;
	padding-left: 18px;
	margin-bottom: 15px;
	margin-top: 5px;
	line-height: 1.2em;
}

#main .imglines {
	overflow: hidden;
	margin-bottom: 30px;
	clear: both;
}
#main .img {
	width: 250px;
}
#main .imglines .txtarea {
	width: 290px;
}
#main .imglines .txtarea p {
	line-height: 2em;
}
#main p {
	width: 100%;
}
#main hr {
	display: block;
	margin: 20px auto 40px;
	height: 2px;
	width: 570px;
	border-style: none;
	background-image: url(../img/container/hr.gif);
	background-repeat: no-repeat;
}
#main table td  {
	padding: 8px;
	border: 1px solid #FFFFFF;
}
.intro_rental #main table th {
	background-image: url(../img/bg_th.gif);
	background-repeat: repeat-x;
	text-align: left;
	padding: 2px 3px 8px;
	color: #5f8ff1;
	font-weight: normal;
	font-size: 14px;
}
.intro_rental #main table th span {
	background-color: #e2e2e2;
	padding: 0px 3px;
}
.intro_rental #main table td {
	padding: 8px;
	border-style: none;
	font-size: 13px;
}
.intro_rental #main table tr.odd {
	background-color: #d4d7dd;
}
.intro_rental #main table tr.blue {
	color: #5f8ff1;
}

#main ul.linkhead li a {
	height: 28px;
	font-size: 16px;
	padding-left: 20px;
	overflow: hidden;
	background-image: url(../img/linkhead.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	display: block;
}
#main ul.linkhead li a:hover {
	background-image: url(../img/linkhead_up.gif);
}

/* ------------------------------
  download
------------------------------ */

#price #download {
	width: 570px;
	padding-bottom: 80px;
	overflow: hidden;
	padding-bottom: 10px;
	float: left;
	margin: 0px auto 20px;
}

#price #download .title {
	width: 100%;
}
#price  #download  .title  h3 {
	width: 100%;
	background-image: url(../img/price_h3_download.jpg);
	height: 52px;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin: 0px;
}
#price #download .inner {
	width: 100%;
	background-image: url(../img/home_download_bg.gif);
	background-repeat: repeat-y;
	padding-top: 15px;
	overflow: hidden;
	padding-bottom: 15px;
}
#price #download .inner p.read {
	margin-left: 20px;
	margin-bottom: 15px;
}
#price #download .inner ul {
	margin-left: 20px;
}
#price #download .inner ul li {
	float: left;
}
#price #download .inner ul li a {
	height: 60px;
	width: 250px;
	display: block;
	font-size: 1px;
	background-repeat: no-repeat;
	margin-right: 25px;
}
#price #download .inner ul li a p {
	text-indent: -9999px;
}
#price #download .inner ul li.category01 a {
	background-image: url(../img/btn_download_s_dry.gif);
}
#price #download .inner ul li.category02 a {
	background-image: url(../img/btn_download_s_reefer.gif);
}
#price #download .inner a:hover {
	background-position: 0px -60px;
}

/* ------------------------------
  sitemap
------------------------------ */

.sitemap #main .sitemap-inr {
	width: 240px;
	float: left;
	padding-left: 30px;
}
.sitemap #main .sitemap-inr h4   {
	height: 28px;
	font-size: 16px;
	font-weight: normal;
	background: url(../img/sitemap_bg03.gif) no-repeat 0 1px;
	overflow: hidden;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
.sitemap #main .sitemap-inr h4.only {
	height: 28px;
	font-size: 16px;
	font-weight: normal;
	background: url(../img/sitemap_bg04.gif) no-repeat 0 1px;
	padding-left: 20px;
	overflow: hidden;
}
.sitemap #main .sitemap-inr li {
	height: 30px;
}
.sitemap #main .sitemap-inr li a {
	height: 30px;
	font-size: 16px;
	padding-left: 44px;
	overflow: hidden;
	line-height: 16px;
	background-image: url(../img/sitemap_bg01.gif);
	background-repeat: no-repeat;
	background-position: 6px 0;
	display: block;
}
.sitemap #main .sitemap-inr li.last a {
	background-image: url(../img/sitemap_bg02.gif);
}
.sitemap #main .sitemap-inr li a:hover {
	background-image: url(../img/sitemap_bg01up.gif);
}
.sitemap #main .sitemap-inr li.last a:hover {
	background-image: url(../img/sitemap_bg02up.gif);
}
.sitemap #main .sitemap-inr li a span {
	display: block;
	padding-top: 12px;
}




/* ------------------------------
  ftr-nav
------------------------------ */
#ftr-nav {
	width: 900px;
	height: 35px;
	background: url(../img/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/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/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/bg_ftr.gif) repeat-x bottom center;
	overflow: hidden;
	clear: both;
}

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

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



/* ------------------------------
  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;
}