/* CSS Document */

body {
 margin: 0 auto ;
 padding: 0px;
 text-align: center;
 color: #555;
 font-size: 12px;
 line-height: 1.6;
 background: url(../common/bg_body.jpg) repeat-x center top #FFFFFF;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,form {
 margin-top: 0px;
 margin-bottom: 0px;
}
img {
 border-style: none;
 border-width: 0px;
}
a:link{ color: #00B576;}
a:visited { color: #00B576;}
a:hover { color: #FF6600;}


/* 大枠 */

#wrapper1 { background: url(../common/bg_wrapper.jpg) repeat-x center bottom; margin: 0 auto; padding:0; width: 100%;}
#wrapper2 { width: 780px; margin: 0 auto; padding:0;}


/* ヘッダー */


#header {
 width: 780px;
 height: 73px;
 margin: 0 auto;
 padding:0;
 background: url(../common/header.jpg) no-repeat center top;
}
#header h1 {
 width: 312px;
 height: 25px;
 padding: 35px 0 0 0;
 font-size: 1px;
 margin: 0 auto 0 0;
 text-align: left;
 text-indent: -9999px;
}
#header h1 a {
 width: 312px;
 height: 25px;
 display: block;
}
#header h2 {
 height: 1px;
 font-size: 1px;
 text-align: left;
 text-indent: -9999px;
}


/* ナビ・サブ */

#navi-sub {
 width: 468px;
 height: 22px;
 margin: 0 auto 0 312px;
 padding: 0 0 0 27px;
 background: url(../common/navi_sub.jpg) no-repeat left top;
}
#navi-sub ul {
 width: 441px;
 height: 22px;
 list-style-type: none;
 text-indent: -9999px;
 text-align: left;
 font-size: 1px;
 float: left;
 margin: 0 ;
 padding: 0;
}
#navi-sub li {
 height: 22px;
 list-style-type: none;
 float: left;
}
#navi-sub #navi-sub1 a{ width: 71px; height: 22px; display: block;}
#navi-sub #navi-sub2 a{ width: 69px; height: 22px; display: block;}
#navi-sub #navi-sub3 a{ width: 90px; height: 22px; display: block;}
#navi-sub #navi-sub4 a{ width: 120px; height: 22px; display: block;}
#navi-sub #navi-sub5 a{ width: 91px; height: 22px; display: block;}
#navi-sub #navi-sub1 a:hover{ background: url(../common/navi_sub.jpg) no-repeat -27px -22px;}
#navi-sub #navi-sub2 a:hover{ background: url(../common/navi_sub.jpg) no-repeat -98px -22px;}
#navi-sub #navi-sub3 a:hover{ background: url(../common/navi_sub.jpg) no-repeat -167px -22px;}
#navi-sub #navi-sub4 a:hover{ background: url(../common/navi_sub.jpg) no-repeat -257px -22px;}
#navi-sub #navi-sub5 a:hover{ background: url(../common/navi_sub.jpg) no-repeat -377px -22px;}


/* index・Flash */

#index-fla {
 width: 780px;
 float: none;
 clear: both;
 padding: 0;
 margin: 20px auto 0;
}


/* ナビ・メイン */

#navi-main {
 width: 780px;
 height: 65px;
 margin: 0 auto ;
 background: url(../common/navi_main.jpg) no-repeat left top;
}
#navi-main ul {
 width: 780px;
 height: 65px;
 list-style-type: none;
 text-indent: -9999px;
 text-align: left;
 font-size: 1px;
 float: left;
 margin: 0;
 padding: 0;
}
#navi-main li {
 height: 65px;
 list-style-type: none;
 float: left;
}
#navi-main a{ width: 156px; height: 65px; display: block;}
#navi-main #navi-main1 a:hover{ background: url(../common/navi_main.jpg) no-repeat 0 -65px;}
#navi-main #navi-main2 a:hover{ background: url(../common/navi_main.jpg) no-repeat -156px -65px;}
#navi-main #navi-main3 a:hover{ background: url(../common/navi_main.jpg) no-repeat -312px -65px;}
#navi-main #navi-main4 a:hover{ background: url(../common/navi_main.jpg) no-repeat -468px -65px;}
#navi-main #navi-main5 a:hover{ background: url(../common/navi_main.jpg) no-repeat -624px -65px;}


/* メイン */

#main {
 width: 780px;
 float: none;
 clear: both;
 padding: 0;
 margin: 28px auto 0;
}

#main-left {
 width: 440px;
 float: left;
 text-align: left;
 padding: 0;
 margin: 0 auto;
}

#main-right {
 width: 312px;
 float: right;
 text-align: left;
 padding: 0;
 margin: 0 auto;
 line-height: 1.3;
}


/* メイン・コンテンツ */


