/* Yukemuri Club */ /* ---------------------------------------------------------------- */ /* Default */ /* ---------------------------------------------------------------- */ * {margin:0px; font-size:100%; list-style:none;} html {background:#a87d25;} body {color:#333333; font-size:12px; line-height:1.4; background:#fbf9ec;} body {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;} #container {position:relative; width:100%; background:#fbf9ec; overflow:hidden;} /* ---------------------------------------------------------------- */ /* Link */ /* ---------------------------------------------------------------- */ img, a img {border:none;} a:link, a:visited {color:#174DC8; text-decoration: none;} a:active, a:hover {color:#174DC8; text-decoration: underline;} /* ---------------------------------------------------------------- */ /* Header */ /* ---------------------------------------------------------------- */ #intro {width:100%; height:110px; margin:0px; text-align:center; background:transparent url('../images/bg_intro.png') repeat-x 0px 0px;} #introInner {position:relative; width:980px; height:110px; margin:0px auto; text-align:left; background:transparent url('../images/bg_logo.png') no-repeat 0px 0px;} #intro h1 {position:absolute; top:4px; left:18px; font-size:11px; font-weight:normal; z-index:100;} #intro div.read {position:absolute; top:4px; left:18px; font-size:10px; z-index:100;} #intro img.logo {display:block; position:absolute; top:30px; left:25px; width:168px; height:38px; z-index:50;} #intro div.mypage {position:absolute; top:4px; right:18px; height:20px; margin:0px;} #intro div.mypage span {margin:0px 5px; font-size:11px; line-height:1.8; float:left;} #intro div.mypage a {display:block; width:80px; height:16px; background:transparent url('../images/btn_mypage.png') no-repeat 0px 0px; text-indent:-2000px; overflow:hidden; float:left;} #intro div.mypage a:hover {background-position:0px -16px;} #intro div.wood {position:absolute; top:25px; right:15px; width:235px; height:55px; background:transparent url('../images/bg_wood.png') no-repeat 0px 0px; z-index:50;} #intro div.wood span {display:none;} #intro div.wood strong {display:block; position:absolute; top:12px; width:27px; height:30px; text-indent:-10em; overflow:hidden; z-index:60;} #intro div.wood strong.month_1 {left:51px;} #intro div.wood strong.month_2 {left:85px;} #intro div.wood strong.day_1 {left:143px;} #intro div.wood strong.day_2 {left:177px;} #intro div.wood strong.num_0 {background:transparent url('../images/img_num_0.png') no-repeat 0px 0px;} #intro div.wood strong.num_1 {background:transparent url('../images/img_num_1.png') no-repeat 0px 0px;} #intro div.wood strong.num_2 {background:transparent url('../images/img_num_2.png') no-repeat 0px 0px;} #intro div.wood strong.num_3 {background:transparent url('../images/img_num_3.png') no-repeat 0px 0px;} #intro div.wood strong.num_4 {background:transparent url('../images/img_num_4.png') no-repeat 0px 0px;} #intro div.wood strong.num_5 {background:transparent url('../images/img_num_5.png') no-repeat 0px 0px;} #intro div.wood strong.num_6 {background:transparent url('../images/img_num_6.png') no-repeat 0px 0px;} #intro div.wood strong.num_7 {background:transparent url('../images/img_num_7.png') no-repeat 0px 0px;} #intro div.wood strong.num_8 {background:transparent url('../images/img_num_8.png') no-repeat 0px 0px;} #intro div.wood strong.num_9 {background:transparent url('../images/img_num_9.png') no-repeat 0px 0px;} /* ---------------------------------------------------------------- */ /* Navigation */ /* ---------------------------------------------------------------- */ #navi {position:absolute; top:87px; left:15px; width:960px; height:30px; padding:0px;} #navi li {display:inline; height:19px; margin:0px 15px 0px 0px; overflow:hidden; float:left;} #navi li a {display:block; height:19px; background:transparent url('../images/sprit_navi.png') no-repeat; overflow:hidden; text-indent:-2000px;} #navi li.home {width:65px;} #navi li.home a {width:65px; background-position:0px 0px;} #navi li.home a:hover {background-position:0px -19px;} #navi li.spa {width:93px;} #navi li.spa a {width:93px; background-position:-65px 0px;} #navi li.spa a:hover {background-position:-65px -19px;} #navi li.inn {width:79px;} #navi li.inn a {width:79px; background-position:-158px 0px;} #navi li.inn a:hover {background-position:-158px -19px;} #navi li.gourmet {width:113px;} #navi li.gourmet a {width:113px; background-position:-237px 0px;} #navi li.gourmet a:hover {background-position:-237px -19px;} #navi li.tv {width:100px;} #navi li.tv a {width:100px; background-position:-350px 0px;} #navi li.tv a:hover {background-position:-350px -19px;} #navi li.professor {width:76px;} #navi li.professor a {width:76px; background-position:-450px 0px;} #navi li.professor a:hover {background-position:-450px -19px;} #navi li.hanada {width:182px;} #navi li.hanada a {width:182px; background-position:-526px 0px;} #navi li.hanada a:hover {background-position:-526px -19px;} /* ---------------------------------------------------------------- */ /* Bread */ /* ---------------------------------------------------------------- */ #bread {width:100%; height:25px; text-align:center; background:transparent url('../images/bg_bread.png') repeat-x 0px 0px; overflow:hidden;} #bread ul {width:940px; margin:5px auto 0px; padding:0px; text-align:left; overflow:hidden;} #bread ul li {display:inline; margin:0px 10px 0px 0px; padding:0px; color:#ffffff; font-weight:bold; overflow:hidden; float:left;} #bread ul li a {color:#ffffff; font-weight:normal;} #bread ul li.start {background:transparent url('../images/icon_arrow1.png') no-repeat 0px 4px; text-indent:10px;} #bread ul li.arrow {background:transparent url('../images/icon_arrow2.png') no-repeat 7px 4px; text-indent:20px;} #bread ul li.arrow span {display:none;} /* ---------------------------------------------------------------- */ /* Container */ /* ---------------------------------------------------------------- */ #wrapper {width:980px; margin:0px auto; padding:0px; text-align:left; background:transparent url('../images/bg_container.png') repeat-y 0px 0px; overflow:hidden;} #wrapperInner {width:960px; margin:0px 10px; text-align:left; overflow:hidden;} #wrapperInWhite {width:960px; margin:0px 10px; padding:10px 0px; text-align:left; background:#ffffff; overflow:hidden;} /* ---------------------------------------------------------------- */ /* Contents */ /* ---------------------------------------------------------------- */ #content {display:inline; width:940px; margin:10px; overflow:hidden; float:left;} .main {float:left; width: 550px;} .l_menu {float:left; width: 200px; margin-right: 10px;} .r_menu {float:right; width: 170px;} .main_l {float:left; width: 760px;} /* ---------------------------------------------------------------- */ /* Databox */ /* ---------------------------------------------------------------- */ #databox {display:inline; width:600px; margin:10px 10px 0px 15px; overflow:hidden; float:left;} /* ---------------------------------------------------------------- */ /* Sidebox */ /* ---------------------------------------------------------------- */ #sidebox {display:inline; width:300px; margin:10px 15px 0px 10px; padding:0px; float:right;} #sidebox div.flash {width:300px; margin:0px 0px 15px;} #sidebox div.flash h2 {width:300px; height:30px; background:transparent url('../images/sprit_side.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;} #sidebox div.flash div.flashBox {width:300px; height:350px; margin:0px; overflow:hidden;} #sidebox div.finder {width:300px; margin:0px 0px 15px;} #sidebox div.finder h2 {width:300px; height:30px; background:transparent url('../images/sprit_side.png') no-repeat 0px -30px; overflow:hidden; text-indent:-2000px;} #sidebox div.finder div.finderBox {position:relative; width:300px; height:340px; background:transparent url('../images/bg_finder.png') no-repeat 0px 0px; overflow:hidden;} #sidebox div.finder div.finderBox ul.list {position:relative; width:300px; height:340px; padding:0px; overflow:hidden;} #sidebox div.finder div.finderBox ul.list li.cost {position:absolute; top:10px; left:13px; width:180px; height:45px; overflow:hidden; z-index:100;} #sidebox div.finder div.finderBox ul.list li.cost h3 {width:110px; height:20px; background:transparent url('../images/sprit_finder.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;} #sidebox div.finder div.finderBox ul.list li.cost div {margin:2px 0px 0px; overflow:hidden;} #sidebox div.finder div.finderBox ul.list li.person {position:absolute; top:10px; left:205px; width:85px; height:45px; overflow:hidden; z-index:100;} #sidebox div.finder div.finderBox ul.list li.person h3 {width:85px; height:20px; background:transparent url('../images/sprit_finder.png') no-repeat 0px -20px; overflow:hidden; text-indent:-2000px;} #sidebox div.finder div.finderBox ul.list li.person div {margin:2px 0px 0px 5px; overflow:hidden;} #sidebox div.finder div.finderBox ul.list li.area {position:absolute; top:64px; left:13px; width:250px; height:45px; overflow:hidden; z-index:100;} #sidebox div.finder div.finderBox ul.list li.area h3 {width:75px; height:20px; background:transparent url('../images/sprit_finder.png') no-repeat 0px -40px; overflow:hidden; text-indent:-2000px;} #sidebox div.finder div.finderBox ul.list li.area div {margin:2px 0px 0px; overflow:hidden;} #sidebox div.finder div.finderBox ul.list li.date {position:absolute; top:118px; left:13px; width:250px; height:70px; overflow:hidden; z-index:100;} #sidebox div.finder div.finderBox ul.list li.date h3 {width:85px; height:20px; background:transparent url('../images/sprit_finder.png') no-repeat 0px -60px; overflow:hidden; text-indent:-2000px;} #sidebox div.finder div.finderBox ul.list li.date div {margin:2px 0px 5px; overflow:hidden;} #sidebox div.finder div.finderBox ul.list li.date div input {vertical-align:middle;} #sidebox div.finder div.finderBox ul.list li.option {position:absolute; top:195px; left:13px; width:280px; height:70px; overflow:hidden; z-index:100;} #sidebox div.finder div.finderBox ul.list li.option h3 {width:90px; height:20px; background:transparent url('../images/sprit_finder.png') no-repeat 0px -80px; overflow:hidden; text-indent:-2000px;} #sidebox div.finder div.finderBox ul.list li.option table {margin:2px 0px 0px; overflow:hidden;} #sidebox div.finder div.finderBox ul.list li.option table td {width:130px; height:20px;} #sidebox div.finder div.finderBox ul.list li.option table td.mSize {width:120px;} #sidebox div.finder div.finderBox ul.list li.option table td.sSize {width:90px;} #sidebox div.finder div.finderBox ul.list li.option table input {vertical-align:middle;} #sidebox div.finder div.finderBox a.searchBtn {position:absolute; bottom:44px; left:40px; display:block; width:220px; height:26px; background:transparent url('../images/sprit_btn.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px; z-index:110;} #sidebox div.finder div.finderBox a.searchBtn:hover {background-position:0px -26px;} #sidebox div.finder div.finderBox p.power {position:absolute; width:200px; height:30px; bottom:6px; right:10px;} #sidebox div.finder div.finderBox p.power span {margin:15px 5px 0px 0px; font-size:10px; float:left;} #sidebox div.finder div.finderBox p.power img {float:left;} #sidebox div.finder p.attention {margin:10px; font-size:11px;} #sidebox div.air {width:300px; margin:0px 0px 15px;} #sidebox div.air div.ttl {width:300px; height:30px; background:transparent url('../images/sprit_side.png') no-repeat 0px -60px; overflow:hidden;} #sidebox div.air div.ttl h2 {width:20px; height:30px; overflow:hidden; float:left; text-indent:-2000px;} #sidebox div.air div.ttl p {display:inline; height:20px; overflow:hidden; float:right;} #sidebox div.air div.ttl p a {display:block; height:20px; overflow:hidden; text-indent:-2000px;} #sidebox div.air div.ttl p.guide {width:70px; margin:10px 2px 0px 0px;} #sidebox div.air div.ttl p.guide a {width:70px; background:transparent url('../images/sprit_air.png') no-repeat 0px -80px;} #sidebox div.air div.ttl p.guide a:hover {background-position:0px -100px;} #sidebox div.air div.ttl p.help {width:50px; margin:10px 10px 0px 0px;} #sidebox div.air div.ttl p.help a {width:50px; background:transparent url('../images/sprit_air.png') no-repeat -70px -80px;} #sidebox div.air div.ttl p.help a:hover {background-position:-70px -100px;} #sidebox div.air div.airBox {position:relative; width:300px; height:270px; background:transparent url('../images/bg_air.png') no-repeat 0px 0px; overflow:hidden;} #sidebox div.air div.airBox ul.list {position:relative; width:300px; height:340px; padding:0px; overflow:hidden;} #sidebox div.air div.airBox ul.list li.way {position:absolute; top:10px; left:13px; height:45px; overflow:hidden; z-index:100;} #sidebox div.air div.airBox ul.list li.way h3 {width:90px; height:20px; background:transparent url('../images/sprit_air.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;} #sidebox div.air div.airBox ul.list li.way table {margin:2px 0px 0px; overflow:hidden;} #sidebox div.air div.airBox ul.list li.way table td {height:20px; padding:0px 10px 0px 0px;} #sidebox div.air div.airBox ul.list li.way table input {vertical-align:middle;} #sidebox div.air div.airBox ul.list li.date {position:absolute; top:65px; left:13px; width:250px; height:75px; overflow:hidden; z-index:100;} #sidebox div.air div.airBox ul.list li.date h3 {width:85px; height:20px; background:transparent url('../images/sprit_air.png') no-repeat 0px -20px; overflow:hidden; text-indent:-2000px;} #sidebox div.air div.airBox ul.list li.date div {margin:5px 0px 0px 5px; overflow:hidden;} #sidebox div.air div.airBox ul.list li.port {position:absolute; top:120px; left:13px; width:280px; height:70px; overflow:hidden; z-index:100;} #sidebox div.air div.airBox ul.list li.port h3 {width:85px; height:20px; background:transparent url('../images/sprit_air.png') no-repeat 0px -40px; overflow:hidden; text-indent:-2000px;} #sidebox div.air div.airBox ul.list li.port div {margin:5px 0px 0px 5px; overflow:hidden;} #sidebox div.air div.airBox a.airBtn {position:absolute; bottom:40px; left:40px; display:block; width:220px; height:26px; background:transparent url('../images/sprit_btn.png') no-repeat 0px -52px; overflow:hidden; text-indent:-2000px; z-index:110;} #sidebox div.air div.airBox a.airBtn:hover {background-position:0px -78px;} #sidebox div.air div.airBox p.power {position:absolute; width:165px; height:25px; bottom:10px; right:10px;} #sidebox div.air div.airBox p.power span {margin:10px 5px 0px 0px; font-size:10px; float:left;} #sidebox div.air div.airBox p.power img {float:left;} /* ---------------------------------------------------------------- */ /* Footer */ /* ---------------------------------------------------------------- */ #ending {clear:both; width:100%; height:110px; margin:0px; text-align:center; background:transparent url('../images/bg_ending.png') repeat-x 0px 0px; overflow:hidden;} #endingInner {width:980px; height:110px; margin:0px auto; background:transparent url('../images/bg_copy.png') no-repeat 0px 0px; overflow:hidden;} #endingInWhite {width:980px; height:110px; margin:0px auto; background:transparent url('../images/bg_copy_white.png') no-repeat 0px 0px; overflow:hidden;} #ending div.gNavi {margin:30px auto 10px;} #ending div.gNavi span {margin:0px 4px; color:#ffffff;} #ending div.gNavi span a {color:#ffffff;} #ending address {font-family:Verdana; font-size:10px; color:#ffffff;} */ /* ---------------------------------------------------------------- */ /* Color */ /* ---------------------------------------------------------------- */ .red {color: #CC0000;} .orange {color: #FF9900;} .blue {color: #006699;} .pink {color: #CC3366;} td.bg_blue {background: #E5EFF5;} td.bg_yellow {background: #FFF3C4;} td.bg_red {background: #FFE7E5;} td.bg_grey {background: #CCCCCC;}