@charset "utf-8";
/********************
 LAYOUT/COMMONNESS
********************/

body {
	background-color:fbf5f5;
}
#wrapper {
	background-color:#FFFFFF;
	margin:0 auto;
	width:700px;
}
/********************
 header All page
********************/

#Header {
	padding:0px;
	background-color: #000000;
	position: relative;
}
h1{
	display:none;
	width: 213px;
	padding:15px 10px;
	position: absolute;
	height: 290px;
}
h1 a{
	background:url(../img/logo.png) center no-repeat;
	display:block;
	width:213px;
	height:87px;
	text-indent:-9999px;
 }
h1 a.shanghaiD{
	background:url(../img/logo_shanghaiD.png) center no-repeat;
	display:block;
	width:120px;
	height:49px;
	text-indent:-9999px;
	margin: 4px;
 }
h1 a.hongkong{
	background:url(../img/logo_hongkong.png) center no-repeat;
	display:block;
	width:120px;
	height:49px;
	text-indent:-9999px;
	margin:0 4px 4px 4px;
 }
h1#logomiddle{
	display:block;
	width:159px;
	padding:10px 15px;
	position: absolute;
	height: 59px;
}
h1#logomiddle a{
	background:url(../img/logo_middle.gif) no-repeat;
	display:block;
	width:159px;
	height:59px;
	text-indent:-9999px;
 }
#toptitleimg{
	display:block;
	height:80px;
	text-indent:-9999px;
	}	
.aboutus, .menu, .concept{ background: url(../img/title_aboutus.gif) left top no-repeat;
	}
#promotion{
	height:370px;
	}	
#promotion span{
 display:none;
	}	
#globalnavi {
	background:transparent url(../img/gl_navi_bg.gif) left top  repeat-x;
	width:700px;
	margin:0;
}
#globalnavi ul {
	height:43px;
	padding:0;
}
#globalnavi li {
	float:left;
	margin:0;
	text-indent:-9999px;
}
#menu1, #menu2, #menu3, #menu4{
	display:inline;
	height:43px;
}
#globalnavi li a{
	display:block;
	height:43px;
	text-decoration:none;
}
#menu1 a {
	background:url(../img/gl_menu1.gif) no-repeat center top;
	width:153px;
	margin:0;
}
#menu2 a {
	background:url(../img/gl_menu2.gif) no-repeat center top;
	width:180px;
	margin:0;
}
#menu3 a {
	background:url(../img/gl_menu3.gif) no-repeat center top;
	width:178px;
	margin:0;
}
#menu4 a {
	background:url(../img/gl_menu4.gif) no-repeat center top;
	width:189px;
	margin:0;
}
#globalnavi li a:hover, #globalnavi li.stay a {
	background-position:center bottom;
	text-decoration: none;
}

/********************
 CONTAINER Index page
********************/
#index_main {
	background: url(../img/indexmain_bg.gif) repeat-x left top;
	margin:1px 0 1px 0;
	width:680px;
	padding:10px 10px 5px 10px;
}

#index_main h2#whatsnew {
	width: 680px;
	height: 24px;
	margin:0px auto;
	padding: 30px 0 0 0;
	background:  url(../img/h2_whatsnew.gif) no-repeat left 30px;
	text-indent: -9999px;
}
#whatsnewBox{
	background:url(../img/whatsnewBoxbg.gif) left top no-repeat;
	float:left;
	width:350px;
	padding:14px 0 0 0;
	}
ul#notice {
	margin: 0;
	padding: 0 0 0 15px;
}
h3#h3notice {
	background: url(../img/h3_notice.gif) no-repeat;
	height:13px;
	padding:0px 0px 10px 0;
	width:102px;
	text-indent: -9999px;
	margin: 0 0 0 7px;
}
ul#notice li {
	color:#6a4040;
	list-style: none;
	margin:8px 0;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 4px;
}
ul#notice li a {
	color:#000000;
	text-decoration:none;
}
ul#notice li a:hover {
	color:#8c8153;
	text-decoration:underline;
}
ul#notice li em {
	color:#986363;
	margin:0px 10px 0px 0px;
}
#companyinformation {
	float:right;
	width:312px;
	height:122px;
	background:url(../img/img_companyinformation.jpg) left top no-repeat;
}
#companyinformation2 {
 border:1px solid #c9bfbe;
	margin-left:95px;
	padding:30px 0 0 10px;
	height:90px;
	}
#companyinformation2 p{
 font-weight:bold;
	margin:0 0 4px 0;
	}	
#companyinformation2 p img{
	margin:0 8px 0 0;
	}	
