@charset "shift_jis";
/* CSS Document */

#sukikara{
 margin: 0 auto;
	padding: 0 0 50px;
 width: 100%;
 /*background: url(../images/ski_bg.png) repeat;*/
}
#sukikara #sk_contents{
 margin: auto;
	width: 1024px;
}
/*clearfix*/
#sukikara .clearfix:after {
 content: "";
 clear: both;
 display: block;
}
#sukikara .flo_r {
 float: right;
}
#sukikara .flo_l {
 float: left;
}

#sukikara .ma_30{
 margin: 30px 0;
}

/*toppage--------------------------*/
#sukikara #toppage h2{
 margin: 0;
	padding: 0;
}
#sukikara #toppage #sk_contents #sk_menu{
 margin: 10px auto;
	padding: 10px 0;
	width: 970px;
	text-align:  center;
 background-color:#fffeed;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-shadow: -1px -1px #aa3030;
border: 3px dashed #eecea5;
-moz-box-shadow: 0 0 0 4px #fffeed, 1px 1px 4px 3px rgba(10,10,0,.5);
-webkit-box-shadow: 0 0 0 4px #fffeed, 1px 1px 4px 3px rgba(10,10,0,.5);
box-shadow: 0 0 0 10px #fffeed, 1px 1px 1px 1px rgba(10,10,0,.5);
}
#sukikara #toppage #sk_contents #sk_menu ul{
 margin: 0 auto 20px;
}
#sukikara #toppage #sk_contents #sk_menu ul li{
 margin-left: 60px;
	margin-top: 20px;
	width:234px;
 display: inline-block;
 text-align: center
}
#sukikara #toppage #sk_contents #sk_menu ul li:nth-child(3n+1){
 margin-left: 0;
}


#sukikara #right_content .bk_btn{
 margin: 50px 0 0 ;

}


/*genre--------------------------*/
#sukikara #genre h2{
 margin: 0;
	padding: 10px 0;
	text-align: left;
}

#sukikara #genre #left_content{
	width: 192px;
	float: left;
}
#sukikara #genre #left_content ul.genre_nav li{
 margin: 0 0 10px;
}
#sukikara #sk_contents .school{
 margin: 20px 6px 0 auto;
	padding: 10px 0;
	width: 176px;
	text-align:  center;
 background-color:#c8e8f5;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 2px dashed #5382d0;
-moz-box-shadow: 0 0 0 4px #c8e8f5, 1px 1px 4px 3px rgba(10,10,0,.5);
-webkit-box-shadow: 0 0 0 4px #c8e8f5, 1px 1px 4px 3px rgba(10,10,0,.5);
box-shadow: 0 0 0 6px #c8e8f5, 1px 1px 1px 1px rgba(10,10,0,.5);
}
#sukikara #sk_contents .school p{
 margin: 0 0 15px;
}

#sukikara #genre #right_content{
	width: 814px;
 float: right;
}
#sukikara #genre #right_content .right_bg{
	padding: 10px 30px 5px;
	background: url(../images/genre_flag.png),url(../images/genre_bg.jpg);
	background-position: right top,left;
	background-repeat:  no-repeat,repeat-y;
}

#sukikara #genre #right_content h3{
 text-align: left;
}
#sukikara #genre #right_content .mi{
 margin: 30px 0 20px;
	font: normal normal 31px/24px "CI", Meiryo, "qMmpS Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	color: #ff2c76;
 background: url(../images/mi_bg.png) repeat-x;
	background-position: bottom;
	text-align:  left;
	display: inline-block;
	line-height:  46px;
}
#sukikara #genre #right_content .mi_small{
 margin: 30px 0 20px;
	font: normal normal 28px/24px "CI", Meiryo, "qMmpS Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	color: #ff2c76;
 background: url(../images/mi_bg.png) repeat-x;
	background-position: bottom;
	text-align:  left;
	display: inline-block;
	line-height:  46px;
}
#sukikara #genre #right_content .w_box{
 margin: 0;
	padding: 30px;
 font: normal normal 16px/30px "qMmpS Pro W6", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
 background-color: #FFF;
 position: relative;
}

#sukikara #genre #right_content .w_box .ge_ph01{
 position: absolute;
 right: 0;
}
#sukikara #genre #right_content .w_box .ge_ph02{
 position: absolute;
 left: 0;
	top: 10px;
}

