@charset "utf-8";

/**********************************
 * INITIALIZE
 **********************************/

body, form, img, div, ul, ol, dl, li, dt, dd, h1, h2, h3 ,h4 ,p {
	margin: 0;
	padding: 0;
	line-height: 160%;
}

img {
	border: none;
}

ul {
	list-style: none;
}

table, td {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

th {
	text-align:left;
}

em {
	font-style: normal;
	font-weight: bold;
}

/* コンテナー定型 */
.container {
	overflow: hidden;
}

.container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .container {
    height: 1em;
    overflow: visible;
}
/**/

/**************************************
 * ANCHORS
 **************************************/

a:link {
	color:#0072bc;
	text-decoration: underline;
}

a:visited {
	color:#0072bc;
	text-decoration: underline;
}

a:hover {
	color: #C23438;
	text-decoration: none;
}
 a:active{
	color: #C23438;
	text-decoration: none;
}

/************************************************************
 * STYLE TAGS
 ************************************************************/

body, input, select, textarea, td, li ,a {
	font-family: 'メイリオ',Meiryo, "ＭＳ Ｐゴシック","ヒラギノ角ゴ ProW3",'Hiragino Kaku Gothic Pro', Osaka, Arial, sans-serif;
	font-size:9pt;
	color:#000000;
}

body	{ background: #000000; }

body#blogBack {
	background: #000000 url(../images/bg/blogback.gif) repeat-x;
}

h2		{ text-indent: -9999px; }
h3		{ font-family: 'Script MT Bold';font-size: 17pt; }
dt		{ font-size: 10pt; font-weight: bold; }

.reservation dl {
	width: 808px;
}

center {
	display: none;
}

/************************************************************
 * STYLE IDS
 ***********************************************************/

#wrapper {
	width: 900px;
	margin: 0 auto;
	background: #FFFFFF;
}

#wrapper.blog {
	background: none;
}

#accessMap {
	width: 650px;
	margin: 0 auto;
	color: #FFFFFF;
	padding: 10px 20px;
	background: #000000;
}

#staffDetail {
	width: 600px;
	margin: 0 auto;
	color: #FFFFFF;
	padding: 10px 20px;
	background: none;
}

.home #header			{ background: url(../images/bg/headimage_home.jpg) no-repeat; height: 350px; }
.staff #header			{ background: url(../images/bg/headimage_staff.jpg) no-repeat; height: 200px; }
.system #header			{ background: url(../images/bg/headimage_system.jpg) no-repeat; height: 200px; }
.menu #header			{ background: url(../images/bg/headimage_menu.jpg) no-repeat; height: 200px; }
.membersCard #header	{ background: url(../images/bg/headimage_memberscard.jpg) no-repeat; height: 200px; }
.reservation #header	{ background: url(../images/bg/headimage_reservation.jpg) no-repeat; height: 200px; }
.blog #header			{ background: url(../images/bg/headimage_blog.jpg) no-repeat; height: 155px; }
#staffDetail #header	{ border-bottom: 2px solid #FFFFFF; padding-bottom: 5px; }

#logo {
	width: 198px;
	text-indent: -9999px;
}

#explain {
	width: 650px;
}

.home #logo				{ background: url(../images/logo/logo_home.jpg) no-repeat; height: 162px; }
.staff #logo			{ background: url(../images/logo/logo_staff.jpg) no-repeat; height: 162px; }
.system #logo			{ background: url(../images/logo/logo_system.jpg) no-repeat; height: 162px; }
.menu #logo				{ background: url(../images/logo/logo_menu.jpg) no-repeat; height: 162px; }
.membersCard #logo		{ background: url(../images/logo/logo_memberscard.jpg) no-repeat; height: 162px; }
.reservation #logo		{ background: url(../images/logo/logo_reservation.jpg) no-repeat; height: 162px; }
.blog #logo				{ background: url(../images/logo/logo_blog.jpg) no-repeat; height: 155px; }
#staffDetail #logo		{ background: url(../images/logo/logo.jpg) no-repeat; width: 110px; height: 94px; }
#accessMap #logo				{ background: url(../images/logo/logo.jpg) no-repeat; width: 110px; height: 94px; }

