@charset "utf-8";

/* -----------------------------------------------------------------------------
** common css style
----------------------------------------------------------------------------- */

body {
	line-height: 1.5;
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Sans-Serif;
	font-size: 62.5%;
	}

/* IE 6,7 */	
html:not(:target) body {
	font-size: 10px;
	}


* {
	margin: 0px;
	padding: 0px;
	}
	
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	}
	
ul {
	list-style:none;
	}

img {
	vertical-align: top;
	border: 0;
	}

.f_l {
	float: left;
	}

.f_r {
	float: right;
	}

a {
	color: #666666;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}


/* for public */

.mt_1 { margin-top: 1px; }
.mt_2 { margin-top: 2px; }
.mt_3 { margin-top: 3px; }
.mt_4 { margin-top: 4px; }
.mt_5 { margin-top: 5px; }
.mt_6 { margin-top: 6px; }
.mt_7 { margin-top: 7px; }
.mt_8 { margin-top: 8px; }
.mt_9 { margin-top: 9px; }
.mt_10 { margin-top: 10px; }
.mt_11 { margin-top: 11px; }
.mt_12 { margin-top: 12px; }
.mt_13 { margin-top: 13px; }
.mt_14 { margin-top: 14px; }
.mt_15 { margin-top: 15px; }
.mt_17 { margin-top: 17px; }
.mt_20 { margin-top: 20px; }
.mt_24 { margin-top: 24px; }
.mt_25 { margin-top: 25px; }
.mt_26 { margin-top: 26px; }
.mt_30 { margin-top: 30px; }
.mt_40 { margin-top: 40px; }

.align_c { text-align: center; }
.align_l { text-align: left; }
.align_r { text-align: right; }
	
.clear { clear: both; }
	
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}


/* -----------------------------------------------------------------------------
** layout style
----------------------------------------------------------------------------- */

html,body {
	height: 100%;
	}
	
.cover {
	overflow: hidden;
	background:url(../image/body_bg.gif) repeat center top;
	}
	
#flash {
	position:fixed;
	z-index:-1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

* html #flash {
	position:absolute;
}
	
#flash #flashcontent {
	height: 100%;
}


/* #header */

#header {
	height: 122px;
	background: url(../image/header_bg.jpg) repeat-x;
	}

#header .head_contents {
	width: 950px;
	margin: 0 auto;
	height: 105px;
	padding-top: 17px;
	overflow: hidden;
	}
	
#header .top {
	height: 50px;
	}
	
#header .top .logo {
	float: left;
	height: 41px;
	}
	
#header .top .club_link {
	width: 296px;
	height: 50px;
	float: right;
	background: url(../image/line_v.gif) left top repeat-y;
	padding-left: 24px;
	}
	
#header .top .club_link .club_list li {
	float: left;
	}
	
#header .top .club_link .mail {
	float: right;
	margin-top: 12px;
	}
	
#header .top .club_info {
	width: 306px;
	height: 50px;
	float: right;
	background: url(../image/line_v.gif) left top repeat-y;
	padding-left: 24px;
	}
	
#header .top .club_info .open_time {
	display: block;
	width: 279px;
	height: 18px;
	background: url(../image/opentime.gif) no-repeat;
	text-indent: -9999px;
	}
	
#header .top .club_info .blue_link a {
	color: #4076A8;
	background: url(../image/icon1.gif) 0 4px no-repeat;
	padding-left: 8px;
	}

#header .menu ul {
	height: 40px;
	margin-top: 14px;
	}

#header .menu ul li {
	float: left;
	}

#header .menu ul li a {
	display: block;
	height: 40px;
	}

#header .menu ul li.menu1 a {	width: 98px; background-image: url(../image/menu1_on.jpg); }
#header .menu ul li.menu2 a {	width: 143px; background-image: url(../image/menu2_on.jpg); }
#header .menu ul li.menu3 a {	width: 139px; background-image: url(../image/menu3_on.jpg); }
#header .menu ul li.menu4 a {	width: 147px; background-image: url(../image/menu4_on.jpg); }
#header .menu ul li.menu5 a {	width: 152px; background-image: url(../image/menu5_on.jpg); }
#header .menu ul li.menu6 a {	width: 156px; background-image: url(../image/menu6_on.jpg); }
#header .menu ul li.menu7 a {	width: 115px; background-image: url(../image/menu7_on.jpg); }

#header .menu ul li a:hover {
	background-color: transparent;
	}
	
/* mouse on & current */
#header .menu ul li a:hover img,
.home #header .menu ul li.menu1 a img,
.forus_news #header .menu ul li.menu2 a img,
.shop_news #header .menu ul li.menu3 a img,
.floor_guide #header .menu ul li.menu4 a img,
.shop_search #header .menu ul li.menu5 a img,
.access_info #header .menu ul li.menu6 a img,
.recruit #header .menu ul li.menu7 a img {
	visibility: hidden;
	}
	
	
/* #contents */
#contents {	}
	

/* #contentsArea */
#contentsArea {
	width: 950px;
	margin: 0 auto;
	}

#contentsArea #path {
	height: 27px;
	padding-top: 10px;
	padding-left: 3px;
	}

#contentsArea #path a {
	color: #79ABE1;
	}
	

/* .sidebar */	
#contentsArea .sidebar {
	width: 200px;
	float: left;
	}
	
#contentsArea .sidebar .sidebar_box {
	padding-top: 5px;
	margin-top: 10px;
	background: url(../image/sidebar_bg_top.gif) no-repeat left top;
	}

* html #contentsArea .sidebar .sidebar_box {
	height: 1%;
	}
	
