/* CSS Document */

/* 
---------------------------------------
reset
---------------------------------------
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

body{
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:14px;
	*font-size:small;
	*font:x-small;
	letter-spacing:0;
	line-height:1.5;
	min-width: 1120px; /* ------------------------------------------------------------------------------------------- 追加 */
   -webkit-text-size-adjust: 100%; /* ------------------------------------------------------------------------------------------- 追加 */
   -moz-text-size-adjust: 100%; /* ------------------------------------------------------------------------------------------- 追加 */
   -ms-text-size-adjust: 100%; /* ------------------------------------------------------------------------------------------- 追加 */
   -o-text-size-adjust: 100%; /* ------------------------------------------------------------------------------------------- 追加 */
   text-size-adjust: 100%; /* ------------------------------------------------------------------------------------------- 追加 */
}

img {
	max-width:100%;
	height:auto;
}

body.fontM {
	font-size:13px;
}

body.fontL {
	font-size:15px;
}

html>/**/body{
	font-size /*\**/: small\9
}

html{
	overflow-y:scroll;
   -webkit-font-smoothing: antialiased;
}

table{
	border-collapse:collapse;
	border-spacing:0;
	vertical-align:top;
}

th{
	text-align:left;
}

img{
	border:0;
	vertical-align:top;
}

li{
	list-style:none;
}

a{
	outline:none;
}


address{
	font-style:normal;
}

h1,h2,h3,h4,h5,h6,p,th,td,table,dl,dt,dd,ul,ol,li{
	color:#000000;
	font-weight:normal;
}

a:link{
	color:#007ec1;
	text-decoration:none;
}

a:visited{
	color:#007ec1;
	text-decoration:none;
}

a:hover{
	color:#007ec1;
	text-decoration:underline;
}

a:active{
	color:#007ec1;
	text-decoration:none;
}

a:hover img{
	filter: alpha(opacity=80);
	opacity:0.8;
}

#wrapper{
	font-size:93%;
}

/* 
---------------------------------------
clear
---------------------------------------
*/

.clear{
	clear: both;
}

.clearfix:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.clearfix{
	min-height:1px;
}

