/*================================================================================
YURAKUCHO HANKYU BASE CSS
================================================================================*/

*{
	margin:0;
	padding:0;
	border:0;
	color:#333;
	font:Arial, Helvetica, sans-serif;
	}
	
body{text-align:center;}

#wrapper{
	margin:10px auto;
	text-align:left;
	}
	
#main{
	padding:7px 5px 5px 5px;
	}

#menu{
	float:left;
	width:180px;
	margin-top:4px;
	}
	
#menu li{
	width:180px;
	height:33px;
	list-style:none;
	}

#menu li a{
	display:block;
	width:180px;
	height:33px;
	text-indent:-9999px;
	overflow:hidden;
	/*\*//*/
	overflow:visible;
	/**/
	text-decoration:none;
	}

#fashion{ background:url(../img/share/menu.gif) 0px 0px no-repeat;}
#cosmetics{ background:url(../img/share/menu.gif) 0px -33px no-repeat;}
#relaxing{ background:url(../img/share/menu.gif) 0px -66px no-repeat;}
#event{ background:url(../img/share/menu.gif) 0px -99px no-repeat;}
#member{ background:url(../img/share/menu.gif) 0px -132px no-repeat;}

#fashion a:hover{ background:url(../img/share/menu.gif) -180px 0px no-repeat;}
#cosmetics a:hover{ background:url(../img/share/menu.gif) -180px -33px no-repeat;}
#relaxing a:hover{ background:url(../img/share/menu.gif) -180px -66px no-repeat;}
#event a:hover{ background:url(../img/share/menu.gif) -180px -99px no-repeat;}
#member a:hover{ background:url(../img/share/menu.gif) -180px -132px no-repeat;}

#fashionPage #fashion{ background:url(../img/share/menu.gif) -360px 0px no-repeat;}
#cosmeticsPage #cosmetics{ background:url(../img/share/menu.gif) -360px -33px no-repeat;}
#relaxingPage #relaxing{ background:url(../img/share/menu.gif) -360px -66px no-repeat;}
#eventPage #event{ background:url(../img/share/menu.gif) -360px -99px no-repeat;}
#membersPage #member{ background:url(../img/share/menu.gif) -360px -132px no-repeat;}

#Page01 #m01{ background:#996;}
#Page02 #m02{ background:#996;}
#Page03 #m03{ background:#996;}
#Page04 #m04{ background:#996;}
#Page05 #m05{ background:#996;}

#topImg{
	float:right;
	width:545px;
	}

#contents{
	clear:both;
	padding:5px 0 5px 0;
	}
	
.conclusion{
	margin:5px auto;
	border:1px solid #999;
	}

.conclusion td{
	padding:10px 10px 10px 20px;
	border:1px solid #ccc;
	text-align:left;
	vertical-align:top;
	height:140px;
	}
		
.linkBtn{
	}
	
.linkBtn a{
	display:block;
	width:63px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	background:url(../img/share/link_btn.gif) top left no-repeat;
	}
	
.linkBtn a:hover{background:url(../img/share/link_btn_o.gif) top left no-repeat;}

.R{
	float:right;
	margin:5px;
	}
	
.fashionTd{ background:url(../img/share/bg_fas.gif) 0px 5px no-repeat;}
.cosmeticsTd{ background:url(../img/share/bg_cos.gif) 0px 5px no-repeat;}
.relaxingTd{ background:url(../img/share/bg_rel.gif) 0px 5px no-repeat;}
.cafeTd{ background:url(../img/share/bg_cafe.gif) 0px 5px no-repeat;}
.shoseTd{ background:url(../img/share/bg_sho.gif) 0px 5px no-repeat;}
.eventTd{ background:url(../img/share/bg_eve.gif) 0px 5px no-repeat;}
.luckyTd{ background:url(../img/share/bg_luc.gif) 0px 5px no-repeat;}
.memberTd{ background:url(../img/share/bg_mem.gif) 0px 5px no-repeat;}
.floorTd{ background:url(../img/share/bg_flo.gif) 0px 5px no-repeat;}
.giftTd{ background:url(../img/share/bg_gift.gif) 0px 5px no-repeat;}

#subNavi{
	}
	
#subNavi td{
	text-align:center;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#CCCC99;
	}
	
#subNavi a, #subMenu a{
	display:block;
	padding:2px 0;
	color:#fff;
	font-size:1.2em;
	text-decoration:none;
	}

#subMenu{
	width:100%;
	margin:1px 0 5px 0;
	}

