@charset "UTF-8";

/*==================================================================
	common setting
===================================================================*/
a:link,
a:visited{
	color: #363636;
	text-decoration:none;
	}
a:hover,
a:active{
	color: #990014;
	text-decoration:underline;
	}

#campaignIcon li {
	cursor:pointer;
}


#komaniList,
.keyIcon,
#campaignIcon,
#main,
#contents,
#newsTab,
#topBtnList,
#subNavi ul,
.programList ul,
.beginnerBox dl,
#siteList,
#mainSiteList,
#footerBtnList,
#shopTitleList,
#pageBeginner #subNavi ul,
#pageStart #subNavi ul,
#pageBeginner .telBox,
#pageStart .telBox,
.facilityList,
#pageStart #usageBox .telBox,
.programList ul,
#footerInner,
.timeList,
.VoiceBox dl{
	zoom:1;
	}
#komaniList:after,
.keyIcon:after,
#main:after,
#campaignIcon:after,
#contents:after,
#newsTab:after,
#topBtnList:after,
#subNavi ul:after,
.programList ul:after,
.beginnerBox dl:after,
#siteList:after,
#mainSiteList:after,
#footerBtnList:after,
#shopTitleList:after,
#pageBeginner #subNavi ul:after,
#pageStart #subNavi ul:after,
#pageStart .telBox:after,
#pageBeginner .telBox:after,
.facilityList:after,
#pageStart #usageBox .telBox:after,
.programList ul:after,
#footerInner:after,
.timeList:after,
.VoiceBox dl:after{
    content: ""; 
    display: block; 
    clear: both;
	}
.paddingLeftNone{
	padding-left:0 !important;
	}
.lastChildRight{
	margin-right:0 !important;
	}
.mb14{
	margin-bottom:14px !important;
	}
.lastChildBottom{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	}

/*==================================================================
	BoxModel
===================================================================*/
.auto {
	margin-right:auto !important;
	margin-left:auto !important;
}
.mt0, .mv0, .ma0 { margin-top:    0 !important; }
.mr0, .mh0, .ma0 { margin-right:  0 !important; }
.mb0, .mv0, .ma0 { margin-bottom: 0 !important; }
.ml0, .mh0, .ma0 { margin-left:   0 !important; }
.pt0, .pv0, .pa0 { padding-top:   0 !important; }
.pr0, .ph0, .pa0 { padding-right: 0 !important; }
.pb0, .pv0, .pa0 { padding-bottom:0 !important; }
.pl0, .ph0, .pa0 { padding-left:  0 !important; }
.mt5, .mv5, .ma5 { margin-top:    5px !important; }
.mr5, .mh5, .ma5 { margin-right:  5px !important; }
.mb5, .mv5, .ma5 { margin-bottom: 5px !important; }
.ml5, .mh5, .ma5 { margin-left:   5px !important; }
.pt5, .pv5, .pa5 { padding-top:   5px !important; }
.pr5, .ph5, .pa5 { padding-right: 5px !important; }
.pb5, .pv5, .pa5 { padding-bottom:5px !important; }
.pl5, .ph5, .pa5 { padding-left:  5px !important; }
.mt10, .mv10, .ma10 { margin-top:    10px !important; }
.mr10, .mh10, .ma10 { margin-right:  10px !important; }
.mb10, .mv10, .ma10 { margin-bottom: 10px !important; }
.ml10, .mh10, .ma10 { margin-left:   10px !important; }
.pt10, .pv10, .pa10 { padding-top:   10px !important; }
.pr10, .ph10, .pa10 { padding-right: 10px !important; }
.pb10, .pv10, .pa10 { padding-bottom:10px !important; }
.pl10, .ph10, .pa10 { padding-left:  10px !important; }
.mt20, .mv20, .ma20 { margin-top:    20px !important; }
.mr20, .mh20, .ma20 { margin-right:  20px !important; }
.mb20, .mv20, .ma20 { margin-bottom: 20px !important; }
.ml20, .mh20, .ma20 { margin-left:   20px !important; }
.pt20, .pv20, .pa20 { padding-top:   20px !important; }
.pr20, .ph20, .pa20 { padding-right: 20px !important; }
.pb20, .pv20, .pa20 { padding-bottom:20px !important; }
.pl20, .ph20, .pa20 { padding-left:  20px !important; }
.mt30, .mv30, .ma30 { margin-top:    10px !important; }
.mr30, .mh30, .ma30 { margin-right:  30px !important; }
.mb30, .mv30, .ma30 { margin-bottom: 30px !important; }
.ml30, .mh30, .ma30 { margin-left:   30px !important; }
.pt30, .pv30, .pa30 { padding-top:   30px !important; }
.pr30, .ph30, .pa30 { padding-right: 30px !important; }
.pb30, .pv30, .pa30 { padding-bottom:30px !important; }
.pl30, .ph30, .pa30 { padding-left:  30px !important; }
.mt40, .mv40, .ma40 { margin-top:    40px !important; }
.mr40, .mh40, .ma40 { margin-right:  40px !important; }
.mb40, .mv40, .ma40 { margin-bottom: 40px !important; }
.ml40, .mh40, .ma40 { margin-left:   40px !important; }
.pt40, .pv40, .pa40 { padding-top:   40px !important; }
.pr40, .ph40, .pa40 { padding-right: 40px !important; }
.pb40, .pv40, .pa40 { padding-bottom:40px !important; }
.pl40, .ph40, .pa40 { padding-left:  40px !important; }
.bt0, .ba0 { border-top:none !important; }
.br0, .ba0 { border-right:none !important; }
.bb0, .ba0 { border-bottom:none !important; }
.bl0, .ba0 { border-left:none !important; }