* html .clearfix{
	height:1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.lastList {
	border-style:none !important;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

/* 
---------------------------------------
fontsize
---------------------------------------
*/

.font10{
	font-size:83% !important;
}

.font11{
	font-size:91% !important;
}

.font12{
	font-size:100% !important;
}

.font13{
	font-size:108% !important;
}

.font14{
	font-size:117% !important;
}

.font15{
	font-size:125% !important;
}

.font16{
	font-size:133% !important;
}

.font17{
	font-size:142% !important;
}

.font18{
	font-size:150% !important;
}

.font19{
	font-size:158% !important;
}

.font20{
	font-size:166% !important;
}


/* 
---------------------------------------
fontcolor
---------------------------------------
*/

.clr01{
	color:#;
}

.clr02{
	color:#;
}

.clr03{
	color:#;
}

.clr04{
	color:#;
}


/* 
---------------------------------------
text_align
---------------------------------------
*/

.alnL{
	text-align:left;
}

.alnC{
	text-align:center;
}

.alnR{
	text-align:right;
}


/* 
---------------------------------------
float
---------------------------------------
*/

.fL{
	float:left;
}

.fR{
	float:right;
}


/* 
---------------------------------------
margin_top
---------------------------------------
*/

.mt0{
	margin-top:0 !important;
}

.mt5{
	margin-top:5px !important;
}

.mt10{
	margin-top:10px !important;
}

.mt15{
	margin-top:15px !important;
}

.mt20{
	margin-top:20px !important;
}

.mt25{
	margin-top:25px !important;
}

.mt30{
	margin-top:30px !important;
}

.mt35{
	margin-top:35px !important;
}

.mt40{
	margin-top:40px !important;
}

.mt45{
	margin-top:45px !important;
}

.mt50{
	margin-top:50px !important;
}

.mt55{
	margin-top:55px !important;
}

.mt60{
	margin-top:60px !important;
}

.mt65{
	margin-top:65px !important;
}

.mt70{
	margin-top:70px !important;
}

.mt75{
	margin-top:75px !important;
}

.mt80{
	margin-top:80px !important;
}

.mt85{
	margin-top:85px !important;
}

.mt90{
	margin-top:90px !important;
}

.mt95{
	margin-top:95px !important;
}

.mt100{
	margin-top:100px !important;
}


/* 
---------------------------------------
margin_bottom
---------------------------------------
*/

.mb0{
	margin-bottom:0 !important;
}

.mb5{
	margin-bottom:5px !important;
}

.mb10{
	margin-bottom:10px !important;
}

.mb15{
	margin-bottom:15px !important;
}

.mb20{
	margin-bottom:20px !important;
}

.mb25{
	margin-bottom:25px !important;
}

.mb30{
	margin-bottom:30px !important;
}

.mb35{
	margin-bottom:35px !important;
}

.mb40{
	margin-bottom:40px !important;
}

.mb45{
	margin-bottom:45px !important;
}

.mb50{
	margin-bottom:50px !important;
}

.mb55{
	margin-bottom:55px !important;
}

.mb60{
	margin-bottom:60px !important;
}

.mb65{
	margin-bottom:65px !important;
}

.mb70{
	margin-bottom:70px !important;
}

.mb75{
	margin-bottom:75px !important;
}

.mb80{
	margin-bottom:80px !important;
}

.mb85{
	margin-bottom:85px !important;
}

.mb90{
	margin-bottom:90px !important;
}

.mb95{
	margin-bottom:95px !important;
}

.mb100{
	margin-bottom:100px !important;
}


/* 
---------------------------------------
margin_left
---------------------------------------
*/

.ml0{
	margin-left:0 !important;
}

.ml5{
	margin-left:5px !important;
}

.ml10{
	margin-left:10px !important;
}

.ml15{
	margin-left:15px !important;
}

.ml20{
	margin-left:20px !important;
}

.ml25{
	margin-left:25px !important;
}

.ml30{
	margin-left:30px !important;
}

.ml35{
	margin-left:35px !important;
}

.ml40{
	margin-left:40px !important;
}

.ml45{
	margin-left:45px !important;
}

.ml50{
	margin-left:50px !important;
}


/* 
---------------------------------------
margin_right
---------------------------------------
*/

.mr0{
	margin-right:0 !important;
}

.mr5{
	margin-right:5px !important;
}

.mr10{
	margin-right:10px !important;
}

.mr15{
	margin-right:15px !important;
}

.mr20{
	margin-right:20px !important;
}

.mr25{
	margin-right:25px !important;
}

.mr30{
	margin-right:30px !important;
}

.mr35{
	margin-right:35px !important;
}

.mr40{
	margin-right:40px !important;
}

.mr45{
	margin-right:45px !important;
}

.mr50{
	margin-right:50px !important;
}


/* 
---------------------------------------
padding_top
---------------------------------------
*/

.pt0{
	padding-top:0 !important;
}

.pt5{
	padding-top:5px !important;
}

.pt10{
	padding-top:10px !important;
}

.pt15{
	padding-top:15px !important;
}

.pt20{
	padding-top:20px !important;
}

.pt25{
	padding-top:25px !important;
}

.pt30{
	padding-top:30px !important;
}

.pt35{
	padding-top:35px !important;
}

.pt40{
	padding-top:40px !important;
}

.pt45{
	padding-top:45px !important;
}

.pt50{
	padding-top:50px !important;
}


/* 
---------------------------------------
padding_bottom
---------------------------------------
*/

.pb0{
	padding-bottom:0 !important;
}

.pb5{
	padding-bottom:5px !important;
}

.pb10{
	padding-bottom:10px !important;
}

.pb15{
	padding-bottom:15px !important;
}

.pb20{
	padding-bottom:20px !important;
}

.pb25{
	padding-bottom:25px !important;
}

.pb30{
	padding-bottom:30px !important;
}

.pb35{
	padding-bottom:35px !important;
}

.pb40{
	padding-bottom:40px !important;
}

.pb45{
	padding-bottom:45px !important;
}

.pb50{
	padding-bottom:50px !important;
}


/* 
---------------------------------------
padding_left
---------------------------------------
*/

.pl0{
	padding-left:0 !important;
}

.pl5{
	padding-left:5px !important;
}

.pl10{
	padding-left:10px !important;
}

.pl15{
	padding-left:15px !important;
}

.pl20{
	padding-left:20px !important;
}

.pl25{
	padding-left:25px !important;
}

.pl30{
	padding-left:30px !important;
}

.pl35{
	padding-left:35px !important;
}

.pl40{
	padding-left:40px !important;
}

.pl45{
	padding-left:45px !important;
}

.pl50{
	padding-left:50px !important;
}


/* 
---------------------------------------
padding_right
---------------------------------------
*/

.pr0{
	padding-right:0 !important;
}

.pr5{
	padding-right:5px !important;
}

.pr10{
	padding-right:10px !important;
}

.pr15{
	padding-right:15px !important;
}

.pr20{
	padding-right:20px !important;
}

.pr25{
	padding-right:25px !important;
}

.pr30{
	padding-right:30px !important;
}

.pr35{
	padding-right:35px !important;
}

.pr40{
	padding-right:40px !important;
}

.pr45{
	padding-right:45px !important;
}

.pr50{
	padding-right:50px !important;
}

/* 
---------------------------------------
common
---------------------------------------
*/

div#wrapper {
	width:1120px;
	margin:0 auto;
}

header {
	padding:40px 0;
}

header h1 {
	float:left;
}

header ul.btn {
	float:right;
}

header ul.btn li{
	float:left;
	margin-right:20px;
}

.inner {
	width:1120px;
	margin:0 auto;
}

/* 
---------------------------------------
footer
---------------------------------------
*/

footer {
	background:#000;
}

footer a,
footer dt,
footer dd,
footer li,
footer p#copy {
	color:#fff !important;
}