#subMenu td{
	text-align:center;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#999966;
	}

#subNavi a:hover{background-color:#999966;}
#subMenu a:hover{background-color:#666600;}
	
/*================================================================================================
�ėpCSS
================================================================================================*/

p{margin:5px 0;}

.container{}

.headingBox{
	padding:10px 10px 10px 20px;
	background:url(../img/share/bg_heading.gif) top right repeat-y;
	text-align:center;
	}

.heading{
	width:100%;
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	}

.subheadingBox{
	margin:5px 0 0 0;
	text-align:center;
	}
.inner{padding:10px;}
.subheadingBox+.conclusion{
	margin-top:0;
	}

.subheading{
	color:#9999CC;
	font-weight:700;
	font-size:1.4em;
	}
	
.catch{
	margin-top:0;
	font-size:1.2em;
	font-weight:700;
	}

.catchS{
	font-size:1.1em;
	color:#6699CC;
	font-weight:700;
	}

.attention{ color:#CC0000;}

.commodity{
font-size:1.1em;
}

.present{
	color:#CC9933;
	}

.boxL{
	float:left;
	padding-right:10px;
	}
	
.boxR{
	float:right;
	padding-left:10px;
	}

.boxTR{
	float:right;
	width:67px;
	height:121px;
	padding-left:10px;
	}
.boxTR a{
	display:block;
	padding:1px;
	background:#fff;
	text-decoration:none;
	}
.boxTR a:hover{background-color:#f60;}
	
.boxC{
	padding-bottom:10px;
	text-align:center;
	}

.boxC img{
	margin:0 auto;
	}

.pointBox{
	padding:4px;
	background:#eee;
	}
.pointBox dt{color:#CC3333;}
.pointBox dt img{ vertical-align:middle;}
.pointBox dd{padding:5px;}

.setBox{line-height:1.2;}
.setBox dt{
	margin-left:1em;
	font-weight:600;
	font-size:1.1em;
	}
dt.set{
	margin:0 0 5px 0;
	font-size:1.2em;
	}
.setBox dd{
	margin:5px 0 5px 2em;
	}
	
.setBox dt+dt{margin:5px 1em;}

.listBox{}
.listBox li{
	list-style-position:inside;
	margin-left:1em;
	}
	
.new{
	font:Helvetica, Arial, sans-serif;
	font-size:1.2em;
	color:#3333FF;
	vertical-align:middle;
	}
	
.off{
	font-weight:bold;
	color:#CC0000;
	}
	
.clear{
	clear:both;
	margin: 0 0 1em 0;
	border-bottom:1px dotted #888;
	}
.clear2{
	clear:both;
	margin: 0 0 1em 0;
	}
.dl{
	font-size:1.2em;
	color:#669933;
	}
.dl a{
	color:#669933;
	text-decoration:none;
	font-weight:bold;
	}
.dl a:hover{text-decoration:underline; color:#FF9900;}

.chart{margin:5px auto; border-left:1px solid #999; border-bottom:1px solid #999;}
.chart td{text-align:center; vertical-align:middle; padding:2px; border:none; height:auto; border-right:1px solid #999; border-top:1px solid #999;}
.chart thead{background:#ccc; font-weight:bold;}
.chart tbody{background:#eee;}

.tableTable{margin:5px auto;}
.tableTable td{text-align:left; padding:10px; height:auto;}

.pageTop{text-align:right; margin:10px 0;}
.pageTop a{text-decoration:none;}
.pageTop a:hover{text-decoration:underline;}
.pageTop img{vertical-align:middle; margin:0 5px 0 0; }

/*========================================================================================
td icon
========================================================================================*/

body#fashionPage .conclusion td{background:url(../img/share/bg_fas.gif) 0px 5px no-repeat;}
body#cosmeticsPage .conclusion td{background:url(../img/share/bg_cos.gif) 0px 5px no-repeat;}
body#relaxingPage .conclusion td{background:url(../img/share/bg_rel.gif) 0px 5px no-repeat;}
body#relaxingPage .conclusion td.cafe{background:url(../img/share/bg_cafe.gif) 0px 5px no-repeat;}
body#shosePage .conclusion td{background:url(../img/share/bg_sho.gif) 0px 5px no-repeat;}
body#eventPage .conclusion td{background:url(../img/share/bg_eve.gif) 0px 5px no-repeat;}
body#luckyPage .conclusion td{background:url(../img/share/bg_luc.gif) 0px 5px no-repeat;}
/*body#membersPage .conclusion td{background:url(../img/share/bg_mem.gif) 0px 5px no-repeat;}*/
body#floorPage .conclusion td{background:url(../img/share/bg_flo.gif) 0px 5px no-repeat;}

/*========================================================================================
carender
========================================================================================*/

#calender{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0 0 15px 0;
	}
	
#calender thead td{
	background:url(../img/share/bg_bar.jpg) bottom left repeat-x;
	color:#333;
	font-weight:bold;
	}
	
#calender td{
	padding:1px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	}
	
#calender td a{
	display:block;
	background-color:#FFCC66;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
#calender td a:hover{background-color:#CC9933;}

#calender .prevMonth{
	color:#666666;
	background-color:#F4FBED;
	}
#calender .prevMonth a{
	background-color:#99CC99;
	}
	
.days{
	width:180px;
	margin:5px 0 0 0;
	padding:0.3em 0;
	color:#666;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	background:url(../img/share/days.jpg) top left no-repeat;
	}
	
.link{color:#99CC33;}
.link:hover{color:#663300;}
.link_out{color:#993333;}
.link_out:hover{color:#FF9933;}

#special img{
border:5px solid #9cc;
}

#special .catchS{
color:#9cc;
}
/*---------------------------------------------------------------------------------------------letter--*/
.letter{
width:65%;
line-height:1.8;
padding:10px;
border:1px solid #eee;
background:url(../img/share/letter.gif);
}
.letter .inner{
padding:10px;
border:1px solid #ccc;
}
/*-------------------------------------------------------------------------------------------add------*/
#type2 .catch{
color:#99CC66;
}
#type3 dt,
.type3 dt{
color:#FF6633;
}

.comList{
text-align:left;
/* Hides from IE-mac \*/
height:1%;
/* End hide from IE-mac */
}
.comList{
width:30%;
float:left;
list-style-position:inside;
padding:0 5px;
}
.bland{
float:left;
font-size:9px;
}
.bland td{padding:2px 10px;}
.b_name{
background-color:#E9F2E6;
}
.b_floor{
background-color:#C8DEDF;
text-align:center;
}
.tab{background-color:#E9F2E6;}

/************************************************************************************************* 060401 add **/
.spLink{line-height:1.8; color:#66CC33; font-weight:bold;}
.cosLin,
.faLin,
.shoLin,
.yuLin{
display:block;
width:120px;
margin:0 0 0 3px;
border-right:1px solid #666;
border-bottom:1px solid #888;
text-decoration:none;
color:#fff;
background:#aaa;
text-align:center;
float:left;
font-size:10px;
font-weight:normal;
}

.cosLin:hover{background:#ccc;}
.faLin:hover{background:#E68FB9;}
.shoLin:hover{background:#cc6;}
.yuLin:hover{background:#69c;}

/************************************************************************************************** 060419 add**/
.offBox .catch{color:#c00;}
.offBox .catchS{color:#c33;}

.photo{
padding:5px;
border-top:1px solid #ccc;
border-left:1px solid #999;
border-bottom:1px solid #555;
border-right:1px solid #777;
}
/*************************************************************************************************060623 add*/
.borderbox{
border:3px double #fff;
padding:10px;
background:url("../img/share/bb_bg.gif");
}
/************************************************************************************************060712 add**/
.check{padding:5px; background:#eee;}
.check dt{
float:left;
width:60px;
}
.check dd{
margin: 0 0 0 70px;
vertical-align:middle;
line-height:16px;
}
/*-------------------------------------------------------------------------060725--------*/
dl.borderbox dt{
font-weight:bold; border-bottom:1px solid #fff; padding-bottom:3px; margin-bottom:5px;
}
/*-------------------------------------------------------------------------060901------*/
dl.hyo{
clear:both;
}
dl.hyo dt{
float:left;
margin:0 15px 0 0;
font-weight:bold;
}
dl.hyo dd{
float:left;
padding:0 0 10px 0;
}
.dejipan img{
cursor:pointer;
}
.dejipan img:hover{
}
.container2{
width:47%;
}
.L{float:left;}
.L+.L{margin:0 0 0 15px;}
.R{float:right;}
.pL{padding-left:15px;}
/*-----------------------------------------------------------------061226*/
.off2{color:#DD6B61;}
.bottomLine{border-bottom:1px dotted #ccc;}


/*-----------------------------------------------------------------090708*/
.boxR p{text-align:right;}
.boxR p span{display:block;margin-top:3px; font-size:0.7em;}
p span.boldM{font-size:1.2em;}
.txt_no{ visibility:hidden;}