/* リセット */
html {
	overflow-y: scroll;
	color: #000;
}
 
body {
	margin: 0;
	padding: 0;
	font: 13px/1 verdana, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	*font-size: small;
	*font: x-small;
	-webkit-text-size-adjust:none;
}
 
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
 
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}


 
select, input, button, textarea {
	font: 99% verdana, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	*font-size: 100%;
}
 
table {
	border-collapse: collapse;
	border-spacing :0;
	font-size: inherit;
	font: 100%;
}
 
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
 
pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
 
abbr, acronym {
	border: 0;
	font-variant: normal;
}
 
ol, ul {list-style: none;}
 
caption, th {text-align: left;}
 
fieldset, img {border: 0;}
 
legend {color: #000;}
 
sup {vertical-align: text-top;}
 
sub {vertical-align: text-bottom;}
 
q:before, q:after {content: '';}

/*img, div { behavior:url(../../js/iepngfix/iepngfix.htc); }*/


#main .left-block .header-season {
	width:320px; height:54px; 
	position:absolute; z-index:109; top:0;
	/*background-image:url(../../img/halloween_header_bg.png);*/
	/*background-image:url(../../img/xmas_header_bg.png);*/
	background-position:0px 5px;
	background-repeat:no-repeat;
	background-size:65%;
	opacity:0.5;
}


/* for SmartPhone */
@media screen and (max-width:449px) {

.only-pc { display:none; }
.only-sp { }



/*カスタマイズ*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, verdana, arial, clean, sans-serif;
	font-size: 13px;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	margin: 0px 0px 0px 0px;
	padding: 0;
	-webkit-text-size-adjust:none;
	background-color:#000;
}

html,body { height:100%; }

select,
input,
button,
textarea {
font:100%;
}

table {
font-size:inherit;
font:100%;
}

textarea { 
font-size: 100%; 
}

.px7{font-size:54%;}
.px8{font-size:62%;}
.px9{font-size:68%;}
.px10{
	font-size:74%;
	*font-size:68%;
	_font-size:68%;
}
.px11{font-size:83.3%;}
.px12{font-size:93%;}
.px13{font-size:100%;}
.px14{font-size:105%;}
.px15{font-size:115%;}
.px16{font-size:123%;}
.px17{font-size:136%;}
.px18{font-size:145%;}
.px19{font-size:154%;}
.px20{font-size:160%;}
.px21{font-size:162%;}
.px22{font-size:170%;}
.px23{font-size:177%;}
.px24{font-size:185%;}


#main { width:100%; min-width:320px; }
#main .left-block {
	width:100%; overflow:hidden; position:relative;
	background-image:url(../../img/bg_smp_1.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}
#main .left-block .photo { width:100%; position:relative; }
#main .left-block .photo img { width:100%; }
#main .left-block .header-bg {
	width:100%; height:54px; 
	position:absolute; z-index:101; top:0;
	background-color:rgba(255,255,255,0.5);
}

#main .left-block .header-img {
	width:320px; /*background-color:rgba(100,100,100,0.5);*/
	position:absolute; z-index:110; top:0;	
}
#main .left-block .header-img p { margin:10px 0px 0px 5px; }

#main .left-block .footer {
	width:100%; min-width:320px;
    position: absolute;
    bottom: 0px;
    background-color:rgba(0,0,0,0.5);
    color: white;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#main .left-block .footer .contact {
	margin:6px 0px 0px 10px;
	padding:6px 6px 6px 6px;
	background-color:#000000;
	color:#FFFFFF;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-radius:4px 4px 4px 4px;
	float:left;
}

#main .left-block .footer .telephone {
	margin:8px 0px 0px 10px;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
	float:left;
}
#main .left-block .footer .telephone a { color:#FFFFFF; text-decoration:underline; text-shadow: 1px 1px 2px #000000; }
#main .left-block .footer .time { margin:0px 0px 6px 12px; padding:2px 0px 0px 0px; clear:both; color:#BBBBBB; }
#main .left-block .footer .info {
	padding:6px 6px 6px 12px;
	background-color:rgba(230,0,0,1);
}
#main .left-block .footer .info a { color:#FFFFFF; text-decoration:none; }
#main .left-block .footer .icon {
	background-image:url(../../img/sp_info_icon.png);
	background-repeat:no-repeat;
	background-position:12px 4px;
	background-size:15px auto;
	padding-left:32px;
}
#main .left-block .footer .icon a { color:#FFFFFF; text-decoration:none; }

#main .banner-block { width:100%; height:48px; overflow:hidden; background-color:#FFFFFF; border-top:1px solid #000000; border-bottom:1px solid #000000;}
#main .banner-block ul { 
	width:320px; display:block; padding:0px 0px 0px 0px;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	overflow:hidden; position:relative;
}
#main .banner-block li { margin:4px 0px 4px 0px; padding:0px 0px 0px 0px; float:left; border-right:1px solid #333333; }
#main .banner-block .border-none { border-right:none; }
#main .banner-block img { height:39px; }