footer div.inner {
	padding:30px 0 112px 0;
}

footer p#ftrLogo {
	float:left;
	width:12%;
}

footer div#ftrMenu {
	float:right;
	width:78%;
	padding-top:15px;
}

footer ul.ftrNavi {
	margin-bottom:45px;
}

footer ul.ftrNavi li {
	float:left;
	margin-right:56px;
}

footer ul.ftrNavi li li {
	float:none;
	margin:0 0 0 8px;
}

footer dl#shopList dd {
	width:600px;
	padding-left:10px;
}

footer p#copy {
	text-align:center;
	padding:10px 0;
}

/* 
---------------------------------------
table
---------------------------------------
*/

table#yokou {
	width:760px;
	margin:0 auto 55px auto;
}

table#yokou th,
table#yokou td {
	border-bottom:#000 dashed 1px;
	padding:22px 0;
}

table#yokou th {
	width:244px;
}

div#contact {
	width:734px;
	margin:0 auto 25px auto;
	border:#000 solid 3px;
	padding:10px;
}

div#contact th {
	width:150px;
	padding:10px 70px 10px 21px;
	font-weight:bold;
}

div#contact th span {
	float:right;
	color:#ff0000;
}

div#contact td input,
div#contact td textarea {
	padding:5px;
}

#mailformpro button {
	width:176px;
	margin:0 auto;
	border-style:none !important;
	background:none !important;
	padding:0 !important;
	cursor:pointer;
	display:block;
	margin-bottom:110px;
}



/* 
---------------------------------------
mamaPage
---------------------------------------
*/

#mamaPage dl#staff01,
#mamaPage dl#staff02,
#mamaPage dl#staff03 {
	position:relative;
}

