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

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; font:inherit; vertical-align:baseline;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';	content: none;}

ins{text-decoration:none;}
del{text-decoration:line-through;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{vertical-align:bottom; line-hegiht:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,var{font-weight:normal; font-style:normal;}
caption,th{text-align:left;}
abbr,acronym{border:0;}
label, button {background: none ;border:none;cursor: pointer; padding: 0;}
/*form*/
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
button, input {
    line-height: normal;
}
button {
    cursor: pointer;
}
input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
}
input[type="search"] {
    -moz-box-sizing: content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
}
input:invalid, textarea:invalid {
    background-color: #F0DDDD;
}

/* //Reset// */


/*////////////////////////////////
■■Basic link
////////////////////////////////*/
body{font:12px/1.6 "ＭＳ ゴシック","Hiragino Kaku Gothic Pro","Osaka","Verdana","Lucida Grande",sans-serif;  color:#000; min-width:1100px;height:100%;}
body#enter{font:12px/1.6 "ＭＳ ゴシック","Hiragino Kaku Gothic Pro","Osaka","Verdana","Lucida Grande",sans-serif;  color:#000; background:url(../images/enter/bg.jpg) no-repeat scroll center top ; min-width:1100px;height:100%;}
body#top{background:url(../images/bg/use_top.jpg) no-repeat scroll center top ; min-height:3929px; max-height:3929px;}
body#common1{background:url(../images/bg/use_common1.jpg) no-repeat scroll center top ; min-height:1910px; max-height:1910px;}
body#common2{background:url(../images/bg/use_common2.png) no-repeat scroll center top;}
body#common2 .contens-wrapper{ background:url(../images/bg/use_common2_btm.png) no-repeat scroll center bottom ;}
body#common3{background:url(../images/bg/use_common3.jpg) no-repeat scroll center top ; min-height:1462px; max-height:1462px;}
body#common4{background:url(../images/bg/use_common4.jpg) no-repeat scroll center top ; min-height:2432px; max-height:2432px;}
body#hotel-detail{background:url(../images/bg/hotellistpopup.jpg) no-repeat scroll center top ; padding-top:42px; width:700px; height:958px;max-width: 700px; min-width: 700px;}
/* link */
a img{border:none; text-decoration:none;}
a:link{color:#FF22AE; text-decoration:none;}
a:visited{color:#FF22AE; text-decoration:none;}
a:hover{color:#FF22AE; text-decoration:underline;}
a:active{color:#FF22AE;}
a:focus{outline:none;}
.clearfix:after{content: "."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{min-height:1px;}
.clear{clear:both;}
hr{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #CCCCCC -moz-use-text-color -moz-use-text-color; border-image: none; border-right: 0 none; border-style: solid none none; border-width: 1px 0 0; display: block; height: 1px; margin: 1em 0; padding: 0;}

#main-contens{width:1100px; margin:0 auto; position:relative; padding:30px 0 0;}
#top #main-contens{ height:3194px;}
body#common2 #main-contens{ min-height:1187px;}

/*////////////////////////////////
detail style
////////////////////////////////*/
*::-moz-selection{background:#000; color:#FF22AE;}
*::selection{background:#000; color:#FF22AE;}


/*////////////////////////////////
animtion style
////////////////////////////////*/
.transition-ease-fast, .badge-of-honor .controls .next, .badge-of-honor a, .badge-of-honor a:hover, .benefit-block .controls a, .benefit-block .arrow-controls li, .benefit-block .arrow-controls li a, .hero-area-slideshow ul.controls li .progress-bar-track, .navigation-tiles ul li.video-tile .tile-content-wrapper .caption, .navigation-tiles ul li.video-tile .tile-content-wrapper .overlay {transition: all 0.15s ease-in-out 0s;}
.flip-front, .flip-back { transition: all 0.4s ease-in-out 0s;}
.transition-ease-medium { transition: all 0.75s ease-in-out 0s;}
.transition-ease-slow { transition: all 1.5s ease-in-out 0s;}

@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-20px);	}100% {opacity: 1;-webkit-transform: translateY(0);	}}
@-moz-keyframes fadeInDown {0% {opacity: 0;-moz-transform: translateY(-20px);}100% {opacity: 1;	-moz-transform: translateY(0);}}
@-o-keyframes fadeInDown {0% {	opacity: 0;	-o-transform: translateY(-20px);}100% {	opacity: 1;	-o-transform: translateY(0);}}
@keyframes fadeInDown {	0% {opacity: 0;	transform: translateY(-20px);}100% {opacity: 1;	transform: translateY(0);}}
a.fadeInDown{-webkit-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-o-animation-name: fadeInDown;	animation-name: fadeInDown;}
#enterContens ul li a,#g-navi ul li a,.hnavi-list li a,#common1 .h-logo a,#common2 .h-logo a,#common3 .h-logo a,#common4 .h-logo a{display:block; animation-delay: 0.2s; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: ease; backface-visibility: hidden;}

@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);}100% {	opacity: 1;	-webkit-transform: translateY(0);}}
@-moz-keyframes fadeInUp {0% {opacity: 0;-moz-transform: translateY(20px);}100% {opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeInUp {0% {opacity: 0;	-o-transform: translateY(20px);}100% {opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeInUp {0% {opacity: 0;transform: translateY(20px);}100% {	opacity: 1;	transform: translateY(0);}}
a.fadeInUp {-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;	-o-animation-name: fadeInUp;animation-name: fadeInUp;}
#g-navi ul li a{display:block; animation-delay: 0.2s; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: ease; backface-visibility: hidden;}


@-webkit-keyframes fadeInRight {0% {opacity: 0;	-webkit-transform: translateX(20px);}100% {	opacity: 1;	-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInRight {0% {opacity: 0;-moz-transform: translateX(20px);}100% {opacity: 1;	-moz-transform: translateX(0);}}
@-o-keyframes fadeInRight {	0% {opacity: 0;	-o-transform: translateX(20px);}100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInRight {0% {opacity: 0;	transform: translateX(20px);}100% {	opacity: 1;	transform: translateX(0);}}
#enter-navi a.fadeInRight {-webkit-animation-name: fadeInRight;-moz-animation-name: fadeInRight;	-o-animation-name: fadeInRight;	animation-name: fadeInRight;}
#enter-navi a{display:block; animation-delay: 0.2s; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: ease; backface-visibility: hidden;}
@-webkit-keyframes swashOut { 0% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1.0,1.0); }80% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(0.9,0.9); }100% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(0.0,0.0); }}
@-moz-keyframes swashOut {0% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1.0,1.0); }80% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(0.9,0.9); }100% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(0.0,0.0); }}
@-o-keyframes swashOut { 0% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1.0,1.0); }80% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(0.9,0.9); }
100% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(0.0,0.0); }}
@keyframes swashOut { 0% { opacity: 1; transform-origin: 50% 50%; transform: scale(1.0,1.0); }80% { opacity: 1; transform-origin: 50% 50%; transform: scale(0.9,0.9); }100% { opacity: 0; transform-origin: 50% 50%; transform: scale(0.0,0.0); }}
.reserveBtn a.swashOut:active,.mensBtn a.swashOut:active,.girlBtn a.swashOut:active,.entryBox .btn a.swashOut:active,.system .mainContens a.swashOut:active {-webkit-animation-name: swashOut;-moz-animation-name: swashOut;-o-animation-name: swashOut;animation-name: swashOut;}
.recruit .reserveBtn a,.recruit .mensBtn a,.recruit-mens .girlBtn a,.entryBox .btn a,.system .mainContens a{display:block; animation-delay: 0.2s; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: ease; backface-visibility: hidden;}
/*////////////////////////////////
short-code
////////////////////////////////*/
.opacity a img,.opacity2 a img{ transition: all 1s ease-out ; -moz-transition: all 1s ease-out ;-webkit-transition: all 1s ease-out ;-ms-transition: all 1s ease-out ;}
.opacity a:hover img{ opacity:0.4;}
a:hover img.opacity{opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )"; transition: all 0.5s ease-out 0.3s; -moz-transition: all 0.5s ease-out 0.3s;}
a.opacity:hover img,a.opacity:hover{opacity:0.9; filter:alpha(opacity=90); -ms-filter:"alpha( opacity=90 )"; transition: all 0.5s ease-out 0.3s; -moz-transition: all 0.5s ease-out 0.3s;}
a.opacity:hover img { opacity: 1\9; transition:none\9; }
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}