#main-con-left {
 width: 545px;
 float: left;
 text-align: left;
 padding: 0;
 margin: 0 auto;
}

#main-con-right {
 width: 200px;
 float: right;
 text-align: left;
 padding: 0;
 margin: 0 auto;
 line-height: 1.3;
}
#main-con-right h3 { margin-bottom: 20px;}


/* パンくずリスト */

#pan-kuzu {
 width: 760px;
 text-align: right;
 font-size: 10px;
 margin: 10px auto;
}
#pan-kuzu a:link{ color: #555555; text-decoration: none;}
#pan-kuzu a:visited { color: #555555; text-decoration: none;}
#pan-kuzu a:hover { color: #0099FF;}



/* フッター */
#footer {
 width: 780px;
 margin: 0 auto;
 padding-top: 35px;
 text-align: left;
 float: none;
 clear: both;
}
#footer p { margin-bottom: 2px; font-size: 10px;}
#footer a:link{ color: #555; text-decoration: none;}
#footer a:visited { color: #555; text-decoration: none;}


#footer address {
 width: 780px;
 height: 32px;
 text-indent: -9999px;
 font-size: 1px;
 background: url(../common/copyright.jpg) no-repeat center center;
}


/* homeへ戻るボタン */

#bt-home {
 text-align: right;
 margin: 0 auto 0 561px;
 padding: 0;
 font-size: 1px;
}
#bt-home a {
 display: block;
 width: 219px;
 height: 22px;
 text-align: left;
 text-indent: -9999px;
 background: url(../common/bt_home.jpg) no-repeat top center;
}
#bt-home a:hover { background: url(../common/bt_home.jpg)  no-repeat 0 -22px; }


/* トップへ戻るボタン */

.bt-pagetop {
 text-align: right;
 margin: 0 auto 20px;
 padding: 0;
 font-size: 1px;
}
.bt-pagetop a {
 display: block;
 width: 110px;
 height: 22px;
 text-align: left;
 text-indent: -9999px;
 background: url(../common/bt_pagetop.gif) no-repeat top center;
}
.bt-pagetop a:hover { background: url(../common/bt_pagetop.gif)  no-repeat 0 -22px; }


/* 下・お問い合わせボタン */

.bt-b-con {
 text-align: center;
 margin: 0 auto ;
 padding: 0;
 font-size: 1px;
}
.bt-b-con a {
 display: block;
 width: 220px;
 height: 38px;
 text-align: left;
 text-indent: -9999px;
 background: url(../common/bt_b-contact.jpg) no-repeat top center;
}
.bt-b-con a:hover { background: url(../common/bt_b-contact.jpg)  no-repeat 0 -38px; }





.h3-1 {
 font-size: 16px;
 color: #00B576;
 margin-bottom: 8px;
 border-bottom: 1px solid #00B576;
}

.h4-1 {
 font-size: 14px;
 color: #FF3366;
 margin-bottom: 5px;
}



  
/*---------------------------------------------------------------------------------------------------------------------*/

/* データテーブル */

.tab_date {
 background-color: #CCCCCC;
}
.tab_date caption {
 text-align: left;
 padding-bottom: 7px;
 font-weight: bold;
 color: #00B576;
}
.tab_date th {
 text-align: center;
 color: #00B576;
 background-color: #E3FFF5;
}
.tab_date td { background: url(../common/bg_td-pro.jpg) no-repeat left top #FFFFFF;}

.tab_date-in { background: url(../common/spacer.gif) ;}
.tab_date-in td { padding: 3px 8px 3px 0; background: url(../common/spacer.gif) ;}


/* index・stepボタン */

.bt-index-step1 { width: 420px; height: 33px; background: url(../img/index/bt_setp1.gif) no-repeat center top; margin-top: 10px;}
.bt-index-step1 a { width: 420px; height: 33px; display: block; text-indent: -9999px;}
.bt-index-step1 a:hover { background: url(../img/index/bt_setp1.gif) no-repeat center -33px;}

.bt-index-step2 { width: 420px; height: 33px; background: url(../img/index/bt_setp2.gif) no-repeat center top; margin-top: 10px;}
.bt-index-step2 a { width: 420px; height: 33px; display: block; text-indent: -9999px;}
.bt-index-step2 a:hover { background: url(../img/index/bt_setp2.gif) no-repeat center -33px;}

.bt-index-step3 { width: 420px; height: 33px; background: url(../img/index/bt_setp3.gif) no-repeat center top; margin-top: 10px;}
.bt-index-step3 a { width: 420px; height: 33px; display: block; text-indent: -9999px;}
.bt-index-step3 a:hover { background: url(../img/index/bt_setp3.gif) no-repeat center -33px;}

.bt-index-step4 { width: 420px; height: 33px; background: url(../img/index/bt_setp4.gif) no-repeat center top; margin-top: 10px;}
.bt-index-step4 a { width: 420px; height: 33px; display: block; text-indent: -9999px;}
.bt-index-step4 a:hover { background: url(../img/index/bt_setp4.gif) no-repeat center -33px;}

.bt-index-step5 { width: 420px; height: 33px; background: url(../img/index/bt_setp5.gif) no-repeat center top; margin-top: 10px;}
.bt-index-step5 a { width: 420px; height: 33px; display: block; text-indent: -9999px;}
.bt-index-step5 a:hover { background: url(../img/index/bt_setp5.gif) no-repeat center -33px;}



/* index・卸売りログイン */

#index-wholesale {
 width: 315px;
 background: url(../common/bt_index-wholesale.jpg) no-repeat center center;
 padding: 15px 0;
 text-align: center;
 margin-bottom: 10px;
}


