@charset "utf-8";
/* CSS Document */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/*Hides from IE-mac ?*/
*html .clearfix {
	height: 1em;
    overflow: visible;
}
.clearfix {display:block;}
/*End hide from IE-mac*/
.clear {
	clear: both;
}
body {
	font-family: Arial-BoldMT, "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3"; /* iPhoneバンドル */
    font-size: 14px;
	background-color:#FFF;
    line-height: 1.5;
    -webkit-text-size-adjust: none;  
	overflow-x:hidden;
	-webkit-perspective: 800;
	-webkit-transform-style: preserve-3d;
}
li {
	display:block;
}
a:link,a:visited {
	color:#333;
}
.font16 {
	font-size:16px;
}
.font14 {
	font-size:14px;
}
.font15 {
	font-size:15px;
}
.font12 {
	font-size:12px;
}
.font10 {
	font-size:10px;
}
.font11 {
	font-size:11px;
}
.font9 {
	font-size:9px;
}
.line18 {
	line-height:18px;
}
.line16 {
	line-height:16px;
}
.line14 {
	line-height:14px;
}
.line12 {
	line-height:12px;
}
.line20 {
	line-height:20px;
}
.line30 {
	line-height:30px;
}
.area_name {
	font-size:12px;
	line-height:12px;
	clear:both;
	padding-top:2px;
}
.work_time {
	clear:both;
	color:#6600FF;
	font-size:12px;
	font-weight:bold;
	padding-top:3px;
}
.info_word {
	font-size:14px;
	font-weight:bold;
	color:#66C;
	line-height:14px;
	clear:both;
	padding-top:2px;
}
.bold {
	font-weight:bold;
}
.m-top2 {
	margin-top:2px;
}
.mar_top_3 {
	margin-top:3px;
}
.txt_center{
	text-align:center;
}
.txt_right{
	text-align:right;
}
.min50 {
	min-height:50px;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
-- Side --
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.panel {
	display: none;
	position: absolute;
}
.active {
	display: block;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
-- Icon --
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
div.icon {
	display:block;
	float:left;
	background-repeat:no-repeat;
	height:13px;
	margin-right:2px;
	text-indent:-20000px;
}
div.ranking_icon {
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:left;
	height:13px;
	font-size:13px;
	margin-right:2px;
	line-height:13px;
	text-align:right;
	width:50px!important;
}
div.coupon_txt {
	width:120px;
	line-height:13px;
	font-size:12px;
	float:left;
	color:#009933;
	font-weight:bold;
}
div.new {
	background-image: url(../img/icon/new.gif);
	width:32px;
}
div.news {
	background-image: url(../img/icon/news.gif);
	width:48px;
}
div.event {
	background-image: url(../img/icon/event.gif);
	width:43px;
}
div.waribiki {
	background-image: url(../img/icon/waribiki.gif);
	width:26px;
}
div.today {
	background-image: url(../img/icon/todayin.gif);
	width:50px;
}
div.newface {
	background-image: url(../img/icon/newface.jpg);
	width:26px;
}
div.blog {
	background-image: url(../img/icon/blog.jpg);
	width:40px;
}
div.no_chumoku {
	width:32px;
}
div.recommend1 {
	background-image: url(../img/icon/osusume1.gif);
	width:42px;
}
div.up {
	background-image: url(../img/icon/up.gif);
	width:26px;
}
div.recommend2 {
	background-image: url(../img/icon/osusume2.gif);
	width:42px;
}
div.recommend3 {
	background-image: url(../img/icon/osusume3.gif);
	width:42px;
}
div.chumoku1 {
	background-image: url(../img/icon/chumoku1.gif);
	width:32px;
}
div.chumoku2 {
	background-image: url(../img/icon/chumoku2.gif);
	width:32px;
}
div.soap {/* フロントデザイン用 */
	background-image:url(../img/icon/soap.gif);
	width:38px;
}
div.saron {/* フロントデザイン用 */
	background-image:url(../img/icon/saron.gif);
	width:38px;
}
div.sm {/* フロントデザイン用 */
	background-image:url(../img/icon/sm.gif);
	width:38px;
}
div.deriheru {/* フロントデザイン用 */
	background-image:url(../img/icon/deriheru.gif);
	width:38px;
}
div.herusu {/* フロントデザイン用 */
	background-image:url(../img/icon/herusu.gif);
	width:38px;
}
div.hoteheru {/* フロントデザイン用 */
	background-image:url(../img/icon/hoteheru.gif);
	width:38px;
}
div.imekura {/* フロントデザイン用 */
	background-image:url(../img/icon/imekura.gif);
	width:38px;
}
div.onakura {/* フロントデザイン用 */
	background-image:url(../img/icon/onakura.gif);
	width:38px;
}
div.esute {/* フロントデザイン用 */
	background-image:url(../img/icon/esute.gif);
	width:38px;
}
div.mseikan {/* フロントデザイン用 */
	background-image:url(../img/icon/mseikan.gif);
	width:38px;
}
div.skyaba {/* フロントデザイン用 */
	background-image:url(../img/icon/skyaba.gif);
	width:38px;
}
div.m_soap {
	background-image:url(../img/icon/soap.gif);
	width:38px;
}
div.m_sm {
	background-image:url(../img/icon/sm.gif);
	width:38px;
}
div.m_deliheal {
	background-image:url(../img/icon/deriheru.gif);
	width:38px;
}
div.m_health {
	background-image:url(../img/icon/herusu.gif);
	width:38px;
}
div.m_hoteheal {
	background-image:url(../img/icon/hoteheru.gif);
	width:38px;
}
div.m_imaclub {
	background-image:url(../img/icon/imekura.gif);
	width:38px;
}
div.m_onaclub {
	background-image:url(../img/icon/onakura.gif);
	width:38px;
}
div.m_esute {
	background-image:url(../img/icon/esute.gif);
	width:38px;
}
div.m_mseikan {
	background-image:url(../img/icon/mseikan.gif);
	width:38px;
}
div.m_skyaba {
	background-image:url(../img/icon/skyaba.gif);
	width:38px;
}
div.r_new {
	background-image: url(../img/icon/r_new.gif);
	width:34px;
}
div.r_nin {
	background-image:url(../img/icon/r_nin.gif);
	width:34px;
}
div.r_up {
	background-image:url(../img/icon/r_up.gif);
	width:34px;
}
div.r_very_up {
	background-image:url(../img/icon/r_very_up.gif);
	width:34px;
}
div.today_ok {
	background-image:url(../img/icon/today_ok.gif);
	width:43px;
}
.icon_other1 {/*more_left*/
	position:absolute;
	top:5px;
	left:10px;
	pointer-events: none;
}
div.no_icon {
	background:none;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
-- Title --
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.TitleBar {
	float:left;
	clear:both;
	width:100%;
	height:30px;
	margin-top:30px;
	margin-bottom:5px;
	position:relative;
}
/* バックが青のタイトル */
.Title_blue {
	background-color:#3ACDFF;
}
.Title_pink {
	background-color:#FF99CC;
}
.TitleBar img {
	/* タイトルimg */
	position:absolute;
	left:5px;
	bottom:0px;
}
.TitleBar span {
	/* タイトルspanの標準。変更する場合は別途クラスを付けて対応 */
	position:absolute;
	left:70px;
	display:block;
	line-height:30px;
	font-weight:bold;
	color: #FFF;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.TitleBar span.kento{
	font-weight:bold;
	color:#039;
	text-shadow: -1px -1px 0 rgba(256, 256, 256, 0.5);
}
/* 文字色、開始位置の設定 */
.Title_blue span.easy_nav {
	color:#039;
	text-shadow: -1px -1px 0 rgba(256, 256, 256, 0.5);
}
.Title_blue span.easy_nav {
	left:105px;
	color:#039;
	text-shadow: -1px -1px 0 rgba(256, 256, 256, 0.5);
}
.Title_blue span.no_icon {
	left:0px;
}
.ReturnWord {
	word-break: break-all;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
-- Title End --
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/* 要素ごとの余白を確保 */
.vertical_space {
	clear:both;
	height:10px;
	width:100%;
}
.vertical_space2 {
	clear:both;
	height:20px;
	width:100%;
}
.margin_side_5 {
	margin:0px 5px;
}
.margin_side_10 {
	margin:0px 10px;
}

/* 認証画面 */
.ninsho {
	width:100%;
	text-align:center;
}
.ninsho_h1 {
	text-indent: -20000px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
.ninsho h2 {
	background:#000000;
	color:#FFFFFF;
	font-size:12px;
	line-height:25px;
	font-weight:normal;
}
body.portrait #ninsho_image {
	display:block;
    width:320px;
    height:160px;
	background:url(../img/ninsho/ninsho_320x160.jpg) top left no-repeat;
	margin-bottom:10px;
}
body.landscape #ninsho_image {
	display:block;
    width:480px;
    height:240px;
	background:url(../img/ninsho/ninsho_480x240.jpg) top left no-repeat;
	margin-bottom:10px;
	text-shadow:none;
}
#ninsho_line {
	width:100%;
	height:2px;
	background-color:#BB0000;
	margin:20px 0px;
}
.ninsho_child {
	width:90%;
	margin:0px auto;
}
.ninsho_child #login_btn,
.ninsho_child #login_w_btn,
.ninsho_child #login_e_btn{
	margin:5px 3px;
	display:block;
	text-align:center;
	height:50px;
	line-height:50px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	text-decoration:none;
	text-shadow: 1px 1px 0 rgba(32, 32, 32, 0.5);
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	background-color: #8A0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#BF0000), to(#8A0000));
}
.ninsho_child #login_e_btn{
	background-color:#3ACDFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#5BFAFE), to(#3ACDFF));
}
.ninsho_child #login_w_btn {
	background-color: #FF99CC;
	background: -webkit-gradient(linear, left top, left bottom, from(#FC84DB), to(#FF99CC));
	
}

.ninsho_child #login_btn img,
.ninsho_child #login_w_btn img,
.ninsho_child #login_e_btn img{
	margin:15px 30px 15px 0px;
	float:right;
}
.ninsho_child #alert {
	width:275px;
	margin:10px auto;
	font-size:9px;
	line-height:12px;
}
.ninsho_child #alert img{
	float:left;
	margin-right:5px;
}
.ninsho_child #alert p{
	padding:10px 0px;
	float:right;
}
.ninsho_child #alert a{
	float:right;
}
#pc_in,#mobile_in {
	width:48%;
	display:block;
	text-align:center;
	height:50px;
	line-height:50px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	text-decoration:none;
	text-shadow: 1px 1px 0 rgba(32, 32, 32, 0.5);
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	background-color: #3E3E3E;
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#222222));
}
#recruit_in {
}
.ninsho_ico {
	margin:6px 3px;
	float:left;
}
#pc_in span,#mobile_in span{
	background:url(../img/ninsho/cursor.png) center right no-repeat; padding-right:8px;
	position:relative;
	left:-10px;
	font-size:10px;
}
#mobile_only span {
	background:url(../img/ninsho/cursor.png) center right no-repeat; padding-right:16px;
	position:relative;
	left:-32px;
	font-size:16px;
	line-height:60px;
	text-align:center;
	display:inline;
}
#pc_in{
	float:left;
}
#mobile_in {
	float:right;
}
#mobile_only {
	display:block;
	text-align:center;
	height:60px;
	line-height:60px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	text-decoration:none;
	text-shadow: 1px 1px 0 rgba(32, 32, 32, 0.5);
	font-weight:bold;
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	background-color: #3E3E3E;
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#222222));
}
#mobile_only .ninsho_ico {
	margin:11px 10px 11px 30px;
	float:left;
}

#recruit_in {
	display:block;
	text-align:center;
	height:60px;
	line-height:60px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	text-decoration:none;
	text-shadow: 1px 1px 0 rgba(32, 32, 32, 0.5);
	font-weight:bold;
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	background-color: #F9A8BE;
	background: -webkit-gradient(linear, left top, left bottom, from(#F9A8BE), to(#EF3063));
}


#recruit_in p {
	line-height:60px;
	text-align:center;
	display:inline;
}
#recruit_in .heart{
	margin:11px 10px 11px 30px;
	float:left;
}
#recruit_in .circle{
	margin:20px 30px 20px 10px;
	float:right;
}
#ninsho_parent #goto {
	margin-top:20px;
}
#ninsho_parent #copyright {
	background:#000000;
}
.bc_gray {
	background-color:#F5F4F2;
	paddng:10px 0px;
}