#sukikara #genre #right_content ul.jobList {
 display: table;
	width: 754px;
}
#sukikara #genre #right_content ul.jobList li{
 width:360px;
 float:left;
 margin-bottom:25px;
}
#sukikara #genre #right_content ul.jobList li:nth-child(2n){
 float:right;
}
#sukikara #genre #right_content ul.jobList li a{
 display:block;
 padding:10px 10px 30px;
 background: url(../images/ditbtn01_bg.jpg) no-repeat center bottom #FFF;
 color:#393229;
 min-height:100px;
 font-family:"qMmΫS Pro W3", "Hiragino Maru Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif
}
#sukikara #genre #right_content ul.jobList li a:hover {
 text-decoration:none;
}
#sukikara #genre #right_content ul.jobList li p.sub{
 margin:0;
 font-size:14px;
}
#sukikara #genre #right_content ul.jobList li p.sub span.pink{
 color:#FE2C75;
}
#sukikara #genre #right_content ul.jobList li p.jobLink{
 margin:0;
 font-size:18px;
 text-align:center;
}
#sukikara #genre #right_content ul.jobList li p.jobLink span.small{
 font-size:16px;
}

#sukikara #genre #right_content ul.jobList li p.jobLink_only{
 margin: 20px 0 0;
 font-size:18px;
 text-align:center;
}


#sukikara #genre #right_content ul.detail_ban{
 margin:  0 auto;
 text-align:  center;
}
#sukikara #genre #right_content ul.detail_ban li{
 margin: 25px auto 0;
	padding: 0;
	display: inline-block;
}
#sukikara #genre #right_content ul.detail_ban li:nth-child(-n+2){
 margin: 0 auto ;
}

#sukikara #genre #right_content .gakumon .gaku_p{
	margin: 10px 0;
	text-align: center;
 background:url(../images/mi_gakumon.png) no-repeat center top;
 min-height:68px;
 font-size:30px;
 font-weight:bold;
 color:#FF2C76;
 text-shadow:0px 3px 1px #FFF;
 padding:0 80px;
}
#sukikara #genre #right_content .gakumon{
	margin: 20px 0 0 6px;
	padding: 10px 30px 30px;
	width: 804px;
	text-align:  left;
	background-color:#fee3ec;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 2px dashed #fb89ad;
-moz-box-shadow: 0 0 0 4px #fee3ec, 1px 1px 4px 3px rgba(10,10,0,.5);
-webkit-box-shadow: 0 0 0 4px #fee3ec, 1px 1px 4px 3px rgba(10,10,0,.5);
box-shadow: 0 0 0 6px #fee3ec, 1px 1px 1px 1px rgba(10,10,0,.5);
}
#sukikara #genre #right_content .gakumon ul.gaku_menu{
 font: normal normal 16px/20px "qMmpS Pro W6", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	color: #595959;
}
#sukikara #genre #right_content .gakumon ul.gaku_menu li{
 display: inline-block;
	margin: 5px ;
	padding: 0px 20px 10px;
	width: 232px;
	border-bottom: 2px dashed #fb89ad;
	text-align: left;
 background: url(../images/gakunav_arr.png) left bottom no-repeat;
}
#sukikara #genre #right_content .gakumon ul.gaku_menu li a{/*γͺγ³γ―γγγζε­E*/
 color: #595959;
 font-style:normal;
 text-decoration: none;
}
#sukikara #genre #right_content .gakumon ul.gaku_menu li a:link {/*ζͺθ¨ͺεγEγͺγ³γ―*/
 color: #595959;
 font-style:normal;
 text-decoration: none;
}
#sukikara #genre #right_content .gakumon ul.gaku_menu li a:visited {/*θ¨ͺεεΎγEγͺγ³γ―*/
 color:#595959;
 text-decoration: none;
}
#sukikara #genre #right_content .gakumon ul.gaku_menu li a:hover {
 opacity: 0.7;
 -webkit-transition:0.5s; 
 transition:0.5s;
}


/*detail--------------------------*/
#sukikara #detail h2{
 margin: 0;
	padding: 10px 0;
	text-align: left;
}

#sukikara #detail #left_content{
	width: 192px;
	float: left;
}
#sukikara #detail #left_content ul.genre_nav li{
 margin: 0 0 10px;
}
#sukikara #sk_contents .school p{
 margin: 0 0 15px;
}

#sukikara #detail #right_content{
	width: 814px;
 float: right;
}
#sukikara #detail #right_content .right_bg{
	padding: 10px 30px 5px;
	background: url(../images/genre_flag.png),url(../images/genre_bg.jpg);
	background-position: right top,left;
	background-repeat:  no-repeat,repeat-y;
}

