@charset "utf-8";

/*----------------------------------------
* last update 2016-11-15
* Search key "++n"
* COPYRIGHT(C)humster-job.com. ALL RIGHTS RESERVED.
* for smartPhone + tablet
* Editor - studio CLOVER -
*
* +0 layout parts
* +1 header parts
* +2 navigation parts
* +3 footer parts
* +4 common parts
* +5 category title parts
* +6 index parts
* +7 daily+short+comfortable parts
* +8 howto parts
* +9 ranking parts
* +10 savings parts
* +11 voice parts
* +12 what parts
* +13 works parts
* +14 policy+aboutus parts
* +15 sitemap parts
* +16 form parts
* +17 entrance parts

* +000 other parts

----------------------------------------*/

/*----------------------------------------
++0 layout parts
----------------------------------------*/

body{
 background:#fff url(../common/header_bg_sp.png) repeat-x center top;
 font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size:16px;
 line-height:1.4;
 color:#5E4737;
 -webkit-text-size-adjust:none;
}

body#daily #wrap{background:url(../common/bg01.png) repeat;}
body#short #wrap{background:url(../common/bg02.png) repeat;}
body#comfortable #wrap{background:url(../common/bg03.png) repeat;}
body#ranking #wrap{background:url(../common/bg04.png) repeat;}
body#job #wrap{background:url(../common/bg05.png) repeat;}
body#what #wrap{background:url(../common/bg06.png) repeat;}
body#howto #wrap{background:url(../common/bg07.png) repeat;}
body#savings #wrap{background:url(../common/bg08.png) repeat;}
body#voice #wrap{background:url(../common/bg09.png) repeat;}
body#flow #wrap{background:url(../common/bg10.png) repeat;}
body#faq #wrap{background:url(../common/bg04.png) repeat;}
body#index #wrap,
body#top #wrap,
body#policy #wrap,
body#aboutus #wrap,
body#sitemap #wrap,
body#contact #wrap,
body#link #wrap
{background:url(../common/main_bg_sp.png) repeat;}


#container{
 min-width:320px;
 max-width:640px;
 margin:0 auto;
}
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
}
.clearfix{
  zoom:1;
}



#wrap{
 padding:0 0 10px;
}

/*----------------------------------------
++1 header parts
----------------------------------------*/
#header{
 position:relative;
 height:205px;
 min-width:320px;
 max-width:640px;
 margin:0 auto;
}
h1{
 background:#FFEAEE;
 font-weight:normal;
 text-align:center;
 font-size:11px;
 color:#ED2F7A;
 padding:3px 2px;
}

#header h2{
 width:320px;
 text-align:center;
 margin:0 auto;
}
#hMenu{
 position:absolute;
 overflow:hidden;
 top:150px;
 right:5px;
 background:#EB4384;
 width:44px;
 height:48px;
 text-align:center;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
}
#hMenu a{
 display:block;
 padding:6px 3px 0;
 margin:0 auto;
 text-decoration:none;
}
/*
@media screen and (max-width:320px) {
#hMenu{
 position:absolute;
 width:100px;
 overflow:hidden;
 top:66px;
 right:2px;
 letter-spacing:-.90em;
}
#hMenu li{
 display:inline-block;
 background:#98BE14;
 width:34px;
 height:34px;
 text-align:center;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 margin:0 2px 3px;
}
#hMenu li:first-child{
 background:#FF6BA4;
}
#hMenu li:first-child a img{
 width:90%;
}
#hMenu li a{
 display:block;
 padding:8px;
 margin:0 auto;
 text-decoration:none;
}
}
*/

.cb-header{
 position:fixed;
 top:0;
 left:0;
 display: none;
 width:100%;
 background-color: rgba(255,255,255,0.8);
 border-bottom:1px solid #F4398D;
 padding:4px 0;
 z-index:1000;
}

