@charset "UTF-8";

/* clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/****************************************
				base_css
****************************************/
html,body,img,head,h1,h2,h3,h4,ul,li,dl,dd,dt,p {margin:0px;padding:0px;border:none;}
html {width: 100%;}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka , sans-serif;
	font-size:75%;
	line-height:1.5;
	height:100%;
	width:100%;
	color:#ffe99a;
	background-color:#0c0100;
}
li {list-style:none;}

/****************************************
				link_css
****************************************/
a:link,a:visited {color:#da5b07;text-decoration:none;}
a:hover,a:active {color:#fc9049;text-decoration:none;}

/****************************************
				class_css
****************************************/
.f_l {float:left;}
.f_r {float:right;}

.t_i {text-indent:-5000px;overflow:hidden;}

.mb_6 {margin-bottom:6px;}
.mb_24 {margin-bottom:24px;}

.hide {display:none;}

/****************************************
				common_css
****************************************/
#header,#menu,#main_home,#main,#footer {
width:100%;
background-position:top center;
background-repeat:no-repeat;
}

#header {background-image:url(img/common/bg_header.jpg);height:120px;}
#menu {background-image:url(img/common/bg_menu.jpg);background-repeat:no-repeat;height:48px;}
#main {background-image:url(img/common/bg_body.jpg);padding-top:42px;padding-bottom:36px;}
#footer {background-image:url(img/common/bg_footer.jpg);height:240px;}

#header_box {width:960px;height:109px;padding-top:11px;margin:0px auto;text-align:center;}

#menu_box {width:960px;height:48px;margin:0px auto;}
#menu_box li {overflow:hidden;}
#menu_box a {width:120px;height:48px;display:block;}
#menu_box a:hover {background-position:0px -48px;}

.btn_home {background-image:url(img/common/btn_home.gif)}
.btn_information {background-image:url(img/common/btn_information.gif);}
.btn_system {background-image:url(img/common/btn_system.gif);}
.btn_newface {background-image:url(img/common/btn_newface.gif);}
.btn_companion {background-image:url(img/common/btn_companion.gif);}
.btn_schedule {background-image:url(img/common/btn_schedule.gif);}
.btn_shopinfo {background-image:url(img/common/btn_shopinfo.gif);}
.btn_recruit {background-image:url(img/common/btn_recruit.gif);}
.btn_contact {
	background-image:url(img/common/btn_contact.gif);
	width:276px;
	height:48px;
	display:block;
	margin-bottom:12px;
}
.btn_contact:hover {background-position:0px -48px;}
.sendbtn_recruit {
	background-image:url(img/common/recruit.jpg);
	width:276px;
	height:48px;
	display:block;
	margin-bottom:12px;
}
.btn_link {width:80px;display:block;margin:12px auto 0px auto;text-align:center;}

#main_box {width:912px;margin:0px auto;}
#main_box_g {width:960px;margin:0px auto;}

#left {width:636px;}
#right {width:276px;}

#header_staff {width:276px;background:url(img/common/header_staff.gif) no-repeat;height:24px;margin-bottom:12px;}

#staff {width:276px;height:240px;overflow:auto;margin-bottom:24px;}
#staff dt {color:#ffb400;font-weight:bold;}
#staff img { max-width:120px;}

#qrcode {border:#ffe99a 1px solid;padding:10px;margin-bottom:12px;}
#header_qrcode {background:url(img/common/header_mobile.gif) no-repeat;width:170px;height:14px;margin-bottom:6px;}

#link_box_top {background:url(img/common/bg_link_top.gif) top no-repeat;padding-top:12px;}
#link_box_bottom {background:url(img/common/bg_link_bottom.gif) bottom no-repeat;padding-bottom:12px;}
#link_box {background:url(img/common/bg_link.gif) repeat-y;width:276px;}

#header_group {background-image:url(img/common/header_group.gif);width:89px;height:18px;display:block;margin:6px auto 12px auto;}
#header_glink {background-image:url(img/common/header_glink.gif);width:132px;height:18px;display:block;margin:0px auto 12px auto;}

#group {width:200px;margin:0px auto;}
#group a {margin-bottom:12px;display:block;}

#glink {margin:0px auto;width:230px;}
#glink td {text-align:center;}

#footer_box {width:912px;margin:0px auto;padding-top:36px;}
#footer_info,#footer_nav {width:240px;}
#footer_info img {margin:6px 0px;}
#footer_copy {width:432px;text-align:right;}