.fnt10{ font-size:84%;}
.fnt11{ font-size:92%;}
.fnt12{ font-size:100%;}
.fnt13{ font-size:109%;}
.fnt14{ font-size:117%;}
.fnt15{ font-size:125%;}
.fnt16{ font-size:134%;}
.fntB{ font-weight:bold;}

.mt15{ margin-top:15px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mRL5{ margin-left:5px; margin-right:5px;}

.lh13{ line-height:1.3;}

.t_C{ text-align:center;}
.t_L{ text-align:left;}
.t_R{ text-align:right;}

.pos_r{ position:relative;}
.pos_a{ position:absolute;}

.color_w{ color:#fff;}
.color_red{ color:#ff0000;}
.color_pink{ color:#ff0073;}
.color_blue{ color:#267ef6;}
.color_orange{ color:#ff7200;}
.color_black{ color:#000000;}

.systemError{ color:#000; font-size:14px; font-weight:bold; display:block;  background:#e3d5a9; padding:3px 0; text-shadow:1px 1px #fff; box-shadow:1px 1px #ccc; text-align:center; margin:15px 0;}

.clear{clear:both;}

/*////////////////////////////////
header style
////////////////////////////////*/
header{ width:1100px; margin:0 auto; position:relative;}
header .hnavi-list{ width:; float:none; margin:0;}
header .hnavi-list li{ background:#797979; padding:4px 9px 8px; float:left; margin:0 2px 0 0;}
header .hnavi-list li a{ display:block;}
#g-navi{ background:url(../images/common/gNavi_r.png) repeat-x; height:72px; width:1100px; margin:0 auto;}
#g-navi ul{ width:1100px; margin:0 auto; padding-top:12px;}
#g-navi ul li{ margin:0; float:left;}
/*topのみ*/
#top #top-movie{ width:481px; height:270px;}
#top #top-movie .inner{ margin: 30px 0 0 11px;}
#top .h-title{ color:#fff; font-size:14px; margin-top:30px;}
#top .h-logo{ text-indent:-9999px;}
#top .h-gals{  position:absolute; top:0; left: 497px;}
#top header{ height:489px;}
/*common1用*/
#common1 .h-title,#common2 .h-title,#common3 .h-title,#common4 .h-title{ color:#fff; font-size:14px; padding-top:11px;}
#common1 .h-logo,#common2 .h-logo,#common3 .h-logo,#common4 .h-logo{ margin-top:15px; width:489px;}
#common1 header,#common2 header,#common3 header,#common4 header{ height:135px;}
#common1 .hnavi-list,#common2 .hnavi-list,#common3 .hnavi-list,#common4 .hnavi-list{ float:right; margin-right:-2px;}
/*////////////////////////////////
footer style
////////////////////////////////*/
#footer-contens{ width:1100px; margin:0 auto; position:relative; color:#fff; padding:0;}
#footer-contens a{ color:#fff; text-decoration:none;}
#footer-contens .page-top{ position:absolute; right:0; top:25px;}
#footer-contens .footer-nav{ padding:25px 0;}
#footer-contens .footer-nav ul{ width:700px;}
#footer-contens .footer-nav ul li{ float:left; border-left:1px solid #fff; line-height:1; padding-left:6px; margin:0 6px 6px 0;}
#footer-contens section h1{ font-weight:bold; margin-bottom:3px;}
#footer-contens section .footer-copy{ font-size:10px;}
/*common2*/
#common2 #footer-contens{ padding-bottom:19px;}

/*////////////////////////////////
enter
////////////////////////////////*/
#enter-contens-wrap{ width:1100px; margin:0 auto; height:1100px; position:relative;}
#enter-contens-wrap h1{padding:1em 0 263px 0; line-height:1; color:#fff;}
#enter-contens-wrap #enter-gal{ width:645px; height:1100px; margin:0 auto; position:absolute; top:0; right:0;}
#enter-navi{ margin:0 0 106px 0;}
#enter-navi ul li{ margin:0 0 17px 0; position:relative;}
#enter-navi ul li a{ display:inline-block;}
#enter-navi ul li:last-child{ margin:0;}
#enter-navi ul li.btn-enter{ width:253px; height:75px;}
#enter-navi ul li.btn-enter .txt-enter{ position:absolute; left:119px; top:60px; color:#ff0084; letter-spacing:-0.3px;}
#enter-navi ul li.btn-exit{ width:144px; height:52px;}
#enter-navi ul li.btn-exit .txt-exit{ position:absolute; left:119px; top:37px; color:#ff0084; letter-spacing:-0.3px;}

.enter-u18-txt{ background:url(../images/enter/18.gif) no-repeat scroll left top; padding:57px 0 80px 0; line-height:1.5; font-size:12px;}
#enter-bookmark ul li{ float:left; margin:0 22px 0 0; padding:3px 0 0 20px;}
#enter-bookmark ul li a{ color:#ff0084;}
#enter-bookmark ul li.yahoo{ background:url(../images/enter/myyahoosbm.gif) no-repeat scroll left top;}
#enter-bookmark ul li.hatena{ background:url(../images/enter/hatenasbm.gif) no-repeat scroll left 3px; }
#enter-bookmark ul li.google{ background:url(../images/enter/googlesbm.png) no-repeat scroll left top;}
.enter-qr{ margin:22px 0 20px;}
.enter-qr img{ float:left; margin-right:18px;}
.enter-qr .txt{ line-height:1.4;}
.enter-banner li{ margin-bottom:9px;}
#enter footer{ padding:21px 0 0; font-size:14px; background:none; color:#000; position:inherit; width:auto; height:auto; text-align:left;}
/*////////////////////////////////
top
////////////////////////////////*/
.top-pickup{ background:url(../images/bg/top_pickup.png) no-repeat; width:549px; height:439px; padding:70px 8px 0 9px;}
.top-pickup .pickup-box{ width:268px; height:438px; position:relative;}
.top-pickup .gal-thumb{}
.top-pickup .jkit-gallery-thumbs{ width:66px; height:266px; overflow:hidden; position:absolute; top:0; right:0;}
.top-pickup .jkit-gallery-thumbs img{ width:66px; height:88px; display:block; margin-bottom:2px;}
.top-pickup .pickup-ttl{ color:#ff22ae; width:260px; height:35px; overflow:hidden; margin:8px 0 0 2px; line-height:1.4; font-weight:bold;}
.top-pickup .com{ width:260px; height:108px; overflow:auto; color:#000;margin:4px 0 0 2px; line-height:1.5;}
#top-topics{ background:url(../images/bg/top_topics.jpg) no-repeat; width:474px; height:448px; padding:61px 12px 0; position:relative;}
#top-topics #slider{ position:absolute; left:9px; top:71px; overflow: auto; width: 485px; height: 429px;}
#top-topics #slider li{ width:455px; height:379px; position:relative; color:#fff;}
#top-topics #slider .jkit-gallery-thumbs{position:absolute; bottom:24px; left:0;}
#top-topics #slider .jkit-gallery-thumbs img{ margin-right:1px; width:66px; height:88px;}
#top-topics #slider li section{ width:245px; position:absolute; right:0; top:0;}
#top-topics #slider li .topic-day{ color:#fff; font-weight:bold;}
#top-topics #slider li .topic-ttl{ border:dotted 1px #fff; border-left:none; border-right:none; margin:5px 0; padding:5px 0; font-weight:bold; line-height:1.4; width:245px; height:33px; overflow:hidden;}
#top-topics #slider li .com{ width:245px; height:248px; overflow:auto;}
#top-topics #slider li .topic-btn{ float:right; margin-top:8px;}
#top-topics #prevBtn{ background:url(../images/btn/topics_prev.png) no-repeat; width:473px; height:29px; display:block; position:absolute; top:72px; left:12px; text-indent:-9999px;}
#top-topics #nextBtn{ background:url(../images/btn/topics_next.png) no-repeat; width:473px; height:29px; display:block; position:absolute; bottom:8px; left:12px; text-indent:-9999px;}
#top-topics #prevBtn a,#top-topics #nextBtn a{ display:block; width:473px; height:29px;}
.top-bottom-contens{ margin:20px 0 0;}
.top-bottom-contens .right-contens{ width:800px;}
.top-discount{width:800px; position:relative; }
.top-discount .discount-ttl{background:url(../images/ttl/top_discount.jpg) no-repeat; height:34px; padding-top:29px; text-indent:-9999px;}
.top-discount .discount-ttl .discount-btn{ margin:0 0 0 222px;}
#discount-slide ul{ margin:0; height:300px;}
#discount-slide ul li{text-align: center;width: 800px; height:300px;}
#discount-slide ul li a:hover img{opacity:1;}
#discount-slide ul li a{ caption-side:#000;}
ol#controls{ margin:-50px 0 0 0; list-style-type:none; background:#000; padding:5px 15px; text-align:center; position:absolute; bottom:5px; right:5px;}
ol#controls li{ display:inline-block; margin:0 1px; padding:2px 8px; line-height:1; float:left;}
ol#controls li.current{ background:#fff;}
ol#controls li.current a{ background:#fff; color:#000;}
ol#controls li a{ color:#fff; font-weight:bold;}
ol#controls li a:hover{ text-decoration:none;}
.top-schedule{ width:800px; max-height:1807px; overflow:hidden; padding-bottom:4px; margin:20px 0 0 0; background:url(../images/bg/top_schedule.jpg) no-repeat;}
.top-schedule .top-schedule-ttl{ padding:5px 0 0 200px; margin-bottom:43px; color:#fff;}
.top-schedule .top-scedule-list{ width:794px; max-height: 1736px;min-height: 367px; overflow:auto; padding-left:4px;}
.top-schedule .top-scedule-list ul{min-height: 349px;}
.top-schedule .top-scedule-list li{ width:154px; height:316px; background:url(../images/bg/top_schedule_list.jpg) no-repeat; float:left; margin:0 1px 3px 0; padding-top:11px; position:relative; overflow:hidden; line-height:1;}
.top-schedule .top-scedule-list li a:hover{ text-decoration:none;}
.top-schedule .top-scedule-list li .gal-ttl{ width:147px; overflow:hidden; color:#ff22ae; margin-left:0.5em; margin-bottom:8px;}
.top-schedule .top-scedule-list li .gal-thumb{ width:150px; height:200px; text-align:center; margin:0 auto;}
.top-schedule .top-scedule-list li .gal-data{ position:absolute; left:0; top:200px; background:url(../images/bg/top_schedule_plate.png) no-repeat; width:152px; height:64px; padding-top:30px;}
.top-schedule .top-scedule-list li span{ display:block;}
.top-schedule .top-scedule-list li .gal-data .gal-name{ color:#fff; font-weight:bold; margin:0 0 15px 0.5em;}
.top-schedule .top-scedule-list li .gal-data .gal-size{ color:#000; margin-left:1em; font-size:10px; letter-spacing:0;}
.top-schedule .top-scedule-list li .gal-wait{ position:absolute; top:287px; left:1px;}
.top-schedule .top-scedule-list li .gal-wait .wait-time{ color:#fff; margin:0 0 4px 0.5em;}
.top-schedule .top-scedule-list li .gal-wait .guide-time{ color:#ff22ae; font-weight:bold; margin-left:0.5em;}
.top-banner{ width:810px; margin:20px -5px 0 0; float:right;}
.top-banner li{ float:left; margin:0 5px 10px; width:395px}
.left-contens{ float:left; width:265px;}
.left-contens .top-newface{ width:265px; height:505px; background:url(../images/bg/top_newface.jpg) no-repeat; position:relative;}
.left-contens .top-newface .newfece-btn{ position:absolute; right:1px; top:1px;}
.left-contens .top-newface .gal-thumb{ position:absolute; left:1px; top:60px;}
.left-contens .top-newface .gal-data{ position:absolute; left:10px; top:431px; line-height:1.4;}
.left-contens .top-newface .gal-data span{ display:block;}
.top-newface .gal-data .data-enter{ color:#ff22ae; font-size:14px; font-weight:bold;}
.top-newface .gal-data .data-name{ font-weight:bold; color:#fff;}
.top-newface .gal-data .data-size{ color:#fff; font-size:10px;}
.top-group-banner{ background:url(../images/bg/top_groupsite.jpg) no-repeat; width:232px; height:795px; padding:76px 0 0 33px; margin-top:20px;}
.top-group-banner ul li{ margin-bottom:10px;}
.top-pd{ background:url(../images/bg/top_pm.jpg) no-repeat; width:265px; height:771px; position:relative; margin-top:20px;}
.top-pd iframe{ position:absolute; left:1px; top:96px;}
.top-chat{ margin:20px 0 0 0; background:url(../images/bg/top_chat.jpg) no-repeat; width:265px; height:291px; position:relative;}
.top-chat embed{ position:absolute; left:11px; top:68px;}
/*////////////////////////////////
prof
////////////////////////////////*/
.contens-prof{ background:url(../images/bg/prof_contens.jpg) no-repeat; width:980px; height:1270px; position:relative; padding:61px 60px; margin-bottom:126px;}
.contens-prof h1.page-ttl{ width:373px;}
.contens-prof .gals-data{ position:absolute; left:60px; top:178px;}
.contens-prof .gals-data .gals-catch{ width:257px; height:44px; overflow:hidden; color:#ff22ae; font-weight:bold; font-size:14px; line-height:1.5; margin-left:-0.5em;}
.contens-prof .gals-data .gals-name{ color:#000; line-height:1;font-size:12px; font-family:"MS UI Gothic";}
.contens-prof .gals-data .gals-name span{ display:block;letter-spacing:0px;font-family:"MS UI Gothic";}
.contens-prof .gals-data .gals-name .name{ font-weight:bold; font-size:18px; margin-bottom:14px; }
.contens-prof .gals-data .gals-name .size{ margin-bottom:13px;}
.contens-prof .nf-icon{ position:absolute; top:44px; left:188px;}
.contens-prof .at-icon{ position:absolute; top:95px; left:152px;}
.contens-prof .prof-gicon{ position:absolute; left:295px; top:180px; width:261px;}
.contens-prof .prof-gicon li{ background:url(../images/bg/g-icon.gif) no-repeat; width:85px; height:16px; padding-top:3px; text-align:center; color:#fff; font-size:10px; letter-spacing:-0.8px; float:left; margin:0 2px 2px 0; overflow:hidden;}
.contens-prof .prof-gicon li.other{ background:url(../images/bg/g-icon-o.gif) no-repeat; width:85px; height:16px; padding-top:3px; text-align:center; color:#fff; font-size:10px; letter-spacing:-0.8px; float:left; margin:0 2px 2px 0; overflow:hidden;}
.contens-prof .prof-price-box{ position:absolute; left:295px; top:228px; background:#353535; width:259px; height:53px; padding-top:11px; line-height:1; color:#fff; font-weight:bold;}
.contens-prof .prof-price-box .contens-1{ width:129px; text-align:center; float:left;}
.contens-prof .prof-price-box .contens-2{ width:129px; text-align:center; float:right;}
.contens-prof .prof-price-box dt{ margin-bottom:15px;}
.contens-prof .prof-price-box .contens-1 dd{ color:#ff22ae; font-size:16px;font-family:"MS UI Gothic";}
.contens-prof .prof-price-box .contens-2 dd{ background:url(../images/bg/g-wait.gif) no-repeat; padding:3px; width:105px; height:16px; color:#fff; margin:0 auto; overflow:hidden; font-weight:bold;}
.contens-prof .gal-thumb img{ position:absolute; right:61px; top:60px; width:480px; height:640px; overflow:hidden;}
.contens-prof .jkit-gallery-thumbs{ position:absolute; top:311px; left:148px;}
.contens-prof .jkit-gallery-thumbs img{ width:81px; height:108px;}
.contens-prof .prof-com{ position:absolute; top:462px; left:267px;}
.contens-prof .prof-com .inner-com{ margin-top:15px; width:270px; height:176px; color:#000; overflow:auto; line-height:;}
.contens-prof .prof-bottom-contens{ position:absolute; left:60px; top:742px;}
.contens-prof .prof-bottom-contens .prof-qa{ width:327px; float:left;}
.contens-prof .prof-bottom-contens .prof-qa .prof-qa-cover{ width:326px; height:331px; overflow:auto;margin-top:8px;}
.contens-prof .prof-qa table{ width:309px; border-collapse:collapse;}
.contens-prof .prof-qa table th{ border:1px solid #bbbbbb; padding:9px 0 9px 18px; width:94px; line-height:1; color:#000; font-family:"MS UI Gothic";}
.contens-prof .prof-qa table td{ border:1px solid #bbbbbb; padding:10px 0 10px 13px; line-height:1; color:#000; font-family:"MS UI Gothic";}
.contens-prof .prof-qa table tr.bg1{ background:#eeeeee;}
.contens-prof .prof-qa table tr.bg2{ background:#fff;}
.contens-prof .prof-bottom-contens .prof-sch{ float:left; margin-left:19px; width:203px; height:377px; color:#fff; overflow:hidden;}
.contens-prof .prof-bottom-contens .prof-sch .tabs{ margin-top:15px; position:relative;}
.prof-bottom-contens .prof-sch .prof-sch-table{ width:203px;border-collapse:collapse; margin-top:4px;}
.prof-sch .prof-sch-table th{ border:1px solid #bbbbbb; background:#e7e7e7; padding:15px 0 15px 14px; color:#000; line-height:1;width: 80px;}
.prof-sch .prof-sch-table td{border:1px solid #bbbbbb; background:#fff; text-align:center; color:#000;}
.prof-sch .prof-sch-table th.sat{ background:#eeffff;}
.prof-sch .prof-sch-table th.sun{ background:#ffd8d8;}
.prof-sch .tabs ul{ width:203px;height:26px;posotion:relative;}
.prof-sch .tabs > ul,.tabs > ul li {	list-style: none;	margin: 0px;	padding: 0px;	overflow: hidden;}
#profsch .tabs ul li img.second,#profsch .tabs ul li.active img.second{ position:absolute; left:82px; top:0;}
.prof-sch .tabs ul li:nth-child(2n){ float:left;}
.prof-sch .tabs ul li img.first{ float:left; width:80px;}
.prof-sch .tabs ul li img.third{ position:absolute; right:0; top:0;}

.prof-sch .tabs ul li.m0{ margin:0;}
.prof-sch .tabs > ul li:last-child{ margin:0;}
.prof-sch .tabs > ul li.active, .tabs > ul li:hover {/*opacity:0.9;*/}
.prof-option{ clear:both; width:550px;padding-top: 18px;}
.prof-option .option-list{ margin-top:12px; width:550px; border-collapse:collapse;}
.prof-option .option-list td{ border:1px solid #bbbbbb; background:url(../images/bg/prof_option_imp.png); width:126px; height:35px; padding:0 0 0 10px; font-weight:bold; color:#aeaeae; overflow:hidden;vertical-align: middle;}
.prof-option .option-list td.ok{background:url(../images/bg/prof_option_pos.png); color:#fff;}
.contens-prof .prof-pm{ position:absolute; right:89px; bottom:90px;}
/*////////////////////////////////
gals
////////////////////////////////*/
.contens-gals{ background:url(../images/ttl/gals.png) no-repeat;}
.gals-select-navi{ padding:69px 0 7px;}
.gals-select-navi ul{ width:912px; margin:0 auto;}
.gals-select-navi ul li{ background:url(../images/bg/gals_navi-over.jpg) no-repeat scroll center top; width:216px; height:32px; text-align:center;  float:left; margin:0 6px; display:table;}
.gals-select-navi ul li a{ display:block; background:url(../images/bg/gals_navi.jpg) no-repeat scroll center top; width:216px; height:32px; font-weight:bold; text-decoration:none; color:#fff; font-size:14px; display:table-cell; vertical-align:middle; text-align:center;}
.gals-select-navi ul li a:hover{ background:none;}
.gals-list{ width:1104px; margin:30px auto 65px; padding-left:2px;}
.gals-list li{ width:182px; height:365px; float:left; margin:0 1px 1px 0; position:relative; padding-top:5px;text-align:center; overflow:hidden; line-height:1;}
.gals-list li a:hover{ text-decoration:none;}
.gals-list li a:hover img { opacity:0.7;}
.gals-list li.type-a{ background:url(../images/bg/gals_type-a.jpg) no-repeat;}
.gals-list li.type-b{ background:url(../images/bg/gals_type-b.jpg) no-repeat;}
.gals-list li.type-c{ background:url(../images/bg/gals_type-c.jpg) no-repeat;}
.gals-list li.type-d{ background:url(../images/bg/gals_type-d.jpg) no-repeat;}
.gals-list li.type-e{ background:url(../images/bg/gals_type-e.jpg) no-repeat;}
.gals-list li .gals-thumb{ width:172px; margin:0 auto 13px; }
.gals-list li .nf-icon{ position:absolute; top:5px; left:5px;}
.gals-list li .minute-icon{ position:absolute; top:215px; left:5px;background: url(../images/bg/g-wait.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; height: 16px;overflow: hidden; padding: 3px; width: 105px; font-weight:bold;}
.gals-list li .att-icon{ position:absolute; top:215px; left:110px;}
.gals-list li .gals-catch{ color:#ff22ae; font-weight:bold; text-align:center; font-size:12px;}
.gals-list li .gals-name{ margin:6px 0; font-weight:bold; font-size:12px; color:#000;}
.gals-list li .gals-size{color:#000;}
.gals-list li .gals-gicon{ width:174px; position:absolute; bottom:2px; left:5px;}
.gals-list li .gals-gicon li{ background: url(../images/bg/g-icon.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 10px;    height: 16px;letter-spacing: -0.8px; margin: 0 2px 2px 0; overflow: hidden; padding-top: 3px; text-align: center; width: 85px; line-height:1.6;}
.gals-list li .gals-gicon li.other{ background: url(../images/bg/g-icon-o.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 10px;    height: 16px;letter-spacing: -0.8px; margin: 0 2px 2px 0; overflow: hidden; padding-top: 3px; text-align: center; width: 85px; line-height:1.6;}
/*////////////////////////////////
gals　2013/11/07修正
////////////////////////////////*/
.gals-list01{ width:1104px; margin:30px auto 65px; padding-left:5px;}
.gals-list01 li{ width:210px; height:406px; float:left; margin:0 4px 8px 4px; position:relative; padding:0; text-align:center; overflow:hidden; line-height:1;}
.gals-list01 li a:hover{ text-decoration:none;}
.gals-list01 li a:hover img { opacity:0.7;}
.gals-list01 li.type-a{ background:url(../images/bg/gals_type-a01.jpg) no-repeat;}
.gals-list01 li.type-b{ background:url(../images/bg/gals_type-b01.jpg) no-repeat;}
.gals-list01 li.type-c{ background:url(../images/bg/gals_type-c01.jpg) no-repeat;}
.gals-list01 li.type-d{ background:url(../images/bg/gals_type-d01.jpg) no-repeat;}
.gals-list01 li.type-e{ background:url(../images/bg/gals_type-e01.jpg) no-repeat;}
.gals-list01 li .gals-thumb{ width:180px; margin:15px auto 18px auto; }
.gals-list01 li .nf-icon{ position:absolute; top:15px; left:15px;}
.gals-list01 li .minute-icon{ position:absolute; top:236px; left:15px; background: url(../images/bg/g-wait01.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; height:19px; overflow:hidden; width:109px; font-weight:bold;line-height: 19px; text-align: center;}
.gals-list01 li .att-icon{ position:absolute; top:236px; left:124px;}
.gals-list01 li .gals-catch{ color:#ff22ae; font-weight:bold; text-align:center; font-size:12px; height:12px;}
.gals-list01 li .gals-name{ margin:6px 0; font-weight:bold; font-size:12px; color:#000;}
.gals-list01 li .gals-size{color:#000;}
.gals-list01 li .gals-gicon{ width:194px; position:absolute; bottom:6px; left:9px;}
.gals-list01 li .gals-gicon li{ background: url(../images/bg/g-icon01.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 10px; height: 19px;letter-spacing: -0.8px; margin: 0 2px 0 0; overflow: hidden; padding-top: 2px; text-align: center; width: 95px; line-height:1.6;}

.gals-list01 li .gals-gicon li.other{ background: url(../images/bg/g-icon-o01.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 10px; height: 19px;letter-spacing: -0.8px; margin: 0 2px 0 0; overflow: hidden; padding-top: 2px; text-align: center; width: 95px; line-height:1.6;}
/*////////////////////////////////
gals　2014/02/04修正
////////////////////////////////*/
.gals-list00{ width:1104px; margin:30px auto 65px; padding-left:5px;}
.gals-list00 li{ background:url(../images/bg/gals_type.jpg) no-repeat; width:210px; height:435px; float:left; margin:0 4px 8px 4px; position:relative; padding:0; text-align:center; overflow:hidden; line-height:1;}
.gals-list00 li a:hover{ text-decoration:none;}
.gals-list00 li a:hover img { opacity:0.7;}
.gals-list00 li.type-a{ background:url(../images/bg/gals_type-a01.jpg) no-repeat;}
.gals-list00 li.type-b{ background:url(../images/bg/gals_type-b01.jpg) no-repeat;}
.gals-list00 li.type-c{ background:url(../images/bg/gals_type-c01.jpg) no-repeat;}
.gals-list00 li.type-d{ background:url(../images/bg/gals_type-d01.jpg) no-repeat;}
.gals-list00 li.type-e{ background:url(../images/bg/gals_type-e01.jpg) no-repeat;}
.gals-list00 li .gals-thumb{ width:180px; margin:44px auto 18px auto; }
.gals-list00 li .nf-icon{ position:absolute; top:44px; left:15px;}
.gals-list00 li .minute-icon{ position:absolute; top:265px; left:15px; background: url(../images/bg/g-wait00.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; height:19px; overflow:hidden; width:180px; font-weight:bold;line-height: 19px; text-align: center;}
.gals-list00 li .att-icon{ position:absolute; top:10px; left:109px;}
.gals-list00 li .pm-icon{ position:absolute; top:10px; left:15px;}
.gals-list00 li .gals-catch{ color:#ff22ae; font-weight:bold; text-align:center; font-size:12px; height:12px;}
.gals-list00 li .gals-name{ margin:6px 0; font-weight:bold; font-size:12px; color:#000;}
.gals-list00 li .gals-size{color:#000;}
.gals-list00 li .gals-gicon{ width:194px; position:absolute; bottom:6px; left:9px;}
.gals-list00 li .gals-gicon li{ background: url(../images/bg/g-icon01.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 10px; height: 19px;letter-spacing: -0.8px; margin: 0 2px 0 0; overflow: hidden; padding-top: 2px; text-align: center; width: 95px; line-height:1.6;}

.gals-list00 li .gals-gicon li.other{ background: url(../images/bg/g-icon-o01.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 10px; height: 19px;letter-spacing: -0.8px; margin: 0 2px 0 0; overflow: hidden; padding-top: 2px; text-align: center; width: 95px; line-height:1.6;}

/*////////////////////////////////
schedule
////////////////////////////////*/
.contens-schedule{ background:url(../images/ttl/schedule.png) no-repeat;}
.contens-schedule .schedule-ttl{ padding:73px 0 0; width:1100px; height:36px; position:relative;}
.contens-schedule .schedule-ttl .day-ttl{ color:#fff; font-size:16px; margin-left:15px; font-weight:bold;}
.contens-schedule .schedule-ttl .txt{ position:absolute; left:750px; bottom:11px; color:#fff; font-size:14px;}
.contens-schedule .schedule-ttl select{ position:absolute; left:950px; bottom:15px; width:130px; text-align:center; letter-spacing:2px; font-size:14px;}
/*////////////////////////////////
wait
////////////////////////////////*/
.contens-wait{ background:url(../images/ttl/wait.png) no-repeat;}
/*////////////////////////////////
now
////////////////////////////////*/
.contens-now{ background:url(../images/ttl/now.png) no-repeat;}
/*////////////////////////////////
newface
////////////////////////////////*/
.contens-newface{ background:url(../images/ttl/newface.png) no-repeat; padding-top:63px;}
.newface-list{ width:1128px; margin:30px 0 40px -15px;}
.newface-list li{ background:url(../images/bg/newface.jpg) no-repeat; width:536px; height:380px; position:relative; float:left; margin:0 14px 28px;}
.newface-list li .gals-thumb{ position:absolute; left:19px; top:60px;}
.newface-list li .enter-day{ position:absolute; left:27px; top:25px; color:#ff22ae; font-weight:bold; font-size:14px;}
.newface-list li a:hover img { opacity:0.7;}
.newface-list li .gals-name{ position:absolute; left:257px; top:19px; color:#000; font-weight:bold;font-size:14px; text-decoration:underline; margin-left:-0.5em;}
.newface-list li a:hover .gals-name{ text-decoration:none;}
.newface-list li .gals-size{ position:absolute; left:257px; top:40px; color:#000; }
.newface-list li .gals-gicon{ position:absolute; left:257px; top:59px; width:261px;}
.newface-list li .gals-gicon li{ background: url(../images/bg/g-icon.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 10px;    height: 16px;letter-spacing: -0.8px; margin: 0 2px 2px 0; overflow: hidden; padding-top: 3px; text-align: center; width: 85px; line-height:1.6;}
.newface-list li .gals-gicon li.other{ background: url(../images/bg/g-icon-o.gif) no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; font-size: 10px;    height: 16px;letter-spacing: -0.8px; margin: 0 2px 2px 0; overflow: hidden; padding-top: 3px; text-align: center; width: 85px; line-height:1.6;}
.newface-list li .newface-com{ position:absolute; left:257px;  top:109px; padding:10px; width:238px; height:191px; overflow:auto; line-height:1.4;}
.newface-list li .more-btn{ position:absolute; left:267px; top:325px;}
/*////////////////////////////////
event(discount)
////////////////////////////////*/
.contens-event{ background:url(../images/ttl/discount.png) no-repeat; padding-top:63px; margin-bottom:50px;}
.event-list{ width:1070px; margin:30px 0; background:url(../images/bg/discount.jpg) no-repeat; height:773px; padding:25px 0 0 30px; overflow:hidden;}
.event-list .event-ttl{ font-size:18px; font-weight:bold; margin-bottom:20px;}
.event-list .event-img{ width:auto; max-width:800px; margin-bottom:22px;}
.event-list .event-read dt{ max-width:740px; max-height:297px; overflow:auto; font-size:14px; color:#000; line-height:1.5;}
.event-list .event-read dd{ margin-top:20px;}
.event-list .event-read dd a:hover img{transition:none; display:block;}
/*////////////////////////////////
blog
////////////////////////////////*/
.contens-blog{ background:url(../images/ttl/blog.png) no-repeat; padding-top:63px;}
.blog-list{ width:1119px; margin:30px 0 62px -9px;}
.blog-list li{ background:url(../images/bg/blog.jpg) no-repeat; width:355px; height:203px; position:relative; float:left; margin:0 9px 18px;}
.blog-list li .blog-data{ background:rgba(255,0,165,0.7); width:172px; height:38px; padding:3px 0 0 21px; color:#fff; position:absolute; left:0; top:65px;}
.blog-list li .blog-data .blog-name{ font-weight:bold; display:block;}
.blog-list li .blog-data .blog-size{ color:#fff;}
.blog-list li .blog-ttl{ background:#000; width:312px; height:24px; padding:4px 0 0 5px; color:#ff00a5; font-weight:bold; position:absolute; left:19px; top:158px; letter-spacing:-0.8px; overflow:hidden;}
.blog-list li .gal-thumb{ position:absolute; left:236px; top:18px;}
.blog-list li a:hover img{opacity:0.7; }
.blog-list li a{ display:block; width:355px; height:203px;}
/*////////////////////////////////
mobile(lightBox用)
////////////////////////////////*/
div#jkit-lightbox-bg {display: none;position: fixed;left: 0px;top: 0px;	z-index: 10000;	width: 100%;height: 100%;background: #000;}
div#jkit-lightbox-content {	display: none;position: fixed;	border: none;	left: 10%;top: 100px;z-index: 10001;width: 80%;	height: 80%;background: #fff;padding: 10px;}
div#jkit-lightbox-title {display: none;position: fixed;	color: #fff;font-size: 12px;font-weight: bold;height: 20px;left: 0px;top: 0px;z-index: 10002;text-align: left;}
div#jkit-lightbox-nav {display: none;position: fixed;color: #fff;font-size: 12px;font-weight: bold;height: 20px;left: 0px;top: 0px;z-index: 10003;text-align: right;width: 50px;	cursor: pointer;cursor: hand;}
span#jkit-lightbox-nav-next {display: none;}
span#jkit-lightbox-nav-prev {display: none;}
/*////////////////////////////////
magazine
////////////////////////////////*/
.contens-magazine{ background:url(../images/bg/mailmagazine.jpg) no-repeat; width:1100px; height:936px; position:relative;margin-bottom: 135px;}
.contens-magazine .magazine-btn{ position:absolute; left:567px; top:575px;}
.contens-magazine .domain-txt{ position:absolute; left:567px; top:652px; font-size:10px; line-height:1.2;}
.contens-magazine .about-mailmagazine{ position:absolute; left:39px; top:754px;}
.contens-magazine .about-mailmagazine h3,.contens-magazine .user-softbank h3{ font-size:18px; margin-bottom:17px;}
.contens-magazine .user-softbank{ position:absolute; left:564px; top:754px; line-height:1.4;}
/*////////////////////////////////
movie
////////////////////////////////*/
.contens-movie{ background:url(../images/ttl/movie.png) no-repeat; padding-top:63px;}
.movie-list{ width:1128px; margin:30px 0 62px -14px;}
.movie-list li{ background:url(../images/bg/movie_list.jpg) no-repeat; width:536px; height:200px; position:relative; float:left; margin:0 14px 28px;}
.movie-list li .gal-thumb{ position:absolute; left:115px; top:10px;}
.movie-list li .movie-data{ width:213px; height:30px; color:#fff; position:absolute; right:0; top:68px;}
.movie-list li .movie-data .movie-name{ font-weight:bold; display:block;}
.movie-list li .movie-data .movie-size{ color:#fff;}
.movie-list li a:hover img{opacity:0.7; }
.movie-list li a{ display:block; width:536px; height:200px;}
/*////////////////////////////////
ranking
////////////////////////////////*/
.contens-ranking{ background:url(../images/ttl/ranking.png) no-repeat; padding-top:63px;}
.ranking-list{ width:1128px; margin:30px 0 58px -14px;}
.ranking-list li{ width:536px; height:200px; position:relative; float:left; margin:0 14px 28px; background:url(../images/bg/ranking_list.jpg) no-repeat;}
.ranking-list li a{ display:block; width:536px; height:200px; color:#000;}
.ranking-list li a:hover img{opacity:0.7; }
.ranking-list li .gal-thumb{ position:absolute; left:143px; top:10px;}
.ranking-list li .ranking-year{position:absolute; right:14px; top:13px;font-size:15px; font-family:"ＭＳ Ｐ明朝"; letter-spacing:-1px;}
.ranking-list li .ranking-month{position:absolute; right:17px; top:5px;font-size:68px; font-family:"ＭＳ Ｐ明朝"; letter-spacing:-8px;}
.ranking-list li .ranking-data{position:absolute; left:297px; top:155px;}
.ranking-list li .ranking-data .ranking-name{ font-weight:bold; display:block;}
.ranking-list li .ranking-data .ranking-size{ color:#000;}
/*ranking-detail*/
.ranking-navi{ background:url(../images/bg/ranking_navi.jpg) no-repeat; width:1060px; height:39px; padding:7px 20px 0;}
.ranking-navi .ranking-prev{ float:left;}
.ranking-navi .ranking-page-ttl{ float:left; width:628px; text-align:center; color:#fff; font-size:16px; font-weight:bold; padding-top:4px;}
.ranking-navi .ranking-next{ float:right;}
.ranking-navi h3{ background:url(../images/btn/ranking_navi_btn-on.png) no-repeat scroll center top; width:216px; height:32px; text-align:center; margin:0; display:table;}
.ranking-navi h3 a{ display:block; background:url(../images/btn/ranking_navi_btn-off.png) no-repeat scroll center top; width:216px; height:32px; font-weight:bold; text-decoration:none; color:#fff; font-size:14px; display:table-cell; vertical-align:middle; text-align:center;}
.ranking-navi h3 a:hover{ background:none;}
.ranking-no-list{ width:; margin:30px 0 111px 0;}
.ranking-no-list li.no1{ background:url(../images/bg/ranking_no1.jpg) no-repeat; width:1100px; height:543px; position:relative; margin-bottom:25px;}
.ranking-no-list li.no1 .gal-thumb{ position:absolute; left:381px; top:47px;}
.ranking-no-list li.no1 .ranking-data{position:absolute; left:759px; top:248px; }
.ranking-no-list li.no1 .ranking-data .ranking-name{ display:block; font-weight:bold; font-size:18px; margin:0 0 5px -0.1em;}
.ranking-no-list li.no1 .ranking-data .ranking-size{ font-size:14px;}
.ranking-no-list li.no1 .ranking-com{ width:300px; height:196px; overflow:auto; position:absolute; left:757px; top:310px;}
.ranking-no-list li.line2{ width:536px; height:414px; position:relative; margin-bottom:25px;}
.ranking-no-list li.line2 .gal-thumb{ position:absolute; left:22px; top:57px;}
.ranking-no-list li.line2 .ranking-data{position:absolute; left:266px; top:175px; }
.ranking-no-list li.line2 .ranking-data .ranking-name{ display:block; font-weight:bold; font-size:14px; margin:0 0 3px -0.1em;}
.ranking-no-list li.line2 .ranking-data .ranking-size{ font-size:12px;}
.ranking-no-list li.line2 .ranking-com{ width:266px; height:155px; overflow:auto; position:absolute; left:263px; top:226px;}
.ranking-no-list li.no2{background:url(../images/bg/ranking_no2.jpg) no-repeat; float:left;}
.ranking-no-list li.no3{background:url(../images/bg/ranking_no3.jpg) no-repeat; float:right;}
.ranking-no-list li.line3{ width:536px; height:261px; position:relative;margin-bottom: 25px;}
.ranking-no-list li.line3 .gal-thumb{ position:absolute; left:26px; top:35px;}
.ranking-no-list li.line3 .ranking-data{position:absolute; left:155px; top:92px; }
.ranking-no-list li.line3 .ranking-data .ranking-name{ display:block; font-weight:bold; font-size:14px; margin:0 0 3px -0.1em;}
.ranking-no-list li.line3 .ranking-data .ranking-size{ font-size:12px;}
.ranking-no-list li.line3 .ranking-com{ width:236px; height:157px; overflow:auto; position:absolute; left:277px; top:31px;}
.ranking-no-list li.no4{background:url(../images/bg/ranking_no4.jpg) no-repeat; float:left;}
.ranking-no-list li.no5{background:url(../images/bg/ranking_no5.jpg) no-repeat; float:right;}
.ranking-no-list li.no6{background:url(../images/bg/ranking_no6.jpg) no-repeat; float:left;}
.ranking-no-list li.no7{background:url(../images/bg/ranking_no7.jpg) no-repeat; float:right;}
.ranking-no-list li.no8{background:url(../images/bg/ranking_no8.jpg) no-repeat; float:left;}
.ranking-no-list li.no9{background:url(../images/bg/ranking_no9.jpg) no-repeat; float:right;}
.ranking-no-list li.no10{background:url(../images/bg/ranking_no10.jpg) no-repeat; float:left;}
/*////////////////////////////////
ranking
////////////////////////////////*/
.contens-link{ background:url(../images/bg/link_banner.jpg) no-repeat; width:1019px; height:730px; padding:216px 0 0 81px;}
.contens-link a{ color:#000; text-decoration:underline;}
.contens-link .link-banner{ margin-top:142px;}
.contens-link .link-banner li{ margin-bottom:10px;}
.contens-link2{ background:url(../images/bg/link_collection.png) no-repeat scroll center top #000; width:1100px; padding:200px 0 90px; margin:20px 0 80px; min-height:520px;}
.contens-link2 .collection-ttl{ background:#333333; color:#fff; font-weight:bold; text-align:center; padding:10px 0; width:819px; margin:0 auto 10px;}
.contens-link2 table{ width:819px; margin:0 auto 30px;}
.contens-link2 table td{ color:#fff; width:102px; text-align:center; line-height:1; padding-bottom:13px;}
.contens-link2 table td a{ color:#fff; font-size:10px;}
/*////////////////////////////////
system
////////////////////////////////*/
.contens-system{ background:url(../images/bg/system_price.jpg) no-repeat; width:658px; height:2060px; padding:161px 0 0 442px; position:relative; margin-bottom:80px;}
.system-navi{ margin:0;}
.system-navi li{ float:left; width:190px; margin:0 4px 4px 0;}
.contens-system2{ background:url(../images/bg/system_area.jpg) no-repeat; width:658px; height:2338px; padding:161px 0 0 442px; position:relative; margin-bottom:80px;}
.contens-system2 #creditArea{ position:absolute; left:81px; top:818px;}
.contens-system2 .card-btn{ position:absolute; left:741px; top:1260px;}
.contens-system2 .area-tel{ position:absolute; left:732px; top:1168px; font-size:20px; color:#fff;}
.contens-system2 .area-tel .phone-number{ font-size:40px; font-weight:bold;}
.contens-system2 .service-txt{ position:absolute; left:182px; top:1639px;line-height:1.3;}
.contens-system2 .service-txt .list1{ margin-bottom:53px;}
.contens-system2 .service-txt .list1 span{ margin:0 5px 0 10px;}
.contens-system2 .service-txt .list2{ margin-bottom:50px;}
.contens-system2 .system-attention{position:absolute; left:80px; top:2064px; line-height:1.5;}
.contens-system2 .system-attention .attention-ttl{ font-weight:bold; font-size:14px; margin-bottom:15px;}
.contens-system2 #service{ position:absolute; left:80px; top:1373px; width:335px; height:104px; text-indent:-9999px;}
/*////////////////////////////////
card
////////////////////////////////*/
.contens-card{ background:url(../images/bg/card.jpg) no-repeat; width:1100px; height:474px; padding-top:462px;text-align:center;}
.contens-card .card-shop-data{ color:#fff; }
.contens-card .card-shop-data .shop{ font-size:14px;}
.contens-card .card-shop-data .tel{ font-size:24px;}
.contens-card .card-shop-data .tel span{ font-size:40px; margin-left:5px;}
.contens-card .card-txt{ margin:40px 0 35px;}
/*////////////////////////////////
hotel
////////////////////////////////*/
.contens-hotel{ background:url(../images/bg/hotel.jpg) no-repeat; width:1021px; height:1654px; padding:161px 0 0 79px;margin-bottom: 225px;}
.contens-hotel .system-navi{ margin-left:363px;}
.contens-hotel #business{ margin-top:62px; width:622px; height:553px;padding-top:85px; overflow:auto;}
.contens-hotel #love{margin-top:178px; width:622px; height:553px;padding-top:85px; overflow:auto;}
.contens-hotel .hotel-ttl{ color:#ff0392; font-size:14px; font-weight:bold; margin-bottom:10px; background:url(../images/icon/arrow.gif) no-repeat scroll left 5px; padding-left:13px;}
.contens-hotel .hotel-list{ width:605px; line-height:1;}
.contens-hotel .hotel-list th{ padding-bottom:10px;}
.contens-hotel .hotel-list td{ padding-bottom:10px;}
#hotellist-detail {width:640px; height:917px; margin:0 auto; overflow:auto;}
#hotellist-detail h3{ font-size:16px; margin-bottom:5px;}
#hotellist-detail .detail-list{ width:605px;}
#hotellist-detail .detail-list td,#hotellist-detail .detail-list th{ padding-bottom:3px;}
#hotellist-detail .detail-list th.tel{ width:78px; padding-right:30px;}
#hotellist-detail .detail-list th.deli{ width:155px;}
#hotellist-detail .detail-list th.price{ width:170px;}
/*////////////////////////////////
contact
////////////////////////////////*/
.contens-contact{ background:url(../images/bg/contact.jpg) no-repeat; width:480px; height:693px; padding:243px 0 0 620px;margin-bottom:134px; position:relative;}
.contens-contact .contact-reserve-btn{ position:absolute; left:294px; top:379px;}
.form-style{}
.form-style .read-txt1{ font-size:14px; font-weight:bold; font-family:"MS UI Gothic"; margin-bottom:3px; line-height:1.2;}
.form-style .read-txt2{ font-size:10px; font-family:"MS UI Gothic"; display:block; line-height:1;}
.form-style .read-txt3{ font-size:10px; font-family:"MS UI Gothic"; display:block; line-height:1; color:#ff0000;}
.form-style table{ width:; margin-top:15px;}
.form-style table th{ padding-right:15px; padding-top:5px;font-family:"MS UI Gothic"; font-weight:normal;}
.form-style table td{ padding-bottom:10px;font-family:"MS UI Gothic";}
.form-style table td input{ width:189px;}
.form-style table td input.input-address{ width:289px;}
.form-style table td textarea{ width:347px; height:133px;}
.form-style table td input.check-style{ width:auto;}
.form-style table td .confirmation-check input{ margin-right:5px;}
.form-style table td .send-btn{ background:url(../images/btn/send-on.jpg) no-repeat; width:108px; height:34px; float:left; margin-right:15px;}
.form-style table td .send-btn input{width:108px; height:34px;}
.form-style table td .reset-btn input{ width:108px; height:33px;}
.form-style table td .send-btn input:hover,.form-style table td .reset-btn input:hover{opacity:0;}
.form-style table td .reset-btn{ background:url(../images/btn/reset-on.jpg) no-repeat; width:108px; height:33px; border: 0 none; overflow: hidden; padding: 0;
    vertical-align: top; float:left;}
.form-style table td a{ color:#000; text-decoration:underline;}
/*reserve*/
.contens-reserve{ background:url(../images/bg/reserve.jpg) no-repeat; width:493px; height:684px; padding:252px 0 0 607px;margin-bottom:134px; position:relative;}
.reserve-phone{ position:absolute; left:90px; top:252px;}
.reserve-phone li{ margin-bottom:15px;font-family:"MS UI Gothic"; line-height:1.4;}
.reserve-phone li .phone-number{ font-size:40px; font-weight:bold;}
/*concept*/
.contens-concept{ background:url(../images/bg/concept.jpg) no-repeat; width:493px; height:684px; padding:252px 0 0 607px;margin-bottom:134px; position:relative;}
.contens-concept p{ position:absolute; left:262px; top:180px;}
/*order*/
.contens-order{ background:url(../images/bg/order.jpg) no-repeat; width:1100px; height:770px; padding:170px 0 0 80px;margin-bottom:134px; position:relative;}
.form-style2{}
.form-style2 .read-txt1{ font-size:16px; font-weight:bold; font-family:"MS UI Gothic"; margin-bottom:3px; line-height:1.2;}
.form-style2 .read-txt2{ font-size:12px; font-family:"MS UI Gothic"; display:block; line-height:1.5;}
.form-style2 .read-txt3{ font-size:12px; font-family:"MS UI Gothic"; display:block; line-height:1.5; color:#ff0000;}
.form-style2 table{ width:; margin-top:15px;}
.form-style2 table th{ padding-right:15px; padding-top:5px;font-family:"MS UI Gothic"; font-weight:normal;}
.form-style2 table th span{ color:#ff0000;}
.form-style2 table td{ padding-bottom:10px;font-family:"MS UI Gothic";}
.form-style2 table td input{ width:295px;}
.form-style2 table td input.input-yobina{ width:145px;}
.form-style2 table td select{ padding:1px;}
.form-style2 table td textarea{ width:347px; height:70px;}
.form-style2 table td input.check-style{ width:auto; margin-right:3px; margin-top:3px;}
.form-style2 table td input.radio-style{ width:auto; margin-right:3px; margin-top:3px;}
.form-style2 table td .confirmation-check input{ margin-right:5px;}
.form-style2 table td .send-btn{ background:url(../images/btn/send-on.jpg) no-repeat; width:108px; height:34px; float:left; margin-right:15px;}
.form-style2 table td .send-btn input{width:108px; height:34px;}
.form-style2 table td .reset-btn input{ width:108px; height:33px;}
.form-style2 table td .send-btn input:hover,.form-style table td .reset-btn input:hover{opacity:0;}
.form-style2 table td .reset-btn{ background:url(../images/btn/reset-on.jpg) no-repeat; width:108px; height:33px; border: 0 none; overflow: hidden; padding: 0;
    vertical-align: top; float:left;}
.form-style2 table td a{ color:#000; text-decoration:underline;}

/*sideBanner*/
#sideBnBox { height: auto; width: 100px; position: fixed !important; position: absolute; top: 0px; left: 0px;}