@charset "utf-8";
/* CSS Document */

/* -------------------------------------------- 
CSS Information  

Site URL:       http://www.espoir-nail.com
File name:      style.css
Created:        2013-12-06
Style Info:     サイト共通css
----------------------------------------------- */
/* ----------------------------- 
Table of Contents
* reset
* layout
* common modules
* hdr modules
* g-navi modules
* p-top modules
* ftr modules
* error404 modules
----------------------------- */

/*==================================
* reset
==================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
div { display: block; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { vertical-align:bottom; }
.m20t{margin-top:20px;}
/** font --------------------------------**/
body {
	min-width: 1200px;
	color: #333;
	font-size: 12px; /* for modern */
	line-height: 1.25;
	font-family: "メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}
* html body {/* IE6 */
	font-size: 80%;
	line-height: 1.35;
}
*:first-child+html body {/* IE7 */
	line-height: 1.35;
}
/** link --------------------------------**/
a:link { color: #d45; text-decoration: none; cursor: pointer; }
a:visited { color: #d45; text-decoration: none; }
a:hover { color: #f9a; text-decoration: none; }
a:active { color: #d45; text-decoration: none; }
/** input --------------------------------**/
input {
	font-family: "メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}
/** clearfix --------------------------------**/
.clearfix { zoom: 1; }
.clearfix:after { display: block; visibility: hidden; height: 0; clear:both; content:"."; }
/** media screen --------------------------------**/
@media screen and (max-device-width: 480px) { /* iphone */
body {
	-webkit-text-size-adjust: none;
}
}

/*==================================
* layout
==================================*/
#hdr {
	height: 110px;
	border-top: 3px solid #111;
}
#g-navi {
	height: 65px;
	border-bottom: 4px solid #fff;
	background-color: #111;
}
#contwrap {
	padding-bottom: 50px;
	background-color: #f7f7f7;
	line-height: 1.8;
}
#container {
	width: 980px;
	margin: 0 auto;
}
#main {
	float: left;
	width: 730px;
}
#sub {
	float: right;
	width: 230px;
}
#p-top {
	position: fixed;
	bottom: 50px;
	right: 50px;
	background-color: #111;
}
@media screen and (max-device-width: 768px) { /* iphone,tablet */
#p-top {
	display: none !important;
}
}
#ftr {
	background-color: #111;
	font-size: 92%;
	line-height: 1.6;
}

