@charset "utf-8";

/*----------------------------------------
* last update 2016-07-20
* Search key "++n"
* COPYRIGHT(C)hamster-job.com. ALL RIGHTS RESERVED.
* for Common Parts
* Editor - studio CLOVER -
*
* +0 reset parts
* +1 common parts
* +2 text parts
* +3 button parts
* +4 list parts
* +5 

* +000 other parts

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

/*----------------------------------------
++0 reset parts
----------------------------------------*/
*{
 -webkit-text-size-adjust:100%;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav{
 margin:0;
 padding:0;
 font-size:100%;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{ 
 display:block;
}

img{
 border:0;
 max-width:100%;
 width /***/:auto; /* IE8 */
 margin:0;
 padding:0;
}

ul, ol{
 list-style:none;
}

table {
 border-spacing:0;
 empty-cells:show;
}
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
}
.clearfix{
  zoom:1;
}

a{
 color:#EB4384;
}

/*----------------------------------------
++1 common parts
----------------------------------------*/
h2.ctit{
 position:relative;
 width:100%;
 height:150px;
 background-repeat:no-repeat,repeat-x;
 background-position:right top, center top;
}

.ctit span{
 display:block;
 position:absolute;
 font-size:24px;
 color:#EB4384;
 top:50px;
 line-height:1.2;
 padding:0 130px 0 10px;
 text-shadow:
 -1px -1px #fff,
 1px -1px #fff,
 -1px 1px #fff,
 1px 1px #fff;
}
#daily h2.ctit{background-image:url(/daily/tit_01.png),url(../common/ctit_bg.png);}
#short h2.ctit{background-image:url(/short/tit_01.png),url(../common/ctit_bg.png);}
#comfortable h2.ctit{background-image:url(/comfortable/tit_01.png),url(../common/ctit_bg.png);}
#ranking h2.ctit{background-image:url(/ranking/tit_01.png),url(../common/ctit_bg.png);}
#job h2.ctit{background-image:url(/job/tit_01.png),url(../common/ctit_bg.png);}
#what h2.ctit{background-image:url(/what/tit_01.png),url(../common/ctit_bg.png);}
#howto h2.ctit{background-image:url(/howto/tit_01.png),url(../common/ctit_bg.png);}
#savings h2.ctit{background-image:url(/savings/tit_01.png),url(../common/ctit_bg.png);}
#voice h2.ctit{background-image:url(/voice/tit_01.png),url(../common/ctit_bg.png);}
#flow h2.ctit{background-image:url(/flow/tit_01.png),url(../common/ctit_bg.png);}
#faq h2.ctit{background-image:url(/faq/tit_01.png),url(../common/ctit_bg.png);}
#contact h2.ctit{background-image:url(/contact/tit_01.png),url(../common/ctit_bg.png);}
#aboutus h2.ctit,
#sitemap h2.ctit,
#link h2.ctit,
#policy h2.ctit
{background-image:url(../common/tit_01.png),url(../common/ctit_bg.png);}


.subtit02,
.subtit{
 clear:both;
 position:relative;
 background-image:url(../common/subtit_bg01.png);
 background-repeat:repeat;
 background-position:center top;
 background-size:24px;
 font-size:16px;
 color:#fff;
 text-align:left;
 padding:8px 8px 6px 8px;
 margin:0 3px 6px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 text-shadow:1px 1px 3px #333;
}
.subtit02{
 background-image:url(../common/subtit_bg04.png);
 font-size:18px;
}
.subtit03{
 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 8px 6px 34px;
 margin:0 0 6px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 text-shadow:1px 1px 3px #333;
}


#stit_rank{
 background-image:url(../common/icon/icon04.png),url(../common/subtit_bg01.png);
 background-repeat:no-repeat,repeat;
 background-position:8px 3px,center top;
 background-size:30px,24px;
 padding:8px 8px 6px 43px;
}

#stit_voice{
 background-image:url(../common/icon/icon09.png),url(../common/subtit_bg01.png);
 background-repeat:no-repeat,repeat;
 background-position:8px 3px,center top;
 background-size:30px,24px;
 padding:8px 8px 6px 43px;
}

.stit_job{
 background-image:url(../common/icon/icon05.png),url(../common/subtit_bg01.png);
 background-repeat:no-repeat,repeat;
 background-position:8px 3px,center top;
 background-size:30px,24px;
 padding:8px 8px 6px 43px;
}



