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

/* LinkColor */
a:link {
color: #0000FF;
}
a:visited {
color: #660000;
}
a:hover, a:focus {
color: #009900;
}
a:active {
color: #FFFF00;
}
/* VAlignOption */
.imgVABtm {
vertical-align: bottom;
}
/* Note */
.note {
text-indent: -1em;
margin-left: 1em;
}
/* RoundBox */
.roundCap {
font-size: 0%;
line-height: 0;
}
/* FontSizeClass */
.t8 {font-size: 62%;}
.t9 {font-size: 69.3%;}
.t10 {font-size: 77%;}
.t11 {font-size: 85%;}
.t12 {font-size: 93%;}
.t13 {font-size: 100%;}
.t14 {font-size: 108%;}
.t15 {font-size: 116%;}
.t16 {font-size: 123.1%;}
.t17 {font-size: 131%;}
.t18 {font-size: 138.5%;}
.t19 {font-size: 146.5%;}
.t20 {font-size: 153.9%;}

/* ------------------------------------------------------------------------------
Template
------------------------------------------------------------------------------ */ 

body {
background: url(../img_common/body_bg.jpg) repeat-x;
text-align: center;
}
#wrap {
text-align: left;
width: 920px;
margin-right: auto;
margin-left: auto;
}
#seo {
position: absolute;
text-align: right;
width: 920px;
margin-top: 10px;
}
#logo {
height: 58px;
width: 206px;
float: left;
padding-top: 5px;
padding-bottom: 8px;
}
#hMenu {
float: right;
margin-top: 42px;
}
#hMenu li {
float: left;
}
#hLang {
float: right;
margin-top: 42px;
padding-right: 5px;
}
#hLang li {
margin-right: 10px;
float: left;
}
#gMenu {
width: 920px;
margin-bottom: 15px;
}
#gMenu li {
float: left;
}
#branding {
width: 898px;
margin-right: auto;
margin-left: auto;
margin-bottom: 15px;
text-align: center;
}
#branding #brandingImg {
float: left;
}
#branding ul.bMenu01 {
float: right;
background-image: url(../img_common/brand_menu.jpg);
background-repeat: no-repeat;
background-position: right top;
height: 138px;
width: 215px;
}
#branding ul.bMenu02 {
float: right;
background-image: url(../img_common/brand_menu.jpg);
background-repeat: no-repeat;
background-position: right top;
height: 138px;
width: 190px;
}
#branding ul.bMenu03 {
float: right;
background-image: url(../img_common/brand_menu.jpg);
background-repeat: no-repeat;
background-position: right top;
height: 138px;
width: 395px;
z-index: 1;
}
#branding ul.bMenu04 li {
float: left;
}
#branding ul.bMenu04 {
float: right;
background-image: url(../img_common/brand_menu02.jpg);
background-repeat: no-repeat;
background-position: right top;
height: 138px;
width: 395px;
z-index: 1;
}
#branding ul.bMenu03 li {
float: left;
}
#branding p {
background-image: url(../img_common/brand_bg01.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 16px;
font-size: 10px;
padding-left: 731px;
line-height: 16px;
padding-bottom: 6px;
text-align: left;
}
#branding p#brandingBack {
background-image: url(../img_common/brand_bg02.jpg);
padding-left: 672px;
z-index: 0;
}
#branding p a:link, #branding p a:visited {
color: #333;
text-decoration: none;
}
#branding p a:hover, #branding p a:focus, #branding p a:active {
color: #006699;
text-decoration: underline;
}
#pankuzu a {
text-decoration: none;
}
#pankuzu a:link {
color: #FFF;
}
#pankuzu a:visited {
color: #FFF;
}
#pankuzu a:hover, #footer a:focus {
color: #FF0;
text-decoration: underline;
}
#pankuzu a:active {
color: #FFF;
}
#pankuzu {
margin-left: 15px;
line-height: 16px;
margin-bottom: 10px;
}
#pankuzu .pankuzuFirst {
background: url(../img_common/pankuzu_bg02.jpg) no-repeat right center;
padding-right: 20px;
border-left: 1px solid #CBCBCB;
}
#pankuzu li {
float: left;
background: url(../img_common/pankuzu_bg01.jpg) no-repeat right;
padding-right: 20px;
padding-left: 10px;
height: 16px;
border-top: 1px solid #CECECE;
border-bottom: 1px solid #CECECE;
}
#pankuzu .pankuzuLast {
background: url(none);
border-right: 1px solid #CCC;
}
#cont {
width: 890px;
margin-right: auto;
margin-left: auto;
}
#left {
float: left;
width: 198px;
padding-left: 7px;
padding-top: 7px;
background-color: #F3F3F3;
padding-right: 5px;
padding-bottom: 3px;
}
#left li {
margin-bottom: 3px;
background-image: url(../img_common/smenu_bg.jpg);
background-repeat: repeat-y;
}
#left li h3 {
margin-bottom: 5px;
}
#left li .leftMenu_img {
float: left;
width: 62px;
padding-right: 16px;
padding-left: 13px;
}
#left li p {
float: left;
width: 95px;
margin-top: 3px;
line-height: 1.7;
}
#main {
float: right;
width: 660px;
}
.pageTopBtn {
text-align: right;
margin-right: 20px;
margin-bottom: 20px;
}
#footer a:link {
color: #FFF;
}
#footer a:visited {
color: #CCC;
}
#footer a:hover, #footer a:focus {
color: #FFF;
text-decoration: underline;
}
#footer a:active {
color: #FFF;
}
#footer {
background: url(../img_common/foot_bg.gif) repeat-x top;
height: 60px;
width: 100%;
padding-top: 10px;
}
#footer ul {
width: 640px;
margin-right: auto;
margin-left: auto;
color: #FFF;
}
#footer ul li {
float: left;
}
#footer p {
text-align: center;
margin-top: 18px;
}

