@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td { list-style-position: outside; list-style-type: disc; border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul { list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


body{
font-family:'verdana','Lucida Grande','Hiragino Kaku Gothic ProN','Meiryo',sans-serif;
font-size:small;
line-height:1.5;
-webkit-text-size-adjust: none;
background-image: url(images/XXXXX.png);
background-size: 100%;
background-position: center top;
background-repeat: no-repeat;
}


*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}


h1{ /*不可視見出し*/
	display: none;	
}

h2{ /*大見出し*/
	display: none;	
}

h3{ /*小見出し*/
	font-size: 130%;
	font-weight: bold;
	margin-bottom:10px;
	clear: both;
}

h4{ /*抜き文字見出し*/
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 2px 4px;
	background-color: #595857;
	border-radius: 3px;
}

h5{ /*抜き文字見出し2*/
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 10px 5px;
	background-color: #6ab547;
	border-radius: 3px;
}

hr {
	border-width: 1px 0 0 0; 
	border-style: solid; 
	border-color: #333; 
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	height: 40px;
	width: 40px;
	border-radius: 20px;
	background-color: #595857;
	opacity: 0.7;	
	z-index: 9999;
}

.pagetop a {
	display: block;
	text-align: center;
	line-height: 37px;
	color: #fff;
	font-size: 25px;
	text-decoration: none;
}
 
.pagetop:hover {
	background-color: #f8b500;
}

.pagetop a:hover {
	color: #fff;
}


/* ▼▼▼▼▼ 背景画像 ▼▼▼▼▼
-------------------------------------------------------------- */
.backgroundL{
	width:100%;
	height: auto;
	margin: 0 auto;	
/* 	background-image: url(/images/background_renewal_4_fix05.jpg?240111); */
	background-size: 340px;
	background-position: top left;
	background-repeat: no-repeat repeat;
}

.backgroundR{
	width:100%;
	height: auto;
	margin: 0 auto;	
/* 	background-image: url(/images/background_renewal_4_fix05.jpg?240111); */
	background-size: 340px;
	background-position: top right;
	background-repeat: no-repeat repeat;
}

.background1{
	width:100%;
	height: auto;
	margin: 0 auto;	
/* 	background-image: url(/images/background_renewal_4_fix05.jpg?240111); */
	background-size: 340px;
	background-position: top center;
	background-repeat: repeat;
}

.background2{
	width:100%;
	height: auto;
	margin: 0 auto;	
	background-color: #fffbdd;
}

.background3{
	width:100%;
	height: auto;
	margin: 0 auto;	
	background-color: #fff3b8;
}

.background4{
	width:100%;
	height: auto;
	margin: 0 auto;	
	background-color: #e5f2ff;
}

.background5{
	width:100%;
	height: auto;
	margin: 0 auto;	
	background-color: #ffe6ea;
}

.background6{
	width:100%;
	height: auto;
	margin: 0 auto;	
	background-color: #eeffcc;
}

.background7{
	width:100%;
	height: auto;
	margin: 0 auto;	
	background-color: #e6ffff;
}

.background8{
	width:100%;
	height: auto;
	margin: 0 auto;	
	background-color: #fff6e6;
}




/* ▼▼▼▼▼ ベースラップ ▼▼▼▼▼
-------------------------------------------------------------- */
#base-wrap{
	max-width: 1024px;
	height: auto;
	margin: 0 auto;
	background-color: #fff;
}



/* ▼▼▼▼▼ ヘッダー ▼▼▼▼▼
-------------------------------------------------------------- */
#header{
	max-width:960px;
	height: auto;
	margin: 0 auto;	
}

#store-logo1{
	display: block;
	text-align: center;
	padding: 30px 30px 20px 30px;
}

#store-logo1 img{
	width: 50%;
}

.eigyouzikan-header hr{
	border-color: #c0c0c0; 
}

.eigyouzikan-header p{
	text-align: center;
	font-size: 180%;
}

.eigyouzikan-header span{
	font-weight: normal;
	font-size: 50%;
}



/* ▼▼▼▼▼ グローバルナビ ▼▼▼▼▼
-------------------------------------------------------------- */
#globalmenu1{	
	display: block;
	width: 100%;
	max-width:960px;
	margin: 0 auto;	
	height: 40px;
	margin-bottom: 20px;
	z-index: 9999;
}

#globalmenu2{	
	display: none
}

.menu li{
	display: block;
	float:left;
	width: 16.6666666666%;
	margin: 0;
	padding: 0;
	border-left:1px solid #111; 
}

.menu li.last{
	border-right:1px solid #111; 
}

.menu a{
	display: block;
	height:40px;
}