#menu { width:100%; }
#menu ul { width:100%; }
#menu li { width:100%; }
#menu a {
	width:100%; display:block;
	padding:14px 0px 14px 0px;
	border-bottom:1px solid #1A1A1A;
	background-image:url(../img/smp_icon_03.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:22.5px 12px;
	text-decoration:none;
	color:#FFFFFF;
}
#menu .blog {
	background-image:url(../img/smp_icon_04.png);
	background-repeat:no-repeat;
	background-position:right middle;
	background-size:37px 33.5px;
}
#menu .sp { }
#menu .sp a {
	width:100%; display:block;
	padding:14px 0px 14px 0px;
	border-bottom:1px solid #1A1A1A;
	background-image:url(../img/smp_icon_03.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:22.5px 12px;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#CC0000;
}

#menu .menu-text { margin:0px 0px 0px 10px; display:block; }


#icon { margin:0px 0px 0px 0px; padding:16px 0px 16px 0px; clear:both; background-color:#000; width:100%; border-top:1px solid #202123; color:#B5B5B6; line-height:110%; }
#icon a { text-decoration:none; color:#B5B5B6; }
#icon ul { margin:0; padding:0; }
#icon li { width:100%; display:block; float:left; border-bottom:1px solid #202123;}
#icon li p { padding:10px 10px 10px 10px; }
#icon img { height:50px; }


#news { margin:0px 0px 0px 0px; background-color:#333333; width:100%; border-top:1px solid #202123; color:#B5B5B6; line-height:110%; }
#news a { text-decoration:none; color:#B5B5B6; }
#news ul { margin:0; padding:0; overflow:hidden; position:relative; }
#news li { width:100%; display:block; border-bottom:1px solid #202123;}
#news li p { padding:10px 10px 10px 10px; }


#Facebook { width:100%; min-width:320px; color:#FFFFFF; background-color:#000000; border-bottom:1px solid #1A1A1A; }
#Facebook .icon { margin:12px 12px 12px 12px; }
#Facebook .title { margin:0px 12px 0px 0px; color:#FFFFFF; }
#Facebook .text { margin:6px 12px 0px 0px; color:#B3B3B3; line-height:110%;}

#footer-links { width:100%; padding:8px 0px 8px 0px; color:#CCCCCC; }
#footer-links a { color:#CCCCCC; text-decoration:none; }
#footer-links ul { margin:0; padding:0; }
#footer-links li { float:left; width:33%; display:block; } /*採用情報掲載時は33%、非掲載時は50%*/
#footer-links .center-box { width:34%; }
#footer-links li p { text-align:center; padding:6px 0px 6px 0px; }
#footer-links li .border {
	border-color:#4D4D4D;
	border-style:dashed;
	border-width:0px 1px 0px 1px; /*採用情報掲載時は左ラインを0pxに*/
}


#footer-copy { width:100%; min-width:320px; text-align:center; padding:0px 0px 6px 0px; color:#999999; background-color:#000000; }


}