#head_contact{
 margin:0 auto;
 letter-spacing:-.90em;
 font-size:0px;
 text-align:center;
}
#head_contact li{
 width:106px;
 display:inline-block;
 letter-spacing:normal;
 text-align:center;
 font-size:12px;
}
#head_contact li:first-child{
 width:107px;
}
#head_contact li a{
 display:block;
 padding:5px;
 border-right:1px dotted #F4398D;
 text-decoration:none;
 color:#5E4737;
}
#head_contact li:first-child a{
 border-left:1px dotted #F4398D;
}

#topicPath{
 width:100%;
 background:#FFEAEE;
 letter-spacing:-.90em;
 line-height:1;
 padding:3px 0 4px;
 margin:0 auto;
}
#topicPath ol{
 width:98%;
 min-width:320px;
 max-width:640px;
 margin:0 auto;
}
#topicPath ol li{
 display:inline-block;
 background:url(../../common/i_bread.png) no-repeat right center;
 font-size:10px;
 letter-spacing:normal;
 text-align:left;
 padding:3px 15px 3px 0;
 margin:0 3px 0px 0;
 line-height:1.3;
}
#topicPath ol li:first-child{
 padding:3px 12px 3px 0;
 margin:0 2px 0 0px;
}
#topicPath ol li:last-child{
 background:none;
}
#topicPath ol li a{
 display:block;
 background:#F05792;
 color:#fff;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 padding:3px 5px;
 text-decoration:none;
}

/*----------------------------------------
++2 navigation parts
----------------------------------------*/
#content01{
 position:relative;
 color:#fff;
}
#content01 a{
 color:#fff;
}
.close-content01{
 position:absolute;
 right:10px;
 top:10px;
 font-size:24px;
 cursor:pointer;
 border:1px #fff solid;
 padding:0 10px;
}
.open-menu{
 -webkit-filter:blur(4px);
 -ms-filter:blur(4px);
 filter:blur(4px);
}
.close-menu{
-webkit-filter:blur(0px);
 -ms-filter:blur(0px);
 filter:blur(0px);
}
.modal-content{
 width:100%;
 overflow:hidden;
 letter-spacing:-.90em;
 margin:0 auto;
}
.modal-content ul{
width:100%;
margin:40px auto;
}
.modal-content ul li{
 width:98%;
 overflow:hidden;
 background-image:url(../common/icon/i_arrow02.png);
 background-repeat:no-repeat;
 background-position:98% 50%;
 background-size:14px;
 font-size:16px;
 letter-spacing:0;
 margin:0 auto;
}
.modal-content ul li a{
 display:block;
 overflow:hidden;
 color:#fff;
 text-align:left;
 text-decoration:none;
 padding:10px 5px 10px 5px;
 border-bottom:1px dotted #ccc;
vertical-align:middle;
}
.modal-content ul li a span{
}
.modal-content ul li img{
 width:30px;
 vertical-align:middle;
 margin:0 8px 0 0;
}

/*----------------------------------------
++3 footer parts
----------------------------------------*/
#footerSub{
 position:fixed;
 bottom:10px;
 right:5px;
 z-index:1000;
 overflow:hidden;
 letter-spacing:-.90em;
}
#footerSub li{
 width:45px;
 text-align:center;
}
#footerSub li a{
 display:block;
 padding:3px 3px 0;
 background-color: rgba(51,51,51,0.6);
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
}
#footerSub li:first-child a{
 padding:4px 3px 0;
 margin:0 0 5px;
}
#footerSub li:first-child a img{
 width:96%;
}
#footerSub li a img{
 width:90%;
}


#footer{
 background:url(../common/footer_bg_sp.png) repeat-x;
 text-align:center;
 padding:78px 0 0;
}
#footer h5{
 font-size:18px;
 padding:0 0 10px;
}

#footer h5 span{
 display:block;
 font-weight:normal;
 font-size:14px;
}
#footer address{
 background:#CD165B;
 font-size:10px;
 text-align:center;
 color:#fff;
 padding:4px;
}
#footer address a{
 text-decoration:none;
 color:#fff;
}