/********************
 CONTAINER Sub page
********************/
#container {
	background: url(../img/contents_bg.gif) repeat-x center top;
	padding: 10px;
	border: 1px solid #ded2ad;
	margin: 1px 0;
}
h2{
 background:url(../img/h2_bg.gif) left top repeat-x;
	height:25px;
	display:block;
	margin:0;
	padding:17px 15px 15px 15px;
	font-size:20px;
	font-weight:bold;
	}
h2 span{
	background:url(../img/h2_icon.gif) left center no-repeat;
	padding:3px 5px 0 30px;
	}	
h2 em{
 font-size:10px;
	color:#996633;
	}	
span.hidden {
	display:none;
}
#contents{
	padding: 10px;
	margin:0;
	border:1px solid #ddbab3;
}
/* Pnavi */
div#pnavi {
	color:#919191;
	height:20px;
	margin:10px 0 0 0;
	text-align:right;
	/*width:690px;*/
}
div#pnavi span {
	background:url(../img/icn_home.gif) left center no-repeat;
	padding:0 0 0 15px;
}
div#pnavi a {
	color:#919191;
	text-decoration:underline;
	padding:0 5px;
}
div#pnavi a:hover {
	color:#414141;
	text-decoration:underline;
}
div.pagetop{
	clear:both;
	margin:10px;
	text-align:right;
	}
/********************
 aboutus.html page
********************/
#aboutbox, #menubox, #conceptbox{
	margin:10px;
	}
#aboutbox img{
	float:left;
	margin:0 5px 10px 0;
	}
#aboutbox2{
	padding:10px 0;
	}
#aboutbox2 p{
 line-height:18px;}	
#aboutbox3{
 clear:both;
 padding:15px 0 0 0 ;
	}
#aboutbox2 .mapimg{
	margin:10px 0 10px 10px;
	text-align: right;
	}
#aboutbox2 .mapimg img{
	float:none;
	margin: 0;
	padding: 5px;
	border:1px solid #ccc;
	}
#aboutbox2 h3, #aboutbox3 h3{
 font-size:17px;
	color:#990000;
	font-weight:bold;
	margin:0 0 10px 0;
	}	
#aboutbox3 h3{
	font-size:17px;
	color:#990000;
	font-weight:bold;
	margin:0 0 10px 10px;
	}
#aboutbox2 ul li{
 background:url(../img/icon_list1.gif) left 4px no-repeat;
	padding:0 0 0 15px;
	margin:15px 0;
	}
#aboutbox2 ul li span{
	padding-left:75px;
}	
	
#aboutbox2 ul li em{
	font-weight:bold;
	width:70px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 5px;
	}
/* TEMPO LIST */		
div.List, div.Detail{
 clear:both;
 padding:15px 0 0 0 ;
	}
div.List h3, div.Detail h3{
	background:url(../img/h3_bg_menu.gif) left top repeat-x;
	height:33px;
	padding:8px 12px;
	font-size:14px;
	margin-top: 20px;
 }
div.List h3 span, div.Detail h3 span{
	background:url(../img/h3_icon_menu.gif) left center no-repeat;
	padding:0 0 0 12px;
	}	
div.List table, div.Detail table{
 width:100%;
 border-collapse: collapse;
 }
div.List h4.city, div.Detail h4.city{
 font-size:16px;
 color:#990000;
 margin:10px 20px;
 font-weight:bold;
 } 	
div.List table th, div.List table td,div.Detail table th, div.Detail table td{
 text-align:center;
 vertical-align:middle;
 padding:6px;
 margin:1px;
 border-right:2px solid #ffffff;
 }
div.List table th.title{
 background-color:#f5e6e6;
 border-bottom:1px solid #990000;
 border-top:2px solid #990000;
 width:20%;
 }	
div.List table th{
 background-color:none;
 border-bottom:1px solid #990000;
 border-top:none;
 }	
div.List table td.title1{
 background-color:#faf2f2;
 border-bottom:1px solid #c26666;
 border-top:2px solid #c26666;
 width:25%;
 text-align:center;
 }	
div.List table td.title2{
 background-color:#faf2f2;
 border-bottom:1px solid #c26666;
 border-top:2px solid #c26666;
 border-right:none;
 text-align:center;
 }	
div.List table td{
 background-color:none;
 border-bottom:1px solid #c26666;
 border-top:none;
 text-align:left;
 }
/* TEMPODETAIL LIST */		
/*div.Detail table th, div.Detail table td{
 text-align:center;
 vertical-align:middle;
 padding:6px;
 margin:1px;
 border-right:2px solid #ffffff;
 }*/
div.Detail table th.title{
 background-color:#f5e6e6;
 border-bottom:1px solid #990000;
 border-top:2px solid #990000;
 width:20%;
 color:#990000;
 }	
