@charset "utf-8";

/*----------------------------------------
* last update 2016-08-13
* Search key "++n"
* COPYRIGHT(C)hamster-job.com. ALL RIGHTS RESERVED.
* for Desktop PC
* 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

* +000 other parts

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

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

body{
 background:#fff url(../common/header_pc.png) repeat-x;
 font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size:62.5%;
 letter-spacing:0.05em;
 line-height:1.4;
 color:#5E4737;
}
a:hover{
 text-decoration:none;
}

#wrap{
 clear:both;
 width:100%;
 overflow:hidden;
 background:url(../common/main_bg.png) repeat;
 font-size:1.3em;
}


#container{
 width:1000px;
 overflow:hidden;
 background:#fff;
 margin:0 auto;
 padding:12px 0 20px;
 box-shadow:0px 0px 2px 2px #DBB7C8;
 -moz-box-shadow:0px 0px 2px 2px #DBB7C8;
 -webkit-box-shadow:0px 0px 2px 2px #DBB7C8;
}

#mainContents{
 float:left;
 display:inline;
 width:740px;
 overflow:hidden;
 margin:0 0 0 12px;
}
#indexContents{
 width:650px;
 margin:0 auto;
}

#rightColumn{
 float:right;
 display:inline;
 width:224px;
 overflow:hidden;
 margin:0 12px 0 0;
 padding:4px 0 10px;
 border:2px solid #FFD8DF;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
}

/*----------------------------------------
++1 header parts
----------------------------------------*/
#header{
 position:relative;
 width:1000px;
 height:260px;
 background-image:url(../common/arrow_green.png),url(../common/pc_tel.png);
 background-repeat:no-repeat,no-repeat;
 background-position:936px bottom,right 44px;
 margin:0 auto;
}
#index #header{
 position:relative;
 width:1000px;
 height:260px;
 background:none;
 margin:0 auto 10px;
}


#header h1{
 font-weight:normal;
 font-size:1.2em;
 text-align:right;
 color:#5E4737;
 margin:0 0 0 500px;
 padding:5px 0;
}
#index #header h1{
 text-align:center;
 margin:0 0 0 0;
 padding:5px 0 0;
}

#header h2{
 position:absolute;
 top:0;
 left:0;
}
#index #header h2{
 text-align:center;
 position:inherit;
 top:0;
 left:0;
}


.cb-header,
.close-content01,
#hMenu{
 display:none;
 text-indent:-9999px;
 overflow:hidden;
 height:0;
}

/*----------------------------------------
++2 navigation parts
----------------------------------------*/
#content01{
 width:1000px;
 overflow:hidden;
 margin:0 auto;
}
#content01 ul{
 width:1000px;
 height:104px;
 text-align:center;
}
#content01 ul li{
 float:left;
 display:inline;
 width:76px;
 font-size:1.3em;
 font-weight:bold;
 line-height:1.2;
 text-shadow:1px 1px 2px #333;
}
#content01 ul li img{
 display:block;
 width:80%;
 margin:0 auto 6px;
}
#content01 ul li a{
 display:block;
 color:#fff;
 padding:0 10px;
 text-decoration:none;
}
#content01 ul li a:hover{
 color:#FF0;
}

#topicPath{
 width:1000px;
 height:26px;
 margin:0 auto;
}

#topicPath li{
 display:inline-block;
 background:url(../../common/i_bread.png) no-repeat right center;
 font-size:1.2em;
 line-height:2.2;
 margin:0 3px 0 0;
 padding:0 15px 0 0;
}
#topicPath ol li:first-child{
 padding:0 18px 0 0;
 margin:0 3px 0 0px;
}
#topicPath ol li:last-child{
 background:none;
}

#rightColumn h4{
 font-size:1.1em;
 color:#79990D;
 margin:0 5px 4px;
}
#rightColumn ul{
 margin:0 5px 10px;
}
#rightColumn ul li{
 background:#F7F7F7;
 line-height:1.6;
 margin:0 0 0 3px;
}
#rightColumn ul li:first-child{
 border-top:0px dotted #fff;
}

