/* KIZUNA Project */ * {margin:0px; font-size:100%; list-style:none;} html {width:100%; height:100%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;} body {width:100%; height:100%; font-size:80%; color:#333333; line-height:1.4;} img, a img {border:none;} .clear {clear:both;} .black {color:#000000;} .center {text-align:center;} a {text-decoration:none;} a:link {color:#0000ff;} a:visited {color:#0000ff;} a:hover {color:#dd0000; text-decoration:underline;} * html div#container {height:100%;} #container {position:relative; width:100%; height:100%; min-height:100%; z-index:1;} body > #container {height:auto;} * html div#map {height:100%;} #map {position:absolute; top:0px; left:0px; width:100%; height:100%; min-height:100%;} body > #map {height:auto;} #map div {margin:0px !important; padding:0px !important; z-index:5;} div.gmnoprint {position:absolute; bottom:65px !important;} #wrapper {padding:0px 0px 100px; z-index:1;} #wrapper div.wrapperBox {height:650px; background:transparent;} #wrapper div.qrBox {position:absolute; top:50%; left:50%; width:200px; height:300px; margin:-150px 0px 0px -100px; text-align:center;} #wrapper div.qrBox div.image {position:relative; width:120px; height:145px; margin:0px auto; overflow:hidden;} #wrapper div.qrBox div.image img {display:block; width:98px; height:98px; margin:25px 11px 0px; overflow:hidden;} #wrapper div.qrBox div.image div.outline {position:absolute; top:0px; left:5px; width:110px; height:145px; background:transparent url('../images/bg_qr.png') no-repeat 0px 0px; z-index:270;} h1.logo {position:absolute; top:0px; left:27px; width:125px; height:170px; background:transparent url('../images/img_logo.png') no-repeat 0px 0px; _background-position:0px 2px; text-indent:-2000px; z-index:210;} div.logo {position:absolute; top:0px; left:27px; width:125px; height:170px; background:transparent url('../images/img_logo.png') no-repeat 0px 0px; _background-position:0px 2px; text-indent:-2000px; z-index:210;} p.power {position:absolute; top:0px; right:0px; width:115px; height:15px; background:transparent url('../images/img_mottoshot.png') no-repeat 0px 0px; text-indent:-2000px; z-index:210;} #navi {position:absolute; width:175px; margin:160px 0px 0px 14px; z-index:220;} #navi div.login {width:175px; height:145px; margin:0px 0px 10px; background:transparent url('../images/bg_login.png') no-repeat 0px 0px; _background-position:0px 2px; overflow:hidden;} #navi div.login h2 {width:175px; height:15px; padding:0px; overflow:hidden; text-indent:-2000px;} #navi div.login img {width:90px; height:90px; margin:0px 0px 0px 41px; padding:0px; overflow:hidden;} #navi div.logon {width:175px; margin:0px 0px 10px; overflow:hidden;} #navi div.logon p {position:relative; width:175px; height:54px; background:transparent url('../images/sprit_logon.png') no-repeat 0px 0px; _background-position:0px 1px;} #navi div.logon p strong {margin:10px 0px 0px 10px; color:#ff6600; float:left;} #navi div.logon p span {margin:10px 0px 0px 5px; font-weight:bold; float:left;} #navi div.logon p span.welcome {width:115px; margin:0px; font-weight:normal; float:right;} #navi div.logon h2 {width:175px; height:45px; margin:0px; background:transparent url('../images/sprit_logon.png') no-repeat 0px -54px; _background-position:0px -53px; overflow:hidden; text-indent:-2000px;} #navi div.logon ul {width:175px; margin:0px; padding:0px;} #navi div.logon ul li {width:175px; height:26px; margin:0px; padding:0px; overflow:hidden; float:left;} #navi div.logon ul li.coupon a {display:block; width:175px; height:26px; background:transparent url('../images/sprit_logon.png') no-repeat 0px -99px; _background-position:0px -98px; text-indent:-2000px;} #navi div.logon ul li.coupon a:hover {background-position:-175px -99px; _background-position:-174px -98px;} #navi div.logon ul li.point a {display:block; width:175px; height:26px; background:transparent url('../images/sprit_logon.png') no-repeat 0px -125px; _background-position:0px -124px; text-indent:-2000px;} #navi div.logon ul li.point a:hover {background-position:-175px -125px; _background-position:-174px -124px;} #navi div.logon ul li.regist a {display:block; width:175px; height:26px; background:transparent url('../images/sprit_logon.png') no-repeat 0px -125px; _background-position:0px -124px; text-indent:-2000px;} #navi div.logon ul li.regist a:hover {background-position:-175px -125px; _background-position:-174px -124px;} #navi div.logon ul li.favorite a {display:block; width:175px; height:26px; background:transparent url('../images/sprit_logon.png') no-repeat 0px -151px; _background-position:0px -150px; text-indent:-2000px;} #navi div.logon ul li.favorite a:hover {background-position:-175px -151px; _background-position:-174px -150px;} #navi div.logon ul li.lucky a {display:block; width:175px; height:26px; background:transparent url('../images/sprit_logon.png') no-repeat 0px -177px; _background-position:0px -176px; text-indent:-2000px;} #navi div.logon ul li.lucky a:hover {background-position:-175px -177px; _background-position:-174px -176px;} #navi div.logon ul li.info {height:37px;} #navi div.logon ul li.info a {display:block; width:175px; height:37px; background:transparent url('../images/sprit_logon.png') no-repeat 0px -203px; _background-position:0px -202px; text-indent:-2000px;} #navi div.logon ul li.info a:hover {background-position:-175px -203px; _background-position:-174px -202px;} #navi div.logon ul li.rescue {height:37px;} #navi div.logon ul li.rescue a {display:block; width:175px; height:37px; background:transparent url('../images/sprit_logon.png') no-repeat 0px 0px; _background-position:0px 1px; text-indent:-2000px;} #navi div.logon ul li.rescue a:hover {background-position:-175px 0px; _background-position:-174px 1px;} #navi div.bread {width:175px; margin:0px 0px 10px; padding:0px 0px 15px; background:transparent url('../images/bg_box_end.png') no-repeat left bottom; overflow:hidden;} #navi div.bread h2 {width:175px; height:30px; margin:0px; background:transparent url('../images/ttl_bread.png') no-repeat 0px 0px; _background-position:0px 1px; overflow:hidden; text-indent:-2000px;} #navi div.bread ul.area {width:175px; margin:0px; padding:10px 0px 5px; background:transparent url('../images/bg_box.png') repeat-y 0px 0px; overflow:hidden;} #navi div.bread ul.area li.areaName {display:inline; width:155px; margin:0px 10px; overflow:hidden; float:left;} #navi div.bread ul.area li.areaName h3 {font-weight:normal;} #navi div.bread ul.area li.areaName ul.type {width:155px; margin:0px 0px 0px; padding:0px; overflow:hidden;} #navi div.bread ul.area li.areaName ul.type li.typeName {display:inline; width:155px; margin:0px; overflow:hidden; background:transparent url('../images/icon_arrow.png') no-repeat 2px 6px; float:left;} #navi div.bread ul.area li.areaName ul.type li.typeName h4 {margin:0px 0px 0px 15px; font-weight:normal;} #navi div.bread ul.area li.areaName ul.type li.typeName h4 a {margin:0px 0px 0px 20px;} #navi div.bread ul.area li.areaName ul.type li.typeName h4 span {margin:0px 0px 0px 15px;} #navi div.bread ul.area li.areaName ul.type li.typeName ul.shop {width:145px; margin:0px 0px 0px 10px; padding:0px; overflow:hidden;} #navi div.bread ul.area li.areaName ul.type li.typeName ul.shop li.shopName {display:inline; width:145px; margin:0px; overflow:hidden; background:transparent url('../images/icon_arrow.png') no-repeat 2px 6px; float:left;} #navi div.bread ul.area li.areaName ul.type li.typeName ul.shop li.shopName h5 {margin:0px 0px 0px 15px;} #navi div.bread h4.lite {font-weight:normal;} #navi div.bread h5.lite {font-weight:normal;} #navi div.info {width:175px; margin:0px 0px 10px; padding:0px 0px 15px; background:transparent url('../images/bg_box_end.png') no-repeat left bottom; overflow:hidden;} #navi div.info h2 {width:175px; height:30px; margin:0px; background:transparent url('../images/ttl_info.png') no-repeat 0px 0px; _background-position:0px 1px; overflow:hidden; text-indent:-2000px;} #navi div.info ul {width:175px; margin:0px; padding:10px 0px 5px; background:transparent url('../images/bg_box.png') repeat-y 0px 0px; overflow:hidden;} #navi div.info ul li {display:inline; width:155px; margin:0px 12px 5px 8px; overflow:hidden; background:transparent url('../images/icon_green.png') no-repeat 0px 7px; float:left;} #navi div.info ul li span {display:block; margin:0px 0px 0px 10px;} #index {position:absolute; top:35px; left:198px; width:704px; padding:0px; z-index:220;} #index ul.area {position:absolute; width:694px; height:32px; margin:0px 0px 0px 10px; padding:0px; float:left; z-index:230;} #index ul.area li.areaName {display:inline; height:32px; margin:0px 10px 0px 0px; float:left;} #index ul.area li.areaName a {display:block; width:104px; height:32px; color:#ffffff; text-align:center; background:transparent url('../images/tab_on.png') no-repeat 0px 0px; _background-position:0px 1px; overflow:hidden;} #index ul.area li.areaName a strong {display:block; margin:10px 0px 0px; font-size:14px;} #index ul.area li.areaName a:hover {background-position:0px -40px; _background-position:0px -39px;} #index ul.area li.areaName a:hover strong {margin:9px 0px 0px;} #index ul.area li.areaNameIn {display:inline; width:104px; height:32px; margin:0px 10px 0px 0px; float:left;} #index ul.area li.areaNameIn a {display:block; width:104px; height:32px; margin:0px; color:#666666; background:transparent url('../images/tab_in.png') no-repeat 0px 0px; overflow:hidden;} #index ul.area li.areaNameIn a strong {display:block; margin:9px auto 0px; text-align:center; font-size:14px;} #index ul.area li.areaNameIn a:hover {color:#dd0000;} #index ul.type {position:absolute; top:30px; left:0px; width:804px; height:39px; padding:0px; background:transparent url('../images/bg_navi.png') no-repeat 0px 0px; z-index:220;} #index ul.type li.category {position:relative; display:inline; margin:6px 0px 0px 6px; float:left; z-index:225;} #index ul.type li.category a.catBtn {display:block; height:27px; font-size:12px; color:#444444; overflow:hidden;} #index ul.type li.category a.catBtn:hover {background-position:0px -27px; color:#333333; overflow:hidden;} #index ul.type li.category a.catBtn span {display:block; margin:5px 0px 0px 30px; overflow:hidden;} /* Gourmet */ #index ul.type li.category a.type1 {width:110px; color:#444444; background:transparent url('../images/btn_gourmet.png') no-repeat 0px 0px;} #index ul.type li.category a.type1_In {width:110px; color:#444444; background:transparent url('../images/btn_gourmet.png') no-repeat 0px -27px;} /* Beauty */ #index ul.type li.category a.type2 {width:140px; color:#444444; background:transparent url('../images/btn_beauty.png') no-repeat 0px 0px;} #index ul.type li.category a.type2_In {width:140px; color:#444444; background:transparent url('../images/btn_beauty.png') no-repeat 0px -27px;} /* Shopping */ #index ul.type li.category a.type3 {width:145px; color:#444444; background:transparent url('../images/btn_shopping.png') no-repeat 0px 0px;} #index ul.type li.category a.type3_In {width:145px; color:#444444; background:transparent url('../images/btn_shopping.png') no-repeat 0px -27px;} /* Life */ #index ul.type li.category a.type4 {width:115px; color:#444444; background:transparent url('../images/btn_life.png') no-repeat 0px 0px;} #index ul.type li.category a.type4_In {width:115px; color:#444444; background:transparent url('../images/btn_life.png') no-repeat 0px -27px;} /* Leisure */ #index ul.type li.category a.type5 {width:175px; color:#444444; background:transparent url('../images/btn_leisure.png') no-repeat 0px 0px;} #index ul.type li.category a.type5_In {width:175px; color:#444444; background:transparent url('../images/btn_leisure.png') no-repeat 0px -27px;} /* Yatai */ #index ul.type li.category a.type6 {width:120px; color:#444444; background:transparent url('../images/btn_yatai120.png') no-repeat 0px 0px;} #index ul.type li.category a.type6_In {width:120px; color:#444444; background:transparent url('../images/btn_yatai120.png') no-repeat 0px -27px;} #index ul.type li.category a.type7 {width:150px; color:#444444; background:transparent url('../images/btn_yatai.png') no-repeat 0px 0px;} #index ul.type li.category a.type7_In {width:150px; color:#444444; background:transparent url('../images/btn_yatai.png') no-repeat 0px -27px;} #index ul.type li.category a.type8 {width:135px; color:#444444; background:transparent url('../images/btn_yatai135.png') no-repeat 0px 0px;} #index ul.type li.category a.type8_In {width:135px; color:#444444; background:transparent url('../images/btn_yatai135.png') no-repeat 0px -27px;} #index ul.type li.category a.type9 {width:150px; color:#444444; background:transparent url('../images/btn_yatai.png') no-repeat 0px 0px;} #index ul.type li.category a.type9_In {width:150px; color:#444444; background:transparent url('../images/btn_yatai.png') no-repeat 0px -27px;} #index ul.type li.category a.type10 {width:135px; color:#444444; background:transparent url('../images/btn_yatai135.png') no-repeat 0px 0px;} #index ul.type li.category a.type10_In {width:135px; color:#444444; background:transparent url('../images/btn_yatai135.png') no-repeat 0px -27px;} /* Motsu */ #index ul.type li.category a.type11 {width:130px; color:#444444; background:transparent url('../images/btn_motsu130.png') no-repeat 0px 0px;} #index ul.type li.category a.type11_In {width:130px; color:#444444; background:transparent url('../images/btn_motsu130.png') no-repeat 0px -27px;} #index ul.type li.category a.type12 {width:130px; color:#444444; background:transparent url('../images/btn_motsu130.png') no-repeat 0px 0px;} #index ul.type li.category a.type12_In {width:130px; color:#444444; background:transparent url('../images/btn_motsu130.png') no-repeat 0px -27px;} #index ul.type li.category a.type13 {width:160px; color:#444444; background:transparent url('../images/btn_motsu160.png') no-repeat 0px 0px;} #index ul.type li.category a.type13_In {width:160px; color:#444444; background:transparent url('../images/btn_motsu160.png') no-repeat 0px -27px;} #index ul.type li.category ul.list {visibility:hidden; position:absolute; top:27px; left:5px; padding:0px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; background:#ffffff; z-index:230;} #index ul.type li.category ul.list li {width:200px; margin:0px; padding:4px 6px; _padding:4px 7px; border-top:solid 1px #ffffff; border-bottom:solid 1px #cccccc; overflow:hidden;} /*#index ul.type li.category ul.list li a {margin:0px; padding:3px 5px 2px; border:solid 1px #ffffff; _border:0px; color:#444444; white-space:nowrap; overflow:hidden; background:#ffffff;} #index ul.type li.category ul.list li a:hover {border:solid 1px #a88d51; _border:0px; color:#a88d51; color:#444444; _color:#dd0000; text-decoration:underline; font-weight:normal; background:#efdc98; _background:#ffffff;}*/ #index ul.type li.category ul.list li a {margin:0px; padding:3px 5px 2px; border:solid 1px #ffffff; color:#444444; white-space:nowrap; overflow:hidden; background:#ffffff;} #index ul.type li.category ul.list li a:hover {border:solid 1px #a88d51; color:#a88d51; color:#444444; text-decoration:underline; font-weight:normal; background:#efdc98;} #contents {position:absolute; top:115px; left:198px; width:804px; overflow:hidden; z-index:210;} #contents span.intro {display:block; width:804px; height:10px; background:transparent url('../images/bg_contents_intro.png') no-repeat 0px 0px; overflow:hidden;} #contents div.box {width:804px; background:transparent url('../images/bg_contents.png') repeat-y 0px 0px; overflow:hidden;} #contents div.box div.boxIn {width:750px; margin:15px 27px; overflow:hidden;} #contents span.ending {display:block; width:804px; height:10px; background:transparent url('../images/bg_contents_end.png') no-repeat 0px 0px; overflow:hidden;} #ending {position:absolute; bottom:0px; left:0px; width:100%; height:61px; background:transparent url('../images/bg_ending.png') 0px 0px; _background-position:0px 1px; z-index:210;} #ending div.news {position:absolute; bottom:40px; left:0px; width:100%; height:21px; z-index:215;} #ending div.news h2 {display:inline; width:50px; height:21px; margin:0px 0px 0px 10px; background:transparent url('../images/bg_news.png') no-repeat 0px 3px; _background-position:0px 5px; float:left; overflow:hidden; text-indent:-2000px; float:left;} #ending div.news p {display:inline; height:18px; margin:3px 0px 0px 7px; font-size:11px; line-height:1.7; color:#ffffff; overflow:hidden; float:left;} #ending ul.gNavi {position:absolute; bottom:8px; right:13px; height:21px; padding:0px; overflow:hidden;} #ending ul.gNavi li {display:inline; height:21px; margin:0px 0px 0px 10px; padding:0px; float:left; overflow:hidden;} #ending ul.gNavi li.mail {width:90px;} #ending ul.gNavi li.mail a {display:block; width:90px; height:21px; background:transparent url('../images/btn_mail.png') no-repeat 0px 0px; _background-position:0px 2px; overflow:hidden; text-indent:-2000px; z-index:215;} #ending ul.gNavi li.mail a:hover {background-position:0px -21px; _background-position:0px -19px;} #ending ul.gNavi li.low {width:70px;} #ending ul.gNavi li.low a {display:block; width:70px; height:21px; background:transparent url('../images/btn_low.png') no-repeat 0px 0px; _background-position:0px 2px; overflow:hidden; text-indent:-2000px; z-index:215;} #ending ul.gNavi li.low a:hover {background-position:0px -21px; _background-position:0px -19px;} #ending ul.gNavi li.howto {width:172px;} #ending ul.gNavi li.howto a {display:block; width:172px; height:21px; background:transparent url('../images/btn_howto.png') no-repeat 0px 0px; _background-position:0px 2px; overflow:hidden; text-indent:-2000px; z-index:215;} #ending ul.gNavi li.howto a:hover {background-position:0px -21px; _background-position:0px -19px;} #ending ul.gNavi li.whats {width:145px;} #ending ul.gNavi li.whats a {display:block; width:145px; height:21px; background:transparent url('../images/btn_whats.png') no-repeat 0px 0px; _background-position:0px 2px; overflow:hidden; text-indent:-2000px; z-index:215;} #ending ul.gNavi li.whats a:hover {background-position:0px -21px; _background-position:0px -19px;} #ending address.copy {position:absolute; bottom:0px; left:0px; width:380px; height:40px; background:transparent url('../images/img_copy.png') no-repeat 0px 0px; _background-position:0px 2px; text-indent:-2000px; z-index:215;} h1.logoWhite {position:absolute; top:20px; left:27px; width:125px; height:170px; background:transparent url('../images/img_logo.png') no-repeat 0px 0px; _background-position:0px 2px; text-indent:-2000px; z-index:210;} div.logoWhite {position:absolute; top:20px; left:27px; width:125px; height:170px; z-index:210;} div.logoWhite a {display:block; width:125px; height:170px; background:transparent url('../images/img_logo.png') no-repeat 0px 0px; _background-position:0px 2px; text-indent:-2000px;} #contentsPop {position:absolute; top:35px; left:198px; width:704px; height:800px; padding:0px; z-index:250;} #contentsPop span.intro {display:block; width:704px; height:10px; background:transparent url('../images/bg_start_intro.png') no-repeat 0px 0px; overflow:hidden;} #contentsPop div.box {width:704px; background:transparent url('../images/bg_start.png') repeat-y 0px 0px; overflow:hidden;} #contentsPop span.ending {display:block; width:704px; height:10px; background:transparent url('../images/bg_start_end.png') no-repeat 0px 0px; overflow:hidden;} #endingPop {position:absolute; bottom:0px; left:0px; width:100%; height:40px; background:#ffffff; z-index:210;} #endingPop ul.gNavi {position:absolute; bottom:8px; right:13px; height:21px; padding:0px; overflow:hidden;} #endingPop ul.gNavi li {display:inline; height:21px; margin:0px 0px 0px 10px; padding:0px; float:left; overflow:hidden;} #endingPop ul.gNavi li.mail {width:90px;} #endingPop ul.gNavi li.mail a {display:block; width:90px; height:21px; background:#ffffff url('../images/btn_mail.png') no-repeat 0px 0px; _background-position:0px 2px; overflow:hidden; text-indent:-2000px; z-index:215;} #endingPop ul.gNavi li.mail a:hover {background-position:0px -21px; _background-position:0px -19px;} #endingPop address.copy {position:absolute; bottom:0px; left:0px; width:380px; height:40px; background:transparent url('../images/img_copy.png') no-repeat 0px 0px; _background-position:0px 2px; text-indent:-2000px; z-index:215;} #balloon {width:530px; background:#ffffff; overflow:hidden; z-index:250;} #balloon h3 {font-size:16px; margin:0px 0px 10px; padding:0px 5px; border-bottom:solid 1px #cccccc;} #balloon img.photo {width:120px; margin:0px 10px 0px 0px; float:left;} #balloon div.data {width:400px; overflow:hidden; float:right;} #balloon div.data table {width:400px; font-size:11px; line-height:1.2; background:#cccccc;} #balloon div.data table th {padding:5px 5px 2px; white-space:nowrap; text-align:left; vertical-align:top; background:#f0f0f0;} #balloon div.data table td {padding:5px 5px 2px; text-align:left; background:#ffffff;} #balloon div.qr {position:relative; width:120px; height:170px; margin:0px 10px 0px 0px; overflow:hidden; float:left;} #balloon div.qr img {display:block; width:98px; height:98px; margin:30px 11px 0px; overflow:hidden; z-index:260;} #balloon div.qr p {font-size:11px; margin:20px 0px 5px; text-align:center;} #balloon div.qr div.outline {position:absolute; top:5px; left:5px; width:110px; height:145px; background:transparent url('../images/bg_qr.png') no-repeat 0px 0px; z-index:270;}