@charset "shift_jis";

/*
	Site Name: エステ・人気ランキング
	Description: layout style
	
	コンテンツ幅 710px指定
	
*/

/*
===== CONTENTS ===========================================

	1: COMMON
	2: WRAPPER
	3: HEADER
	4: FOOTER
	5: MAIN CONTENT
	6: SIDE CONTENT

==========================================================
*/


/* default n-clearfix---------------------*/
.n-clearfix { display: inline-block;}
.n-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:1.1; font-size:1%; }
/*\*/
* html .n-clearfix { height: 1%;}
.n-clearfix { display: block;}
/**/
/*----------------------------------------*/










/*
===== 1: COMMON ==========================================
*/



#n-column-main .n-txt-closing {
	text-align: right;
	margin-bottom: 20px;
}





/*
===== 2: WRAPPER ==========================================
*/



#n-wrapper {
	width: 970px;
	margin: 0 auto;
	background: url(/esthe_img/n_common/body_wrapper_bg.gif) #FFFFFF repeat-y;

}










/*
===== 3: HEADER ==========================================
*/



/*** ヘッダ左要素 ***/

#n-header .n-pos-01 {
	position: relative;
	float: left;
	width: 690px;
	height: 68px;
	
}


#n-header .n-pos-01 h1 {
	position: relative;
	left: 22px;
	top: 10px;
	color: #f01b85;
	line-height: 1.1;
	font-weight: normal;
}

/*旧commonから追加 20090820 imai 20131016 森村→display:inline;追記*/
#n-header h1 {
	/*margin: 0 5px 5px ;*/
	font-size: 80%;
	color: #FF8AB9;
	/*変更 20090820 imai */
	position: relative;
	left: 10px;
	top: 0px;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", Verdana, sans-serif;
	display:inline;
}

/*”エステ”のみにh1作業 20131016 森村 */
#n-header .header_sitetitle p {
	/*margin: 0 5px 5px ;*/
	font-size: 80%;
	color: #FF8AB9;
	/*変更 20090820 imai */
	position: relative;
	left: 10px;
	top: 0px;
	font-weight: normal;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", Verdana, sans-serif;
	display:inline;
}

/*旧commonから追加 20090820 imai */
.esthe_title {
	margin: 5px 10px;
	}

/*新追加 20090820 imai */	
#logo2009 {
	position: relative;
	left: 10px;
	top: 2px;
}		


#n-header .n-pos-01 p {
	position: absolute;
	left: 22px;
	top: 30px;
}
#n-header .n-pos-01 #n-search {
	position: absolute;
	left: 330px;
	top: 28px;
	width: 244px;
	background: url(/esthe_img/n_common/head_search_bg_top.gif) left top no-repeat;
}
#n-header .n-pos-01 #n-search form {
	padding: 5px 10px 4px 10px;
	background: url(/esthe_img/n_common/head_search_bg_btm.gif) left bottom no-repeat;
}
*:first-child+html #n-header .n-pos-01 #n-search form {
	padding: 5px 10px 2px 10px;
}
*:first-child+html #n-header .n-pos-01 #n-search form img {
	margin-top: 2px;
	vertical-align: top;
}
#n-header .n-pos-01 #n-search form input.n-search-txt {
	height: 18px;
	width: 125px;
}
* html #n-header .n-pos-01 form #n-search input.n-search-txt {
	height: 20px;
}
#n-header .n-pos-01 #n-search form input.n-search-btn {
	margin-top:1px;
	vertical-align: top;
}
* html #n-header .n-pos-01 #n-search form input.n-search-btn {
	margin-top: 0;
}
* html #n-header .n-pos-01 #n-search form input.n-search-btn {
}



/*** ヘッダ右要素 ***/

#n-header .n-pos-02 {
	position: relative;
	float: right;
	width: 280px;
	height: 68px;
}
#n-header .n-pos-02 p {
	position: relative;
	right: 19px;
	top: 14px;
	text-align: right;
}
#n-header .n-pos-02 ul {
	position: absolute;
	right: 12px;
	top: 40px;
	height: 17px;
}
#n-header .n-pos-02 ul li {
	float: left;
	margin-right: 7px;
}



/*** グローバルナビ ***/

#n-header #n-gnavi {
	clear: both;
	padding: 0 10px 3px;
	background: url(/esthe_img/n_common/head_gnavi_bg.gif) left bottom no-repeat;
	
}
#n-header #n-gnavi li {
	height: 35px;
	float: left;
}