.disc {
	padding-left:2em;
	list-style:disc;
}
.circle {
	padding-left:2em;
	list-style:circle;
}
.decimal {
	padding-left:2.4em;
	list-style:decimal;
}

.inlineList dt,
.inlineList dd,
.inlineList li {
	display:inline;
	padding-right:5px;
}
.inlineBlockList dt,
.inlineBlockList dd,
.inlineBlockList li {
	display:inline-block;
	/*display:inline;*/
	padding-right:5px;
	zoom:1;
}


/*==================================================================
	Text
===================================================================*/
strong, .bold { font-weight:bold; }
.italic { font-style:italic; }
.note {
	margin-left:1.0em;
	text-indent:-1.0em;
}
.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }
.red { color:#C00; }
.white { color:#FFF; }
.grayC { color:#CCC; }
.gray9 { color:#999; }
.gray6 { color:#666; }
.gray3 { color:#333; }
.black { color:#000; }
.konamired{ color:#990817 !important; }
.evenTr td { background-color:#FDEDED; }
.middle { vertical-align:middle !important; }
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.vaTop { vertical-align:top !important; }
.underline { text-decoration:underline !important; }
.textNoLine { text-decoration:none !important; }
.noWrap {
	white-space:nowrap !important;
	width:1% !important;
}
.noFixed { table-layout:auto !important; }

.indent2em { text-indent:2em;}

/*==================================================================
	background
===================================================================*/

body{
	background:url(../img/static/bg_body.gif) repeat;
	}
#container{
	background:url(../img/static/bg_main.png) repeat-y 50% 0;
	width:980px;
	margin:0 auto;
	padding:0 7px;
	}
/*==================================================================
	header
===================================================================*/

#headerInner{
	background:url(../img/static/bg_header.gif) no-repeat 0 0;
	position:relative;
	width:980px;
	height:114px;
	}
#logo{
	position:absolute;
	top:18px;
	left:17px;
	}
#komaniList{
	position:absolute;
	top:22px;
	right:175px;
	}
#komaniList li a{
	background:url(../img/static/konamiList.gif) no-repeat 0 0;
    height: 0;
    line-height: 36px;
    overflow: hidden;
    padding-top: 36px;
	display: block;
	}
#komaniList li,
#fontListTop li,
#navi li{	
	float:left;
	}
#komaniList li#konamiTop a{
	width:158px;
	background-position:0 0;
	}
#komaniList li#shisetsu a{
	width:71px;
	background-position:-158px 0;
	}
#komaniList li#corp a{
	width:92px;
	background-position:-229px 0;
	}
#fontListTop{
	position:absolute;
	top:16px;
	right:15px;
	}
#fontListTop li a,#fontTitle{
	background:url(../img/static/btn_fontsize.gif) no-repeat 0 0;
    height: 0;
    line-height: 25px;
    overflow: hidden;
    padding-top: 25px;
	display: block;
	}
#fontTitle{
	width:63px;
	}
#fontListTop li#fontsmall02 a{
	width:23px;
	background-position:-65px 0;
	}
#fontListTop li#fontmedium02 a{
	width:23px;
	background-position:-88px 0;
	}
#fontListTop li#fontlarge02 a{
	width:25px;
	background-position:-111px 0;
	}
#fontListTop li#fontsmall02 a:hover{
	background-position:-65px -26px;
	}
#fontListTop li#fontmedium02 a:hover{
	background-position:-88px -26px;
	}
#fontListTop li#fontlarge02 a:hover{
	background-position:-111px -26px;
	}
#btnJoc{
	position:absolute;
	left:800px;
	top:15px;
	}

/*==================================================================
	navi
===================================================================*/
#navi{
	position:absolute;
	left:0;
	top:65px;
	}

