@charset "utf-8";

/***************************************************

body

**************************************************/

html,body { min-height:100%;}

html { overflow-y: scroll;}

body {
color: #fff;
background: #000 url(../img/bg_body.jpg) no-repeat center 28px;
-webkit-text-size-adjust: none;
}

/***************************************************
font-size

10px => 77%       11px => 85%       12px => 93%
13px => 100%      14px => 108%      15px => 116%
16px => 123.1%    17px => 131%      18px => 138.5%
19px => 146.5%    20px => 153.9%    21px => 161.6%
22px => 167%      23px => 174%      24px => 182%
25px => 189%      26px => 197%

**************************************************/

body {
font-size: 13px;
* font-size: small;
* font: x-small;
font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Osaka, "ＭＳ Ｐゴシック";
line-height: 1.7;
}

select,
input,
button,
textarea {
font: 99% "ヒラギノ角ゴ Pro W3", "メイリオ", Osaka, "ＭＳ Ｐゴシック";
}

table {
font-size: inherit;
font: 100%;
}

pre,
code,
kbd,
samp,
tt {
font-family: monospace;
* font-size: 108%;
line-height: 100%;
}


/***************************************************

link

**************************************************/

a:link,
a:visited {
color: #fff;
text-decoration: underline;
}

a:hover,
a:active {
color: #fff;
text-decoration: none;
}

/***************************************************

globalHeader

***************************************************/

#globalHeader {
padding: 0 15px;
background: url(../img/bg_globalheader.png) repeat-x left top;
text-align: right;
}


/***************************************************

container

***************************************************/

#container {
width: 980px;
margin: 0 auto;
text-align: left;
}


/***************************************************

header

***************************************************/

#header {
position: relative;
height: 299px;
}

#header .logo,
#header .txt01,
#header .txt02,
#header .movie { position: absolute;}

#header .logo   { top: 192px; left:     0;}
#header .txt01  { top:  17px; left:     0;}
#header .txt02  { top: 219px; left: 752px;}
#header .movie  { top:  10px; left: 714px;}


/***************************************************

contents

***************************************************/

#contents {
width: 980px;
margin: 0 auto;
padding: 20px 0 0 0;
}

/* dl
--------------------------------------------------*/
#contents .dl {
/zoom: 1;
overflow: hidden;
padding: 10px 9px 10px 10px;
}

#contents .dl h2 {
float: left;
padding: 14px 0 0 0;
}

#contents .dl ul {
/zoom: 1;
overflow: hidden;
float: right;
width: 500px;
padding: 10px 0 0 0;
}

#contents .dl ul li {
float: left;
margin: 0 10px 10px 0;
}

/* news
--------------------------------------------------*/
#contents .news {
margin: 35px 0 0 0;
}

#contents .news dl {
/zoom: 1;
overflow: hidden;
}

#contents .news dl dt {
float: left;
width: 125px;
padding: 15px 0 0 0;
}

#contents .news dl dd {
/zoom: 1;
overflow: hidden;
padding: 15px 0 0 0;
}

#contents .news dl dd strong {
color: #d8cd8c;
font-weight: bold;
}

#contents .news dl dd p + p {
margin: 5px 0 0 0;
}

/* products
--------------------------------------------------*/
#contents .products {
margin: 35px 0 0 0;
}

#contents .products .box {
/zoom: 1;
overflow: hidden;
position: relative;
margin: 10px 0 0 0;
}

#contents .products .pht {
float: left;
width: 150px;
}

#contents .products .icn {
position: absolute;
top: 20px;
right: 20px;
}

#contents .products .detail {
float: right;
width: 740px;
}

#contents .products .detail .price {
margin: 8px 0 0 0;
}

#contents .products .detail .txt {
/zoom: 1;
overflow: hidden;
margin: 14px 0 0 0;
}

#contents .products .detail .txt .privilege {
float: left;
width: 318px;
padding: 10px 15px;
border: solid 1px #4d4d4d;
}

#contents .products .detail .txt .spec {
float: right;
width: 370px;
padding: 1px 0 0 0;
}

#contents .products .detail .txt .spec dt {
margin: 10px 0 0 0;
}

#contents .products .detail .txt dd {
margin: 10px 0 0 0;
}

#contents .products .detail .btn {
/zoom: 1;
overflow: hidden;
margin: 15px 0 0 0;
}

#contents .products .detail .btn p {
float: left;
width: 202px;
}

#contents .products .detail .btn dl {
/zoom: 1;
overflow: hidden;
float: right;
width: 530px;
}

#contents .products .detail .btn dt {
float: left;
width: 110px;
}

#contents .products .detail .btn dd {
/zoom: 1;
overflow: hidden;
float: left;
width: 419px;
padding: 9px 0;
border-top: solid 1px #d8ce8d;
border-right: solid 1px #d8ce8d;
border-bottom: solid 1px #d8ce8d;
background: #fff;
}

#contents .products .detail .btn dd li {
float: left;
margin: 0 0 0 9px;
}

#contents .products .rental {
padding: 20px 30px;
}

#contents .products .other {
}

#contents .products .other ul + h3 {
margin: 40px 0 0 0;
}

#contents .products .other ul {
/zoom: 1;
overflow: hidden;
margin: 20px 0 0 0;
}

#contents .products .other ul li {
/zoom: 1;
overflow: hidden;
float: left;
width: 440px;
}

#contents .products .other ul li + li {
float: right;
}

#contents .products .other ul li .pht {
float: left;
width: auto;
}

#contents .products .other ul li dl {
/zoom: 1;
overflow: hidden;
}