#rightColumn ul li a{
 display:block;
 background:url(../common/icon/i_arrow01.png) no-repeat 6px center;
 background-size:5px;
 color:#5E4737;
 padding:5px 0 3px 16px;
 border-top:2px dotted #fff;
 text-decoration:none;
}
#rightColumn ul li a:hover{
 color:#FF5B9C;
 background:#FFFFE8 url(../common/icon/i_arrow01.png) no-repeat 6px center;
 background-size:5px;
}


/*----------------------------------------
++3 footer parts
----------------------------------------*/
#footerSub{
 position:fixed;
 bottom:10px;
 right:25px;
 z-index:1000;
 overflow:hidden;
 letter-spacing:-.90em;
}
#footerSub li{
 width:60px;
 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%;
}

#stit_menu{
 width:98%;
 background:none;
 text-shadow:none;
 text-indent:-9999px;
}

#footerNav{
 width:96%;
 overflow:hidden;
 margin:0 auto;
 text-align:center;
}
#footerNav li{
 display:inline-block;
 line-height:1.4;
 margin:0 0 10px;
}
#footerNav li a{
 text-decoration:none;
}
#footerNav li a:hover{
 text-decoration:underline;
}

#footer{
 position:relative;
 width:100%;
 height:223px;
 background-image:url(../faq/character.png),url(../common/footer_pc.png);
 background-repeat:no-repeat,no-repeat;
 background-position:90% bottom,center top;
}

#footer h5{
 font-size:1.4em;
 color:#fff;
 text-align:center;
 padding:30px 0 10px;
 text-shadow:1px 1px 2px #666;
}

#footerWeb{
 overflow:hidden;
 text-align:center;
 margin:0 auto 40px;
}
#footerWeb li{
 display:inline-block;
 font-size:1.4em;
 margin:0 5px;
}

#footerWeb li a{
 display:block;
 width:80px;
 height:80px;
 color:#fff;
 font-weight:bold;
 text-decoration:none;
 display: table-cell;
 vertical-align:middle;
 -webkit-border-radius:40px;
 -moz-border-radius:40px;
 border-radius:40px;
 border:2px solid #fff;
}
#footerWeb li#fW01 a{background:#EB4384;}
#footerWeb li#fW02 a{background:#1E88BB;}
#footerWeb li#fW03 a{background:#79990D;}

address{
 font-size:1.2em;
 text-align:center;
 font-style:normal;
}


/*----------------------------------------
++4 common parts
----------------------------------------*/
.subtit03c{
 clear:both;
 position:relative;
 background-image:url(../common/icon/icon_heart.png),url(../common/subtit_bg01.png);
 background-repeat:no-repeat,repeat;
 background-position:5px 10px,center top;
 background-size: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;
}

.box p{
 font-size:1.4em;
 font-weight:bold;
 margin:0 10px 10px;
 padding:25px 0 10px;
}
.box h3{
 font-size:1.4em;
}

/*----------------------------------------
++5 category title parts
----------------------------------------*/

/*----------------------------------------
++6 index parts
----------------------------------------*/
.indexRankBox{
}
.indexRankBox a{
 display:block;
 overflow:hidden;
 color:#624B3B;
 text-decoration:none;
 padding:10px;
 border:1px solid #CFBEB3;
 margin:0 3px 5px;
}

#indexRank01Photo{
 float:right;
 width:390px;
 overflow:hidden;
 display:inline;
 margin:0 0 0 8px;
}
#indexRank01Photo img{
}

.indexRicon{
 float:left;
 margin:0 6px 10px 0;
}

.indexRankBox a:hover h4{
 color:#EB4384;
}

.indexRankBox h4{
 font-size:1.3em;
 padding:8px 0 5px;
}
.indexRankBox h4 img{
 width:20px;
 float:left;
 margin:0 3px 0 0;
}

.indexRankBox a:hover h5{
 background:#FFFDE1;
}