/*** パンくず ***/

#n-header #n-breadcrumb {
    min-height: 15px;
    height: auto !important;
    height: 15px;
    background: #FFF;
    font-size: 100%;
}

#n-header #n-breadcrumb {
    padding: 3px 15px;
    margin: 5px 0px 5px 0px;
}

#n-header #n-breadcrumb li {
	float: left;
	margin-right: 5px;
}

#n-header #n-breadcrumb li a {
    padding-right: 10px;
    background: url(/esthe_img/n_common/marker_03.gif) right center no-repeat;
    white-space: nowrap;
    /* text-decoration: none; */
}








/*
===== 4: FOOTER ==========================================
*/



#n-footer {
	clear: both;
	padding: 20px 0;
}
#n-footer a {
	color: #555;
	text-decoration:none;
}
#n-footer a:link{
	color: #555;
	text-decoration:none;
}
#n-footer a:visited{
	color: #555;
}
#n-footer a:hover{
	color: #ff6600;
	text-decoration:underline;
}
#n-footer a:active{
	color: #ff6600;
}



/*** ページトップ ***/

#n-footer .n-pagetop {
	margin: 0 34px 20px 0;
	text-align: right;
	font-size: 86%;
}
#n-column-main .n-pagetop {
	margin: 0 0 20px 0;
	text-align: right;
	font-size: 86%;
}



/*** アイコン レイアウト ***/

.n-left {
	margin: 0 0 10px 0;
	text-align: left;
}

.n-right {
	margin: 0 0 10px 0;
	text-align: right;
}

.n-center {
	margin: 0 0 10px 0;
	text-align: center;
}

/*** サイトTopへ戻るリンク ***/

.backtop {
	padding: 5px 0px;
	font-size: 86%;
	text-align:center;
	}


/*** フットナビ old ***/

#n-footer #n-fnavi {
	clear: both;
	margin: 0 34px 20px;
	text-align: center;
}
#n-footer #n-fnavi a {
	margin-right: 5px;
	padding-right: 8px;
	border-right: 1px solid #555;
	line-height: 1.1;
	white-space: nowrap;
}
#n-footer #n-fnavi a.n-firstitem {
	padding-left: 8px;
	border-left: 1px solid #555;
}


/*** フットナビnew ***/

#n-footer #n-fnavi2 {
	clear: both;
	margin: 0 34px 20px;
	text-align: center;
}
#n-footer #n-fnavi2 a {
	line-height: 1.1;
	white-space: nowrap;
}

#n-footer #n-fnavi2 ul{
	text-align:center;
	margin:0 auto;
}
#n-footer #n-fnavi2 .ul_top{
	width:700px;
}
#n-footer #n-fnavi2 .ul_bottom{
	    width: 666px;
    padding-top: 5px;
}

#n-footer #n-fnavi2 li{
	
	display:inline;
}
#n-footer #n-fnavi2 li a{
	border-right: 1px solid #555;
	padding-right: 8px;
	margin-right: 8px;
}

#n-footer #n-fnavi2 li:last-child a{
	border-right:none;
	padding-right: 0;
	margin-right: 0;
}


/*** フットインデックス ***/

#n-footer #n-footindex {
	margin-bottom: 20px;
	background: url(/esthe_img/n_common/foot_index_bg_top.gif) left top no-repeat;
}
#n-footer #n-footindex #n-footindex-inner {
	padding: 10px 44px 10px 53px;
	background: url(/esthe_img/n_common/foot_index_bg_btm.gif) left bottom no-repeat;
}
#n-footer #n-footindex #n-footindex-inner dl {
	float: left;
	width: 134px;
	margin-right: 10px;
	font-size: 86%;
}
#n-footer #n-footindex #n-footindex-inner dl dt {
	padding-bottom: 2px;
	font-weight: bold;
	color: #FF5C88;
}
#n-footer #n-footindex #n-footindex-inner dl dd {
	margin-left: 1em;
	padding-bottom: 2px;
	text-indent: -1em;
	line-height: 1.3;
}



/*** 関連サイト ***/

#n-footer #n-relatedsite {
	margin: 0 34px 10px;
	text-align: center;
	font-size: 86%;
}
#n-footer #n-relatedsite a {
	margin-left: 5px;
	padding-left: 8px;
	border-left: 1px solid #555;
	line-height: 1.1;
	white-space: nowrap;
}
#n-footer #n-relatedsite a.n-firstitem {
	padding-left: 8px;
	border-left: none;
}