/*==================================
* common modules
==================================*/
/** cmn-link,cmn-anchor --------------------------------**/
#container .cmn-link,
#container .cmn-anchor {
	display: block;
	width: 90px;
	padding: 2px 0 2px 10px;
	background: #111 url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_link_ico.png") no-repeat 86px -167px;
	color: #fff;
}
#container .cmn-link:hover,
#container .cmn-anchor:hover {
	background-color: #d45;
}
#container .cmn-anchor {
	background: #111 url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_link_ico.png") no-repeat 81px -398px;
}
/** cmn-ico-new --------------------------------**/
#container .cmn-ico-new-l {
	position: absolute;
	top: 0;
	left: 0;
}
#container .cmn-ico-new-s {
	margin-left: 5px;
	vertical-align: middle;
}
/** special-feed --------------------------------**/
#container #special-feed li {
	position: relative;
	width: 353px;
	border: 1px solid #ddd;
	background-color: #fff;
}
#container #special-feed a {
	display: block;
}
#container #special-feed div {
	position: absolute;
	top: 13px;
	left: 95px;
	width: 245px;
}
#container #special-feed div h3 {
	font-size: 108%;
	font-weight: bold;
}
#container #special-feed div p {
	color: #333;
	font-size: 92%;
}
/** img-gallery --------------------------------**/
#container .img-gallery {
	padding: 1px;
	border: 1px solid #ddd;
}
#container .img-gallery:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*==================================
* hdr modules
==================================*/
#hdr-inr,
#g-navi-inr {
	position: relative;
	width: 980px;
	margin: 0 auto;
}
#hdr .logo {
	position: absolute;
	top: 15px;
}
#hdr .hdr-cnt {
	position: absolute;
	top: 12px;
	right: 0;
	padding: 0 0 10px 10px;
	border-bottom: 1px dotted #ddd;
}
#hdr h1 {
	float: left;
	/* padding: 3px 150px 0 0; 中国語サイト含padding */
	padding: 3px 106px 0 0;
	font-size: 92%;
	color: #666;
}
/** gsite-link --------------------------------**/
#hdr .gsite-link {
	position: absolute;
	right: 0;
	/* width: 122px; 中国語サイト含width */
	width: 80px;
}
*:first-child+html #hdr .gsite-link {
	/* width: 125px; 中国語サイト含width */
	width: 83px;
}
#hdr .gsite-link li {
	display: inline-block;
	margin-left: -3px;
}
*:first-child+html #hdr .gsite-link li {
	display: inline;
	zoom: 1;
	margin-left: 1px;
}
#hdr .gsite-link .active,
#hdr .gsite-link a {
	width: 40px;
	height: 18px;
	background-color: #000;
	color: #fff;
	text-align: center;
	line-height: 18px;
}
#hdr .gsite-link a {
	display: block;
}
#hdr .gsite-link .active,
#hdr .gsite-link a:hover {
	background-color: #ccc;
	color: #fff;
	text-decoration: none;
}
/** sns-link --------------------------------**/
#hdr .sns-link {
	position: absolute;
	top: 69px;
	/* right: 475px; 検索窓含 */
	right: 225px;
}
#hdr .sns-link li {
	display: inline-block;
}
*:first-child+html #hdr .sns-link li {
	display: inline;
	zoom: 1;
}
#hdr .sns-link a {
	display: block;
	overflow: hidden;
	width: 16px;
	height: 0;
	padding-top: 14px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/hdr_scl_ico.png") no-repeat 0 0;
}
#hdr .sns-link a:hover {
	background-position: 0 -43px;
}
#hdr .sns-link .sns-tw a {
	background-position: -56px 0;
}
#hdr .sns-link .sns-tw a:hover {
	background-position: -56px -43px;
}
/** site-link --------------------------------**/
#hdr .site-link {
	position: absolute;
	top: 70px;
	/* right: 250px; 検索窓含 */
	right: 0;
	font-size: 92%;
}
#hdr .site-link li {
	display: inline-block;
	margin-left: 4px;
	padding-left: 8px;
	border-left: 1px solid #ddd;
}
*:first-child+html #hdr .site-link li {
	display: inline;
	zoom: 1;
}
#hdr .site-link li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}
#hdr .site-link a {
	color: #333;
}
#hdr .site-link a:hover {
	color: #ccc;
}
/** site-srch --------------------------------**/
#hdr .site-srch {
	position: absolute;
	width: 235px;
	top: 60px;
	right: 0;
}
/* Google Custom Search Settings */
#cse-search-box {
	position: relative;
	width: 235px !important;
}
#cse-search-box input[type="text"] {
	width: 183px !important;
	height: 28px !important;
	padding-top: 0 !important;
	padding-right: 40px !important;
	padding-bottom: 0 !important;
	padding-left: 10px !important;
	border: 1px solid #d8d8d8 !important;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	box-shadow: 1px 1px 3px #eee inset;
	-moz-box-shadow: 1px 1px 3px #eee inset;
	-webkit-box-shadow: 1px 1px 3px #eee inset;
}
#cse-search-box input[type="submit"] {
	overflow: hidden;
	position: absolute;
	top: 8px;
	right: 0;
	width: 13px;
	height: 13px;
	margin-right: 15px;
	padding-top: 13px;
	border: 0 !important;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/hdr_srch_icon.png") no-repeat 0 0 !important;
	cursor: pointer;
}