#contentsArea .sidebar .sidebar_box .inner {
	background: url(../image/sidebar_bg.gif) no-repeat left bottom;
	padding: 5px 10px 10px;
	}

* html #contentsArea .sidebar .sidebar_box .inner {
	height: 1%;
	}

#contentsArea .sidebar .sidebar_box h2 {
	padding-bottom: 8px;
	}
	
#contentsArea .sidebar .sidebar_box .pink_title {
	height: 26px;
	background: url(../image/line_h.gif) left bottom repeat-x;
	padding-left: 1px;
	}


/* newslist in sidebar */
html #contentsArea .sidebar .newslist {
	float: none;
	width: 180px;
	margin-right: 0px;
	background: url(../image/line_h.gif) left top repeat-x;
	overflow:hidden;
	}
	
html #contentsArea .sidebar .newslist ul {
	width: 180px;
	}


/* main */
#contentsArea .main {
	width: 740px;
	float: right;
	}
	
#contentsArea .main .main_top {
	height: 5px;
	overflow: hidden;
	background: url(../image/main_bg_top.gif) no-repeat;
	}
	
#contentsArea .main .main_bottom {
	height: 5px;
	overflow: hidden;
	background: url(../image/main_bg_bottom.gif) no-repeat;
	}
	
#contentsArea .main .write_box {
	background: #ffffff;
	width: 720px;
	padding: 5px 10px;
	}
	
/* newsindex */
.newsindex {
	width: 562px;
	overflow: hidden;
	padding-top: 15px;
	}

.newsindex .inner {
	width: 600px;
	}
	
/* newslist */
.newslist {
	float: left;
	width: 170px;
	margin-right: 26px;
	overflow: hidden;
	}
	
.newslist h2 a {
	display: block;
	}

.newslist ul li {
	clear: left;
	margin-top: 9px;
	min-height: 43px;
	line-height: 130%;
	}

* html .newslist ul li {
	height: 41px;
	}
	
.newslist ul li img {
	width: 63px;
	height: 41px;
	float: left;
	display: block;
	margin-right: 5px;
	border: #ffffff 1px solid;
}

.newslist ul li strong {
	display: block;
}
	
/* blue */
html .forusnews ul li a strong { color: #78a4cf; }
html .forusnews ul li a:hover strong { color: #78a4cf; text-decoration: underline; }
	
/* green */
html .shopnews ul li a strong { color: #63bc92; }
html .shopnews ul li a:hover strong { color: #63bc92; text-decoration: underline; }
	
/* pink */
html .rusful ul li a strong {	color: #ff6699;	}
html .rusful ul li a:hover strong { color: #ff6699; text-decoration: underline; }

/* large image */
.newslist ul li.large {}
.newslist ul li.large a img {
	width: 168px;
	height: 108px;
	border: #ffffff 1px solid;
	margin-bottom: 5px;
	}
	

/* #footer */


#footer {
	padding-top: 25px;
	}
	
#footer .foot_top {
	background: url(../image/foot_bg.gif) repeat;
	padding-top: 15px;
	padding-bottom: 15px;
}
	
#footer .foot_top .foot_contents {
	width: 950px;
	height: 95px;
	margin: 0 auto;
	position: relative;
	border-left: #bdbdbd 1px solid;
	}
	
#footer .pagetop {
	width: 950px;
	height: 16px;
	overflow: hidden;
	margin: 0 auto;
	text-align: right;
	}
	
#footer .pagetop a {
	display: block;
	width: 58px;
	height: 10px;
	float: right;
	}
	
#footer .foot_top .foot_contents .mobile {
	border-right: #bdbdbd 1px solid;
	width: 237px;
	height: 95px;
	float: left;
	padding-left: 18px;
	}
	
#footer .foot_top .foot_contents .mail {
	border-right: #bdbdbd 1px solid;
	width: 287px;
	height: 95px;
	float: left;
	padding-left: 18px;
	}
	
#footer .foot_top .foot_contents .rusful {
	border-right: #bdbdbd 1px solid;
	width: 387px;
	height: 95px;
	float: left;
	text-align: center;
	}
	
#footer .foot_top .foot_contents .leftimg {
	float: left;
	margin-right: 10px;
	}
	
#footer .foot_bottom {
	background: #ffffff;
	padding-bottom: 20px;
	}
	
#footer .foot_bottom .bottomcontents {
	width: 950px;
	padding-top: 14px;
	margin: 0 auto;
	position: relative;
	}
	
#footer .foot_bottom .bottomcontents ul {
	height: 11px;
	overflow: hidden;
	zoom: 1;
	}
	
#footer .foot_bottom .bottomcontents li {
	float: left;
	margin-right: 27px;
	overflow: hidden;
	display: inline;
	line-height: 70%;
	}

#footer .foot_bottom .bottomcontents li.btn_forustop {
	margin-right: 20px;
	padding-right: 20px;
	background: url(../image/line_v.gif) 100% 0 repeat-y;
	}
	
#footer .foot_bottom .bottomcontents .aeon {
	height: 13px;
	margin-top: 10px;
	font-size: 120%;
	letter-spacing: 0.1em;
	}
	
#footer .foot_bottom .bottomcontents .aeon img {
	margin-right: 8px;
	}
	
*+html #footer .foot_bottom .bottomcontents .aeon {
	margin-top: 8px;
	}
	
#footer .foot_bottom .bottomcontents .pro_company {
	position: absolute;
	right: 0px;
	top: 15px;
	}


/* -----------------------------------------------------------------------------
** print css style
----------------------------------------------------------------------------- */

@media print{

#flash {
	display: none;
	}
}