@charset "Shift_JIS";

/*
	Site Name: DDF Site
	Description: layout template style
	Version: 
*/

/*
===== CONTENTS ===========================================

	1: base
	2: link
	3: font
	4: pagetop
	5: menu
	6: toppage
	7: allpage
	8:access

==========================================================
*/

/*
===== 1: base ===========================================*/
html{
	height:100%;
}

body{
	width:100%;
	height:100%;
	background-image: url(../img/footbk_underbk.jpg);
	background-repeat: repeat;
}

div#bk1{
	width:100%;
	height:100%;
	background-image: url(../img/bk1.gif);
	background-repeat: repeat;
}

div#bk1{
	width:100%;
	height:100%;
	background-image: url(../img/bk2.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin:0 auto;
	padding: 0px;
}

div#bk2{
	width:100%;
	height:100%;
	background-image: url(../img/footbk_under.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	}

div#container{
	width:775px;
	height:100%;
	text-align: center;
	padding: 0px;
	background-image: url(../img/cont_bk.gif);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


body > div#bk2{ 
    height:auto; 
}

body > div#bk1{ 
    height:auto; 
}


body > div#Container{ 
    height:auto; 
}

div#footer{
	width:775px;
	height:100%;
	background-image: url(../img/footbk.gif);
	height: 146px;
	background-repeat: no-repeat;
}

div#copyright{
	width:175px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 575px;
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

p#pagetop{
	text-indent:-9999px;
	overflow:hidden;
	width:34px;
	height:26px;
	margin-left: 717px;
	}
	
p#pagetop a{
	width:34px;
	height:26px;
	background-image: url(../img/pagetop.gif);
	display:block;
}


/*
===== 3: font =================================
*/

.p10px{font-size:77%;}
.p11px{font-size:85%;}
.p12px{font-size:93%;}
.p13px{font-size:100%;}

/*
===== 5: menu ===========================================*/
div#header{
	width:100%;
	background-image: url(../img/menu_bk1-trans.png);
	background-repeat: repeat-x;
	height: 80px;
	background-position: bottom;
}

/*透過png読み込み*/
* html div#header {
	behavior: expression(IEPNGFIX.fix(this));
} 

div#header ul#menu_area{
	margin:0 auto;
	text-align: center;
	width:775px;
	height: 71px;
}

div#header ul#menu_area li{
	float:left;
}
/*
===== 6: toppage ===========================================*/
div#container div#top_content{
	width:775px;
	background-image: url(../../img/top_contBK.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


div#container div#top_content div#left_area{
	float:left;
	width:488px;
	margin-left: 25px;
	padding-top: 22px;
}
/*ie6用ﾊｯｸ*/
*html body div#container div#top_content div#left_area{
	margin-left: 13px;
}


.top_banner{
	width:488px;
	height: 110px;
	padding-bottom: 24px;
}

div.photoarea{
	width:488px;
	height:80px;
	background-image: url(../../img/photoBK.gif);
	background-repeat: no-repeat;
	padding-bottom: 15px;
}


div.photoarea ul li{
	width:88px;
	height:66px;
	float:left;
	margin-left: 8px;
	padding-top: 8px;
}

/*ie6用ﾊｯｸ*/
*html body div.photoarea ul{
	margin-left: 0px;
}

*html body div.photoarea ul li{
	margin-left: 6px;
}

div#container div#top_content div#right_area{
	width:217px;
	float:left;
	margin-left: 20px;
	padding-top: 22px;
}

div#container div#top_content div#right_area div#pickupArea{
	width:217px;
}


p.pickuptitle{
	font-weight: bold;
	font-size:93%;
	color: #a02020;
	text-align: left;
	padding-top: 12px;
}

p.pickuptxt{
	font-size:93%;
	color: #ffffff;
	text-align: left;
	padding-bottom: 12px;
}

div#container div#top_content div#right_area div#whatNewArea{
	width:217px;
	background-image: url(../../img/whatNewbk.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}

div#container div#top_content div#right_area div#whatNewUnder{
	width:217px;
	background-image: url(../../img/whatunder.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 9px;
}


div#container div#top_content div#right_area div#whatNewUnder dl dt{
	font-size:77%;
	color: #666666;
	text-align: left;
	margin-left: 10px;
	font-weight: bold;
	padding-top: 5px;
}

div#container div#top_content div#right_area div#whatNewUnder dl{
	padding-bottom: 7px;
}
div#container div#top_content div#right_area div#whatNewUnder dl dd{
	font-size:85%;
	color: #ffffff;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: normal;
}

div#container div#top_content div#right_area div#whatNewUnder dl dd a{
	color: #a02020;
}


div#container div#top_content div#right_area div#whatNewUnder dl dd.wline{
	text-align: left;
	padding-top: 7px;
	margin-left: 7px;
	margin-right: 7px;
	padding-bottom: 7px;
}

/*
===== 6: allpage ===========================================*/

div#container div#content_under{
	width:775px;
	background-image: url(../img/cont_bk.gif);
	background-repeat: repeat-y;
}


div#content_under div#content{
	width:775px;
	background-image: url(../img/contBK.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


div#pankuzu {
	width:775px;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: left;
	margin-left: 25px;
	font-size:77%;
}

div#pankuzu p,
div#pankuzu p a,
div#pankuzu p hover{
 color:#a2a2a2;
}


div#right_place{
	width:144px;
	float:left;
	margin-left: 25px;
}

/*ie6用ﾊｯｸ*/
*html body div#right_place{
	margin-left: 13px;
}

div#right_place ul{
	width:144px;
	padding-top: 22px;
}