#globalnavi {
	height: 52px;
	background: url(../images/bg/globalnaviback.gif) repeat-x;
}

#contents {
	min-height: 300px;
	_height: 300px;
	padding: 30px 30px 50px 30px;
	background: url(../images/bg/flw_ptn.gif) no-repeat 718px bottom;
}

#staffDetail #contents {
	text-align: center;
}

.home #mainArea {
	width: 520px;
}

.staff #mainArea {
	width: 770px;
}

.system #mainArea {
	width: 800px;
}

#frame {
	width: 900px;
}

#frame iframe {
	border-top: 0;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
}

#suppotArea {
	width: 320px;
}

#footer {
	text-align: center;
	margin: 5px 0 0;
	padding: 10px 0 20px;
	border-top: 1px solid #000000;
}

#staffDetail #footer {
	border-top: 2px solid #FFFFFF;
}

.blog #footer {
	color: #FFFFFF;
}

/************************************************************
 * STYLE CLASSES
 ***********************************************************/

.fl		{ float: left; }
.fr		{ float: right; }

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

.di		{ display: inline; }

.vaT	{ vertical-align: top; }

.n		{ font-weight: normal; }

.mT3	{ margin-top: 3px; }
.mT5	{ margin-top: 5px; }
.mT10	{ margin-top: 10px; }
.mT20	{ margin-top: 20px; }
.mT30	{ margin-top: 30px; }
.mT50	{ margin-top: 50px; }
.mT60	{ margin-top: 60px; }
.mT65	{ margin-top: 65px; }
.mR1EM	{ margin-right: 1em; }
.mR10	{ margin-right: 10px; }
.mR15	{ margin-right: 15px; }
.mB15	{ margin-bottom: 15px; }
.mB30	{ margin-bottom: 30px; }

.fsL	{ font-size: 12pt; }

.fgWhite	{ color: #FFFFFF; }

.lh20	{ line-height: 20px; }

.pT30	{ padding-top: 30px; }

.bdLD		{ border-left:double 8px #000000; padding: 5px 10px; }

h2.welcome			{ background: url(../images/titles/welcome.gif) no-repeat; height: 37px; }
h2.news				{ background: url(../images/titles/news.gif) no-repeat; height: 33px; }
h2.shopInformation	{ background: url(../images/titles/shopinformation.gif) no-repeat; height: 43px; }
h2.links			{ background: url(../images/titles/links.gif) no-repeat; width: 81px; height: 29px; }
h2.btLinks			{ text-indent: 113px !important; }
h2.btLinks a		{ background: url(../images/buttons/links.gif) no-repeat; width: 113px; height: 34px; display: block; overflow: hidden; }
h2.btLinks a:hover	{ background: url(../images/buttons/links_o.gif) no-repeat; }
h2.staff			{ background: url(../images/titles/staff.gif) no-repeat; height: 45px; }
h2.system			{ background: url(../images/titles/system.gif) no-repeat; height: 45px; }
h2.menu				{ background: url(../images/titles/menu.gif) no-repeat; height: 45px; }
h2.card				{ background: url(../images/titles/card.gif) no-repeat; height: 33px; }
h2.reservation		{ background: url(../images/titles/reservation.gif) no-repeat; height: 32px; }
h2.accessMap		{ background: url(../images/titles/accessmap.gif) no-repeat; height: 35px;
					  padding-bottom: 5px;
					  border-bottom: 2px solid #FFFFFF; }
h2.diary			{ background: url(../images/titles/diary.gif) no-repeat 30px 10px; height: 63px; }
h2.butler			{ background: url(../images/titles/butler.gif) no-repeat; width: 90px; height: 26px; }