#footerWeb,
#footerNav{
 width:100%;
 letter-spacing:-.90em;
 line-height:1;
 text-align:center;
 padding:3px 0 2px;
 margin:0 auto 10px;
}
.keywordList,
.recomLinkList{
 background:#fff;
 margin:0 5px 10px;
 padding:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
}
.keywordList li,
.recomLinkList li,
#footerNav li{
 font-size:15px;
 letter-spacing:normal;
 text-align:left;
}
.keywordList li a,
.recomLinkList li a,
#footerNav li a{
 display:block;
 background-color:#fff;
 background-image:url(../common/icon/i_arrow01.png);
 background-repeat:no-repeat;
 background-position: 5px center;
 background-size:8px;
 margin:0px 10px;
 padding:17px 6px 13px 20px;
 color:#5E4737;
 text-decoration:none;
 border-bottom:1px dotted #FF6BA4;
}
.keywordList li a:hover,
.recomLinkList li a:hover,
#footerNav li a:hover{
 display:block;
 background-color:#fff;
 background-image:url(../common/icon/i_arrow01.png);
 background-repeat:no-repeat;
 background-position: 5px center;
 background-size:8px;
 margin:0px 10px;
 padding:17px 6px 13px 20px;
 color:#EB4384;
}
#footerWeb{
 margin:0 auto;
 padding:0;
}
#footerWeb li{
 display:inline-block;
 width:33%;
 font-size:12px;
 letter-spacing:normal;
}
#footerWeb li:first-child{
 width:34%;
}
#footerWeb li#fW01{background:#EB4384;}
#footerWeb li#fW02{background:#1E88BB;}
#footerWeb li#fW03{background:#79990D;}

#footerWeb li a{
 display:block;
 padding:10px 5px;
 color:#fff;
 font-weight:bold;
 text-decoration:none;
}



/*----------------------------------------
++4 common parts
----------------------------------------*/
.box{
 clear:both;
 overflow:hidden;
 background:#fff;
 margin:0 5px 10px;
 padding:5px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
}

