/* CSS for index Document */ body{ padding:0px; margin:0px; background:repeat-x #fff; color:#2F4F4F; font:13px/19px Arial, Helvetica, sans-serif; } div, p, ul, h2, h3, h4, h5, img, script{padding:0px; margin:0px;} ul{list-style-type:none} /*----【MAIN PANEL】 :大枠----*/ #mainPan{width:777px; position:relative; margin:0 auto;} /*----【TOP PANEL】 :画面最上 ロゴのスペース----*/ #topPan{width:777px; height:170px; background:url(images/header-sky.jpg) 0 0 no-repeat #fff; color:#828282; position:relative; margin-top:15px;} /*----【BODY PANEL】 :----*/ #bodyPan{width:770px; position:relative; margin:0 auto; padding:15px 0 0 0;} /*----【BODY PANEL - LEFT】----*/ /*- Contents ----------------------------------------------------*/ #leftPan{width:150px; float:left; margin:10px 0 0 0} #lp-content{float:left; background:#fff; margin-top:15px;} #lp-content h2{height:34px; color:#2F4F4F; font-size:18px; line-height:34px; margin-top:15px} #lp-content ul{width:150px;} #lp-content ul li{height:30px; border-bottom:dashed 1px #AECCCA;} #lp-content ul li a{height:25px; display:block; background:url(images/pow-normal.gif) 0 10px no-repeat #fff; color:#2F4F4F; text-decoration:none; line-height:30px; padding:5px 10px 0 20px;} #lp-content ul li a:hover{background:url(images/pow-hover.gif) 0 10px no-repeat #fff; color:#2F4F4F; text-decoration:none;} #lp-content ul li span{text-decoration:none;} /*- Link ----------------------------------------------------*/ #lp-link{width:150px; float:left; margin-top:40px} #lp-link h2{width:150px; height:50px; background:#fff; color:#2F4F4F; font-size:18px; line-height:34px; margin-top:15px} #lp-link ul{width:150px;} #lp-link ul li{width:150px; height:100px; } #lp-link ul li a{display:block; background: no-repeat #fff; color:#2F4F4F; text-decoration:none; line-height:24px; padding:0 0 10px 5px;} #lp-link ul li a:hover{background: no-repeat #fff; color:#2F4F4F; text-decoration:none;} #lp-link ul li span{text-decoration:none;} /*- Weather ----------------------------------------------------*/ #lp-weather{width:150px; float:left; margin-top:40px} #lp-weather h2{width:150px; height:34px; background:#fff; color:#2F4F4F; font-size:18px; line-height:34px; margin-top:15px} #lp-weather ul{width:150px;} #lp-weather ul li{width:150px;} /*----【BODY PANEL - RIGHT】----*/ #rightPan{width:580px; float:left; border-left:1px solid #C8E8E2;margin:10px 0 0 0; padding:0 15px;} #rightPan p{padding:10px 0 10px 0;} /* 共通：パーティションライン（ブルー） */ #rightPan p.blue-line{width:580px; height:25px; float:left; background:url(images/sky-color-bg.gif) 0 10px repeat-x; padding:0 0 20px 0;} #rightPan p.noncolor-line{width:580px; height:25px; float:left; background: no-repeat #fff; padding:0 0 20px 0;} /* 共通：ヘッダー */ #rightPan h2{width:580px; height:34px; background:#fff; color:#2F4F4F; font-size:18px; line-height:34px; margin-bottom:10px} /* ホーム：イントロ */ #rightPan ul.home-intro{width:560px; float:left; border:0px; background: no-repeat #fff; color:#2F4F4F; padding:10px 00px 10px 15px; margin-bottom:10px;} /* ホーム：ツアー */ #rightPan ul.home-tourinfo{width:185px; height:220px; float:left; border:0px; background: no-repeat #fff; color:#000000; margin-bottom:10px;} #rightPan ul.home-tourinfo li.tourtitle{height:90px; background:#fff; color:#000099; font-size:12px; font-weight:bold; text-decoration:none;} #rightPan ul.home-tourinfo li{height:20px; padding:5px 0 5px 0; background:#f8f8ff; margin-right:10px;} #rightPan ul.home-tourinfo li a{display:block; background:#ffffff; color:#ffffff; text-decoration:none; line-height:20px;} #rightPan ul.home-tourinfo li a:hover{background: no-repeat; color:#B0C4DE; text-decoration:none;} #rightPan ul.home-pkpkhome{width:170px; height:140px; float:left; border:0; background:url(images/pukapukahome-bl.jpg) no-repeat #fff; color:#2F4F4F; margin-left:15px; margin-top:15px;} #rightPan ul.home-pkpkhomeinfo{width:340px; height:140px; float:right; border:0; background: no-repeat #fff; color:#2F4F4F;} #rightPan ul.home-pkpkhomeinfo li{height:20px; padding:7px 0 0 5px;} /* ホーム：プカプカ紹介 */ #rightPan ul.contact-info{width:420px; height:220px; float:left; border:0; background:url(images/bg-shinba1.gif) no-repeat #fff; color:#2F4F4F; } #rightPan ul.contact-info li.captionIntro{background:#ffffff; font-size:12px; text-decoration:none;} #rightPan ul.contact-info li{height:20px; padding:7px 0 0 25px;} #rightPan ul.contact-img{width:130px; height:130px; float:right; border:0; background: no-repeat #fff; color:#2F4F4F; margin-top:90px;} /* ホーム：プカプカとは */ #rightPan ul.aboutus-title{width:580px; float:right; border:0; background:url(images/sky.jpg) no-repeat #fff; color:#2F4F4F;} #rightPan ul.aboutus-title li.aboutus-info-title{background:#E0FFFF; font-size:12px; text-decoration:none;} #rightPan ul.aboutus-title li{height:20px; padding:7px 0 0 25px;} #rightPan ul.aboutus{width:580px; float:right; border:0; background:url(images/st-yasucanoe.jpg) no-repeat #fff; color:#2F4F4F; margin-top:10px;} #rightPan ul.aboutus li.aboutus-info{background:#E0FFFF; font-size:12px; text-decoration:none;} #rightPan ul.aboutus li{height:20px; padding:7px 0 0 25px;} /* ツアー2: マウンテンバイク */ #rightPan ul.services2{width:190px; height:180px; float:left; border:1px solid #B1DED5; background: no-repeat #fff; color:#2F4F4F; margin-left:4px; margin-bottom:10px;} #rightPan ul.services2 li.caption2{background:#E0FFFF; color:#000099; font-size:12px; font-weight:bold; text-decoration:none;} #rightPan ul.services2 li{height:20px; padding:7px 0 0 5px;} #rightPan ul.services2 li a{display:block; background: no-repeat; color:#000099; text-decoration:none; line-height:20px; padding:0 0 0 2px;} #rightPan ul.services2 li a:hover{background: no-repeat; color:#2F4F4F; text-decoration:none;} /* ツアー3: トレッキング */ #rightPan ul.services3{width:190px; height:180px; float:left; border:1px solid #B1DED5; background: no-repeat #fff; color:#2F4F4F; margin-left:4px; margin-bottom:10px;} #rightPan ul.services3 li.caption3{background:#E0FFFF; color:#000099; font-size:12px; font-weight:bold; text-decoration:none;} #rightPan ul.services3 li{height:20px; padding:7px 0 0 5px;} #rightPan ul.services3 li a{display:block; background: no-repeat; color:#000099; text-decoration:none; line-height:20px; padding:0 0 0 2px;} #rightPan ul.services3 li a:hover{background: no-repeat; color:#2F4F4F; text-decoration:none;} /* ホーム：ドックプラン */ #rightPan ul.services4{width:270px; height:200px; float:left; border:1px solid #B1DED5; background:url(images/bg-dogrun.gif) no-repeat #fff; color:#2F4F4F; margin-top:10px;} #rightPan ul.services4 li.caption4{background:#ffffff; color:#006666; font-size:12px; font-weight:bold; text-decoration:none;} #rightPan ul.services4 li{height:20px; padding:7px 0 0 5px;} #rightPan ul.services4 li a{display:block; background: no-repeat; color:#000099; text-decoration:none; line-height:20px; padding:0 0 0 2px;} #rightPan ul.services4 li a:hover{background: no-repeat; color:#2F4F4F; text-decoration:none;} /* ホーム：プカプカホーム */ #rightPan ul.services5{width:270px; height:200px; float:right; border:1px solid #B1DED5; background: no-repeat #fff; color:#2F4F4F; margin-top:10px;} #rightPan ul.services5 li.caption5{background:#ffffff; color:#006666; font-size:12px; font-weight:bold; text-decoration:none;} #rightPan ul.services5 li{height:20px; padding:7px 0 0 5px;} #rightPan ul.services5 li a{display:block; background: no-repeat; color:#000099; text-decoration:none; line-height:20px; padding:0 0 0 2px;} #rightPan ul.services5 li a:hover{background: no-repeat; color:#2F4F4F; text-decoration:none;} /* ツアー内容＆料金案内 photo size → 200 × 200 */ #rightPan ul.tourTitle {clear:both; width:580px; height:50px; padding:7px 0 0 5px;} #rightPan ul.tourImg{width:200px; height:260px; float:left; border:0; color:#2F4F4F; margin-bottom:15px} #rightPan ul.tourInfo{width:360px; height:260px; float:right; border:0; color:#2F4F4F; margin-bottom:15px} #rightPan ul.tourInfo li{ padding:7px 0 0 15px; margin-bottom:7px;} #rightPan ul.tourInfoSrv{width:360px; height:260px; float:right; border:0; color:#0066cc; margin-bottom:15px} #rightPan ul.tourInfoSrv li{ padding:15px 0 0 0;} /* ツアー申し込みの説明事項 */ #rightPan ul.reserve-info{width:560px; float:right; border:0; background:#fff; color:#2F4F4F; margin-top:10px;} #rightPan ul.reserve-info li.rsvTitle{height:50px; padding:5px 0px 10px 0px;} #rightPan ul.reserve-info li.reserve-btn{height:150px; padding:7px 0 0 15px; margin-bottom:10px;} #rightPan ul.reserve-info li.itemList{height:150px; padding:7px 0 0 15px; margin-bottom:10px;} #rightPan ul.reserve-info li{height:20px; padding:7px 0 0 15px; margin-bottom:10px;} /* アクセス */ #rightPan ul.accessInfo{width:560px; height:220px; float:none; border:0; background:url(images/bg-parksymbol.gif) no-repeat #fff; color:#2F4F4F; margin-top:10px;} #rightPan ul.accessMap{width:560px; height:350px; float:none; border:0; color:#2F4F4F; margin-top:10px;} /* リンク */ /* お友達リンク - 左枠 */ #rightPan ul.link-l{width:275px; height:120px; float:left; border:5px solid #f0fff0; background:#fff; color:#2F4F4F; margin-top:10px;} #rightPan ul.link-l li.caption-link-l{background:#f0fff0; color:#006666; font-size:12px; font-weight:bold; text-decoration:none;} #rightPan ul.link-l li{height:20px; padding:7px 0 0 5px; margin-bottom:10px;} #rightPan ul.link-l li a{display:block; background: no-repeat; color:#000099; text-decoration:none; line-height:30px; padding:0 0 0 2px;} #rightPan ul.link-l li a:hover{background: no-repeat; color:#2F4F4F; text-decoration:none;} /* お友達リンク - 右枠 */ #rightPan ul.link-r{width:275px; height:120px; float:right; border:5px solid #f0fff0; background:#fff; color:#2F4F4F; margin-top:10px;} #rightPan ul.link-r li.caption-link-r{background:#f0fff0; color:#006666; font-size:12px; font-weight:bold; text-decoration:none;} #rightPan ul.link-r li{height:20px; padding:7px 0 0 5px; margin-bottom:10px;} #rightPan ul.link-r li a{display:block; background: no-repeat; color:#000099; text-decoration:none; line-height:30px; padding:0 0 0 2px;} #rightPan ul.link-r li a:hover{background: no-repeat; color:#2F4F4F; text-decoration:none;} /* おすすめリンク - 左枠 */ #rightPan ul.link-l-etc{width:275px; height:60px; float:left; border:5px solid #f0fff0; background:#fff; color:#2F4F4F; margin-top:5px;} #rightPan ul.link-l-etc li.caption-link-l-etc{background:#f0fff0; color:#006666; font-size:12px; font-weight:bold; text-decoration:none;} #rightPan ul.link-l-etc li{height:20px; padding:0px 0 0 5px; margin-bottom:10px;} #rightPan ul.link-l-etc li a{display:block; background: no-repeat; color:#000099; text-decoration:none; padding:0 0 0 2px;} #rightPan ul.link-l-etc li a:hover{background: no-repeat; color:#2F4F4F; text-decoration:none;} /* おすすめリンク - 右枠 */ #rightPan ul.link-r-etc{width:275px; height:60px; float:right; border:5px solid #f0fff0; background:#fff; color:#2F4F4F; margin-top:5px;} #rightPan ul.link-r-etc li.caption-link-r-etc{background:#f0fff0; color:#006666; font-size:12px; font-weight:bold; text-decoration:none;} #rightPan ul.link-r-etc li{height:20px; padding:0px 0 0 5px; margin-bottom:10px;} #rightPan ul.link-r-etc li a{display:block; background: no-repeat; color:#000099; text-decoration:none; padding:0 0 0 2px;} #rightPan ul.link-r-etc li a:hover{background: no-repeat; color:#2F4F4F; text-decoration:none;} /* リンクバナー枠 */ #rightPan ul.link-banner{width:560px; float:right; border:0; background:#fff; color:#2F4F4F; margin-top:10px;} /*----【FOOTER PANEL】----*/ #footermainPan{width:777px; height:80px; border-top:1px solid #C8E8E2;} /* Todo 右寄せ　イタリック　場合によっては画像化 */ #footerPan p.copyright{width:686px; margin:10px 0 0 92px; text-align:right;}