@charset "shift_jis";

/* ===== 共通設定用CSS ===== */


/* --------------------------------------
　要素初期属性補正設定
-------------------------------------- */

body{
	font-family: Helvetica,Arial,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Droid Sans',sans-serif;
}

ul,ol,li,
dl,dt,dd{
	margin:0;
	padding:0;
}

ul,ol,li{
	list-style:none;
}


/* --------------------------------------
　汎用 class 設定
-------------------------------------- */

/* <hr>タグ非表示 class */
.delete_hr hr{
	display:none;
}

/* <br>タグ非表示 class */
.delete_br br{
	display:none;
}

/* <img>タグ非表示 class */
.delete_img img{
	display:none;
}


/* --------------------------------------
　ナビゲーション用の設定
-------------------------------------- */

nav.gNav{
	display:block!important;
	margin:0 5px 15px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:-moz-linear-gradient(top, #90c7ff,#265fac 100%);
	background:-webkit-gradient(linear, center top, center bottom, from(#90c7ff), color-stop(1.0, #265fac));
}
nav.gNav ul{
	padding:1px;
	border:1px solid #678fc5;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
nav.gNav li{
	float:left;
	width:25%;
	border-right:1px solid #154090;
	background:-moz-linear-gradient(top, #5a9ffd,#255eac 100%);
	background:-webkit-gradient(linear, center top, center bottom, from(#5a9ffd), color-stop(1.0, #255eac));
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
}
nav.gNav li a img{
	width:100%!important;
}
nav.gNav li:last-child{
	border-right:none;
}
nav.gNav li a{
	display:block;
	padding:5px 10px;
}


/* --------------------------------------
　検索エリア用の設定
-------------------------------------- */

div.searchBox{
	display:block!important;
	margin:0 10px 15px;
	padding:10px;
	border:2px solid #cacaca;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:url("../../img/mobile/sp/cmn/bg_searchbox.png") repeat 0 0;
	-moz-background-size:6px 6px;
	-webkit-background-size:6px 6px;
	background-size:6px 6px;
}
div.searchBox label{
	white-space:nowrap;
}
div.searchBox span.ttl{
	display:inline-block;
	padding:0 0 5px 30px;
	background:url("../../img/mobile/sp/cmn/icn_search.png") no-repeat 0 0;
	-moz-background-size:26px 25px;
	-webkit-background-size:26px 25px;
	background-size:26px 25px;
	font-weight:bold;
	color:#2052a1;
}
div.searchBox font span{
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	color:#979796;
}
div.searchBox font span:first-letter{
	font-size:0;
}
div.searchBox select{
	width:100%;
	height:28px;
	line-height:28px;
	margin:0 0 5px;
	border:2px solid #005ec8;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size:14px;
}
div.searchBox input[type=text]{
	float:left;
	width:80%;
	height:28px;
	line-height:28px;
	margin:0 0 5px;
	border:2px solid #005ec8;
	-moz-border-top-left-radius:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
	-moz-border-top-right-radius:0;
	-webkit-border-top-right-radius:0;
	border-top-right-radius:0;
	-moz-border-bottom-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	border-bottom-right-radius:0;
	-moz-border-bottom-left-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size:14px;
	-webkit-appearance: none;
}
div.searchBox input[type=submit]{
	left:right;
	width:20%;
	height:28px!important;
	padding-top:3px!important;
	margin:0 0 5px;
	border:2px solid #005ec8;
	-moz-border-top-left-radius:0;
	-webkit-border-top-left-radius:0;
	border-top-left-radius:0;
	-moz-border-top-right-radius:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
	-moz-border-bottom-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
	-moz-border-bottom-left-radius:0;
	-webkit-border-bottom-left-radius:0;
	border-bottom-left-radius:0;
	background:#005ec8;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size:12px;
	color:#ffffff;
	-webkit-appearance: none;
}

/* ★★★ */
div.searchBox br{
	clear:both;
}
/* ★★★ */


/* --------------------------------------
　サブページ用見出しの設定
-------------------------------------- */

h2.subttl{width:100%; padding:15px 0; text-align:center; background:#DDDDDD; font-size:18px; font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#333; font-weight:normal;}

/* --------------------------------------
　青背通小見出しの設定
-------------------------------------- */

h2.ttl{
	height:33px;
	line-height:33px;
	margin-top:10px;
	padding:0 10px;
	background:url("../../img/mobile/sp/cmn/bg_h2.png") repeat-x 0 0;
	-moz-background-size:4px 33px;
	-webkit-background-size:4px 33px;
	background-size:4px 33px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:0 3px 3px rgba(0,0,0,0.4);
	color:#ffffff!important;
}
h2.ttl span{
	margin:0 0 0 10px;
	font-size:12px!important;
	color:#ffffff!important;
}
h2.ttl font{
	font-size:16px!important;
	color:#ffffff!important;
}


/* --------------------------------------
　ページ下部リンク仕様(パネルリンク)
-------------------------------------- */

nav.guideLink{
	display:block!important;
	margin:0 19px 0;
}
nav.guideLink font{
	display:none;
}
nav.guideLink>br{
	display:none;
}
nav.guideLink a{
	display:block;
	height:44px;
	line-height:44px;
	padding:0 6px;
	background:url("../../img/mobile/sp/cmn/icn_arr.png") no-repeat 98% center,url("../../img/mobile/sp/cmn/bg_guidelink.png") repeat-x 0 bottom;
	-moz-background-size:8px 13px, 9px 1px;
	-webkit-background-size:8px 13px, 9px 1px;
	background-size:8px 13px, 9px 1px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-decoration:none;
	color:#2052a1;
}
nav.guideLink a:before{
	float:left;
	margin:0 6px 0 0;
	content:"▼";
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	font-size:8px;
}
nav.guideLink a >font{
	display:block;
	font-weight:bold;
	color:#2052a1;
}


/* --------------------------------------
　ページ下部リンク仕様(テキストリンク)
-------------------------------------- */

nav.privacyLink{
	display:block!important;
	padding:25px 19px;
}
nav.privacyLink a{
	padding:0 0 0 20px;
	background:url("../../img/mobile/sp/cmn/icn_arr_disc.png") no-repeat 0 center;
	-moz-background-size:14px 14px;
	-webkit-background-size:14px 14px;
	background-size:14px 14px;
}
nav.privacyLink a font{
	font-size:14px;
	color:#666666;
}


/* --------------------------------------
　フッターの設定
-------------------------------------- */

footer{
	display:block!important;
}

footer h2.ttl{font-size:16px; margin-bottom:10px;}

footer #bg_svnav{margin-bottom:10px;} 
#bg_svnav ul{
	border-top:solid 1px #DDD;
	border-left:solid 1px #DDD;
}
#bg_svnav li{
	display:block;
	float:left;
	width:50%;
	height:50px;
	background:url("../../img/mobile/sp/cmn/icn_arr.png") no-repeat 98% center;
	-moz-background-size:8px 13px;
	-webkit-background-size:8px 13px;
	background-size:8px 13px;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;	
}
#bg_svnav li a{
	display:block;
	width:100%;
	height:50px;
	padding:13px 5px 10px 40px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
	font-size:10px;
	line-height:1.2;
	color:#666;
	text-decoration:none;
	letter-spacing:-1px;
}
body.iphone #bg_svnav li a{font-size:8px;}
/* 個別アイコンの設定 */
#bg_svnav li.kaigyo a{
	background:url("../../img/mobile/sp/cmn/ft_icon_kaigyo.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.fund a{
	background:url("../../img/mobile/sp/cmn/ft_icon_fund.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.fudousan a{
	background:url("../../img/mobile/sp/cmn/ft_icon_fudousan.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.design a{
	background:url("../../img/mobile/sp/cmn/ft_icon_design.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.hoken a{
	background:url("../../img/mobile/sp/cmn/ft_icon_hoken.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.it a{
	background:url("../../img/mobile/sp/cmn/ft_icon_it.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.system a{
	background:url("../../img/mobile/sp/cmn/ft_icon_system.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.career a{
	background:url("../../img/mobile/sp/cmn/ft_icon_career.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.seminar a{
	background:url("../../img/mobile/sp/cmn/ft_icon_seminar.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.beautytv a{
	background:url("../../img/mobile/sp/cmn/ft_icon_beautytv.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.shukyaku a{
	background:url("../../img/mobile/sp/cmn/ft_icon_shukyaku.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.fc a{
	background:url("../../img/mobile/sp/cmn/ft_icon_fc.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.media a{
	background:url("../../img/mobile/sp/cmn/ft_icon_media.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}
#bg_svnav li.kaitori a{
	background:url("../../img/mobile/sp/cmn/ft_icon_kaitori.png") no-repeat 5px center;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	background-size:30px 30px;
}

#bg_svnav li a span{
	color:#2189D3;
	font-size:12px;
	font-weight:bold;
}
body.iphone #bg_svnav li a span{font-size:10px;}

footer div.funcArea{
	padding:5px 5px 15px;
	border-top:5px solid #2052a1;
	background:#D2E7FF;
}

#txt_links ul{text-align:center; width:90%; margin:0 auto;}
#txt_links ul li{
display:inline-block;
font-size:10px;
line-height:1.2;
}
#txt_links ul li a{
display: block;
padding: 2px 0 2px 0;
color:#333;
text-decoration:none;
}
#txt_links ul li a::after{
content: " /";
}
#txt_links ul li:last-child a::after{
content: "";
}

footer div.telArea ul{
	margin:10px 0 5px;
	overflow:hidden;
}
footer div.telArea li{
	float:left;
	width:49%;
}
footer div.telArea li:last-child{
	float:right;
}
footer div.telArea p{
	line-height:1.4;
	margin:0;
	font-size:10px;
	text-align:center;
}
footer div.telArea p a{
	display:block!important;
	width:60%!important;
	margin:0 auto!important;
}
footer div.telArea img{
	width:100%!important;
}
footer div#copyright{
	padding:10px;
	background:#2052a1;
	color:#ffffff;
	margin-bottom:0;
	display:table;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;	
}
footer div#copyright div#cr_flbox{
	width:90%;
	display:table-cell;
	vertical-align:middle;	
}
footer div#copyright div#cr_flbox p{
	line-height:1.2;
	font-size:10px;
}

footer div#copyright div#cr_frbox{
	display:table-cell;
	width:76px;
	text-align:right;
	vertical-align:middle;	
}

footer div#copyright img{
display:inline!important;
}

/* --------------------------------------
　アイコンの設定
-------------------------------------- */

/* 共通設定 */
/* color="dodgerblue" ：新品 */
/* color="brown"      ：中古 */
/* color="#E10033"    ：送料無料 */
span.bg_title font[color="dodgerblue"],
span.bg_title font[color="brown"],
span.bg_title font[color="#E10033"],
span.bg_title font[color="green"],
span.bg_title font[color="crimson"],
div.itemList font[color="dodgerblue"],
div.itemList font[color="brown"],
div.itemList font[color="#E10033"]{
	display:inline-block;
	width:60px;
	margin:0 0 10px;
	padding:3px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:12px!important;
	color:#ffffff;
	text-align:center;
	text-shadow:0 0 0 #ffffff;
	line-height:1.4em!important;
}
/* 共通設定 */
/* color="green"      ：BG認定中古 */
/* color="#E10033"    ：新古OUTLET */
div.itemList font[color="green"],
div.itemList font[color="crimson"]{
	display:inline-block;
	width:60px;
	margin:0 0 10px;
	padding:4px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:12px!important;
	color:#ffffff;
	text-align:center;
	text-shadow:0 0 0 #ffffff;
	line-height:1.4em!important;
}

/* 新品 独自設定 */
span.bg_title font[color="dodgerblue"],
div.itemList font[color="dodgerblue"]{
	background:-moz-linear-gradient(top, #67d2fe,#1ea2e3 100%);
	background:-webkit-gradient(linear, center top, center bottom, from(#67d2fe), color-stop(1.0, #1ea2e3));
	-webkit-box-shadow:0 0 0 1px #81d6fb, 0 0 0 2px #35b2f2;
	-moz-box-shadow:0 0 0 1px #81d6fb, 0 0 0 2px #35b2f2;
	box-shadow:0 0 0 1px #81d6fb, 0 0 0 2px #35b2f2;
}
/* 中古 独自設定 */
span.bg_title font[color="brown"],
div.itemList font[color="brown"]{
	background:-moz-linear-gradient(top, #d8e0e2,#b1b6b9 100%);
	background:-webkit-gradient(linear, center top, center bottom, from(#d8e0e2), color-stop(1.0, #b1b6b9));
	-webkit-box-shadow:0 0 0 1px #c7cccf, 0 0 0 2px #afb4b7;
	-moz-box-shadow:0 0 0 1px #c7cccf, 0 0 0 2px #afb4b7;
	box-shadow:0 0 0 1px #c7cccf, 0 0 0 2px #afb4b7;
}
/* 送料無料 独自設定 */
span.bg_title font[color="#E10033"],
div.itemList font[color="#E10033"]{
	background:-moz-linear-gradient(top, #fdb2f5,#e951da 100%);
	background:-webkit-gradient(linear, center top, center bottom, from(#fdb2f5), color-stop(1.0, #e951da));
	-webkit-box-shadow:0 0 0 1px #ffd2f9, 0 0 0 2px #fb71eb;
	-moz-box-shadow:0 0 0 1px #ffd2f9, 0 0 0 2px #fb71eb;
	box-shadow:0 0 0 1px #ffd2f9, 0 0 0 2px #fb71eb;
}
/* BG認定中古 独自設定 */
span.bg_title font[color="green"],
div.itemList font[color="green"]{
	background:-moz-linear-gradient(top, #7FFF00,#228B22 100%);
	background:-webkit-gradient(linear, center top, center bottom, from(#7FFF00), color-stop(1.0, #228B22));
	-webkit-box-shadow:0 0 0 1px #90EE90 0 0 0 2px #119a22;
	-moz-box-shadow:0 0 0 1px #90EE90, 0 0 0 2px #119a22;
	box-shadow:0 0 0 1px #90EE90, 0 0 0 2px #119a22;
	font-size:10px!important;
}
/* 新古OUTLET 独自設定 */
span.bg_title font[color="crimson"],
div.itemList font[color="crimson"]{
	width:66px!important;
	background:-moz-linear-gradient(top, #F08080,#DC143C 100%);
	background:-webkit-gradient(linear, center top, center bottom, from(#F08080), color-stop(1.0, #DC143C));
	-webkit-box-shadow:0 0 0 1px #f2aeae, 0 0 0 2px #cb032b;
	-moz-box-shadow:0 0 0 1px #f2aeae, 0 0 0 2px #cb032b;
	box-shadow:0 0 0 1px #f2aeae, 0 0 0 2px #cb032b;
	font-size:10px!important;
}



/* --------------------------------------
　イメージギャラリーの共通設定
-------------------------------------- */

/* フリックの矢印共通設定 */
.mcsp_ig2_button a[id^="mcsp_ig2_prev"],
.mcsp_ig2_button a[id^="mcsp_ig2_next"]{
	width:46px;
	min-height:35px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	background-size:46px auto !important;
	-webkit-background-size:46px auto !important;
	-moz-background-size:46px auto !important;
	-o-background-size:46px auto !important;
	-khtml-background-size:46px auto !important;
	-ms-background-size:46px auto !important;
	background-position: left;
}
/* フリックの戻る矢印の設定 */
.mcsp_ig2_button a[id^="mcsp_ig2_prev"] {
	margin-left:2.5%;
	background: url("../../img/mobile/sp/cmn/arrow_prev.png") no-repeat;
}
/* フリックの次へ矢印の設定 */
.mcsp_ig2_button a[id^="mcsp_ig2_next"] {
	margin-right:2.5%;
	background: url("../../img/mobile/sp/cmn/arrow_next.png") no-repeat;
}
/* フリック部分ページャーの設定 */
.mcsp_ig2_button .pager a,
.mcsp_ig2_button .pager a:hover {
	margin:5px 7px!important;
	text-decoration: none;
	padding: 0!important;
	height: 12px!important;
	width: 12px!important;
	border: 0!important;
}
.mcsp_ig2_button a[id]::after{
	border-top-style: none;
	border-top-width: 0;
	border-right-style: none;
	border-right-width: 0;
}
.mcsp_ig2_button div[id="mcsp_ig2_pager"] .selected,
.mcsp_ig2_button div[id="mcsp_ig2_pager"] .selected:hover{
	background-color: #006!important;
	color: #006!important;
}
.mcsp_ig2_button div[id="mcsp_ig2_pager"] a,
.mcsp_ig2_button div[id="mcsp_ig2_pager"] a:hover{
	background-color: #CCC!important;
	color: #CCC!important;
}
.mcsp_ig2_button div[id="mcsp_ig2_pager"] span{
	display:none;
	font-size:9px;
}

/* ===== Float Clearing ===== */
.clearFix{
zoom:1;
_height:1%;
}
.clearFix:after{
display:block; 
clear:both; 
visibility:hidden;
height:0; 
content:".";
}


/* ===== nailCampaign ===== */

#nail_campaign{
	width:100%;
	margin:0 auto 10px;
	padding-bottom:12px;
	background:url(../../img/nailcampaign/common/ban_sp_bg.jpg) repeat-x left bottom;
}
#nail_campaign a img{
	width:100%;
}

/* --------------------------------------
　10周年記念キャンペーン設定
-------------------------------------- */
p.anniversary10th{
	padding:0 5px 4px 5px;
	margin-top:-4px;
}
p.anniversary10th img{
	width:100% !important;
	height:auto;
}



/* ===== Googleリマーケティングタグによるフッタのマージン回避 ===== */

iframe[name="google_conversion_frame"] {
	float:left;
	height:1px;
}