#sukikara #detail #right_content h3{
 text-align: left;
}

#sukikara #detail #right_content .cate{
margin: 0;
padding: 0 30px;
font: normal normal 16px/30px "qMmpS Pro W6", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
color: #FFF;
}
/*JeSΚ©o΅wiJ[*/
#sukikara #detail.genre01 #right_content .cate{
background-color: #ff8989;
}
#sukikara #detail.genre02 #right_content .cate{
background-color: #fe6fa5;
}
#sukikara #detail.genre03 #right_content .cate{
background-color: #eb6ccd;
}
#sukikara #detail.genre04 #right_content .cate{
background-color: #d685ec;
}
#sukikara #detail.genre05 #right_content .cate{
background-color: #627deb;
}
#sukikara #detail.genre06 #right_content .cate{
background-color: #56b6ff;
}
#sukikara #detail.genre07 #right_content .cate{
background-color: #44cec1;
}
#sukikara #detail.genre08 #right_content .cate{
background-color: #3bc277;
}
#sukikara #detail.genre09 #right_content .cate{
background-color: #85933d;
}
#sukikara #detail.genre10 #right_content .cate{
background-color: #aca711;
}
#sukikara #detail.genre11 #right_content .cate{
background-color: #e5851f;
}
#sukikara #detail.genre12 #right_content .cate{
background-color: #b8796c;
}
/*///JeSΚ©o΅wiJ[*/

#sukikara #detail #right_content .de_wbox{
 margin: 0 0 50px;
	padding: 30px;
 font: normal normal 15px/28px "qMmpS Pro W6", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
 background-color: #FFF;
 background-image: url(../../../../../../html/161124_lovejob/p/contents/lovejob/images/detail_bk.png);
 background-position: right top;
	background-repeat: no-repeat;
	color: #5d5d5d;
	}

#sukikara #detail #right_content h4{
	margin: 0 0 30px 0;
	padding: 15px 20px;
 font: normal normal 28px/30px  "CI", Meiryo, "qMmpS Pro W6", "Hiragino Kaku Gothic Pro",Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	color: #FFF;
	text-align:  left;
	background-color:#ff85b0;
	border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 2px dashed #FFF;
-moz-box-shadow: 0 0 0 4px #ff85b0, 1px 1px 4px 3px rgba(10,10,0,.5);
-webkit-box-shadow: 0 0 0 4px #ff85b0, 1px 1px 4px 3px rgba(10,10,0,.5);
box-shadow: 0 0 0 6px #ff85b0, 1px 1px 1px 1px rgba(10,10,0,.5);
}

#sukikara #detail #right_content .mi{
 font: bold normal 23px/30px  "CI", Meiryo, "qMmpS Pro W6", "Hiragino Kaku Gothic Pro",Osaka, "lr oSVbN", "MS PGothic", sans-serif;
}
#sukikara #detail #right_content .work_list{
 margin: 0;
	padding: 20px;
 background: #ffe3ec;
}
#sukikara #detail #right_content .work_list .work_mi{
 padding: 10px;
 font: normal normal 19px/21px "qMmpS Pro W6", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
 color: #FFF;
 background-color:#ff6ea1;
}

#sukikara #detail #right_content .work_list ul{
 font: normal normal 16px/20px "qMmpS Pro W6", "Hiragino Kaku Gothic Pro", "CI", Meiryo, Osaka, "lr oSVbN", "MS PGothic", sans-serif;
	color: #595959;
	text-align: left;
}
#sukikara #detail #right_content .work_list ul li{
 display: inline-block;
	margin: 5px 24px 5px 0 ;
	padding: 0px 0 10px 20px;
	width: 300px;
	border-bottom: 2px dashed #fb89ad;
 background: url(../images/gakunav_arr.png) left bottom no-repeat;
	text-align: left;
}
#sukikara #detail #right_content .work_list ul li a{/*γͺγ³γ―γγγζε­E*/
 color: #595959;
 font-style:normal;
 text-decoration: none;
}
#sukikara #detail #right_content .work_list ul li a:link {/*ζͺθ¨ͺεγEγͺγ³γ―*/
 color: #595959;
 font-style:normal;
 text-decoration: none;
}
#sukikara #detail #right_content .work_list ul li a:visited {/*θ¨ͺεεΎγEγͺγ³γ―*/
 color:#595959;
 text-decoration: none;
}
#sukikara #detail #right_content .work_list ul li a:hover {
 opacity: 0.7;
 -webkit-transition:0.5s; 
 transition:0.5s;
}

