/*********************************
 *
 * COMMON STYLES
 *
 *********************************/

body {
	color: #666666;
	font-family: "メイリオ", "Meiryo", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック";
	width: 100%;
	background-color:#000;
}
a {
	color: #0098CC;
}
a:hover {
	color: #0098CC;
	text-decoration: none;
}
a:hover img.hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a:hover img.hhover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
/* margin style */
.mT05 {
	margin-top: 5px !important;
}
.mT10 {
	margin-top: 10px !important;
}
.mT15 {
	margin-top: 15px !important;
}
.mT20 {
	margin-top: 20px !important;
}
.mT40 {
	margin-top: 40px !important;
}
.mT60 {
	margin-top: 60px !important;
}
.mT100 {
	margin-top: 100px !important;
}
.mT1 {
	margin-top: 1px !important;
}
.mL1 {
	margin-left: 1px !important;
}
.mL3 {
	margin-left: 3px !important;
}
.mL5 {
	margin-left: 5px !important;
}
.mL7 {
	margin-left: 7px !important;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック";
}
.mL10 {
	margin-left: 10px !important;
}
.mL12 {
	margin-left: 12px !important;
}
.mL15 {
	margin-left: 15px !important;
}
.mL20 {
	margin-left: 20px !important;
}
.mL25 {
	margin-left: 25px !important;
}
.mL26 {
	margin-left: 26px !important;
}
.mL30 {
	margin-left: 30px !important;
}
.mL40 {
	margin-left: 40px !important;
}
.mL50 {
	margin-left: 50px !important;
}
.mL60 {
	margin-left: 60px !important;
}
.mL76 {
	margin-left: 76px !important;
}
.mL80 {
	margin-left: 80px !important;
}
.mL100 {
	margin-left: 100px !important;
}
.mB05 {
	margin-bottom: 5px !important;
}
.mB10 {
	margin-bottom: 10px !important;
}
.mB15 {
	margin-bottom: 15px !important;
}
.mB20 {
	margin-bottom: 20px !important;
}
.mB40 {
	margin-bottom: 40px !important;
}
.pT10 {
	padding-top: 10px !important;
}
/* text style */
.color {
	color: #ff0000
} /* 差し色 */
.color2 {
	color: #ff7f10;
} /* 差し色2 */
.bold {
	font-weight: bold !important;
}
.normal {
	font-weight: normal !important;
}
/* float style */
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.left_photo {
	float: left;
	padding: 0 20px 20px 0;
}
.right_photo {
	float: right;
	padding: 0 0 20px 20px;
}
.f_10 {
	font-size: 10px;
}
.f_11 {
	font-size: 11px;
}
.f_14 {
	font-size: 14px;
}
.f_16 {
	font-size: 16px;
}
.f_18 {
	font-size: 18px;
}
/* font */
.large {
	font-size: 1.25em;
}
.slarge {
	font-size: 1.15em;
}
.small {
	font-size: 0.8em;
}



/*********************************
 *
 * WRAPPER
 *
 *********************************/

#wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/*********************************
 *
 * HEADER
 *
 *********************************/



#header {
	background: url("../imagse/main_pc_bk.jpg") top center no-repeat;
	background-size: contain;
    padding-top:94%;
	position:relative;
}

#header .inner {
	width: 100%;
	
}

#header .inner .logo img {
	position: absolute;
	top: 4.8%;
	right: 6%;
	width:11.8%;
}

#header .inner h2 img {
	position: absolute;
	top: 6%;
	left: 14%;
	width:67.34%;
}

#header .inner .shop01 img {
	width:42.3%;
	position:absolute;
	left:50.7%;
	top:78.27%;	
}
#header .inner .shop02 img {
	width:42.3%;
	position:absolute;
	left:6.8%;
	top:78.27%;
		
}
#header .inner .shop03 img {
	width:87.5%;
	position:absolute;
	left: 0;
	right: 0;
	margin: auto;
	top:87.89%;	
}


/*********************************
 *
 * Main
 *
 *********************************/


#main img {
	width: 100%;
	height: auto;
	text-align: center;
}


/*********************************
 *
 * コンテンツ
 *
 *********************************/



#contents {
	width: 100%;
}

#contents .menucont {
	background: url(../imagse/cont01_sp.gif) top center no-repeat;
    /*background-size: contain;*/
    height: 0;
    /*padding-top:72.8%;*/
	/*padding-top: 132.8%;*/
	padding-top: 92.8%;
	position:relative;
}


#contents .menucont .title01 img {
	position: absolute;
    top: 8%;
    left: 9%;
    width: 31.25%;
}


#contents .menucont .title02 img {
	position: absolute;
    top: 8%;
    left: 56.6%;
    width: 29.4%;
}


#contents .menucont .title03 img {
	position: absolute;
    top: 58.75%;
    left: 62.53%;
    width: 16.8%;
}


#contents .menucont .osusume img {
	position: absolute;
    top: 20.2%;
    left: 8.28%;
    width: 32.6%;
}


#contents .menucont .menu img {
    position: absolute;
    top: 20.2%;
    left: 49.53%;
    width: 42.8%;
}


#contents .menucont .tyumon1 img {
	position: absolute;
	top: 65.75%;
    left: 47.53%;
    width: 22.8%;
}
#contents .menucont .tyumon2 img {
	position: absolute;
    top: 65.75%;
    left: 71.53%;
    width: 22.8%;
}
#contents .menucont .tyumon3 img {
	position: absolute;
    top: 85.75%;
    left: 49.53%;
    width: 42.8%;
}


#contents .shopcont {
	background: url("../imagse/con_bk.jpg") top center repeat-y;
    background-size: auto;
    height: 0;
/*    padding-top:68.12%;*/
	position:relative;
	padding-top: 90%;

}



#contents .shopcont .logo img {
	position:absolute;
	top:6.6%;
	left:30.78%;
	width:39%;
	
}


#contents .shopcont .shop01 img {
	position:absolute;
	top:25.75%;
	left:5.4%;
	width:41.7%;
	
}


#contents .shopcont .shop02 img {
	position:absolute;
	top:25.75%;
	left:54.5%;
	width:41.7%;
	
}
.recruitbtn01 img {
	position: absolute;
	left: 5.4%;
	top: 79%;
	width: 41%;
}
.recruitbtn02 img {
	position: absolute;
	left: 54.4%;
	top: 79%;
	width: 41%
	
}
.footer {
	background: url(../imagse/ftimg_sp.jpg) top center no-repeat;
    background-size: contain;
    height: 0;
    /*padding-top:35.78%;*/
	padding-top: 36%;
	position:relative;
}



/*********************************
 *
 * OTHER
 *
 *********************************/


.pc {
	display: none;
}