/*** コピーライト ***/

#n-footer #n-copyright {
	text-align: center;
	font-size: 86%;
}










/*
===== 5: MAIN CONTENT ==========================================
*/



#n-column-main {
	float: left;
	width: 740px;
}

/* 2007版 指定　　20090827 imai */

#n-column-main-760 {
	color: #000;
	line-height:1.6em;
	text-align: left;
	display:block;
	float: left;
	width: 760px;
	padding: 14px 10px 0 20px;
	margin-bottom: 20px;
	background:url(/esthe_img/n_common/body_main_bg2.gif) left top no-repeat ;
	}

#n-column-main-950 {
	color: #000;
	line-height:1.6em;
	text-align: left;
	display:block;
	float: left;
	width: 960px;
	padding: 5px 10px 0 20px;
	margin-bottom: 20px;
	background:url(/esthe_img/n_common/body_main_bg3.gif) left top no-repeat ;
	}


#n-column-main h3 {
	position: relative;
	margin-bottom: 10px;
}




.n-article { display: inline-block;}
.n-article:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:1.1; font-size:1%; }
/*\*/
* html .n-article { height: 1%;}
.n-article { display: block;}
/**/


/*
===== : ミドルナビ ==========================================
*/



/*** 上部 ***/

#n-column-main .n-mnavi {
	height: 22px;
	margin-bottom: 15px;
	padding-left: 4px;
	border-bottom: 4px solid #fe77a3;
}

* html #n-column-main .n-mnavi {
	height: 26px;
	vertical-align:bottom;
}


#n-column-main .n-mnavi li {
	float: left;
	margin-right: 3px;
}



/*** 下部 ***/


#n-column-main .n-mnavi-btm {
	height: 23px;
	margin-bottom: 15px;
	padding-left: 4px;
}



#n-column-main .n-mnavi-btm li {
	float: left;
	margin-right: 3px;
}




/* ページ送り */

#n-column-main .n-numbers-top {
	height: 1.2em;
	position: relative;
	margin: 0;
	padding-bottom: 5px;
	border-bottom: 2px solid #ffbfd4;
}
#n-column-main .n-numbers-btm {
	position: relative;
	padding-top: 7px;
	border-top: 2px solid #ffbfd4;
}
#n-column-main .n-numbers-mdl {
	position: absolute;
	top: -5px;
	right: 0;
}


* html #n-column-main .n-numbers-mdl {
	top: 0;
}
*:first-child+html #n-column-main .n-numbers-mdl {
	top: -3px;
}
#n-column-main .n-numbers-top .n-num {
	position: absolute;
	left: 0;
	top: -4px;
	margin-bottom: 0;
	line-height: 1;
}

#n-column-main .n-numbers-btm .n-num {
	position: absolute;
	left: 0;
	top: 7px;
	margin-bottom: 0;
	line-height: 1;
}
*:first-child+html #n-column-main .n-numbers-btm .n-num {
	top: 6px;
}
* html #n-column-main .n-numbers-btm .n-num {
	margin-top: 3px;
}

#n-column-main .n-numbers-mdl p,
#n-column-main .n-numbers-mdl2 p {
	display: inline;
	margin: 0;
}
#n-column-main .n-numbers-top .n-num img,
#n-column-main .n-numbers-btm .n-num img,
#n-column-main .n-numbers-mdl .n-num img {
	margin-right: 5px;
	vertical-align: -2px;
}

#n-column-main .n-numbers-top .n-num span,
#n-column-main .n-numbers-btm .n-num span,
#n-column-main .n-numbers-mdl .n-num span {
	font-weight: bold;
	font-size: 150%;
	color: #ee4f83;
}
#n-column-main .n-numbers-top .n-pages,
#n-column-main .n-numbers-btm .n-pages,
#n-column-main .n-numbers-mdl .n-pages {
	margin-bottom: 0;
	text-align: center;
	line-height: 1.1;
	font-size: 110%;
}

#n-column-main .n-numbers-btm .n-pages {
    margin-top: 5px;
    float: right;
}