div.Detail table th{
 background-color:#f5e6e6;
 border-bottom:1px solid #990000;
 border-top:none;
 color:#990000;
 }	
div.Detail table td.title3{
 background-color:none;
 border-bottom:1px solid #c26666;
 border-top:2px solid #c26666;
 border-right:none;
 }	
div.Detail table td{
 background-color:none;
 border-bottom:1px solid #c26666;
 border-top:none;
 text-align:left;
 }	
p.tempoImg{
 width:640px;
 height:136px;
 margin:0 0 0 8px;
 }

/********************
 menu.html page
********************/
#menulist{
	border:1px solid #990000;
	padding:15px 5px;
	height:12px;
	}
#menulist ul{
	padding:0 10px;
	}	
#menulist ul li{
	float:left;
	background:url(../img/icon_list2.gif) left center no-repeat;
	padding:0 0 0 12px;
	margin:0 7px;
	display:block;
	}	
#menulist ul li a{
 text-decoration:none;
	color:#990000;
	}	
#menulist ul li a:hover{
 text-decoration: underline;
	}	
#menubox p{
 margin:15px 0;
	}
#menubox h3{
	background:url(../img/h3_bg_menu.gif) left top repeat-x;
	height:33px;
	padding:8px 12px;
	font-size:14px;
	margin-top: 20px;
	}
#menubox h3 span{
	background:url(../img/h3_icon_menu.gif) left center no-repeat;
	padding:0 0 0 12px;
	}		
div.menulist2{
	border-bottom:1px solid #ccc;
	margin:5px 0 15px 0;
 }	
div.menulist2 table{
 width:100%;
	}
div.menulist2 table th{
 background-color:#990000;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:6px;
	width:124px;
	}
div.menulist2 table td{
 padding:6px;
	}
div.menulist2 table td.sozai{
	padding:0 6px 0 12px;
	}
div.menulist2 table td.price{
	width:120px;
	text-align: center;
	}
div.menulist2 table td.dotline{
	background:url(../img/img_dot_menu.gif) left center no-repeat;
	padding:10px 0;
	}
div.menulist2 table span{
	font-weight:bold;
	background:#fff;
	padding:8px 10px 0 0;
	}
div.menulist3{
	margin:5px 0 15px 0;
 }	
ul.lunch li{
 float:left;
	margin:0;
	padding: 0 0 0 10px;
	}
ul.lunch li.lunchleft{
	border-right:1px dotted #ccc;
	width:310px;
	padding: 0 5px 0 0;
	}
ul.lunch li table{
	width:310px;
	}

ul.lunch li table th{
	background-color:#fff;
	border:2px solid #990000;
	color:#990000;
	font-weight:bold;
	width:150px;
	text-align:center;
	padding:6px;
	}		
ul.lunch li table th.nuri{
	background-color:#990000;
	border:2px solid #990000;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding:6px;
	width: 294px;
	}		
ul.lunch li table td.price2{
	background:none;
	padding:6px;
	border:none;
	background-color:#FFFFFF;
	}		
ul.lunch li table td{
 background: url(../img/icon_list3.gif) 10px center no-repeat;
	padding:6px 20px;
	}	
ul.lunch li table td.nuritd{
	background:none;
	padding:6px;
	}	
ul#present li{
 float:left;
	margin:0 1px;
 }		
/********************
 concept.html page
********************/
#conceptbox{
 margin:10px 8px;
	text-align:center;}

div.conceptbox2{
	padding:0;
	text-align: left;
	clear: both;
	}
div.conceptbox2 p{
	line-height:18px;
	background: url(../img/concept_txtbg.gif) right top no-repeat;
	padding:15px;
	margin-left:230px;
	font-size: 14px;
	color: #666666;
 }	
div.conceptbox2 img{
	float:left;
	margin:0 20px 60px 0;
	}
div.conceptbox2 h3{
 font-size:17px;
	color:#990000;
	font-weight:bold;
	margin:0 0 10px 0;
	}	
	
/********************
 footer All page
********************/
#footer {
   background:url(../img/footer_bg.gif) center top no-repeat;
	clear:both;
	color:#795e5d;
	font-size:11px;
	margin:10px auto;
	padding:15px 0px;
	text-align:center;
	width:698px;
}
#footer a {
	color:#999999;
	text-decoration:underline;
}
#footer a:hover {
	color:#000000;
	text-decoration:none;
}
#footer p {
	display:inline;
	margin:0px;
}
#footer p img {
	vertical-align:middle;
}
#footer em {
	color:#795e5d;
	font-weight:bold;
}

/* //footer */




/* フォント */
.font_1{
	font-size:77%;
	color:#666;
}
.font_2{
	font-size:90%;
	color:#666;
}