div#left_place{
	width:551px;
	float:left;
	margin-left: 31px;
}

div#left_place ul{
	padding-top: 18px;
	float:right;	
}


div#left_place ul li{
	float:left;
	list-style-position: inside;
	list-style-image: url(../../shopdata/img/arrow2.gif);
	margin-left: 5px;
	background-image: url(../../shopdata/img/line_T2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 10px;
	padding-left: 3px;
}

div#left_place ul li.topsetH{
	float:left;
	list-style-position: inside;
	list-style-image: url(../../shopdata/img/arrow.gif);
	margin-left: 5px;
	background-image: url(../../shopdata/img/line_T.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 10px;
	padding-left: 3px;
}

div#left_place ul li a{
	font-size:77%;
	color:#a2a2a2;
}

h3.stitle{
	width:551px;
	height:38px;
	padding-bottom: 15px;	
}

table.listtable{
	width:501px;
	margin-right: auto;

	margin-left: auto;
	text-align: center;
	}

table.listtable tr td{
	background-color:#343434;
}

table.in_table tr td{
	background-color:#0d0d0d;
	font-size:93%;
	color:#868686;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

table.in_table tr td.sstitle{
	background-color:#1b1b1b;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	clear: both;
}

table.in_table tr td.txtsum{
	text-align: center;
}

div.ssTline{
	text-align: center;
	width:551px;
	height:53px;
}

p.cotion{
	width:501px;
	font-size:77%;
	color: #993300;
	text-align: left;
	padding-top: 25px;
}
/*
===== 7: FLOORMAP ===========================================*/
div#floormap{
	width:548px;
	height:373px;
	padding-top: 22px;
	padding-bottom: 100px;
}

/*
===== 8: booking ===========================================*/
span.important{
	color: #993300;
	font-weight: bold;
}


div#booking,div#schedule{
	color:#868686;
	width:700px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-weight: normal;
}

div#booking h2{
	width:700px;
	height:112px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#booking p{
	font-size:93%;
	padding-bottom: 10px;
	line-height: 1.5em;
}
ul.lineset{
	padding-top: 20px;
	padding-bottom: 20px;
}

div#booking ul li ul li{
	font-size:93%;
}

ul.lineset li{
	font-size:85%;
	width:700px;
	background-image: url(../../booking/img/lineT.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
}


lineBW{
	width:700px;
	height:38px;
	padding-top: 7px;
	padding-bottom: 7px;
	display:block;
}
div#booking p a{
	color: #993300;
}

div#booking h4{
	font-size:100%;
	font-weight: bold;
}

/*
===== 9: access ===========================================*/

div#aceAria{
	width:700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}


div#aceAria div#aceLeft{
	width:370px;
	float:left;
	padding-bottom: 30px;
}

div#aceAria div#aceRight{
	width:330px;
	float:left;
}

div#aceAria div#aceRight dl dd{
	font-size:85%;
	color:#a2a2a2;
	text-align: left;
	margin-left: 20px;
	padding-bottom: 30px;
}

div#aceAria div#aceRight dl dd a{
	color: #993300;
}

/*
===== 10: schedule ===========================================*/
div#title_sche_area{
	width:700px;
	padding-top: 15px;
}


div#sche_pickup_area{
	width:700px;
	background-image: url(../../schedule/img/pickup_bk.gif);
	background-repeat: repeat-y;
	vertical-align: top;
}

div#sche_pickup_area dl{
	width:650px;
	text-align: left;
	margin-left: 25px;
}

div#sche_pickup_area dl dt{
	width:650px;
	font-weight: bold;
	font-size:93%;
	color: #a02020;
	padding-bottom: 10px;
}

div#sche_pickup_area dl dd{
	width:650px;
	font-size:93%;
	padding-bottom: 15px;
}

div#sche_pickup_area ul{
	width:650px;
	clear: both;
	margin-left: 25px;
	padding-bottom: 15px;
}

div#sche_pickup_area li.setPhoto{
	width:117px;
	float: left;
	margin-right: 12px;
}

.sche_sya{
	width:700px;
	background-image: url(../../schedule/img/sche_sya.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
	height: 27px;
}


dl.schesettxt{
	width:700px;
	padding-bottom: 10px;
}

dl.schesettxt dt{
	font-size:100%;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

dl.schesettxt dd{
	font-size:93%;
}

dl.schesettxt dd a{
	color:#FF6633;
}

span.daytxt{
	color:#FF6600
}

div#title_sche_area h3{
	width:71px;
	float: left;
}
div#title_sche_area ul#btnset{
	width:116px;
	height: 27px;
	float: right;
	background-image: url(../../schedule/img/sche_btn_bk.gif);
	background-repeat: no-repeat;
}

div#title_sche_area ul#btnset li#prev{
	width:54px;
	float: left;
	}
	
div#title_sche_area ul#btnset li#next{
	width:54px;
	float: left;
	margin-left: 8px;	
}

/*
===== 11: dropdown ===========================================*/
/*.dropdown {width:101px;}:*/
.dropdown dt {
	cursor:pointer;
	height:71px;
	width: 101px;
}
.dropdown dd {
	position:absolute;
	overflow:hidden;
	width:230px;
	display:none;
	background:#000;
	z-index:2;
	text-align: left;
}
.dropdown dd ul {width:230px; border:0px solid #000; list-style:none; border-top:none}
.dropdown dd li {
	display:inline;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.dropdown dd a,
.dropdown dd a:active,
.dropdown dd a:visited {display:block; color:#666; background:#000; width:220px}
.dropdown dd a:hover {background:#999; color:#fff}
.dropdown .underline {border-bottom:1px dotted #000}