.indexRankBox h5{
 color:#EB4384;
 font-size:1.4em;
}
.indexRankBox h5 span{
 display:block;
 color:#5E4737;
 font-weight:normal;
 font-size:74%;
}
.indexRankBox p{
 clear:left;
 line-height:1.2;
 margin:0 2px 5px;
}

.indexRankStar{
 display:block;
 font-size:1.2em;
 color:#FF0065;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 border:1px solid #D5C2B7;
 margin:0 2px 3px;
 padding:3px 5px;
 overflow: auto;
 zoom: 1;
}
.indexRankStar span{
 color:#5E4737;
 font-size:80%;
}

#indexRank02,
#indexRank03{
 width:50%;
 float:left;
 margin:0 0 8px;
}

.indexRankDetail{
 display:block;
 text-shadow:1px 1px 0px #fff;
 text-align:center;
 text-decoration:none;
 background:#999;
 color:#3D2E23;
 font-weight:bold;
 font-size:14px;
 padding:6px 6px 4px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 margin:0 auto;
 overflow: auto;
 zoom: 1;
}
#indexRank01 .indexRankDetail{
 background:#EDCB41;
}
#indexRank02 .indexRankDetail{
 background:#B1B1B1;
}
#indexRank03 .indexRankDetail{
 background:#D2A688;
}
#indexRank03 a:hover .indexRankDetail,
#indexRank02 a:hover .indexRankDetail,
#indexRank01 a:hover .indexRankDetail{
 color:#fff;
 text-shadow:1px 1px 0px #333;
 background:#FF5B9C;
}

#indexC02,
.indexJobList{
 letter-spacing:-0.9em;
 margin:0 auto 8px;
}
.indexJobList li{
 display:inline-block;
 width:50%;
}
.indexJobList li a{
 display:block;
 padding:0 3px;
}
.indexJobList li a:hover img{
 background:#fff;
 filter: alpha(opacity=75);
 -moz-opacity:0.75;
 opacity:0.75;
}

#indexC02 li{
 display:inline-block;
 width:25%;
}
#indexC02 li a{
 display:block;
 padding:0;
}


/*----------------------------------------
++7 daily+short+comfortable parts
----------------------------------------*/

.salaryD{
 background:url(../common/icon/icon_check.png) no-repeat 8px 8px;
 font-size:1.2em;
 margin:0 10px 16px;
 padding:15px 15px 15px 84px;
 -moz-border-radius:12px;
 -webkit-border-radius:12px;
 border-radius:12px;
 border:3px solid #FFAEBD;
}