.bodPink{border:2px solid #FF6BA4;}
.bodOrange{border:2px solid #E1995E;}
.bodYgreen{border:2px solid #91B60F;}
.bodBgreen{border:2px solid #339966;}
.bodPurple{border:2px solid #9F8EC6;}
.bodYellow{border:2px solid #B6941F;}
.bodRed{border:2px solid #E69999;}
/*
.fmenu_head{ 
 cursor:pointer;
}
*/
/*----------------------------------------
++5 category title parts
----------------------------------------*/

#stit_menu{
 background-image:url(../common/icon/icon_menu.png),url(../common/icon/i_open01.png),url(../common/subtit_bg01.png);
 background-repeat:no-repeat,no-repeat,repeat;
 background-position:8px 5px,98% 50%,center top;
 background-size:26px,70px,24px;
 padding:8px 8px 6px 43px;
}

.subtit03c{
 clear:both;
 position:relative;
 background-image:url(../common/icon/i_open01.png),url(../common/icon/icon_heart.png),url(../common/subtit_bg01.png);
 background-repeat:no-repeat,no-repeat,repeat;
 background-position:98% 50%,5px 10px,center top;
 background-size:60px,22px,24px;
 font-size:18px;
 color:#fff;
 text-align:left;
 padding:7px 68px 6px 34px;
 margin:0 0 6px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 text-shadow:1px 1px 3px #333;
}

/*----------------------------------------
++6 index parts
----------------------------------------*/

.indexJobList{
 width:100%;
 letter-spacing:-.90em;
 line-height:1;
 text-align:center;
 font-size:0px;
}
.indexJobList li{
 display:inline-block;
 width:50%;
 letter-spacing:normal;
 margin:0 auto 3px;
}
.indexJobList li a{
 display:block;
 width:98%;
 margin:0 auto;
}

/* rightColumn */

.rCjob{
 background:#fff url(../common/icon/i_open02.png) no-repeat 98% 50%;
 background-size:60px;
 margin:0 2px 5px;
 padding:10px 5px 10px 8px;
 border:1px solid #FF68A4;
 font-size:14px;
}

.indexAllJob ul,
#rightColumn ul{
 width:98%;
 background:#fff;
 margin:0 auto 5px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 letter-spacing:0.1em;
}
.indexAllJob ul li a,
#rightColumn ul li a{
 display:block;
 background:url(../common/icon/i_arrow04.png) no-repeat 98% 50%;
 background-size:8px;
 font-size:14px;
 text-decoration:none;
 padding:12px;
 border-top:1px dotted #FF6BA4;
}
.indexAllJob ul li:first-child a,
#rightColumn ul li:first-child a{
 border-top:0px dotted #FF6BA4;
}

/*----------------------------------------
++7 daily+short+comfortable parts
----------------------------------------*/
.salaryD{
 background:#fff url(../common/icon/icon_check.png) no-repeat 5px 5px;
 background-size:28px;
 margin:0 4px 8px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.salaryD p{
 padding:8px 8px 8px 36px;
}

.salaryCheck,
.salaryJobList{
 background:#fff;
 padding:6px;
 margin:0 4px 8px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.salaryCheck p{
 font-size:14px;
 padding:0 10px;
}
.salaryArrow{
 width:20px;
 margin:0 auto;
}

.salaryJobList dt{
 clear:both;
 background:#F0F0F0;
 background-size:40px;
 font-weight:bold;
 letter-spacing:normal;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 padding:5px;
}
.salaryJobList dd{
 letter-spacing:normal;
 font-size:14px;
}
.salaryJobList dd a{
 display:block;
 width:98%;
 background:url(../common/icon/i_arrow04.png) no-repeat 98% 50%;
 background-size:10px;
 border-bottom:1px dotted #ccc;
 text-decoration:none;
 margin:0 auto;
 padding:12px 16px 10px 2px;
 vertical-align:top;
}


/*----------------------------------------
++8 howto parts
----------------------------------------*/
.savingsDetail,
.howtoDetail{
 background:#fff;
 margin:0 5px 10px;
 padding:7px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.howtoDetail h3{
 background-image:url(../common/subtit_bg02.png);
 background-repeat:repeat;
 background-position:center top;
 background-size:24px;
 padding:8px 8px 8px 8px;
 color:#fff;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 text-shadow:1px 1px 2px #000;
 margin:0 0 5px;
}


/*----------------------------------------
++9 ranking parts
----------------------------------------*/
.indexRankBox{
 background:#fff;
 border:1px solid #CFBEB3;
 padding:5px;
 margin:0 5px 5px;
}
.indexRankBox a{
 color:#5E4737;
 text-decoration:none;
}
.indexRicon{
 float:left;
 display:inline;
 margin:0 5px 0 0;
 width:70px;
}
.indexRankBox h4{
 font-size:18px;
}
.indexRankBox h4 img{
 width:20px;
 float:left;
 margin:0 3px 0 0;
}
.indexRankBox h5{
 font-size:18px;
 color:#FF0065;
}
.indexRankBox h5 span{
 font-size:12px;
 color:#5E4737;
 font-weight:normal;
 display:block;
}
.indexRankBox p{
 font-size:14px;
 line-height:1.2;
 margin:0 5px 3px;
}
.indexRankStar{
 display:block;
 padding:5px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 font-size:14px;
 color:#FF0065;
 border:1px solid #FF6BA4;
 margin:0 6px 3px;
}
.indexRankStar span{
 color:#5E4737;
}

.indexRankDetail{
 clear:both;
 display:block;
 width:98%;
 text-shadow:1px 1px 2px #333;
 text-align:center;
 text-decoration:none;
 background:#999;
 color:#fff;
 font-weight:bold;
 font-size:14px;
 padding:6px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 margin:0 auto;
}
#indexRank01 .indexRankDetail{
 background:#EDCB41;
}
#indexRank02 .indexRankDetail{
 background:#B1B1B1;
}
#indexRank03 .indexRankDetail{
 background:#D2A688;
}

.rankDetail{
 width:98%;
 margin:0 auto 10px;
}
.rankDetail a{
 text-decoration:none;
 color:#5E4737;
}

.rankDetail h4{
 background:#333 url(../common/icon/i_open02.png) no-repeat 98% 50%;
 background-size:60px;
 padding:6px;
 color:#fff;
 margin:0 0 0px;
 border-bottom:1px solid #fff;
}
.rankDetail h4 span{
 margin:0 5px 0 0;
}
.rankDetail h4 img{
 width:20px;
 float:left;
 margin:0 3px 0 0;
}

.rankDetail div{
 background:#fff;
 padding:6px;
 overflow:hidden;
}
.rankDetailPhoto{
 float:left;
 width:150px;
 margin:0 5px 0 0;
}
.rankDetail h5{
 color:#EB4384;
}
.rankDetailtxt p{
 overflow:hidden;
 font-size:14px;
 padding:0 0 5px;
}


/*----------------------------------------
++10 savings parts
----------------------------------------*/
.savingsDetail h3{
 background-image:url(../common/subtit_bg04.png);
 background-repeat:repeat;
 background-position:center top;
 background-size:24px;
 padding:8px 8px 8px 8px;
 color:#fff;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 text-shadow:1px 1px 2px #000;
 margin:0 0 5px;
}

/*----------------------------------------
++11 voice parts
----------------------------------------*/

.indexVoiceList,
.voiceListDetail{
 width:98%;
 overflow:hidden;
 background:#fff;
 font-size:14px;
 border:1px solid #D6D6D6;
 margin:0 auto 5px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.indexVoiceList h4,
.voiceListDetail h4{
 background-color:#F6F6F6;
 /*background-image:url(../common/icon/i_open02.png);*/
 background-repeat:no-repeat;
 background-position:98% 50%;
 background-size:50px;
 color:#EB4384;
 padding:8px 64px 8px 6px;
 text-shadow:
 -1px -1px #fff,
 1px -1px #fff,
 -1px 1px #fff,
 1px 1px #fff;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.indexVoiceList h4{
 background:#F6F6F6;
 padding:8px 8px 8px 6px;
}
.voiceListPhoto{
 float:left;
 display:inline;
 width:70px;
 margin:6px 5px 0 6px;
}
.voiceListPhoto img{
 width:70px;
}

.indexVoiceList dl,
.voiceListDetail dl{
 float:left;
 display:inline;
 margin:6px 0 0;
}
.indexVoiceList dl dt,
.voiceListDetail dl dt{
 float:left;
 clear:left;
 width:46px;
 font-weight:bold;
 margin:0 0 3px 0;
}
.indexVoiceList dl dd,
.voiceListDetail dl dd{
 margin:0 0 3px 48px;
}
.voiceListDetail h5{
 clear:both;
 padding:5px;
}
.voiceListDetail p{
 padding:0 5px 5px;
}

.voiceNavi{
 overflow:hidden;
 margin:0 5px 10px;
 letter-spacing:-0.9em;
}
.voiceNavi li{
 display:inline-block;
 width:50%;
 letter-spacing:normal;
}

.voiceNavi li a{
 font-size:14px;
 display:block;
 background:url(../common/icon/i_arrow01.png) no-repeat 99% 50%;
 background-size:6px;
 color:#5E4737;
 border-bottom:1px dotted #ccc;
 text-decoration:none;
 margin:0 3px;
 padding:8px 0 6px 2px;
}
.voiceNavi li a:hover{
 color:#EB4384;
}

/*----------------------------------------
++12 what parts
----------------------------------------*/
.whatBox{
 margin:0 0 10px;
 padding:7px;
 border-bottom:1px dotted #ccc;
 text-align:center;
}
.whatBox01{
 display:inline-block;
 width:49%;
 overflow:hidden;
 margin:0 auto 5px;
 text-align:center;
 border-bottom:1px dotted #ccc;
}
.rank01{
 max-width:180px;
 margin:0 auto;
}
.rankPhoto{
 margin:0 auto;
}

.rankOther{
 background:#E7DCD3;
 padding:7px;
 margin:0 5px 10px;
 color:#5E4737;
}

.whatDream{
 text-align:center;
}
.whatDream h4{
 background:#EB4384;
 color:#fff;
 margin:0 0 7px;
 padding:7px 5px 5px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.dreamPhoto{
 display:block;
 margin:0 auto;
}
.whatDream p{
 font-size:14px;
 padding:0 0 6px;
 text-align:left;
}


/*----------------------------------------
++13 job parts
----------------------------------------*/
.allJobList{
 overflow:hidden;
 margin:0 5px;
}
.allJobList li{
}

.allJobList li a{
 font-size:14px;
 display:block;
 background:url(../common/icon/i_arrow01.png) no-repeat 99% 50%;
 background-size:6px;
 color:#5E4737;
 border-top:1px dotted #ccc;
 text-decoration:none;
 margin:0 3px;
 padding:12px 0 12px 2px;
}
.allJobList li:first-child a{
 border-top:0px dotted #ccc;
}
.allJobList li a:hover{
 color:#EB4384;
}

.jobListBox{
 background:#fff;
 margin:0 5px 10px;
 padding:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 border:1px solid #ccc;
}
.jobListBox a{
 text-decoration:none;
 color:#5E4737;
}
.jobListBox h3{
 background-image:url(../common/icon/i_arrow02.png),url(../common/subtit_bg04.png);
 background-repeat:no-repeat,repeat;
 background-position:98% 50%,center top;
 background-size:12px,24px;
 color:#fff;
 text-align:left;
 font-size:18px;
 padding:8px 8px 6px 8px;
 margin:0 0 6px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 text-shadow:1px 1px 3px #333;
}
.jobListBox h4{
 color:#EB4384;
 text-align:center;
}
.jobListBox h4 span{
 font-size:12px;
 color:#5E4737;
 font-weight:normal;
}
.jobListBox dl{
 font-size:14px;
}
.jobListBox dt{
 background:#5E4737;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 color:#fff;
 padding:6px;
}
.jobListBox dd{
 padding:5px;
}
.jobListGo{
 clear:both;
 display:block;
 width:98%;
 text-align:center;
 text-decoration:none;
 background:#EB4384 url(../common/icon/i_arrow02.png) no-repeat 98% 50%;
 background-size:10px;
 color:#fff;
 border:1px solid #EB4384;
 font-weight:bold;
 font-size:14px;
 padding:6px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 margin:0 auto;
}

/* detail */
.jobBox{
 background:#fff;
 padding:5px;
 margin:0 0 10px;
}

.jobTitle{
 clear:both;
 position:relative;
 background-image:url(../common/subtit_bg04.png);
 background-repeat:repeat;
 background-position:center top;
 background-size:24px;
 font-size:18px;
 color:#fff;
 text-align:center;
 padding:8px;
 margin:0 0 6px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 text-shadow:1px 1px 3px #333;
}

.jobDphoto{
 background:url(../job/img/photo_bg.jpg) no-repeat;
 letter-spacing:-.90em;
 line-height:1;
 text-align:center;
 padding:8px 3px 6px;
}
.jobDphoto li{
 display:inline-block;
 width:33%;
 letter-spacing:normal;
 margin:0 auto;
}
.jobDphoto li img{
 width:98%;
 border:2px solid #C1B585;
}

.jobSalary01{
 background-image:url(../job/img/corner01.png),url(../job/img/corner02.png),url(../job/img/dot_bg.png);
 background-repeat:no-repeat,no-repeat,repeat;
 background-position:left top,right top,center top;
 background-size:45px,45px,16px;
 padding:16px 0 12px;
 margin:0 auto 10px;
}
.jobSalary01 h4{
 font-size:21px;
 color:#EB4384;
 text-align:center;
}
.jobSalary01 h4 span{
 font-size:16px;
 color:#5E4737;
 font-weight:normal;
}
.jobSalary02{
 background-image:url(../job/img/note_bg01.png), url(../job/img/note_bg02.png);
 background-repeat:no-repeat,repeat;
 background-position:center top,center top;
 padding:36px 0 10px;
}
.jobSalary02 h4{
 width:120px;
 background:#F64D8E;
 color:#fff;
 text-align:center;
 letter-spacing:0.3em;
 padding:6px 20px;
 margin:0 auto 10px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.jobSalary02 p{
 font-weight:bold;
 padding:0 5px 10px;
}
.jobSalary02 p strong{
 font-size:20px;
 color:#F64D8E;
}

.jobPoint{
}
.jobPoint li{
 background:url(../common/icon/icon_check.png) no-repeat 0px 6px;
 background-size:20px;
 color:#EB4384;
 margin:0 0 5px;
 padding:5px 0 5px 24px;
 border-bottom:1px dotted #ccc;
}
.jobGraph{
 background:#fff;
 padding:5px 0;
 letter-spacing:-0.9em;
 text-align:center;
 margin:0 auto 10px;
}
.jobGraph li{
 display:inline-block;
 width:33%;
 font-size:12px;
 letter-spacing:normal;
 vertical-align:top;
}

.jobData{
 overflow:hidden;
 background:#fff;
 font-size:14px;
 margin:0 auto 10px;
 padding:8px 5px;
}
.jobData dt{
 background:#999;
 color:#fff;
 font-weight:bold;
 padding:8px 4px 6px 8px;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 text-shadow:1px 1px 1px #333;
}
.jobData dd{
 padding:5px;
}

.jobDataList03,
.jobDataList02,
.jobDataList01{
 overflow:hidden;
 margin:5px auto 0;
}
.jobDataList01 li,
.jobDataList02 li,
.jobDataList03 li{
 display:inline-block;
 text-align:center;
 margin:0 2px 6px;
 padding:5px 6px;
}
.jobDataList01 li{
 background:#FFE8F3;
 border:2px dotted #FF79BC;
}
.jobDataList02 li{
 background:#DDEBBA;
 border:2px dotted #A0C64A;
}
.jobDataList03 li{
 background:#DEF1F3;
 border:2px dotted #79BCD2;
}


/*----------------------------------------
++14 policy + aboutus + faq parts
----------------------------------------*/
#linkDetail,
#companyDetail{
 background:#fff;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 margin:0 10px 10px;
 padding:6px;
}
#linkDetail dt,
#companyDetail dt{
 background:#FF6BA4 url(../common/icon/i_arrow02.png) no-repeat 6px 12px;
 background-size:8px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 color:#fff;
 font-weight:bold;
 padding:8px 6px 6px 20px;
 margin:0 0 5px;
}
#linkDetail dd,
#companyDetail dd{
 padding:5px;
}

.ruleList{
 padding:5px;
 margin:5px 10px 10px 30px;
}
.ruleList li{
 list-style:disc;
 line-height:1.2;
 margin:0 0 5px 0;
}

.faqChara{
 float:left;
 width:100px;
}

#faqList{
 width:98%;
 overflow:hidden;
 margin:0 auto 20px;
}
#faqList dt{
 background-color:#fff;
 background-image:url(/faq/i_q.png);
 background-repeat:no-repeat;
 background-position:5px 3px;
 background-size:30px;
 font-weight:bold;
 color:#FF5B9B;
 line-height:1.2;
 border:1px solid #FF5B9B;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 margin:0 auto 6px;
 padding:14px 12px 12px 38px;
}
#faqList dd{
 background-color:#fff;
 line-height:1.3;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 margin:0 auto 10px;
 padding:8px;
}
#faqList dd img{
 float:left;
 width:30px;
 margin:0 5px 5px 0;
}

