@charset "utf-8";
/* CSS Document */

.rentDetTable01{
width: 565px;
margin-left: 20px;
text-align: center;
margin-bottom: 20px;
border: 1px solid #CCC;
}
.rentDetTable01 thead th{
color: #FFF;
background-color: #90C522;
padding-top: 0.2em;
padding-bottom: 0.2em;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #FFF;
border-bottom-color: #FFF;
text-align: center;
}
.rentDetTable01 tbody th{
background-color: #E3E3E3;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
text-align: center;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.rentDetTable01 tbody td{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: left;
padding-left: 0.5em;
}
.rentDetTable02{
width: 565px;
text-align: center;
margin-bottom: 5px;
border: 1px solid #CCC;
margin-top: 5px;
}
.rentDetTable02 th{
color: #FFF;
background-color: #90C522;
padding-top: 0.2em;
padding-bottom: 0.2em;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #FFF;
border-bottom-color: #FFF;
text-align: center;
}
.rentDetTable02 td{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.rentDetTable03{
width: 565px;
text-align: center;
margin-bottom: 10px;
border: 1px solid #CCC;
}
.rentDetTable03 thead th{
color: #FFF;
background-color: #90C522;
padding-top: 0.2em;
padding-bottom: 0.2em;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #FFF;
border-bottom-color: #FFF;
text-align: center;
}
.rentDetTable03 tbody td{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: center;
}
.rentDetUl01 {
margin-left: 20px;
margin-bottom: 30px;
}
.rentDetUl02 {
padding-right: 20px;
padding-left: 20px;
}
.rentDetUl03 {
padding-right: 40px;
padding-left: 20px;
list-style: disc outside;
margin-left: 20px;
margin-bottom: 10px;
}
.rentDetUl04 {
padding-left: 20px;
}
.rentDetIconTit {
margin-left: 10px;
text-align: left;
padding-left: 20px;
line-height: 16px;
padding-bottom: 5px;
color: #06F;
font-weight: bold;
background: url(../img_common/icon05.gif) no-repeat;
}
.rentDetOl01 {
list-style: decimal inside;
}
.rentDetOl02 {
list-style: decimal;
padding-left: 40px;
line-height: 1.5;
padding-bottom: 12px;
padding-right: 20px;
}
.rentDetOl03 {
line-height: 1.5;
float: left;
width: 300px;
margin-right: 5px;
text-align: left;
}
.rentDetOl03 li,.rentDetOl03 p {
line-height: 1.5;
margin-bottom: 1.5em;
}
.orangeBox01 {
width: 600px;
background-image: url(../img_common/orange_mdl.gif);
background-repeat: repeat-y;
background-position: left top;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
.orangeBox01 p {
padding-right: 20px;
padding-left: 20px;
}
.orangeBox02 {
width: 270px;
background: url(../rental/detail/heat/img/orange_mdl.jpg) repeat-y left top;
text-align: center;
float: left;
padding-right: 30px;
margin-bottom: 12px;
}
.orangeBox03 {
width: 380px;
background: url(../rental/detail/heat/img/orange02_mdl.jpg) repeat-y left top;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
.orangeBox04 {
width: 270px;
background-image: url(../rental/detail/humidity/img/orange02_bg.gif);
background-repeat: repeat-y;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
.orangeBox05 {
width: 270px;
background-image: url(../rental/detail/humidity/img/orange02_bg.gif);
background-repeat: repeat-y;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
.orangeBox06 {
width: 270px;
background: url(../rental/detail/heat/img/orange_mdl.jpg) repeat-y left top;
text-align: center;
float: left;
margin-bottom: 12px;
margin-right: 8px;
margin-left: 8px;
display: inline;
}
.orangeBox07 {
width: 600px;
background-image: url(../img_common/orange_mdl.gif);
background-repeat: repeat-y;
background-position: left top;
text-align: left;
margin-bottom: 10px;
margin-top: 15px;
}
.orangeBox07 p {
padding-right: 20px;
padding-left: 20px;
}
.orangeBox08 {
width: 600px;
background-image: url(../img_common/orange_mdl.gif);
background-repeat: repeat-y;
background-position: left top;
text-align: left;
margin-bottom: 10px;
margin-top: 15px;
margin-left: 10px;
}
.orangeBox08 p {
padding-right: 20px;
padding-left: 20px;
}
.rentDetArrow01 {
width: 600px;
margin-bottom: 10px;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
.rentDetArrow02 {
width: 600px;
margin-bottom: 10px;
text-align: left;
margin-right: auto;
margin-left: auto;
}
.rentDetArrow03{
float: left;
padding: 40px 10px 10px 30px;
width: 34px;
}
.rentDetArrow05{
text-align:center;
}
.rentDetBlock01 {
width: 600px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
text-align: center;
}
.rentDetBlock02 {
width: 600px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
text-align: left;
}
.rentDetBlock03 {
width: 600px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
text-align: left;
}
.rentDetBlock03 li {
padding-bottom: 1em;
text-indent: -1em;
padding-left: 1em;
}
.rentDetBlockLeft {
float: left;
}
.rentDetBlockLeft02 {
float: left;
margin-top: 50px;
}
.rentDetBlockLeft03 {
float: left;
text-align: left;
padding-left: 20px;
}
.rentDetBlockLeft04 {
float: left;
width: 310px;
text-align: left;
}
.rentDetBlockRight {
float: right;
}
.rentDetBlockRight02 {
float: right;
margin-top: 50px;
text-align: left;
}
.rentDetBlockRight03 {
float: right;
width: 340px;
text-align: left;
}
.rentDetBlockRight05 {
float: right;
width: 310px;
text-align: left;
}
.rentDetFrame01 {
border: 1px solid #CCCCCC;
width: 250px;
text-align: center;
float:right;
margin-top: 30px;
}
.rentDetFrame01 dt{
color: #FFF;
background-color: #56C5E4;
border: 1px solid #FFF;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.rentDetFrame01 dd{
text-align: left;
padding: 0.8em 10px;
}
.rentDetFrame02 {
border: 1px solid #CCCCCC;
width: 250px;
text-align: center;
margin-left: 30px;
margin-bottom: 10px;
}
.rentDetFrame02 dt{
color: #FFF;
background-color: #56C5E4;
border: 1px solid #FFF;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.rentDetFrame02 dd{
padding-top: 0.8em;
padding-bottom: 0.8em;
text-align: left;
padding-left: 20px;
}
.rentDetFrame03 {
border: 1px solid #CCCCCC;
width: 250px;
text-align: center;
float: left;
margin-right: 10px;
}
.rentDetFrame03 dt{
color: #FFF;
background-color: #56C5E4;
border: 1px solid #FFF;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.rentDetFrame03 dd{
padding-top: 0.8em;
padding-bottom: 0.8em;
text-align: left;
padding-left: 20px;
}
.rentDetFrame04 {
border: 1px solid #CCCCCC;
width: 600px;
margin-left: auto;
margin-bottom: 10px;
margin-right: auto;
}
.rentDetFrame04 dt{
color: #FFF;
background-color: #56C5E4;
border: 1px solid #FFF;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: center;
}
.rentDetFrame04 dd{
padding-top: 0.8em;
padding-bottom: 0.8em;
text-align: left;
padding-left: 20px;
}
.rentDetFrame05 {
border: 1px solid #CCCCCC;
width: 600px;
margin-left: auto;
margin-bottom: 10px;
margin-right: auto;
padding-bottom: 3px;
}
.rentDetFrame05 dt{
color: #FFF;
background-color: #56C5E4;
border: 1px solid #FFF;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: center;
}
.rentDetFrame05 dd{
text-align: left;
background: #EBF8FC;
float: left;
margin: 5px;
width: 280px;
padding: 5px;
display: inline;
}
.rentDetFrame06 {
border: 1px solid #CCCCCC;
width: 600px;
margin-left: auto;
margin-bottom: 10px;
margin-right: auto;
}
.rentDetFrame06 dt{
color: #FFF;
border: 1px solid #FFF;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: center;
background: #F90;
}
.rentDetFrame06 dd{
padding-top: 0.8em;
padding-bottom: 0.8em;
text-align: left;
padding-left: 20px;
}
.rentDetFrame07 {
border: 1px solid #CCCCCC;
width: 554px;
text-align: center;
float: left;
margin-bottom: 10px;
}
.rentDetFrame07 dt{
color: #FFF;
background-color: #56C5E4;
border: 1px solid #FFF;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.rentDetFrame07 dd{
padding-top: 0.8em;
padding-bottom: 0.8em;
text-align: left;
padding-left: 20px;
}
.rentDetFrame08 {
border: 1px solid #CCCCCC;
width: 250px;
text-align: center;
float:right;
margin-top: 10px;
}
.rentDetFrame08 dt{
color: #FFF;
background-color: #56C5E4;
border: 1px solid #FFF;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.rentDetFrame08 dd{
padding-top: 0.8em;
padding-bottom: 0.8em;
text-align: left;
padding-left: 20px;
}
.rentDetFrameArrow {
width: 250px;
text-align: center;
float:right;
margin-top: 10px;
}
.rentDetIconTxt {
line-height: 32px;
background: url(../img_common/icon05.gif) no-repeat left 8px;
padding-left: 20px;
}
.rentDetIconTxt02 {
margin-left: 20px;
padding-left: 22px;
margin-top: 10px;
background: url(../img_common/icon05.gif) no-repeat left 2px;
width: 578px;
}
.rentDetIconTxt03 {
margin-left: 20px;
padding-left: 22px;
margin-top: 10px;
background: url(../img_common/icon05.gif) no-repeat left 2px;
width: 578px;
margin-bottom: 10px;
}
.rentDetDl {
margin-left: 20px;
border: 1px solid #CCC;
width: 320px;
padding: 1px;
margin-bottom: 1em;
}
.rentDetDl dt {
float: left;
background: #56C5E4;
width: 100px;
color: #FFF;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.rentDetDl dd {
float: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
}
.rentDetStrongBlock{
background-color: #FFF9EC;
padding-top: 0.5em;
padding-right: 10px;
padding-bottom: 0.5em;
padding-left: 10px;
float: left;
font-weight: bold;
color: #FF6600;
}
.rentDitblueTxtBold {
font-weight: bold;
color: #21ADD7;
}
.rentDitRedTxtBold {
font-weight: bold;
color: #E35047;
}
.rentDitBrownTxtBold {
font-weight: bold;
color: #7F5919;
}
.rentDitStorageImage01 {
margin-top: 15px;
margin-left: 20px;
}
.granuleDL{
margin-left: 20px;
padding-bottom: 10px;
}
.granuleDL dt{
float: left;
width: 95px;
}
.granuleDL dd{
float: left;
width: 530px;
padding-top: 0.5em;
padding-bottom: 1em;
}
.granuleTit{
margin-left: 10px;
margin-bottom: 20px;
}
.granuleLeft{
float: left;
padding-left: 20px;
padding-bottom: 20px;
}
.granuleLeft li{
text-indent: -1em;
padding-left: 1em;
}
.granuleLeft ul{
padding-bottom: 1em;
}
.granuleLeft ul li{
text-indent: -1em;
padding-left: 1em;
}
.granule400{
width: 400px;
}
.granule270{
width: 270px;
}
.granuleRight{
float: right;
padding-right: 10px;
padding-bottom: 30px;
}
/*ship*/
.rentShipBlock{
background:url(../rental/detail/ship/img/img04.gif) no-repeat;
padding-left: 220px;
padding-bottom: 10px;
}
.rentShipTosou{
background:url(../rental/detail/ship/img/img05.gif) no-repeat;
padding-left: 220px;
}
table.rentShipTd td{
text-align:center;
}
.rentfieldBtmMar {
margin-bottom: 30px;
}
.orangeBox02 p {
padding-right: 5px;
padding-left: 5px;
}