.salaryCheck{
 float:left;
 display:inline;
 letter-spacing:-0.9em;
 width:245px;
 vertical-align:top;
 margin:0 auto 15px;
}
.salaryCheck img{
 width:98%;
 margin:0 0 2px;
}
.salaryCheck p{
 background:#F3F3F3;
 font-size:1.1em;
 letter-spacing:0.05em;
 margin:0 3px;
 padding:8px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.salaryArrow{
 text-align:center;
 margin:0 auto 10px;
}
.salaryArrow img{
 width:40px;
}

.salaryJobList{
 overflow:hidden;
 margin:0 auto 30px;
 padding:15px;
 border:3px solid #eee;
 -moz-border-radius:12px;
 -webkit-border-radius:12px;
 border-radius:12px;
 font-size:1.1em;
}

.salaryJobList dt{
 clear:left;
 background:#eee;
 color:#EB4384;
 font-weight:bold;
 padding:8px 5px;
}
.salaryJobList dd{
 float:left;
 display:inline;
 width:33%;
}
.salaryJobList dd a{
 display:block;
 background:url(../common/icon/i_arrow01.png) no-repeat 98% 50%;
 background-size:10px;
 color:#5E4737;
 text-decoration:none;
 padding:10px 4px;
 margin:0 5px;
 border-bottom:1px dotted #ccc;
}
.salaryJobList dd a:hover{
 background:url(../common/icon/i_arrow05.png) no-repeat 100% 50%;
 background-size:10px;
 color:#79990D;
}


/*----------------------------------------
++8 howto parts
----------------------------------------*/
.howtoDetail{
 display:inline-block;
 width:49%;
 overflow:hidden;
 vertical-align:top;
 margin:0 0 20px;
 padding:10 0 20px;
}

.howtoDetail img{
 width:340px;
}

.howtoDetail h3{
 background:url(../common/icon/icon_check.png) no-repeat left center;
 background-size:30px;
 font-size:1.5em;
 color:#FF428B;
 padding:5px 0 5px 35px;
 margin:0 0 5px 12px;
}
.howtoDetail p{
 font-size:1.1em;
 padding:0 8px 10px;
}

/*----------------------------------------
++9 ranking parts
----------------------------------------*/

.rankNoUnder{
 clear:both;
 font-size:1.3em;
 margin:0 0 10px;
}

.rankDetail{
 display:inline-block;
 width:49%;
 overflow:hidden;
 margin:0 auto 10px;
 vertical-align:top;
}
.rankDetail a{
 text-decoration:none;
 color:#5E4737;
}
.rankDetail a:hover .indexRankDetail{
 background:#FF5B9C;
}

.rankDetail h4{
 background:#333;
 background-size:60px;
 font-size:1.2em;
 padding:8px 6px 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;
 font-size:1.1em;
}
.rankDetailtxt p{
 overflow:hidden;
 padding:0 0 5px;
}

.rankNounder{
 float:left;
 display:inline;
 width:50%;
}
.rankNounder h3{
 font-size:1.4em;
 margin:0 0 10px;
}

/*----------------------------------------
++10 savings parts
----------------------------------------*/
.savingsDetail{
 width:730px;
 overflow:hidden;
 background:url(../common/line01.png) repeat-x center bottom;
 background-size:100px;
 padding:0 0 40px;
 margin:0 auto 20px;
}
.savingsDetail h3{
 background:url(../common/icon/icon_check.png) no-repeat 5px center;
 background-size:28px;
 font-size:1.5em;
 color:#FF428B;
 padding:7px 0 5px 45px;
 margin:0 0 10px;
}
.savingsDetail figure{
 float:right;
 margin:0 0 0 10px;
}
.savingsDetail p{
 font-size:1.1em;
 padding:0 5px;
 overflow:hidden;
 zoom:1;
}


/*----------------------------------------
++11 voice parts
----------------------------------------*/
.voiceList{
 text-align:center;
}

.indexVoiceList,
.voiceListDetail{
 overflow:hidden;
 background:#fff;
 font-size:14px;
 border:1px solid #D6D6D6;
 margin:0 auto 5px;
}
.indexVoiceList{
 clear:both;
 display:inline-block;
 width:49%;
 margin:0 auto 1px;
 text-align:left;
}


.indexVoiceList h4,
.voiceListDetail h4{
 background-color:#F6F6F6;
 background-image:url(../common/icon/i_arrow01.png);
 background-repeat:no-repeat;
 background-position:7px center;
 background-size:8px;
 font-size:1.1em;
 color:#EB4384;
 padding:8px 64px 8px 20px;
 text-shadow:
 -1px -1px #fff,
 1px -1px #fff,
 -1px 1px #fff,
 1px 1px #fff;
}
.indexVoiceList h4{
 background:#F6F6F6;
 padding:8px 8px 8px 6px;
}
.voiceListPhoto{
 float:left;
 width:100px;
 margin:6px 10px 0 6px;
}
.indexVoiceList dl,
.voiceListDetail dl{
 float:left;
 margin:6px 0 0;
}
.indexVoiceList dl dt,
.voiceListDetail dl dt{
 float:left;
 clear:left;
 width:56px;
 letter-spacing:0.3em;
 font-weight:bold;
 margin:0 0 3px 0;
}
.indexVoiceList dl dd,
.voiceListDetail dl dd{
 margin:0 0 3px 58px;
}
.indexVoiceList dl dd a:hover,
.voiceListDetail dl dd a:hover{
 text-decoration:none;
}

.voiceListDetail h5{
 clear:both;
 padding:0 10px 3px;
}
.voiceListDetail p{
 font-size:1.0em;
 font-weight:normal;
 padding:0 10px 10px;
}

.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{
 position:relative;
 width:730px;
 height:230px;
 margin:0 auto 10px;
 border:3px dotted #D7CBA2;
 text-align:center;
}
.whatRank01{
 position:absolute;
 width:320px;
 height:200px;
 top:13px;
 left:10px;
}
.whatBox h3{
 padding:30px 0 0;
 margin:0 0 20px 320px;
}
.whatRank01Detail{
 width:370px;
 margin:0 0 0 345px;
}

.whatBox01{
 display:inline-block;
 width:365px;
 overflow:hidden;
 margin:0 auto 5px;
 padding:0 0 7px;
 text-align:center;
}
.rank01{
 max-width:180px;
 margin:0 auto;
}
.rankPhoto{
 width:300px;
 margin:0 auto;
}

.rankOther{
 clear:both;
 background:#E7DCD3;
 padding:10px;
 margin:20px 5px 20px;
 color:#5E4737;
}
.rankOther h4{
 font-size:1.1em;
}

.whatDream{
 display:inline-block;
 width:49%;
 min-height:554px;
 text-align:center;
 vertical-align:top;
 margin:0 0 5px;
 padding:10px 0;
 border:2px solid #FFD7E6;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
.whatDream h4{
 background:#EB4384;
 color:#fff;
 font-size:1.1em;
 margin:0 10px 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:5px 10px 3px;
 text-align:left;
 font-weight:normal;
}



/*----------------------------------------
++13 works parts
----------------------------------------*/
.allJobList{
 width:660px;
 overflow:hidden;
 letter-spacing:-0.9em;
 margin:0 0 20px 80px;
}
.allJobList li{
 display:inline-block;
 width:50%;
 font-size:1.2em;
 letter-spacing:0.05em;
}
.allJobList li a{
 display:block;
 background:url(../common/icon/arrow03.png) no-repeat 98% 50%;
 background-size:14px;
 margin:0 5px;
 padding:10px;
 text-decoration:none;
 border-bottom:1px dotted #ccc;
}
.allJobList li a:hover{
 background:#FFFFE8 url(../common/icon/arrow03.png) no-repeat 98% 50%;
 background-size:14px;
}

.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 img{
 float:right;
 width:360px;
 margin:0 0 8px 5px;
}
#indexRank01 a:hover #indexRank01Photo,
.jobListBox a:hover img{
 background:#fff;
 filter: alpha(opacity=55);
 -moz-opacity:0.55;
 opacity:0.55;
}

.jobListBox h3{
 background-image:url(../common/icon/icon_heart.png),url(../common/subtit_bg04.png);
 background-repeat:no-repeat,repeat;
 background-position:5px center,center top;
 background-size:20px,24px;
 color:#fff;
 text-align:left;
 font-size:1.4em;
 padding:8px 8px 6px 28px;
 margin:0 0 6px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 text-shadow:1px 1px 3px #333;
}
.jobListBox h4{
 font-size:1.4em;
 color:#EB4384;
 text-align:center;
 overflow:hidden;
 zoom:1;
 background:#FFFDE1;
 margin:0 0 5px;
}
.jobListBox h4 span{
 background:#fff;
 display:block;
 font-size:0.8em;
 color:#5E4737;
 font-weight:normal;
}
.jobListBox dl{
 font-size:1.0em;
 overflow:hidden;
 zoom:1;
}
.jobListBox dt{
 float:left;
 clear:left;
 width:76px;
 background:#5E4737;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 color:#fff;
 padding:4px;
}
.jobListBox dd{
 padding:4px;
 margin:0 0 0 79px;
}
.jobListGo{
 clear:both;
 display:block;
 text-align:center;
 text-decoration:none;
 background:#ccc url(../common/icon/i_arrow02.png) no-repeat 98% 50%;
 background-size:10px;
 color:#5E4737;
 border:0px solid #EB4384;
 font-weight:bold;
 font-size:1.2em;
 padding:6px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 margin:0 auto;
}
a:hover .jobListGo{
 background:#FF6BA4 url(../common/icon/i_arrow02.png) no-repeat 98% 50%;
 background-size:10px;
 color:#fff;
}

/* detail */
.jobBox{
 background:#fff;
 padding:5px;
 margin:0 0 10px;
}
.jobBox p{
 font-size:1.1em;
 padding:0 0px 0 30px;
}

.jobTitle{
 clear:both;
 position:relative;
 background-image:url(../common/subtit_bg04.png);
 background-repeat:repeat;
 background-position:center top;
 background-size:24px;
 font-size:1.6em;
 color:#fff;
 text-align:center;
 padding:10px 0 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:-.40em;
 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:2.0em;
 color:#EB4384;
 text-align:center;
}
.jobSalary01 h4 span{
 font-size:80%;
 color:#5E4737;
 font-weight:normal;
}
.jobSalary01 p{
 font-size:1.2em;
}

.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;
 font-size:1.2em;
 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{
 line-height:1.6;
 font-weight:bold;
 padding:0 20px 10px;
}
.jobSalary02 p strong{
 font-size:20px;
 color:#F64D8E;
}

.jobPoint{
}
.jobPoint li{
 display:inline-block;
 width:350px;
 background:url(../common/icon/icon_check.png) no-repeat 0px 8px;
 background-size:20px;
 font-size:1.2em;
 color:#EB4384;
 margin:0 5px 5px;
 padding:8px 0 8px 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:1.2em;
 letter-spacing:normal;
 vertical-align:top;
}

.jobData{
 overflow:hidden;
 background:#fff;
 font-size:1.1em;
 margin:0 auto 10px;
 padding:8px 5px;
}
.jobData dt{
 float:left;
 clear:left;
 width:150px;
 background:#FFFDE1;
 color:#EB4384;
 text-align:right;
 font-weight:bold;
 margin:0 0 5px;
 padding:8px 4px 6px 8px;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
}
.jobData dd{
 padding:8px 0 6px 0;
 margin:0 0 5px 156px;
}

.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 faq + policy  +aboutus parts
----------------------------------------*/
#policy #mainContents .box p{
 font-size:1.2em;
 font-weight:normal;
 padding:5px;
}


#linkDetail,
#companyDetail{
 background:#fff;
 font-size:1.1em;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 margin:20px 10px 10px;
 padding:6px;
}
#linkDetail dt,
#companyDetail dt{
 float:left;
 clear:left;
 width:190px;
 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:6px 6px 6px 20px;
 margin:0 0 8px;
}
#linkDetail dd,
#companyDetail dd{
 padding:6px;
 margin:0 0 8px 220px;
}

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