#linksList{
 width:98%;
 overflow:hidden;
 margin:0 auto 20px;
 background:#fff;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
#linksList li{
 clear:both;
 font-size:12px;
 line-height:1.3;
}
#linksList li a{
 display:block;
 text-decoration:none;
 padding:5px;
 margin:0 0 8px;
}
#linksList li a img{
 float:left;
 margin:0 6px 3px 0;
}


/*----------------------------------------
++15 sitemap parts
----------------------------------------*/
#sitemapList{
 width:98%;
 margin:0 auto 20px;
}
#sitemapList li{
 margin:0 0 5px;
}
#sitemapList li a{
 display:block;
 background:#fff url(../common/icon/i_arrow01.png) no-repeat 98% 50%;
 background-size:12px;
 border:2px solid #FF5B9C;
 color:#5E4737;
 padding:14px 12px 12px;
 text-decoration:none;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}

/*----------------------------------------
++16 form parts
----------------------------------------*/
#contactForm{
 width:100%;
}
#contactForm dt{
 background:#91B60F url(../common/icon/i_arrow02.png) no-repeat 5px center;
 background-size:8px;
 font-weight:bold;
 color:#fff;
 text-shadow:1px 1px 2px #333;
 margin:0 0 5px;
 padding:6px 5px 4px 20px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