#contactBox{
 clear:both;
 width:98%;
 overflow:hidden;
 margin:0 auto 10px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 background:#F2659D;
}
#contactBox img{
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
}
#contactBox h4{
 text-align:center;
 margin:0;
}
#contactBox h4 img{
 width:80%;
 max-width:410px;
}
#contactBox ul{
 padding:0 3px 3px;
 letter-spacing:-.90em;
 font-size:0px;
 line-height:1;
 text-align:center;
}
#contactBox ul li{
 display:inline-block;
 width:33%;
 font-size:16px;
 letter-spacing:normal;
 margin:0 auto;
}

#contactBox ul li a{
 display:block;
 width:99%;
 margin:0 3px;
}
#contactBox ul li.tel-link2{
 display:block;
 width:99%;
 background-image:url(../common/contactB01.png);
 background-repeat:no-repeat;
 background-size:99%;
 margin:0 2px;
}

/*----------------------------------------
++2 text parts
----------------------------------------*/
.tel-link {
 color:#EB4384;
}

.brd8{
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}

.block{display:block;}
.cle{clear:both;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

/* text */

.ff{
 font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}

.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.pb3{padding:0 0 3px;}
.pb5{padding:0 0 5px;}
.pb10{padding:0 0 10px;}
.pb20{padding:0 0 20px;}
.pw3{padding:0 3px;}
.pw5{padding:0 5px;}
.pbw3{padding:0 3px 3px;}

.pw5{padding:0 5px;}
.ph5{padding:5px 0;}
.ph10{padding:10px 0;}
.ph5b0{padding:5px 0 0;}

.pb3w5{padding:0 5px 3px;}
.pb5w5{padding:0 5px 5px;}
.pb5w10{padding:0 10px 5px;}
.pb10w5h15{padding:5px 5px 15px;}
.pb10w5{padding:0 5px 10px;}
.pb20w5{padding:0 5px 20px;}
.pb10w5h5{padding:5px 5px 10px;}
.pb10w10{padding:0 10px 10px;}
.pb10w20{padding:0 10px 20px;}

.m3{margin:3px;}
.m5{margin:5px;}
.mb5{margin:0 0 5px;}
.m0{margin:0 0 0;}
.mb10{margin:0 0 10px;}
.mb15{margin:0 0 15px;}
.mb20{margin:0 0 20px;}
.mhb5{margin:5px 0;}
.mhb10{margin:10px 0;}
.mhb15{margin:15px 0;}
.mh10b0{margin:10px 0 0;}

.mw5{margin:0 5px;}
.mw10{margin:0 10px;}
.mbw5{margin:0 5px 5px;}

.txt_mainc{color:#F00;}
.txt_red{color:#F00;}
.txt_gold{color:#CAB600;}
.txt_blue{color:#06C;}
.txt_rblue{color:#09F;}
.txt_pink{color:#f7468c;}
.txt_orange{color:#F60;}
.txt_yellow{color:#FF0;}
.txt_green{color:#360;}
.txt_rgreen{color:#690;}
.txt_gray{color:#444;}
.txt_brown{color:#996102;}
.txt_white{color:#fff;}
.txt_purple{color:#592E6B;}
.txt_bgreen{color:#339966;}

.a_none{
 text-decoration:none;
}

/* img */

.fr_l{
 float:left;
 margin:0 10px 10px 0 0;
}
.fr_r{
 float:right;
 margin:0 0 10px 10px;
}

.w100{width:100%;}
.w98{width:98%;}

/*----------------------------------------
++3 button parts
----------------------------------------*/
.button03,
.button02,
.button01{
 clear:both;
 display:block;
 width:98%;
 color:#fff;
 font-size:20px;
 font-weight:bold;
 text-align:center;
 text-shadow:1px 1px 3px #333;
 padding:20px 10px 20px;
 margin:10px auto 20px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
}

/* pink */
.button01{
background: #ff5b9c;
background: -moz-linear-gradient(top,  #ff5b9c 50%, #eb4384 50%);
background: -webkit-linear-gradient(top,  #ff5b9c 50%,#eb4384 50%);
background: linear-gradient(to bottom,  #ff5b9c 50%,#eb4384 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5b9c', endColorstr='#eb4384',GradientType=0 );
 letter-spacing:0.2em;
}
/* blue */
.button02{
background: #2ca4de;
background: -moz-linear-gradient(top,  #2ca4de 50%, #1e88bb 50%);
background: -webkit-linear-gradient(top,  #2ca4de 50%,#1e88bb 50%);
background: linear-gradient(to bottom,  #2ca4de 50%,#1e88bb 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ca4de', endColorstr='#1e88bb',GradientType=0 );
}
/* rgreen */
.button03{
background: #91b60f;
background: -moz-linear-gradient(top,  #91b60f 50%, #79990d 50%);
background: -webkit-linear-gradient(top,  #91b60f 50%,#79990d 50%);
background: linear-gradient(to bottom,  #91b60f 50%,#79990d 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91b60f', endColorstr='#79990d',GradientType=0 );

}

.i_next,
.i_backL,
.i_backT{
 overflow:hidden;
 text-align:center;
 display:block;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 padding:14px 0;
 text-decoration:none;
 font-weight:bold;
 letter-spacing:0.1em;
}
/* go to top */
.i_backT{
 font-size:16px;
 color:#fff;
 background:#2C2C2C;
 border:1px solid #474747;
 margin:20px auto;
 padding:18px 0;
}
/* go to next */
.i_next{
 font-size:14px;
 color:#EB4384;
 background:#FFE8F0 url(../common/icon/arrow03.png) no-repeat 98% 50%;
 background-size:20px;
 border:0px solid #EB4384;
 margin:5px auto 20px;
 padding:15px 20px 15px 10px;
}
/* back to list */
.i_backL{
 font-size:16px;
 color:#555;
 background:#fff url(../common/icon/icon_back.png) no-repeat 5px 50%;
 background-size:33px;
 border:2px solid #FFA1D2;
 text-shadow:0px 1px 1px #ccc;
 border:2px solid #ccc;
 margin:20px auto;
 padding:14px 0;
}

.button03 span,
.button02 span,
.button01 span,
.i_next span,
.i_backL span,
.i_backT span{
 display:inline-block;
}
.button03 span:before,
.button02 span:before,
.button01 span:before,
.i_next span:before,
.i_backL span:before,
.i_backT span:before{
 content:'';
 display:inline-block;
 width:5px;
 height:3px;
 vertical-align:middle;
 margin:-2px 10px 0 0;
}
.button03 span a,
.button02 span a,
.button01 span a,
.i_next span a,
.i_backL span a,
.i_backT span a{
 display:block;
 text-decoration:none;
}


/*----------------------------------------
++4 list parts
----------------------------------------*/



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

/* column2-responsive */
.listC02{
 width:100%;
 letter-spacing:-.90em;
 font-size:0px;
 line-height:1;
 text-align:center;
}
.listC02 li{
 display:inline-block;
 width:160px;
 font-size:16px;
 letter-spacing:normal;
 margin:0 auto 3px;
}
.listC02 li a{
 display:block;
 width:98%;
 margin:0 auto;
}

/* column3 */
.listC03{
 width:100%;
 letter-spacing:-.90em;
 font-size:0px;
 line-height:1;
 text-align:center;
}
.listC03 li{
 display:inline-block;
 width:33%;
 font-size:16px;
 letter-spacing:normal;
 margin:0 auto;
}
.listC03 li a{
 display:block;
 width:99%;
 margin:0 auto;
}

/* pageNavi */
.listPageNavi{
 width:100%;
 letter-spacing:-.90em;
 font-size:0px;
 line-height:1;
 text-align:center;
}
.listPageNavi li{
 display:inline-block;
 letter-spacing:normal;
 font-size:16px;
 text-align:center;
 margin:0 auto;
}
.listPageNavi li a{
 display:block;
 background:#FF5B9C;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 color:#fff;
 margin:0 2px;
 padding:8px;
 text-decoration:none;
 font-weight:bold;
}
.listPageNavi li a:hover{
 background:#EB4384;
 color:#FF0;
}


/*----------------------------------------
++5  parts
----------------------------------------*/
.text, textarea, .dropdown{
 border:1px solid #777;
 padding:5px;
 background:#fff;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 background:-webkit-gradient(
 linear,
 left top,
 left bottom,
 from(#eee),
 to(#fff)
 );
 
 -webkit-box-shadow:1px 1px 1px #fff;
 background:-moz-linear-gradient(
 top,
 #eee,
 #fff
 );
 -moz-box-shadow:1px 1px 1px #fff;
 filter:progid:DXImageTransform.Microsoft.gradient
 (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
 zoom:1;
}
.dropdown{
}

textarea{
 width:90%;
 padding:2px;
}

.i_submit,
.i_clear{
 background:#84745E;
 font-size:1.1em;
 color:#fff;
 font-weight:bold;
 text-align:center;
 border:0;
 cursor:pointer;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
}


/*----------------------------------------
++000 other parts
----------------------------------------*/ 
.none{
 text-indent:-9999px;
 height:0px;
 overflow:hidden;
}

.cle{
 clear:both;
}


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

.add_area li{
	display: inline;
}