@charset "UTF-8";
/*cmn/css/cmn.css*/


/******************************************************************************
cmn class
******************************************************************************/
.f-left{
	float: left;
}

.f-right{
	float: right;
}

.t-left{
	text-align: left;
}

.t-right{
	text-align: right;
}

.t-center{
	text-align: center;
}

.none{
	display: none;
}

.imgover{
}

.fade a {
	display: inline-block;
}
a.fade {
/*	display: inline-block;*/
}
.wdt-160{
	width:160px !important;
}
.red{
	color:#C00;
}
a{
	color:#252525;
}
.link-01{
	background:url(../img/cmn/arrow_red.png) no-repeat left center;
	padding-left:17px;
	line-height: 1;
}

/*------------------------------*/
/*top-nav*/
/*------------------------------*/
#main .block-top ul.t-link{
	display:inline-block;
	position: absolute;
	top: 20px;
	right: -5px;
	}
#main .block-top ul.t-link li{
	float: left;
	margin: 0 5px 0 0;

}
#main .block-top ul.t-link02{
	display:inline-block;
	position: absolute;
	top: 55px;
	right: -5px;
	}
#main .block-top ul.t-link02 li{
	float: left;
	margin: 0 5px 0 0;

}
/*------------------------------*/
/*side nav*/
/*------------------------------*/
#english .f-nav .en a img, #french .f-nav .fr a img, #chinese .f-nav .ch a img{
	display: none;
}
/*------------------------------*/
/*tool*/
/*------------------------------*/

/* margin-bottom */
.mb-5{margin-bottom: 5px!important;}
.mb-10{margin-bottom: 10px!important;}
.mb-15{margin-bottom: 15px!important;}
.mb-20{margin-bottom: 20px!important;}
.mb-25{margin-bottom: 25px!important;}
.mb-30{margin-bottom: 30px!important;}
.mb-35{margin-bottom: 35px!important;}
.mb-40{margin-bottom: 40px!important;}
.mb-50{margin-bottom: 50px!important;}
.mb-55{margin-bottom: 55px!important;}
.mb-60{margin-bottom: 60px!important;}
.mb-65{margin-bottom: 65px!important;}
.mb-80{margin-bottom: 80px!important;}


/* padding*/
.pt-5{ padding-top: 5px!important;}
.pt-10{padding-top: 10px!important;}
.pt-15{padding-top: 15px!important;}
.pt-20{padding-top: 20px!important;}
.pt-25{padding-top: 25px!important;}
.pt-30{padding-top: 30px!important;}
.pt-35{padding-top: 35px!important;}
.pt-40{padding-top: 40px!important;}
.pt-45{padding-top: 45px!important;}
.pt-50{padding-top: 50px!important;}
.pt-55{padding-top: 55px!important;}
.pt-60{padding-top: 60px!important;}

.pb-5{padding-bottom: 5px!important;}
.pb-10{padding-bottom: 10px!important;}
.pb-15{padding-bottom: 15px!important;}
.pb-20{padding-bottom: 20px!important;}
.pb-25{padding-bottom: 25px!important;}
.pb-30{padding-bottom: 30px!important;}
.pb-35{padding-bottom: 35px!important;}
.pb-40{padding-bottom: 40px!important;}
.pb-45{padding-bottom: 45px!important;}
.pb-50{padding-bottom: 50px!important;}
.pb-55{padding-bottom: 55px!important;}
.pb-60{padding-bottom: 60px!important;}


/*font*/
.font-12{ font-size:1.2em;}
.font-14{ font-size:1.4em;}
.font-16{ font-size:1.6em;}
.font-18{ font-size:1.8em;}
.font-20{ font-size:2em;}


/* = FRAME
-------------------------------------------------------------- */
body {
	background:url(../img/english/cmn/bg.jpg) repeat left top;
}

#all {
	position: relative;
	background: url(../img/cmn/bg.gif) repeat-x scroll 0 0;
}

#side {
	padding:25px 20px 0 20px;
	width: 170px;
	float: left;
}

#side #gNav {
	margin-bottom: 30px;
}