#contactForm dd{
 padding:5px;
}
.text, textarea, .dropdown{
 font-size:14px;
 width:100%;
}

textarea{
 width:100%;
}


.formJobList{
 width:98%;
 overflow:hidden;
 margin:0 auto 5px;
}
.formJobList li{
 padding:5px 0 3px;
 margin:0 0 2px;
 border-top:1px dotted #ccc;
}
.formJobList li:first-child{
 border-top:0px dotted #ccc;
}

.i_submit{
 background:#4B4236;
 padding:18px 30px;
 margin:0;
}
.i_clear{
 padding:18px 10px;
 margin:0 0 0 5px;
}


/*----------------------------------------
++17 entrance parts
----------------------------------------*/

/*----------------------------------------
++000 other parts
----------------------------------------*/ 
/*
.fmenu_head{
 cursor:pointer;
}
*/

.fmenu_headcn{
 cursor:pointer;
}


/*----------------------------------------
++000 追加インデックス
----------------------------------------*/ 
.add_kansai{
 overflow:hidden;
 text-align:center;
 display:block;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 padding:6px 0;
 text-decoration:none;
 font-weight:bold;
 letter-spacing:0.1em;
 font-size:15px;
 color:#fff;
 background:#2ca4de url(../common/icon/arrow04.png) no-repeat 98% 50%;
 background-size:25px;
 border:0px solid #EB4384;
 margin:5px auto 10px;
 padding:10px 20px 10px 10px;
}

.add_kanto{
 overflow:hidden;
 text-align:center;
 display:block;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 padding:6px 0;
 text-decoration:none;
 font-weight:bold;
 letter-spacing:0.1em;
 font-size:15px;
 color:#fff;
 background:#91b60f url(../common/icon/arrow04.png) no-repeat 98% 50%;
 background-size:25px;
 border:0px solid #EB4384;
 margin:5px auto 10px;
 padding:10px 20px 10px 10px;
}

/* 追加LINEボタン */
.form_line{
  background-color: #00b900;
  border-radius: 100vh;
  padding: 20px;
  text-align: center;
  margin: 20px 0 20px 0;
  font-size: 20px;
  font-weight: bold;
}
.form_line a{
  color: #fff;
  text-decoration: none;
}
.form_line:hover{
  color: #fff;
  background: #00ae00;
}