#contents .products .other ul li dt {
padding: 25px 0 10px 15px;
border-bottom: solid 1px #4d4d4d;
}

#contents .products .other ul li dd {
margin: 20px 0 0 0;
text-align: right;
}

#contents .products .other ul li .btn {
padding: 15px 0 0 0;
}


/***************************************************

footer

***************************************************/

#footer {
padding: 50px 0 30px;
text-align: center;
}

#footer .twitter { padding: 0 0 50px 0;}

#footer address {
padding: 30px 0 0 0;
border-top: dotted 1px #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 77%;
}


/***************************************************

common class

***************************************************/

/* box
--------------------------------------------------*/
.box {
padding: 30px;
border: solid 1px #1a2830;
background: url(../img/bg_box.png);
}

/* disabled
--------------------------------------------------*/
.disabled {
opacity: 0.3;
filter: alpha(opacity=30);
}

/* text-alignt
--------------------------------------------------*/
.taL { text-align: left !important;}
.taR { text-align: right !important;}
.taC { text-align: center !important;}

/* vertical-alignt
--------------------------------------------------*/
.vaT { vertical-align: top !important;}
.vaB { vertical-align: bottom !important;}
.vaM { vertical-align: middle !important;}

/* float
--------------------------------------------------*/
.flL { float: left;}
.flR { float: right;}

.clrFix { /zoom: 1;}
.clrFix:after {
content: '';
display: block;
clear: both;
line-height: 0;
font-size: 0.1em;
}

/* font-weight
--------------------------------------------------*/
.fwB { font-weight: bold !important;}

/* font-size
--------------------------------------------------*/
.fs10 { font-size: 77% !important;}

/* margin
--------------------------------------------------*/
.mt01 { margin-top:1px !important;}
.mt02 { margin-top:2px !important;}
.mt03 { margin-top:3px !important;}
.mt04 { margin-top:4px !important;}
.mt05 { margin-top:5px !important;}
.mt06 { margin-top:6px !important;}
.mt07 { margin-top:7px !important;}
.mt08 { margin-top:8px !important;}
.mt09 { margin-top:9px !important;}
.mt10 { margin-top:10px !important;}
.mt11 { margin-top:11px !important;}
.mt12 { margin-top:12px !important;}
.mt13 { margin-top:13px !important;}
.mt14 { margin-top:14px !important;}
.mt15 { margin-top:15px !important;}
.mt16 { margin-top:16px !important;}
.mt17 { margin-top:17px !important;}
.mt18 { margin-top:18px !important;}
.mt19 { margin-top:19px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}

.mr01 { margin-right:1px !important;}
.mr02 { margin-right:2px !important;}
.mr03 { margin-right:3px !important;}
.mr04 { margin-right:4px !important;}
.mr05 { margin-right:5px !important;}
.mr06 { margin-right:6px !important;}
.mr07 { margin-right:7px !important;}
.mr08 { margin-right:8px !important;}
.mr09 { margin-right:9px !important;}
.mr10 { margin-right:10px !important;}
.mr11 { margin-right:11px !important;}
.mr12 { margin-right:12px !important;}
.mr13 { margin-right:13px !important;}
.mr14 { margin-right:14px !important;}
.mr15 { margin-right:15px !important;}
.mr16 { margin-right:16px !important;}
.mr17 { margin-right:17px !important;}
.mr18 { margin-right:18px !important;}
.mr19 { margin-right:19px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mr60 { margin-right:60px !important;}
.mr70 { margin-right:70px !important;}
.mr80 { margin-right:80px !important;}
.mr90 { margin-right:90px !important;}

.mb01 { margin-bottom:1px !important;}
.mb02 { margin-bottom:2px !important;}
.mb03 { margin-bottom:3px !important;}
.mb04 { margin-bottom:4px !important;}
.mb05 { margin-bottom:5px !important;}
.mb06 { margin-bottom:6px !important;}
.mb07 { margin-bottom:7px !important;}
.mb08 { margin-bottom:8px !important;}
.mb09 { margin-bottom:9px !important;}
.mb10 { margin-bottom:10px !important;}
.mb11 { margin-bottom:11px !important;}
.mb12 { margin-bottom:12px !important;}
.mb13 { margin-bottom:13px !important;}
.mb14 { margin-bottom:14px !important;}
.mb15 { margin-bottom:15px !important;}
.mb16 { margin-bottom:16px !important;}
.mb17 { margin-bottom:17px !important;}
.mb18 { margin-bottom:18px !important;}
.mb19 { margin-bottom:19px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}

.ml01 { margin-left:1px !important;}
.ml02 { margin-left:2px !important;}
.ml03 { margin-left:3px !important;}
.ml04 { margin-left:4px !important;}
.ml05 { margin-left:5px !important;}
.ml06 { margin-left:6px !important;}
.ml07 { margin-left:7px !important;}
.ml08 { margin-left:8px !important;}
.ml09 { margin-left:9px !important;}
.ml10 { margin-left:10px !important;}
.ml11 { margin-left:11px !important;}
.ml12 { margin-left:12px !important;}
.ml13 { margin-left:13px !important;}
.ml14 { margin-left:14px !important;}
.ml15 { margin-left:15px !important;}
.ml16 { margin-left:16px !important;}
.ml17 { margin-left:17px !important;}
.ml18 { margin-left:18px !important;}
.ml19 { margin-left:19px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.ml60 { margin-left:60px !important;}
.ml70 { margin-left:70px !important;}
.ml80 { margin-left:80px !important;}
.ml90 { margin-left:90px !important;}