/*==================================
* g-navi modules
==================================*/
#g-navi li {
	float: left;
	width: 123px;
}
#g-navi li:first-child {
	float: left;
	width: 119px;
}
#g-navi li a {
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 65px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/g_navi.png") no-repeat 0 0;
}
#g-navi .navi-concept a { background-position: -126px 0; }
#g-navi .navi-campaign a { background-position: -248px 0; }
#g-navi .navi-menu a { background-position: -370px 0; }
#g-navi .navi-design a { background-position: -492px 0; }
#g-navi .navi-staff a { background-position: -614px 0; }
#g-navi .navi-access a { background-position: -736px 0; }
#g-navi .navi-reserve a { background-position: -858px 0; }
#g-navi li a:hover { background-position: 0 -65px; }
#g-navi .navi-concept a:hover { background-position: -126px -65px; }
#g-navi .navi-campaign a:hover { background-position: -248px -65px; }
#g-navi .navi-menu a:hover { background-position: -370px -65px; }
#g-navi .navi-design a:hover { background-position: -492px -65px; }
#g-navi .navi-staff a:hover { background-position: -614px -65px; }
#g-navi .navi-access a:hover { background-position: -736px -65px; }
#g-navi .navi-reserve a:hover { background-position: -858px -65px; }
#g-navi .navi-home .active { background-position: 0 -65px; }
#g-navi .navi-concept .active { background-position: -126px -65px; }
#g-navi .navi-campaign .active { background-position: -248px -65px; }
#g-navi .navi-menu .active { background-position: -370px -65px; }
#g-navi .navi-design .active { background-position: -492px -65px; }
#g-navi .navi-staff .active { background-position: -614px -65px; }
#g-navi .navi-access .active { background-position: -736px -65px; }
#g-navi .navi-reserve .active { background-position: -858px -65px; }
#g-navi li ul {
	display: none;
}
#g-navi li:hover ul {
	position: absolute;
	top: 30px;
	left: 450px;
	display: block;
	width: 340px;
	padding: 20px;
	border: 2px solid #111;
	background-color: #fff;
	z-index: 1000;
}
#g-navi .navi-design:hover ul {
	left: 550px;
}
#g-navi li ul li {
	position: relative;
	width: 170px;
	line-height: 1.8;
}
#g-navi li ul li:first-child {
	width: 170px;
}
#g-navi .navi-menu ul li a,
#g-navi .navi-design ul li a {
	overflow: visible;
	height: auto;
	padding: 0 10px 0 11px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_link_ico.png") no-repeat 0 -456px;
	color: #333;
}
#g-navi .navi-menu ul li a:hover,
#g-navi .navi-design ul li a:hover {
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_link_ico.png") no-repeat 0 -456px;
	color: #ccc;

}

/*==================================
* sub modules
==================================*/
#sub > div {
	margin-bottom: 10px;
}
/** sub-reserve --------------------------------**/
#sub #sub-topic {
	padding: 10px 15px;
	border: 2px solid #b45;
	background: #fff url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/sub_topic_arw.png") no-repeat 197px 28px;
}
#sub #sub-topic span {
	display: block;
}
#sub #sub-topic .ttl {
	font-weight: bold;
}
#sub #sub-topic a:hover .ttl {
	color: #d45;
}
#sub #sub-topic .date,
#sub #sub-topic p {
	color: #333;
}
#sub #sub-topic .date {
	font-size: 92%;
}