#faqList{
 width:98%;
 overflow:hidden;
 margin:20px auto 20px;
}
#faqList dt{
 background-color:#FFE8F0;
 background-image:url(/faq/i_q.png);
 background-repeat:no-repeat;
 background-position:5px 4px;
 background-size:30px;
 font-size:1.2em;
 font-weight:bold;
 color:#EB4384;
 line-height:1.2;
 border:0px solid #FF5B9B;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 margin:0 auto 6px;
 padding:14px 12px 12px 44px;
}
#faqList dd{
 background:#fff url(../faq/i_a.png) no-repeat 5px 5px;
 background-size:30px;
 font-size:1.1em;
 line-height:1.3;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 margin:0 20px 10px 0;
 padding:8px 8px 8px 46px;
}
#faqList dd img{
 display:none;
}


#faq .faqBox span.block{
 display:inline;
}
.faqBox{
 width:90%;
 overflow:hidden;
 padding:15px;
 margin:0 auto 20px;
 border:3px solid #eee;
 -moz-border-radius:22px;
 -webkit-border-radius:22px;
 border-radius:22px;
}
.faqBox p{
 font-size:1.2em;
 font-weight:normal;
 line-height:1.5;
 letter-spacing:0.05em;
 padding:10px 0 0;
}

.faqChara{
 float:left;
 margin:0 20px 0 0;
}