#mamaPage dl#staff01 dd {
	position:absolute;
	width:410px;
	top:85px;
	left:210px;
}

#mamaPage dl#staff02 dd {
	position:absolute;
	width:440px;
	top:73px;
	left:195px;
}

#mamaPage dl#staff03 dd {
	position:absolute;
	width:320px;
	top:121px;
	left:485px;
}

#mamaPage dl#faq {
	background:url(/img/lp-mama/img14.gif) no-repeat bottom;
	padding-bottom:25px;
}

#mamaPage dl#faq dt {
	width:660px;
	margin:0 auto 25px auto;
	color:#ff3399;
}

#mamaPage dl#faq dd {
	width:660px;
	padding-bottom:25px;
	margin:0 auto 25px auto;
	background:url(/img/lp-mama/a_bg.png) no-repeat bottom;
}

#mamaPage #movie {
	width:640px;
	margin:0 auto 45px auto;
}

/* 
---------------------------------------
careerPage
---------------------------------------
*/

#careerPage p.txt01,
#careerPage p.txt02 {
	background:#eeeeee;
	padding:0 50px 30px 50px;
	text-align:center;
	font-size:130%
}

#careerPage div.txt03 {
	position:relative;
}

#careerPage div.txt03 p {
	position:absolute;
	width:600px;
	top:0;
	left:35px;
	font-size:130%
}

#careerPage dl.staff01,
#careerPage dl.staff02,
#careerPage dl.staff03,
#careerPage dl.staff04,
#careerPage dl.staff05,
#careerPage dl.staff06 {
	position:relative;
}

#careerPage dl dd {
	font-size:140%;
}

#careerPage dl.staff01 dd {
	position:absolute;
	width:600px;
	top:252px;
	left:450px;
}

#careerPage dl.staff02 dd {
	position:absolute;
	width:600px;
	top:241px;
	left:450px;
}

#careerPage dl.staff03 dd {
	position:absolute;
	width:630px;
	top:240px;
	left:435px;
} 

#careerPage dl.staff04 dd {
	position:absolute;
	width:580px;
	top:231px;
	left:510px;
}

#careerPage dl.staff05 dd {
	position:absolute;
	width:660px;
	top:254px;
	left:435px;
}

#careerPage dl.staff06 dd {
	position:absolute;
	width:640px;
	top:296px;
	left:455px;
}

#careerPage dl.txt04 {
	width:907px;
	padding:0 105px 10px 105px;
	margin:0 auto;
	background:url(/img/lp-career/bg01.gif) repeat-y;
}

#careerPage dl.txt04 dt {
	margin-left:226px;
	padding:39px 0 10px 68px;
	font-weight:bold;
	font-size:140%;
	margin-bottom:22px;
}

#careerPage dl.txt04 dt.ttl01 {
	background:url(/img/lp-career/icon01.gif) no-repeat;
}

#careerPage dl.txt04 dt.ttl02 {
	background:url(/img/lp-career/icon02.gif) no-repeat;
}

#careerPage dl.txt04 dt.ttl03 {
	background:url(/img/lp-career/icon03.gif) no-repeat;
}

#careerPage dl.txt04 dd {
	text-align:center;
	padding-bottom:34px;
	background:url(/img/lp-career/bg02.gif) no-repeat bottom;
	margin-bottom:23px;
}

#careerPage dl.txt04 dd.last {
	background:none;
	margin-bottom:0;
}

#careerPage h3.ttl {
	text-align:center;
	font-weight:bold;
	font-size:120%;
	margin-bottom:40px;
}

#careerPage h3.ttl span {
    border:#000 solid 3px;
	padding:10px 50px;
}

#careerPage div#contact {
	border:#d2d2d2 solid 3px;
}