.menu01 a{
	background-image: url(images/menu_home_pc.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: none;
}

.menu02 a{
	background-image: url(images/menu_coupon_pc.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: none;
}

.menu03 a{
	background-image: url(images/menu_floor_pc.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: none;
}

.menu04 a{
	background-image: url(images/menu_shop_pc.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: none;
}

.menu05 a{
	background-image: url(images/menu_recruit_pc.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: none;
}

.menu06 a{
	background-image: url(images/menu_access_pc.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: none;
}

.menu a:hover{
	margin: 0 7px;
	border-radius: 5px;
}

.menu01 a:hover{
	background-image: url(images/menu_home_pc_inverted.png);
	background-color: #e83929;
}

.menu02 a:hover{
	background-image: url(images/menu_coupon_pc_inverted.png);
	background-color: #f08300;
}

.menu03 a:hover{
	background-image: url(images/menu_floor_pc_inverted.png);
	background-color: #f8b500;
}

.menu04 a:hover{
	background-image: url(images/menu_shop_pc_inverted.png);
	background-color: #93ca76;
}

.menu05 a:hover{
	background-image: url(images/menu_recruit_pc_inverted.png);
	background-color: #59b9c6;
}

.menu06 a:hover{
	background-image: url(images/menu_access_pc_inverted.png);
	background-color: #4c6cb3;
}


/* ▼▼▼▼▼ フッター ▼▼▼▼▼
-------------------------------------------------------------- */

#footer{
	clear: both;
	width: 100%;
	margin: 0 auto;	
	height: auto;
	background-color: #6ab547;
	padding: 15px;
	background-image: url(images/backgroundimage-fottertop1.png);
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	}

#footer ul{
	text-align:center;
	margin: 0 auto;	
	margin-top: 5px;
}


#footer ul li{
	display: -moz-inline-box; /*Fx2*/
	display: inline-block;
	/display: inline; /zoom: 1; /*IE6*/
	padding:0 5px;
	font-size:12px;
	border-left:1px solid #fff; 
}

#footer ul li.last{
	border-right:1px solid #fff; 
}

#footer a{
	color:#fff;
}

#store-logo3{
	text-align: center;
/* 	margin-top: 10px; */
}

#store-logo3 img{
	width: 300px;
}

#storeinfo{
	text-align: center;
/* 	margin-top: 10px; */
	color: #fff;	
}

address{
	text-align:center;
	padding-top: 10px;
	font-size:10px;
	color:#fff;
}

/* ▼▼▼▼▼ 以下、Media Queries ▼▼▼▼▼
-------------------------------------------------------------- */

@media screen and (max-width: 960px) {

	body{
	background-image: url(images/XXXXX.png);
	}

	#globalmenu1{	
	width: 98%;
	margin-bottom: 10px;
	}
}



@media screen and (max-width: 600px) {

	.pagetop {
	bottom: 65px;
	opacity: 0.7;	
	}

	#store-logo1{
	display: block;
	text-align: center;
	padding: 10px 5px 7px 5px;
	}

	#globalmenu1{	
	display: none
	}

	#globalmenu2{
	display: block;
	width: 100%;
	max-width:600px;
	margin: 0 auto;	
	height: auto;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	opacity: 0.85;
	}

	.menu .active a, .menu a:hover{
	margin: 0;
	border-radius: 0px;
	}

	.menu li{
	width: 16.666666666666667%;
	border-left:none; 
	}

	.menu a{
	height:50px;
	line-height: 80px;
	}

	.menu01 a{
	background-image: url(images/menu_home_sp_inverted.png);
	background-size: auto 100%;
	background-color: #e83929;
	}

	.menu02 a{
	background-image: url(images/menu_coupon_sp_inverted.png);
	background-size: auto 100%;
	background-color: #f08300;
	}

	.menu03 a{
	background-image: url(images/menu_floor_sp_inverted.png);
	background-size: auto 100%;
	background-color: #f8b500;
	}

	.menu04 a{
	background-size: auto 100%;
	background-image: url(images/menu_shop_sp_inverted.png);
	background-color: #93ca76;
	}

	.menu05 a{
	background-image: url(images/menu_recruit_sp_inverted.png);
	background-size: auto 100%;
	background-color: #59b9c6;
	}

	.menu06 a{
	background-image: url(images/menu_access_sp_inverted.png);
	background-size: auto 100%;
	background-color: #4c6cb3;
	}

	.menu07 a{
	background-image: url(images/menu_sale_sp_inverted.png);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #b44c97;
	}

	.menu08 a{
	background-image: url(images/menu_call_sp_inverted.png);
	background-size: auto 85%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #eb6ea5;
	}

	.menu01 a:hover{
	background-image: url(images/menu_home_sp_inverted.png);
	background-color: #e83929;
	}

	.menu02 a:hover{
	background-image: url(images/menu_coupon_sp_inverted.png);
	background-color: #f08300;
	}

	.menu03 a:hover{
	background-image: url(images/menu_floor_sp_inverted.png);
	background-color: #f8b500;
	}

	.menu04 a:hover{
	background-image: url(images/menu_shop_sp_inverted.png);
	background-color: #93ca76;
	}

	.menu05 a:hover{
	background-image: url(images/menu_recruit_sp_inverted.png);
	background-color: #59b9c6;
	}

	.menu06 a:hover{
	background-image: url(images/menu_access_sp_inverted.png);
	background-color: #4c6cb3;
	}

	#footer{
	background-image: url(images/backgroundimage-fottertop2.png);
	padding-bottom: 65px;
	}
}


@media screen and (max-width: 480px) {

	h5{
	font-size: 120%;	
	}

	#store-logo3{
	margin-top: 5px;
	}

	#footer ul{
	display: none;
	}
}