/*----------------------------------------
++15 sitemap parts
----------------------------------------*/
#sitemapList{
 width:94%;
 margin:20px auto 40px;
}
#sitemapList li{
 font-size:1.2em;
}
#sitemapList li a{
 display:block;
 background:#fff url(../common/icon/i_arrow01.png) no-repeat 4px 23px;
 background-size:8px;
 border-bottom:1px dotted #ccc;
 color:#5E4737;
 padding:18px 12px 18px 24px;
 text-decoration:none;
}

#sitemapList li a:hover{
 background:#FFFDE1 url(../common/icon/i_arrow01.png) no-repeat 8px 23px;
 background-size:8px;
 color:#EB4384;
}

#linksList{
 width:700px;
 overflow:hidden;
 margin:0 auto 20px;
}
#linksList li{
 float:left;
 display:inline;
 width:100px;
 text-align:center;
 font-size:0.8em;
 line-height:1.2;
 padding:5px;
 vertical-align:top;
}
#linksList li a{
 text-decoration:none;
}
#linksList li a:hover{
 text-decoration:underline;
}

/*----------------------------------------
++16 form parts
----------------------------------------*/
#contact #mainContents .box p{
 font-size:1.2em;
 font-weight:normal;
}

#contactForm{
 width:100%;
}
#contactForm dt{
 float:left;
 clear:left;
 width:230px;
 background:#FFFDE1;
 background-size:8px;
 font-weight:bold;
 color:#EB4384;
 text-align:right;
 text-shadow:1px 1px 2px #fff;
 margin:0 0 5px;
 padding:6px 10px 6px 5px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}