#navi li a{
	background:url(../img/static/gn.jpg) no-repeat 0 0;
    height: 0;
    line-height: 44px;
    overflow: hidden;
    padding-top: 44px;
	display: block;
	}
#naviHome,
#naviMember,
#naviProgram,
#naviWeb{
	width:123px;
	}	
	
#naviGuide,
#naviAccess,
#naviExperience,
#naviMemberService {
	width:122px;
}
#navi li#naviHome a{ background-position:0 0; }
#navi li#naviGuide a{ background-position:-123px 0; }
#navi li#naviMember a{ background-position:-245px 0; }
#navi li#naviAccess a{ background-position:-368px 0; }
#navi li#naviProgram a{ background-position:-490px 0; }
#navi li#naviExperience a{ background-position:-613px 0; }
#navi li#naviWeb a{ background-position:-735px 0; }
#navi li#naviMemberService a{ background-position:-858px 0; }

#navi li#naviHome a:hover,
#pageShopTop #navi li#naviHome a{ background-position:0 100%; }
#navi li#naviGuide a:hover,
#shipInfo #navi li#naviGuide a{ background-position:-123px 100%; }
#navi li#naviMember a:hover,
#pageMember #navi li#naviMember a{ background-position:-245px 100%; }
#navi li#naviAccess a:hover,
#pageAccess #navi li#naviAccess a{ background-position:-368px 100%; }
#navi li#naviProgram a:hover,
#pageProgram #navi li#naviProgram a{ background-position:-490px 100%; }
#navi li#naviExperience a:hover,
#pageBeginner #navi li#naviExperience a{ background-position:-613px 100%; }
#navi li#naviWeb a:hover{ background-position:-735px 100%; }
#navi li#naviMemberService a:hover{ background-position:-858px 100%; }

/*==================================================================
	breadcrumbs
===================================================================*/
ol.breadcrumbs{
	font-size:10px;
	color:#666;
	margin:0px 17px 8px;
	padding-bottom:5px;
	line-height:1;
	background: #FFF url(../img/static/line_dot.gif) repeat-x 0% 100%;
	}

ol.breadcrumbs a:link,
ol.breadcrumbs a:visited{
	color:#666;
	text-decoration:none;
	}
/*==================================================================
	shopTitle
===================================================================*/
#shopTitle{
	background:url(../img/static/bg_h1.gif) no-repeat 0 0;
	height:36px;
	padding:5px 17px 10px 17px ;
	margin-bottom:20px;
	position:relative;
	width:946px;
	
	}
#pageShopTop #shopTitle{
	margin-bottom:0;
	}
#shopName, #shopTitle ul {
	display:block;
	padding-right:0 !important;}
#shopTitle ul{
	padding:0 10px 0 0 !important;
}
#shopTitleList li{
	float:left;
	margin:0 3px 0 0 !important;
}
#rankList{
	vertical-align:middle;
	padding:8px 2px 0 0 !important;
}
#cashlessIcon{
	vertical-align:middle;
	padding:1px 2px 0 28px !important;
}
#konamiPhone{
	vertical-align:middle;
	padding:6px 0 0 0 !important;
}
#topBtnList{
	padding:17px;
	}
#topBtnList li{
	float:left;
	margin-right:27px;
	}
#topTimetable{
	width:293;
	height:134px;
	}
#topTimetableList li{
	float:none !important;
	margin:8px 0 0 0 !important;
	}
#rankList{
	padding-top:11px;
	}
#shopTitleList li.phone{
	margin-top:10px;
	}
#shopTitleList li#rankList li{
	margin-right: 3px;
	}
#shopName{
	padding-top:9px;
	}
#topBtnList li a:hover,
#programList li a:hover,
.programList li a:hover,
#bnrBox a img:hover,
#footerBtnList li a:hover,
#sidebar a img:hover,
#komaniList li a:hover,
#btnJoc a :hover,
.subNavi li a:hover,
.seasonBnr:hover
	{
	opacity:0.6;
	filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */ 	
	}
#socialList li{
	float:left;
	width:105px;
	}
#socialList{zoom:1;}
#socialList :after{
    content: ""; 
    display: block; 
    clear: both;
	}
#socialList {
	position:absolute;
	right:1px;
	top:15px;
	}
#shopTitleList li#adultIcon{
	margin-right:5px;
	}

/*==================================================================
	main
===================================================================*/
#main h1{
	background:url(../img/static/h1.gif) no-repeat 0 0;	
	height: 0;
	overflow: hidden;
	display: block;
	line-height:34px;
	padding-top:34px;
	}
#pageShopInfo h1{
	background-position:0 0 ;
	}