/** sub-reserve --------------------------------**/
#sub #sub-reserve > p,
#sub #sub-info > p {
	overflow: hidden;
	display: block;
	height: 0;
	padding-top: 13px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/sub_ttl.png") no-repeat 0 0;
}
#sub #sub-reserve {
	padding: 14px 11px 8px;
	border: 4px solid #e6e6e6;
	background-color: #fff;
}
#sub #sub-reserve > p {
	margin-bottom: 20px;
}
#sub #sub-reserve .net {
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ddd;
}
#sub #sub-reserve .net > p {
	overflow: hidden;
	display: block;
	height: 0;
	margin-bottom: 10px;
	padding-top: 21px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/sub_reserve_bg.png") no-repeat 0 0;
}
#sub #sub-reserve .net a {
	display: block;
	width: 170px;
	padding: 20px 15px;
	background: #d45 url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_link_ico.png") no-repeat 184px -148px;
	color: #fff;
}
#sub #sub-reserve .net span {
	padding-left: 31px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/sub_reserve_bg.png") no-repeat 0 -51px;
	font-size: 117%;
	font-weight: bold;
}
#sub #sub-reserve .net a:hover {
	background-color: #f9a;
}
#sub #sub-reserve .tel {
	padding-left: 31px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/sub_reserve_bg.png") no-repeat 0 -90px;
	font-size: 83%;
	line-height: 1.4;
}
#sub #sub-reserve .tel span {
	display: block;
	font-size: 200%;
	font-weight: bold;
}
/** sub-info --------------------------------**/
#sub #sub-info {
	padding: 15px 14px;
	border: 1px solid #ddd;
	background-color: #fff;
}
#sub #sub-info > p {
	margin-bottom: 10px;
	background-position: 0 -43px;
}
#sub #sub-info img {
	display: block;
	margin-bottom: 16px;
}
#sub #sub-info dl {
	width: 200px;
	margin-bottom: 8px;
	padding-bottom: 7px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_line_s_bg.png") no-repeat 0 bottom;
}
#sub #sub-info dt,
#sub #sub-info dd {
	float: left;
}
#sub #sub-info dt {
	width: 60px;
	font-weight: bold;
}
#sub #sub-info dd {
	width: 130px;
	padding-left: 10px;
	font-size: 92%;
}
#sub #sub-info .cmn-link {
	float: right;
	margin-top: 5px;
}
/** line-box --------------------------------**/
#sub .line-box {
	width: 208px;
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #fff;
}
#sub .line-box > div {
	float: left;
}
#sub .line-box > div p {
	margin-bottom: 7px;
	font-size: 91%;
	line-height: 1.3;
}
#sub .line-box > div p span {
	color: #d45;
	font-size: 109%;
	font-weight: bold;
}
#sub .line-box > p {
	float: right;
}
/** fb-like-box --------------------------------**/
#sub .fb-like-box {
	width: 215px;
	padding: 6px 9px 15px 4px;
	border: 1px solid #ddd;
	background-color: #fff;
}
/** sub-bnr --------------------------------**/
#sub #sub-bnr {
	margin-bottom: 20px;
}
#sub #sub-bnr a {
	display: block;
	margin-top: 10px;
}
#sub #sub-bnr a:first-child {
	margin: 0;
}
#sub #sub-bnr a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
/** sns-link --------------------------------**/
#sub #sns-link li {
	display: inline-block;
	margin-left: 16px;
}
*:first-child+html #sub #sns-link li {
	display: inline;
	zoom: 1;
}
#sub #sns-link li:first-child {
	margin: 0;
}
#sub #sns-link .sns-ameba {
	margin-left: 15px;
}
#sub #sns-link .sns-instagram {
	margin-left: 13px;
}
#sub #sns-link a {
	overflow: hidden;
	display: block;
	width: 29px;
	height: 0;
	padding-top: 30px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/sub_scl_ico.png") no-repeat 0 0;
}
#sub #sns-link .sns-tw a { background-position: -49px 0; }
#sub #sns-link .sns-ameba a { background-position: -95px 0; }
#sub #sns-link .sns-instagram a { background-position: -141px 0; }
#sub #sns-link a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*==================================
* p-top modules
==================================*/
#p-top a {
	display: block;
	width: 45px;
	height: 33px;
	padding-top: 12px;
	text-align: center;
}
#p-top:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

/*==================================
* ftr modules
==================================*/
#ftr #ftr-inr,
#ftr .ftr-copy p {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0;
}
/** ftr-info --------------------------------**/
#ftr .ftr-info {
	float: left;
	width: 400px;
}
#ftr .ftr-info,
#ftr .ftr-menu a {
	color: #fff;
}
#ftr .ftr-info strong {
	float: left;
}
#ftr .ftr-info dl {
	float: right;
	width: 264px;
	padding-left: 20px;
}
#ftr .ftr-info dt {
	color: #ccc;
}
#ftr .ftr-info dt span {
	display: block;
	color: #fff;
	font-size: 108%;
	font-weight: bold;
}
#ftr .ftr-info dt {
	margin-bottom: 12px;
}
#ftr .ftr-info .ftr-tel,
#ftr .ftr-info .ftr-mail {
	padding-left: 25px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/ftr_info_ico.png") no-repeat 0 3px;
}
#ftr .ftr-info .ftr-tel {
	font-size: 108%;
	font-weight: bold;
}
#ftr .ftr-info .ftr-mail {
	margin-bottom: 9px;
	padding-left: 25px;
	background-position: 0 -38px;
}
#ftr .ftr-info .ftr-mail a {
	color: #fff;
	text-decoration: underline;
}
#ftr .ftr-info .ftr-mail a:hover {
	text-decoration: none;
}
/** ftr-menu --------------------------------**/
#ftr .ftr-menu {
	float: right;
}
#ftr .ftr-menu ul {
	float: left;
	width: 142px;
}
#ftr .ftr-menu li {
	margin-top: 6px;
}
#ftr .ftr-menu li:first-child {
	margin-top: 0;
}
#ftr .ftr-menu a:hover {
	color: #ccc;
}
#ftr .ftr-menu dt {
	margin-bottom: 4px;
}
#ftr .ftr-menu dd {
	line-height: 1.9;
}
#ftr .ftr-menu dd a {
	font-size: 83%;
}
/** ftr-copy --------------------------------**/
#ftr .ftr-copy {
	border-top: 1px solid #333;
}
#ftr .ftr-copy p {
	color: #ccc;
	text-align: center;
}
/*==================================
* error404 modules
==================================*/
#error404 h2 {
	overflow: visible;
	height: auto;
	font-size: 150%;
	font-weight: bold;
}
#error404 .msg {
	padding-bottom: 30px;
}
#error404 .msg p:first-child {
	margin-bottom: 10px;
}
#error404 .pager a {
	width: 100px;
}