*:first-child+html #n-column-main .n-numbers-btm .n-pages {
	margin-top: 7px;
}
#n-column-main .n-numbers-mdl .n-pages,
#n-column-main .n-numbers-mdl2 .n-pages {
	margin-left: 30px;
}
#n-column-main .n-numbers-top .n-pages span,
#n-column-main .n-numbers-btm .n-pages span,
#n-column-main .n-numbers-mdl .n-pages span {
	margin-right: 20px;
}
#n-column-main .n-numbers-top .n-pages .n-back,
#n-column-main .n-numbers-btm .n-pages .n-back,
#n-column-main .n-numbers-mdl .n-pages .n-back {
	margin-right: 10px;
	padding-left: 12px;
	background: url(/esthe_img/n_common/marker_04.gif) left center no-repeat;
}
#n-column-main .n-numbers-top .n-pages .n-next,
#n-column-main .n-numbers-btm .n-pages .n-next,
#n-column-main .n-numbers-mdl .n-pages .n-next {
	margin-left: 10px;
	padding-right: 12px;
	background: url(/esthe_img/n_common/marker_05.gif) right center no-repeat;
}




/* 機能 */

#n-column-main .n-spec {
	padding-bottom: 10px;
}

#n-column-main .n-spec li {
	float: left;
	margin-right: 3px;
	padding-bottom: 2px;
}


/*
===== 6: SIDE CONTENT ==========================================
*/



#n-column-sub {
	float: right;
	width: 210px;
}

/*　2007版 サイド指定　*/
#n-column-sub-160 {
	float: right;
	width: 170px;
}



/*** バナーセット ***/

#n-column-sub .n-banners {
	padding-bottom: 5px;
}
#n-column-sub .n-banners li {
	margin-bottom: 5px;
}
#n-column-sub .n-banners li.n-overflow {
	margin-top: -3px;
}



/*** マイページ ***/


#n-column-sub .n-mypage {
	margin-bottom: 10px;
}
#n-column-sub .n-mypage h3.n-overflow {
	margin-top: -3px;
}
#n-column-sub .n-mypage div {
	margin-right: 10px;
	padding: 10px 15px 5px;
	background: #F5F5F5;
}
#n-column-sub .n-mypage div p {
	margin-bottom: 5px;
}
#n-column-sub .n-mypage div p.n-leadlink {
	text-align: right;
	font-size: 86%;
}



/*** 人気のレビュー/登録しているみんな ***/

#n-column-sub .n-review {
	margin-bottom: 10px;
	background: url(/esthe_img/n_common/side_box_01_bgbtm.gif) left bottom no-repeat;
	font-size: 86%;
}
#n-column-sub .n-review .n-review-inner {
	padding: 15px 20px 5px 10px;
	background: url(/esthe_img/n_common/side_box_01_bgtop.gif) left top no-repeat;
}
#n-column-sub .n-review .n-review-inner div {
	padding-bottom: 10px;
}
#n-column-sub .n-review .n-review-inner div .n-pos-01 {
	float: left;
	width: 90px;
	text-align: center;
}
#n-column-sub .n-review .n-review-inner div .n-pos-02 {
	float: right;
	width: 90px;
	text-align: center;
}
#n-column-sub .n-review .n-review-inner div .n-pos-01 img,
#n-column-sub .n-review .n-review-inner div .n-pos-02 img {
	display: block;
	margin: 0 auto 5px;
}
#n-column-sub .n-review .n-review-inner .n-total {
	padding: 5px 0;
	border-top: 1px dotted #FFD9C1;
	color: #FF6000;
	font-size: 130%;
	text-align: center;
}



/*** 注目キャンペーン ***/

#n-column-sub .n-campaign {
	margin-bottom: 10px;
	background: url(/esthe_img/n_common/side_box_01_bgbtm.gif) left bottom no-repeat;
}
#n-column-sub .n-campaign .n-campaign-inner {
	padding: 10px 20px 5px 10px;
	background: url(/esthe_img/n_common/side_box_01_bgtop.gif) left top no-repeat;
}
#n-column-sub .n-campaign .n-campaign-inner div {
	padding: 5px 0;
	border-top: 1px dotted #b4b4b4;
}
#n-column-sub .n-campaign .n-campaign-inner div.n-firstitem {
	padding-top: 0;
	border: none;
}
#n-column-sub .n-campaign .n-campaign-inner div a {
	display: block;
	float: right;
	width: 60px;
}
#n-column-sub .n-campaign .n-campaign-inner div dl {
	float: left;
	width: 115px;
}
#n-column-sub .n-campaign .n-campaign-inner div dl dt {
	margin-bottom: 3px;
}
#n-column-sub .n-campaign .n-campaign-inner div dl dt a {
	display: inline;
	float: none;
	width: auto;
	color: #f02e75;
	text-decoration:none;
}
#n-column-sub .n-campaign .n-campaign-inner div dl dt a:link{
	color: #f02e75;
	text-decoration:none;
}
#n-column-sub .n-campaign .n-campaign-inner div dl dt a:visited{
	color: #f02e75;
}
#n-column-sub .n-campaign .n-campaign-inner div dl dt a:hover{
	color: #ff6600;
	text-decoration:underline;
}
#n-column-sub .n-campaign .n-campaign-inner div dl dt a:active{
	color: #ff6600;
}