#pageMember h1{
	background-position:0 -40px;
	}
#pageAccess h1{
	background-position:0 -80px;
	}
#pageProgram h1{
	background-position:0 -120px;
	}
#pageBeginner h1{
	background-position:0 -160px;
	}
#pageStart h1{
	background-position:0 -200px;
	}


#main{
	padding:0 40px;
	margin-bottom:34px;
	}

.itemLink{
	text-align:right;
	}
.itemLink a,
.neighborBox a,
#siteList li a,
a.itemLink,
.sectionNavi li a {
	background:url(../img/static/icon/icon_arrow.gif) no-repeat 0 50%;
	padding-left:15px;
	}
.section,.neighborBox p{
	background: #FFF url(../img/static/line_dot.gif) repeat-x 0% 100%;
	margin-bottom:14px;
	padding-bottom:14px;
	}
#main .section{
	background:none;}
#main .paragraph{
	margin-bottom:14px;
	}

.programList{
	margin-bottom:14px;	
	}
.programList li{
	float:left;
	margin:0 14px 14px 0;
	}
#main h3{
	background:white url(../img/static/line_dot.gif) repeat-x 0% 100%;
	padding-bottom:3px;
	margin-bottom:10px;
	font-weight:bold;
	}
#footer{
	clear:both;}

#footerInner{
	background:url(../img/static/bg_footer.gif) no-repeat 0 0;
	position:relative;
	width:980px;
	margin:0 auto;
	}
.phone{
	background:url(../img/static/icon/icon_phone.gif) no-repeat 0 50%;
	padding-left:30px;
	color:#990013;
	font-weight:bold;
	font-size:130%;
	}
#mainSiteList li a{
	background:url(../img/static/icon/icon_arrow2.gif) no-repeat 0 50%;
	padding-left:15px;
	}
#mainSiteList li{
	float:left;
	margin-right:14px;
	}
#siteList,
#mainSiteList
	{
	padding:0 17px 14px;
	clear:both;
	background:url(../img/static/bg_footer_list.gif) repeat 0 0;
	}
#siteList
	{
	padding:19px 17px;
	border-bottom:1px solid #ADADAD;
	}
*:first-child+html #siteList
	{
	padding:15px 0 15px;
	}

#mainSiteList{
	padding:16px 17px;
	border-bottom:2px solid #8F806A;
	}
#siteList li{
	width:25%;
	float:left;
	margin-bottom:5px;
	}
#footerTitle{
	padding:54px 14px 0 17px;
	float:left;
	}
#footerInner .phone{
	float:left;
	margin-top:53px;
	padding:0 0 0 30px;
	background:url(../img/static/icon/icon_phone.gif) no-repeat 0 50%;
	}
#footerBtnList{
	float:right;
	padding:50px 17px 0 0 ;
	margin-bottom:5px;
	}
#footerBtnList li{
	float:left;
	margin-left:14px;
	}
.copyright{
	clear:both;
	text-align:center;
	font-size:80%;
	padding:3px 0;
	}
.pageTop a{
	background:url(../img/static/icon/icon_arrow_up.gif) no-repeat 0 50% ;
	padding-left:15px;
	}
.pageTop{
	text-align:right;
	margin-right:40px;
	}
#main .pageTop{
	margin-bottom:28px;
	margin-right:0;
	}
#pageShopTop .pageTop{
	margin-right:30px;
}

/*==================================================================
	subanvi
===================================================================*/
.subNavi,.sectionNavi{zoom:1;}
.subNavi:after,
.sectionNavi:after{
    content: ""; 
    display: block; 
    clear: both;
	}
.subNavi{
	margin-bottom:14px;
	}
.subNavi li{
	float:left;
	margin:0 4px 3px 0;
	}
.sectionNavi{
	margin-bottom:14px;
	}
.sectionNavi li{
	float:left;
	width:33%;
	}

.seasonBnr{
	margin-bottom:14px;
	cursor:pointer;
	}
#sidebar .timeList dt{
	clear:both;
	width:80px;
	float:left;
	font-weight:normal;
	}
.mainphomeNum a{ 
	color:#990817 !important;
	position:relative;
}
.mainphomeNumArea{
	padding:7px 0 0 0;
	background:url(../img/static/mainphone.png) no-repeat 60px 0 ;
	min-width:222px;
}
.mainphomeNumAreaInner{
	padding:10px !important;
	background-color:#fff;
	border:2px solid #990817;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	color:#333 !important;
	text-decoration:none !important;
}



.timeList dd{
	width:205px;
	float:right;
	}
.timeTitle{
	font-weight:bold;
	margin-bottom:4px;
	}
#footer{
	border-bottom:#A0A0A0 1px solid;
	padding-bottom:1px;
	}