@charset "utf-8";
/* CSS Document */

/* -------------------------------------------- 
CSS Information  

Site URL:       http://www.espoir-nail.com
File name:      /css/top.css
Created:        2013-12-06
Style Info:     サイトTOPページcss
----------------------------------------------- */
/* ----------------------------- 
Table of Contents
* layout
* common modules
* modules
  - top-main
  - top-menu
  - top-campaign
  - top-design
  - top-info
  - top-blog
----------------------------- */

/*==================================
* layout
==================================*/
#container {
	padding-top: 30px;
}

/*==================================
* common modules
==================================*/
#container h2 span {
	overflow: hidden;
	display: block;
	float: left;
	height: 0;
	padding-top: 26px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/top/h2_ttl.png") no-repeat 0 0;
}
#container h2 a {
	float: right;
	padding-right: 15px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_link_ico.png") no-repeat right -48px;
	color: #333;
}
#container h2 a:hover {
	background-position: right -109px;
	color: #ccc;
}

/*==================================
* modules
==================================*/
/* top-main
----------------------------- */
#top-main div {
	overflow: hidden;
	height: 0;
	padding-top: 340px;
}
#top-main .img-02,
#top-main .img-03,
#top-main .img-04,
#top-main .img-05 {
	display: none;
}
#top-main .img-01 { background: #fff url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/top/top_img_01.jpg") no-repeat center 0; }
#top-main .img-02 { background: #000 url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/top/top_img_02.jpg") no-repeat center 0; }
#top-main .img-03 { background: #bdb4c0 url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/top/top_img_03.jpg") no-repeat center 0; }
#top-main .img-04 { background: #f4f3ef url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/top/top_img_04.jpg") no-repeat center 0; }
#top-main .img-05 { background: #f6f6f6 url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/top/top_img_05.jpg") no-repeat center 0; }
/* top-menu
----------------------------- */
#top-menu {
	width: 980px;
	margin: 0 auto;
}
#top-menu ul {
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#top-menu .nail,
#top-menu .mens,
#top-menu .eyebrow,
#top-menu .eyelash {
	position: relative;
	float: left;
	border-left: 1px solid #ddd;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/top/menu_ttl.png") no-repeat 20px 27px;
}
#top-menu li a {
	display: block;
	color: #333;
	font-size: 92%;
}
#top-menu li a:hover {
	color: #ccc;
	text-decoration: none;
}
#top-menu li span {
	position: absolute;
	top: 44px;
	left: 20px;
}
#top-menu .nail {
	width: 420px;
	height: 80px;
	border: 0;
}
#top-menu .nail ul {
	padding: 21px 0 0 90px;
	border: 0;
}
#top-menu .nail li {
	display: inline-block;
	width: 130px;
	border: 0;
	line-height: 1.75;
}
*:first-child+html #top-menu .nail li {
	display: inline;
	zoom: 1;
}
#top-menu .nail a {
	display: inline;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_link_ico.png") no-repeat 0 -458px;
	padding-left: 12px;
}
#top-menu .mens {
	background-position: 20px -36px;
}
#top-menu .eyebrow {
	background-position: 20px -98px;
}
#top-menu .eyelash {
	background-position: 20px -164px;
}
#top-menu .mens a,
#top-menu .eyebrow a,
#top-menu .eyelash a {
	width: 277px;
	height: 80px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_link_ico.png") no-repeat 256px -16px;
}
#top-menu .mens a:hover,
#top-menu .eyebrow a:hover,
#top-menu .eyelash a:hover {
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_link_ico.png") no-repeat 256px -77px;
}
/* top-campaign
----------------------------- */
#top #campaign {
	margin-bottom: 30px;
}
#top #campaign .bnr {
	margin-bottom: 20px;
}
#top #campaign h2,
#top #design h2 {
	margin-bottom: 20px;
}
#top #campaign h2 span {
	width: 289px;
}
#top #campaign .pickup {
	margin-bottom: 20px;
}
#top #campaign .pickup h3 {
	margin-bottom: 5px;
	padding-left: 62px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/top/top_campaign_pickup.png") no-repeat 0 center;
	font-weight: bold;
}
#top #campaign li {
	width: 355px;
}
#top #campaign .first-campaign {
	float: left;
}
#top #campaign .second-campaign {
	float: right;
}
#top #campaign li > a {
	display: block;
	padding: 8px 20px;
	background: #111 url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_link_ico.png") no-repeat 329px -161px;
	color: #fff;
	font-weight: bold;
}
#top #campaign li > a:hover {
	background: #d45 url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/common/cmn_link_ico.png") no-repeat 329px -161px;
}
#top #campaign li > div {
	padding: 17px 12px 15px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background-color: #fff;
}
#top #campaign li dl {
	margin-top: 10px;
}
#top #campaign li dl:first-child {
	margin: 0;
}
#top #campaign li dt,
#top #campaign li dd {
	float: left;
}
#top #campaign li dt {
	width: 85px;
	padding-right: 15px;
	font-weight: bold;
}
#top #campaign li dd {
	width: 228px;
	border-left: 1px dotted #ccc;
}
#top #campaign li dd > div {
	margin-left: 1px;
	padding-left: 15px;
	border-left: 1px dotted #ccc;
}
#top #campaign h3 .data-no {
	display: inline-block;
	height: 14px;
	margin-right: 8px;
	padding: 0 4px 0 3px;
	background-color: #d45;
	color: #fff;
	font-size: 83%;
	font-weight: bold;
	line-height: 14px;
}
*:first-child+html #top #campaign h3 .data-no {
	display: inline;
	zoom: 1;
}
/* top-design
----------------------------- */
#top #design {
	margin-bottom: 40px;
}
#top #design h2 span {
	width: 241px;
	background-position: 0 -56px;
}
#top #design #nail-feed,
#top #design #special-feed {
	width: 355px;
}
#top #design #nail-feed {
	float: left;
}
#top #design #nail-feed > p {
	display: none;
}
#top #design #special-feed {
	float: right;
}
#top #design #special-feed li {
	margin-top: 5px;
}
#top #design #special-feed li:first-child {
	margin: 0;
}
/** insta-feed --------------------------------**/
#top #design .insta-feed {
	margin-top: 14px;
}
#top #design .insta-feed .ttl {
	margin-bottom: 5px;
}
#top #design .insta-feed .ttl img {
	float: left;
	margin-right: 3px;
	vertical-align: middle;
}
#top #design .insta-feed .ttl span {
	color: #999;
	font-size: 91%;
}
#top #design .insta-feed .ttl span a {
	color: #999;
	text-decoration: underline;
}
#top #design .insta-feed .ttl span a:hover {
	text-decoration: none;
}
/* top-info
----------------------------- */
#top #information {
	float: left;
	width: 355px;
}
#top #information h2,
#top #blog h2 {
	margin-bottom: 15px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
}
#top #information h2 span {
	width: 174px;
	background-position: 0 -111px;
}
#top #information li,
#top #blog li {
	margin-top: 12px;
}
#top #information li:first-child,
#top #blog li:first-child {
	margin: 0;
}
#top #information li span,
#top #blog li span {
	float: left;
	width: 131px;
	color: #666;
	font-size: 92%;
}
#top #information li p,
#top #blog li p {
	float: left;
	width: 210px;
}
/* top-blog
----------------------------- */
#top #blog {
	float: right;
	width: 355px;
}
#top #blog h2 span {
	width: 133px;
	background-position: 0 -158px;
}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	top: 295px;
	width: 100%;
	z-index: 9999;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url("http://www.espoir-nail.com/wp-espoir/wp-content/themes/espoir/images/top/bx_loader.gif") center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 7px;
	height: 7px;
	margin: 0 3px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */


.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
.wp_social_bookmarking_light{
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
.wp_social_bookmarking_light div{
float: left !important;
border: 0 !important;
padding: 0 !important;
margin: 0 5px 0px 0 !important;
height: 23px !important;
text-indent: 0 !important;
}
.wp_social_bookmarking_light img{
border: 0 !important;
padding: 0;
margin: 0;
vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
clear: both !important;
}
.wsbl_twitter{
width: 100px;
}