#side #gNav h1 {
	margin-bottom:45px;
}

#side #gNav ul {
	border-bottom:1px solid #505353;
}

#side #gNav ul li {
	border-top:1px solid #505353;
}

#side #gNav ul li a {
	padding: 15px 0;
	display: block;
}

#side #gNav ul li.current a{
	background:url(../img/english/cmn/bg_menu.png) repeat left top;
}

#side #gNav ul li a:hover {
	background:url(../img/english/cmn/bg_menu.png) repeat left top;
}

#main {
	width: 946px;
	margin: 0 auto;
	padding:0 1px;
	background: url(../img/english/cmn/bg_top.png) no-repeat left top;
}

#content {
	background: #fff;
	width: 736px;
	float: right;
	margin-top: 11px;
	padding-bottom:30px;
	margin-bottom: 45px;
	font-family:Arial, Helvetica, sans-serif;
}

#content .inner {
	padding: 0 20px;
}
#content .inner hr{
  display:block;
  margin-top:1em; 
  margin-bottom:1em;
}
#content .inner .m-dinner ul{
  padding-left:1em;
}
.breadCrumb{
	padding: 8px;
	margin: 0 0 10px 12px;
	font-size:1.2em;
}

h2#pageTit {
	background: none repeat scroll 0 0 #eee;
	border-radius: 3px;
	padding: 8px 20px;
	margin:0 20px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 2em;
	font-weight: normal;
}

h3.subTit {
	background: url(../img/cmn/bg_subtit.gif) repeat-y;
	line-height: 28px;
	padding: 0 0 0 15px;
	font-size: 1.8em;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
}


/* FOOT */

#foot {
	background: #32312F url(../img/footer/bg_foot.gif) repeat-x bottom;
	min-width: 946px;
	padding-top: 18px;
	height: 60px;
	font-size:1.2em;
	color:#333333;
}

#foot .wrap{
	width: 946px;
	margin: 0 auto;
}

#foot .f-left{
	line-height: 1.7;

}

#foot .f-left p{
	display: inline-block;
	margin-right: 30px;
	vertical-align: top;
}

#foot .f-right{
	font-size: 0.83em;
	margin-top:24px;
}

.pageTop {
	width:946px;
	margin: 0 auto 10px auto;
	text-align: right;
}
.foot-link a{
	font-size:1.0em;
	color: #252525;
}
.mt-0{
	margin-top:0px !important;
}
/* = HREF
-------------------------------------------------------------- */
a {col
	: #252525; outline: none; text-decoration: underline;}
a:hover {text-decoration: none;}

a.fade2 img:hover {
  opacity:0.3;
  filter: alpha(opacity=30);        /* ie lt 8 */
  -ms-filter: "alpha(opacity=30)";  /* ie 8 */
  -moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.3;              /* Safari 1.x */
}


/* = LIST
-------------------------------------------------------------- */
li.fourColumns {width: 174px;}
ul.fourColumns li {
	width: 174px;
}


/* = TABLE
-------------------------------------------------------------- */
table {border-collapse:collapse; border-spacing:0;}
#contentIn table {width: 100%;}
#contentIn th, #contentIn td {text-align: left; vertical-align: top;}
#contentIn th.t-center {text-align: center;}

.tbl01 {border-bottom: 1px solid #ccc;}
.tbl01 th, .tbl01 td {
	border-top: 1px solid #ccc;
	line-height: 22px;
	padding: 12px 15px 9px 15px;
}
.tbl01 th {background: #EBEBEB;}


/* = FORM
-------------------------------------------------------------- */
input[type=text], textarea {
  border: 1px solid #999;
  padding: 4px;
}
input.inputS {width: 65px;}
input.inputM {width: 200px;}
select.selectS {width: 110px;}
input.inputL {width: 410px;}
textarea {width: 475px; height: 160px;}


/* = IMAGE
-------------------------------------------------------------- */
img {max-width: 100%; height: auto;}
#map img {max-width: none;}

/******************************************************************************
smartphone
******************************************************************************/
@media screen and (max-device-width: 480px) {
	html {
		-webkit-text-size-adjust: 100%;
	}
}