/* ===== 20240403-追記-FunkyCruise ==== */
@media only screen and (max-width: 1024px){
	#careerPage dl.staff01 dd,#careerPage dl.staff02 dd,#careerPage dl.staff03 dd,#careerPage dl.staff05 dd,#careerPage dl.staff06 dd{
		padding: 0 !important;
	}
	#careerPage dl.staff01 dd{
		width: 580px !important;
		left: 506px;
	}
	#careerPage dl.staff02 dd{
		left: 505px;
	}
	#careerPage dl.staff03 dd{
		width: 580px !important;
		top: 280px;
		left: 497px;
	}
	#careerPage dl.staff04 dd{
		margin-left: 0 !important;
		left: 437px;
	}
	#careerPage dl.staff06 dd{
		left: 440px;
	}
}
/* ===== /20240403-追記-FunkyCruise ==== */


/* 
---------------------------------------
newgraduatePage
---------------------------------------
*/

#newgraduatePage dl.catch {
	position:relative;
}

#newgraduatePage dl.catch dd {
	position:absolute;
	width:1000px;
	top:238px;
	left:86px;
	font-weight:bold;
	text-align:center;
	font-size:120%;
}

#newgraduatePage dl.point01,
#newgraduatePage dl.point02,
#newgraduatePage dl.point03 {
	position:relative;
}

#newgraduatePage dl.point01 dd,
#newgraduatePage dl.point02 dd,
#newgraduatePage dl.point03 dd {
	width:340px;
	position:absolute;
}

#newgraduatePage dl.point01 dd {
	top:127px;
	left:661px;
}

#newgraduatePage dl.point02 dd {
	top:127px;
	left:661px;
}

#newgraduatePage dl.point03 dd {
	top:83px;
	left:661px;
}

#newgraduatePage dl.message {
	width:745px;
	margin:0 auto;
	position:relative;
}

#newgraduatePage dl.message dd {
	position:absolute;
	top:41px;
	left:286px;
	width:405px;
}

#newgraduatePage dl.message p.name {
	font-size:140%;
	margin-bottom:5px;
}

#newgraduatePage dl.message p.name span {
	color:#666666;
	padding-left:20px;
}

#newgraduatePage dl.message p.shop {
	margin-bottom:10px;
}

#newgraduatePage dl.message h4 {
	color:#990000;
	font-weight:bold;
	margin-bottom:5px;
}

#newgraduatePage dl.txt04 {
	width:907px;
	padding:0 105px 10px 105px;
	margin:0 auto;
	background:url(/img/lp-career/bg01.gif) repeat-y;
}

#newgraduatePage dl.txt04 dt {
	margin-left:226px;
	padding:39px 0 10px 68px;
	font-weight:bold;
	font-size:140%;
	margin-bottom:22px;
}

#newgraduatePage dl.txt04 dd {
	font-size:140%;
}

#newgraduatePage dl.txt04 dt.ttl01 {
	background:url(/img/lp-career/icon01.gif) no-repeat;
}

#newgraduatePage dl.txt04 dt.ttl02 {
	background:url(/img/lp-career/icon02.gif) no-repeat;
}

#newgraduatePage dl.txt04 dt.ttl03 {
	background:url(/img/lp-career/icon03.gif) no-repeat;
}

#newgraduatePage dl.txt04 dd {
	text-align:center;
	padding-bottom:34px;
	background:url(/img/lp-career/bg02.gif) no-repeat bottom;
	margin-bottom:23px;
}

#newgraduatePage dl.txt04 dd.last {
	background:none;
	margin-bottom:0;
}

#newgraduatePage h3.ttl {
	text-align:center;
	font-weight:bold;
	font-size:120%;
	margin-bottom:40px;
}

#newgraduatePage h3.ttl span {
    border:#000 solid 3px;
	padding:10px 50px;
}

#newgraduatePage div#contact {
	border:#d2d2d2 solid 3px;
}


/* 
---------------------------------------
thanks
---------------------------------------
*/

#thanks {
	text-align:center;
	margin:50px 0; 
}

#thanks span {
	font-weight:bold;
	display:block;
	font-size:140%;
	margin-bottom:10px;
}