/*** 感想・要望 ***/

#n-column-sub .n-request {
	margin-bottom: 10px;
	background: url(/esthe_img/n_common/side_box_01_bgbtm.gif) left bottom no-repeat;
}
#n-column-sub .n-request .n-request-inner {
	/*padding: 15px 25px 10px 15px;*/
 padding: 15px 25px 10px 25px; /* All browsers */
*padding: 15px 8px 10px 35px; /* IE */
_padding: 15px 8px 10px 35px; /* IE6 */
.padding: 15px 8px 10px 35px; /* IE7 */
	background: url(/esthe_img/n_common/side_box_01_bgtop.gif) left top no-repeat;
}
#n-column-sub .n-request .n-request-inner form {
	text-align: center;
}
#n-column-sub .n-request .n-request-inner textarea {
	width: 168px;
	margin-bottom: 5px;
}
* html #n-column-sub .n-request .n-request-inner textarea {
	width: 170px;
}
#n-column-sub .n-request .n-request-inner input {
	margin-bottom: 5px;
}

.box-sideiflame {
 width:170; 
 height:300; /* All browsers */
*width:150; 
*height:200; /* IE */
_width:150; 
_height:200; /* IE6 */
.width:150; 
.height:200; /* IE7 */
}


/*** クチコミしたみんな ***/

#n-column-sub .n-uservoice {
	margin-bottom: 10px;
	background: url(/esthe_img/n_common/side_box_01_bgbtm.gif) left bottom no-repeat;
}
#n-column-sub .n-uservoice-inner {
	padding: 15px 25px 10px 15px;
	background: url(/esthe_img/n_common/side_box_01_bgtop.gif) left top no-repeat;
}
#n-column-sub .n-uservoice-inner li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ffd9c1;
}
#n-column-sub .n-uservoice-inner li img {
	margin-right: 10px;
	vertical-align: middle;
}
#n-column-sub .n-uservoice-inner p {
	padding-top: 5px;
	color: #FF6000;
	text-align: center;
	font-size: 120%;
}



/*** 登録したサロン ***/

#n-column-sub .n-bookmark {
	margin-bottom: 10px;
	background: url(/esthe_img/n_common/side_box_01_bgbtm.gif) left bottom no-repeat;
}
#n-column-sub .n-bookmark-inner {
	padding: 15px 25px 10px 15px;
	background: url(/esthe_img/n_common/side_box_01_bgtop.gif) left top no-repeat;
	text-align: center;
}
#n-column-sub .n-bookmark-inner dl dt,
#n-column-sub .n-bookmark-inner dl dd {
	text-align: center;
}
#n-column-sub .n-bookmark-inner dl dt a,
#n-column-sub .n-bookmark-inner .n-leadlink a {
	color: #f02e75;
	text-decoration:none;
}
#n-column-sub .n-bookmark-inner dl dt a:link,
#n-column-sub .n-bookmark-inner .n-leadlink a:link {
	color: #f02e75;
	text-decoration:none;
}
#n-column-sub .n-bookmark-inner dl dt a:visited,
#n-column-sub .n-bookmark-inner .n-leadlink a:visited {
	color: #f02e75;
}
#n-column-sub .n-bookmark-inner dl dt a:hover,
#n-column-sub .n-bookmark-inner .n-leadlink a:hover {
	color: #ff6600;
	text-decoration:underline;
}
#n-column-sub .n-bookmark-inner dl dt a:active,
#n-column-sub .n-bookmark-inner .n-leadlink a:active {
	color: #ff6600;
}
#n-column-sub .n-bookmark-inner dl dd {
	margin-bottom: 10px;
}
#n-column-sub .n-bookmark-inner .n-leadlink {
	text-align: right;
	font-size: 86%;
}


/*** ローテーションバナー用 ***/
		

#banner {
overflow: hidden;
width:240px;
margin:0;
}

#banner ul {
list-style: none;
width: 1200px;
}

#banner ul li {
float: left;
width: 240px;
}

#banner ul li img {
vertical-align: bottom;
}

.banner_right {
text-align:right;
}