/* Q&A */

.qa {
 width: 545px;
 background: url(../common/bg_qa.jpg) no-repeat center bottom;
 padding: 0 0 5px ;
}
.qa table {
 width: 495px;
 margin: 0 25px 15px;
}
.qa td {
 padding-bottom: 7px;
 vertical-align: top;
}
.qa h4 { font-size: 14px; color: #FF6600;}


/* 中古機器・流れ */

.flow-uri {
 border: 1px solid #FF6600;
 text-align: center;
 background-color: #EEEEEE;
 padding: 20px 0;
 margin-bottom: 20px;
}
.flow-uri h4 { color: #FF6600; font-size: 16px; margin-bottom: 10px;}
.flow-uri img { margin: 5px auto;}

.flow-kai {
 border: 1px solid #FF0066;
 text-align: center;
 background-color: #EEEEEE;
 padding: 20px 0;
 margin-bottom: 20px;
}
.flow-kai h4 { color: #FF0066; font-size: 16px; margin-bottom: 10px;}
.flow-kai img { margin: 5px auto;}


#bt_lp {margin:0 auto; background:url(../img/rental/bt_lp.jpg) no-repeat; width:322px; height:64px; display:block;}
#bt_lp:hover {background:url(../img/rental/bt_lp.jpg) bottom no-repeat;}




/* 再生・チェック */

.saisei-check {
 border: 1px solid #663300;
 background-color: #EEEEAA;
 padding: 20px 0 0;
 margin-bottom: 20px;
 color: #663300;
}
.saisei-check h4 { font-size: 16px; margin: 0 30px 10px;}
.saisei-check p { margin: 0 30px 20px;}


/* プライバシーポリシー */

#privacy { margin: 15px auto auto 15px; padding-left: 15px;}
#privacy li { margin-bottom: 8px;}
#privacy strong { color: #125FD1; font-size: 14px;}




/* サイトマップ */

#sitemap { height:470px; background:url(../common/bg_sitemap.jpg) no-repeat center bottom;}
#sitemap td { vertical-align: top;}
#sitemap p { margin-top: 20px; padding-left: 18px; background: url(../common/icon_sitemap.gif) no-repeat left 1px;}
#sitemap ul { margin-top: 8px;}
#sitemap li { margin-bottom: 2px;}
#sitemap a:link{ color: #333333; text-decoration: none;}
#sitemap a:visited { color: #777777; text-decoration: none;}
#sitemap a:hover { color: #E10915;}

.sitemap1 {
margin:0 0 0 25px;
padding:0;
font-size:13px;
font-weight:bold;
list-style:url(../common/icon_sitemap1.gif);
line-height:100%;
}  

.sitemap1 a{text-decoration:none;}

.sitemap2 {
margin:0 0 25px 40px;
padding:0;
font-size:12px;
font-weight:nomal;
list-style:url(../common/icon_sitemap2.gif);
} 

.sitemap2 li {margin:0 0 5px 0; padding:0;} 
.sitemap2 li a {color:#555 !important; text-decoration:none;}
.sitemap2 li a:hover {color:#FF6600 !important; text-decoration:underline;} 




/* 短期改善策 */

ul.tanki {
margin:0 0 15px 20px;
padding:0;
list-style:url(../img/tanki/icon.gif) outside;
}


ul.tanki li {
margin:10px 0 0 0;
padding:0 0 10px 0;
border-bottom:#FF6600 1px solid;}

ul.tanki li strong {line-height:100%;}

#haken {
margin:0 0 25px 0;
padding:70px 200px 0 33px;
background:url(../img/tanki/haken.jpg) no-repeat;
height:160px;
}






/* 売れるメニュー　サプリメント */

ul.osusume {
margin:0 0 20px 20px;
padding:0;
list-style:url(../img/tanki/icon.gif) outside;
line-height:130%;
}


ul.osusume li {margin:0 0 8px 0;}