/* for PC&TABLET */
@media screen and (min-width: 450px) {


.only-pc { }
.only-sp { display:none; }



/*カスタマイズ*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, verdana, arial, clean, sans-serif;
	font-size: 13px;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	margin: 0px 0px 0px 0px;
	padding: 0;
	-webkit-text-size-adjust:none;
	background:#0A0A0A;
}

html,body { height:100%; }

select,
input,
button,
textarea {
font:100%;
}

table {
font-size:inherit;
font:100%;
}

textarea { 
font-size: 100%; 
}

.px7{font-size:54%;}
.px8{font-size:62%;}
.px9{font-size:68%;}
.px10{
	font-size:74%;
	*font-size:68%;
	_font-size:68%;
}
.px11{font-size:83.3%;}
.px12{font-size:93%;}
.px13{font-size:100%;}
.px14{font-size:105%;}
.px15{font-size:115%;}
.px16{font-size:123%;}
.px17{font-size:136%;}
.px18{font-size:145%;}
.px19{font-size:154%;}
.px20{font-size:160%;}
.px21{font-size:162%;}
.px22{font-size:170%;}
.px23{font-size:177%;}
.px24{font-size:185%;}


#main { width:70%; float:left;  }
#main .left-block {
	width:100%; overflow:hidden; position:relative;
	background-image:url(../../img/bg_smp_1.jpg);
	background-repeat:no-repeat;
	background-size:100%;
}
#main .left-block .photo { width:100%; position:relative; }
#main .left-block .photo img { width:100%; }
#main .left-block .header-bg {
	width:100%; height:54px; 
	position:absolute; z-index:101; top:0;
	background-color:rgba(255,255,255,0.5);
}

#main .left-block .header-img {
	width:320px; 
	position:absolute; z-index:110; top:0;	
}

#main .left-block .header-img p { margin:10px 0px 0px 5px; }

#main .left-block .footer {
	width:100%; min-width:320px;
    position: absolute;
    bottom: 0px;
    background-color:rgba(0,0,0,0.5);
    color: white;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


#main .left-block .footer .contact {
	margin:6px 0px 0px 10px;
	padding:6px 6px 6px 6px;
	background-color:#000000;
	color:#FFFFFF;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-radius:4px 4px 4px 4px;
	float:left;
}

#main .left-block .footer .telephone {
	margin:8px 0px 0px 10px;
	color:#FFFFFF;
	text-shadow: 1px 1px 2px #000000;
	float:left;
}
#main .left-block .footer .telephone a { color:#FFFFFF; text-decoration:underline; text-shadow: 1px 1px 2px #000000; }
#main .left-block .footer .time { margin:0px 0px 6px 12px; padding:2px 0px 0px 0px; clear:both; color:#BBBBBB; }
#main .left-block .footer .info {
	padding:6px 6px 6px 12px;
	background-color:rgba(230,0,0,1);
}
#main .left-block .footer .info a { color:#FFFFFF; text-decoration:none; }
#main .left-block .footer .icon {
	background-image:url(../../img/sp_info_icon.png);
	background-repeat:no-repeat;
	background-position:12px 4px;
	background-size:15px auto;
	padding-left:32px;
}
#main .left-block .footer .icon a { color:#FFFFFF; text-decoration:none; }

#main .banner-block { width:100%; height:48px; overflow:hidden; background-color:#FFFFFF; border-top:1px solid #000000; border-bottom:1px solid #000000;}
#main .banner-block ul { 
	width:320px; display:block; padding:0px 0px 0px 0px;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	overflow:hidden; position:relative;
}
#main .banner-block li { margin:4px 0px 4px 0px; padding:0px 0px 0px 0px; float:left; border-right:1px solid #333333; }
#main .banner-block .border-none { border-right:none; }
#main .banner-block img { height:39px; }


#menu { width:30%; float:left; }
#menu ul { width:100%; height:100%;  }
#menu li { width:100%; }
#menu a {
	width:100%; display:block;
	padding:14px 0px 14px 0px;
	border-bottom:1px solid #1A1A1A;
	background-image:url(../img/smp_icon_03.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:22.5px 12px;
	text-decoration:none;
	color:#FFFFFF;
}
#menu .blog {
	background-image:url(../img/smp_icon_04.png);
	background-repeat:no-repeat;
	background-position:right middle;
	background-size:37px 33.5px;
}
#menu .sp { }
#menu .sp a {
	width:100%; display:block;
	padding:14px 0px 14px 0px;
	border-bottom:1px solid #1A1A1A;
	background-image:url(../img/smp_icon_03.png);
	background-repeat:no-repeat;
	background-position:right;
	background-size:22.5px 12px;
	text-decoration:none;
	color:#FF0000;
}

#menu .menu-text { margin:0px 0px 0px 10px; display:block; }


#icon { margin:0px 0px 0px 0px; padding:16px 0px 16px 0px; clear:both; background-color:#000; width:100%; border-top:1px solid #202123; color:#B5B5B6; line-height:110%; }
#icon a { text-decoration:none; color:#B5B5B6; }
#icon ul { margin:0; padding:0; }
#icon li { width:100%; display:block; float:left; border-bottom:1px solid #202123;}
#icon li p { padding:10px 10px 10px 10px; }
#icon img { height:50px; }


#news { margin:0px 0px 0px 0px; background-color:#333333; width:100%; border-top:1px solid #202123; color:#B5B5B6; line-height:110%; }
#news a { text-decoration:none; color:#B5B5B6; }
#news ul { margin:0; padding:0; overflow:hidden; position:relative; }
#news li { width:100%; display:block; border-bottom:1px solid #202123;}
#news li p { padding:10px 10px 10px 10px; }


#Facebook { width:100%; min-width:320px; color:#FFFFFF; background-color:#000000; border-bottom:1px solid #1A1A1A; }
#Facebook .icon { margin:12px 12px 12px 12px; }
#Facebook .title { margin:0px 12px 0px 0px; color:#FFFFFF; }
#Facebook .text { margin:6px 12px 0px 0px; color:#B3B3B3; line-height:110%;}

#footer-links { width:100%; padding:8px 0px 8px 0px; color:#CCCCCC; background-color:#000000; }
#footer-links a { color:#CCCCCC; text-decoration:none; }
#footer-links ul { margin:0; padding:0; }
#footer-links li { float:left; width:33%; display:block; } /*採用情報掲載時は33%、非掲載時は50%*/
#footer-links .center-box { width:34%; }
#footer-links li p { text-align:center; padding:6px 0px 6px 0px; }
#footer-links li .border {
	border-color:#4D4D4D;
	border-style:dashed;
	border-width:0px 1px 0px 1px; /*採用情報掲載時は左ラインを0pxに*/
}


#footer-copy { width:100%; min-width:320px; text-align:center; padding:0px 0px 6px 0px; color:#999999; background-color:#000000; }


}