#contactForm dd{
 padding:6px 0 6px 5px;
 margin:0 0 5px 240px;
}
.text{
 width:90%;
}
#contactForm dd strong{
 font-size:1.1em;
 color:#FF5B9C;
}

.formJobList{
 letter-spacing:-0.9em;
 overflow:hidden;
 margin:0 auto 5px;
}
.formJobList li{
 width:48%;
 display:inline-block;
 letter-spacing:normal;
 padding:5px 0 3px;
 margin:0 4px 2px;
 border-bottom:1px dotted #ccc;
}

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


/*----------------------------------------
++000 other parts
----------------------------------------*/ 
#index #indexContents .box h2{
 /*font-size:1.4em;*/
 font-size:1.2em;
}

#index #indexContents .box p{
 font-size:1.2em;
 font-weight:normal;
 padding:10px 10px;
}

.indexAllJob{
 display:inline-block;
 width:487px;
 letter-spacing:-0.9em;
 margin:0 5px;
}
.indexAllJob h3,
.indexAllJob h4{
 letter-spacing:normal;
}
.indexAllJob h4{
 color:#EB4384;
 padding:10px 10px 6px;
}

.keywordList,
.recomLinkList,
.indexAllJob ul{
 width:98%;
 overflow:hidden;
 margin:0 auto 30px;
}
.indexAllJob ul li{
 display:inline-block;
 width:50%;
 letter-spacing:normal;
 line-height:1.6;
}

.keywordList li a,
.recomLinkList li a,
.indexAllJob ul li a{
 display:block;
 background:url(../common/icon/i_arrow01.png) no-repeat 6px center;
 background-size:5px;
 color:#5E4737;
 margin:0 5px;
 padding:5px 0 3px 16px;
 border-bottom:1px dotted #ccc;
 text-decoration:none;
}
.keywordList li a:hover,
.indexAllJob ul li a:hover{
 color:#FF5B9C;
 background:#FFFFE8 url(../common/icon/i_arrow01.png) no-repeat 6px center;
 background-size:5px;
}

.keywordList li{
 display:inline-block;
 width:24%;
 letter-spacing:normal;
 line-height:1.6;
}

.recomLinkList li{
	display:inline-block;
	width:100%;
	letter-spacing:normal;
	line-height:1.6;
   }


/*----------------------------------------
++000 追加インデックス
----------------------------------------*/ 
.add_img{
	text-align: center;
	margin: 0 auto;
}

.add_area{
	font-size: 1.5em;
}

.index_add{
	font-weight: normal;
	font-size: 16px;
}


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


.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:0 3px 6px;
 padding:10px 20px 10px 10px;
}

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