/* 見出し */
h3.Tit {
width: 630px;
background: url(../img_common/tit01.jpg) no-repeat;
height: 34px;
padding-left: 30px;
font-weight: bold;
color: #FFF;
margin-bottom: 15px;
line-height: 34px;
}
.mTit01 {
color: #FFF;
font-weight: bold;
line-height: 23px;
height: 23px;
float: left;
padding-left: 30px;
padding-bottom: 10px;
background-image: url(../img_common/mtit01_left.gif);
background-repeat: no-repeat;
background-position: 10px top;
}
.mTit01Img {
float: left;
}
.mTit02 {
color: #FFF;
font-weight: bold;
line-height: 23px;
height: 23px;
float: left;
padding-left: 30px;
background-image: url(../img_common/mtit02_left.jpg);
background-repeat: no-repeat;
background-position: 10px top;
padding-bottom: 10px;
}
.mTit02Img {
float: left;
}
.mTit03 {
float: left;
width: 130px;
}
.mTit03Txt {
padding-top: 5px;
}
/* 黄緑の枠 */
.greenBox {
background: #F5F9E2;
width: 640px;
margin-left: 10px;
margin-bottom: 20px;
}
.greenBox p {
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
font-weight: bold;
color: #666;
}

/* 青い枠 */
.blueBox {
margin-left: 10px;
border: 1px solid #A5E0F1;
background-color: #EBF8FC;
width: 640px;
text-align: center;
margin-bottom: 20px;
padding-top: 15px;
}
.blueBox_tit {
font-weight: bold;
color: #3399CC;
margin-bottom: 8px;
margin-left: 15px;
text-align: left;
}
.blueBox_white {
background-color: #FFF;
text-align: left;
width: 620px;
margin-right: auto;
margin-left: auto;
margin-bottom: 15px;
}
.blueBox_icon01 {
background-image: url(../img_common/icon03.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;
line-height: 32px;
}
.blueBox_icon02 {
background-image: url(../img_common/icon04.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 25px;
}
.blueBox dl dt {
font-weight: bold;
width: 230px;
float: left;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 20px;
}
.blueBox dl dd {
float: left;
width: 300px;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.blueBox table th {
font-weight: bold;
width: 220px;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 20px;
}
.blueBox table td {
width: 180px;
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.blueBox .blueBox_white h5 {
font-weight: bold;
padding-bottom: 0.3em;
padding-right: 20px;
padding-left: 20px;
}
.blueBox .blueBox_white p.blueBox_txt {
padding-right: 20px;
padding-left: 20px;
}
.blueBox .blueBox_white p strong {
font-weight: bold;
}
.blueBox .blueBox_white ol {
list-style-type: decimal;
padding-left: 50px;
}
.blueBox_swf {
text-align: center;
}

/* グレーの枠 */
.grayBox {
width: 624px;
background: url(../img_common/box_bg.jpg) repeat-y left top;
margin-bottom: 30px;
margin-left: 10px;
}
.grayBox .leftImage {
float: left;
padding-left: 2px;
}
.grayBox ul {
float: left;
padding-top: 16px;
padding-left: 21px;
}
.grayBox li a:link, .grayBox li a:visited {
color: #333;
text-decoration: none;
}
.grayBox li a:hover, .grayBox li a:focus, .grayBox li a:active {
color: #006699;
text-decoration: underline;
}
.grayBox ul li {
background: url(../img_common/icon01.gif) no-repeat left center;
padding-left: 24px;
line-height: 180%;
}

/* テキストエリア */
.txt01 {
margin-left: 20px;
margin-bottom: 2em;
width: 620px;
}
.txt02 {
margin-left: 20px;
margin-bottom: 1em;
width: 620px;
}
.txt03 {
margin-left: 20px;
margin-bottom: 5px;
}
strong {
font-weight: bold;
color: #F60;
}

/* イメージエリア */
.image01 {
text-align: center;
margin-bottom: 30px;
}

/* 番号付きリスト */
.olList01 {
list-style-type: decimal;
padding-left: 40px;
padding-bottom: 20px;
padding-right: 20px;
}
.olList01 li {
margin-bottom: 1em;
}
.olList01 li strong {
font-weight: bold;
color: #FF6600;
}

/* 番号なしリスト */
.ulList01 {
list-style-type: circle;
padding-left: 40px;
padding-right: 20px;
line-height: 1.7;
margin-bottom: 30px;
}
.ulList02 {
list-style-type: square;
padding-right: 20px;
padding-left: 40px;
margin-bottom: 20px;
}
.ulList02 li {
padding-bottom: 1em;
}

/* テーブル */
.table01 {
margin-left: 20px;
border: 1px solid #CCC;
text-align: center;
width: 450px;
margin-bottom: 30px;
}
.table01 thead td {
color: #FFF;
background-color: #56C5E4;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
padding-top: 0.3em;
padding-bottom: 0.3em;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
}
.table01 tbody th {
background-color: #EEE;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
padding-top: 0.3em;
padding-bottom: 0.3em;
}
.table01 tbody td {
padding-top: 0.3em;
padding-bottom: 0.3em;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #CCC;
border-left-color: #CCC;
}
.table02 {
width: 640px;
margin-left: 10px;
margin-bottom: 30px;
border: 1px solid #CCC;
}
.table02 th {
color: #FFF;
background-color: #56C5E4;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 15px;
padding-left: 15px;
}
.table02 td {
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 15px;
padding-left: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
}

/* ボタン */
.btn01 {
font-size: 10px;
line-height: 23px;
font-weight: bold;
background-image: url(../img_common/btn_left.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 23px;
padding-left: 10px;
float: left;
display: inline;
margin-top: 5px;
}
.btn01Img {
width: 10px;
height: 23px;
float: left;
margin-top: 5px;
}
.btn01 a:link, .btn01 a:visited {
color: #333;
text-decoration: none;
}
.btn01 a:hover, .btn01 a:focus, .btn01 a:active {
color: #006699;
text-decoration: underline;
}
.btn02 {
font-size: 10px;
line-height: 23px;
font-weight: bold;
background-image: url(../img_common/btn02_left.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 23px;
padding-left: 28px;
float: left;
display: inline;
margin-top: 5px;
}
.btn02Img {
width: 10px;
height: 23px;
float: left;
margin-top: 5px;
}
.btn02 a:link, .btn01 a:visited {
color: #333;
text-decoration: none;
}
.btn02 a:hover, .btn01 a:focus, .btn01 a:active {
color: #006699;
text-decoration: underline;
}

/* ドライレンタルページ共通 */
.rentDet_line {
padding-top: 30px;
padding-bottom: 20px;
font-size: 0%;
line-height: 0;
height: 1px;
width: 641px;
margin-right: auto;
margin-left: auto;
}
.rentDet_line02 {
padding-bottom: 20px;
font-size: 0%;
line-height: 0;
height: 1px;
width: 641px;
margin-right: auto;
margin-left: auto;
}
.rentDet_img01 {
float: left;
padding-right: 10px;
padding-left: 20px;
}
.rentDet_txt01 {
}

/* デシカント除湿機・空調機共通 */
.desicantLeft {
float: left;
width: 240px;
padding-right: 20px;
padding-left: 10px;
}
.desicantRight {
float: left;
width: 383px;
}
.desicantRight ul {
list-style-type: disc;
padding-left: 20px;
margin-bottom: 20px;
}
.desicantBox01 {
background-color: #F5F9E2;
margin-bottom: 15px;
}
.desicantBox01 p {
font-weight: bold;
color: #666;
padding-right: 10px;
padding-left: 10px;
}
.desicantBtn01 {
padding-bottom: 25px;
}
.desicantBtn02 {
padding-bottom: 50px;
}
.desicantBtn03 {
padding-bottom: 10px;
}
.bMenuLiMar {
display: inline;
margin-right: 209px;
}
.red {
color: #F30;
}