@charset "shift_jis";

* { margin: 0; padding: 0;}
body { background:#FFF; font-size: 82%; margin: 0; padding: 0; text-align: center; /*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,Verdana ;*/ color: #797979;}

a img { border: none;}

.clearall { clear: both; line-height: 3px; height: 3px; font-size: 1px;}
img.clearall { clear: both; line-height: normal; height: auto;}
.clearnone { clear: none;}


#subMainRight h3.clearnone { clear: none;}


#centerarea .clearall { clear: both; line-height: 15px; height: 15px;}
#footer .clearall { clear: both; line-height: 15px; height: 15px;}


a { text-decoration: none; color: #0C94C0;}
a:hover { text-decoration: underline; color: #37BBE6;}
a:active { color: #AC7070;}
a:visited { color: #AC7070;}







/* MacIE5Only \*//*/
#dummy a { background:url(../imgs/menu_hd_dr.gif) no-repeat; height: 30px; width: 99px; display: inline-table;}
/* end */

#container { width: 770px; background: #FFFFFF; margin-left: auto; margin-right: auto;}



/*----------------------------------　ヘッダ　----------------------------------*/

#header { width: 750px; margin-left: auto; margin-right: auto; height: 105px; background: url(../imgs/bg_head.gif) right bottom no-repeat; position: relative; border-top: 2px solid #B85A5A;}

#headnavi { text-align: left; position: relative; height: 22px; line-height: 22px; font-size: 10px; background: #D5C6C6;}
#headnavi strong { padding-left: 5px; color: #FFFFFF;}
#headnavi ul { display: block; width: 284px; position: absolute; right: 0; top: 0;}
#headnavi ul li { float: left; height: 22px; list-style-type: none; margin: 0; padding: 0;}
#headnavi ul li a { height: 22px; display: block;}
#headnavi ul li a span { position: absolute; left: -9999px;}



#hnaviAccess { width: 107px; background: url(../imgs/img_hnavi_access.gif) no-repeat top left;}
#hnaviInquiry { width: 75px; background: url(../imgs/img_hnavi_inquiry.gif) no-repeat top left;}
#hnaviPrivacy { width: 104px; background: url(../imgs/img_hnavi_privacy.gif) no-repeat top left;}
#hnaviSitemap { width: 73px; background: url(../imgs/img_hnavi_sitemap.gif) no-repeat top left;}
#hnaviAccess a { width: 107px;}
#hnaviInquiry a { width: 75px;}
#hnaviPrivacy a { width: 104px;}
#hnaviSitemap a { width: 73px;}

#header h1 span { position: absolute; left: -9999px;}
#header h1 { position: absolute; top:39px; left: 15px; width: 177px; height: 58px; background: url(../imgs/logo_nakano.gif) no-repeat top left;}

#header #logo span { position: absolute; left: -9999px;}
#header #logo { position: absolute; top:39px; left: 15px; width: 177px; height: 58px; background: url(../imgs/logo_nakano.gif) no-repeat top left;}
#header #logo a { width: 177px; height: 58px; display: block;}


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

#globalNavi { height: 55px; width: 770px; position: relative; background: url(../imgs/bg_globalnavi.gif) top center no-repeat;}

#globalNavi ul { height: 45px; top: 0; left: 10px; position: absolute;}
#globalNavi ul li { height: 45px; float: left; list-style-type: none; margin: 0; padding: 0;}
#globalNavi ul li a { height: 45px; display: block;}
#globalNavi ul li a span { position: absolute; left: -9999px;}

li#naviAbout a { width: 90px; background: url(../imgs/navi_about.gif) no-repeat top left;}
li#naviCare a { width: 92px; background: url(../imgs/navi_care.gif) no-repeat top left;}
li#naviFee a { width: 82px; background: url(../imgs/navi_fee.gif) no-repeat top left;}
li#naviCosme a { width: 115px; background: url(../imgs/navi_cosme.gif) no-repeat top left;}
li#naviStaff a { width: 143px; background: url(../imgs/navi_staff.gif) no-repeat top left;}
li#naviAdvisement a { width: 75px; background: url(../imgs/navi_advisement.gif) no-repeat top left;}
li#naviQanda a { width: 66px; background: url(../imgs/navi_qanda.gif) no-repeat top left;}
li#naviInquiry a { width: 87px; background: url(../imgs/navi_inquiry.gif) no-repeat top left;}


/*----------------------------------　グローバルナビ サブ　----------------------------------*/

#globalSnavi { height: 48px; width: 770px; position: relative; background: url(../imgs/bg_globalsnavi.gif) top center no-repeat;}

#globalSnavi ul { height: 38px; top: 5px; left: 10px; position: absolute;}
#globalSnavi ul li { height: 38px; float: left; list-style-type: none; margin: 0; padding: 0;}
#globalSnavi ul li a { height: 38px; display: block;}
#globalSnavi ul li a:hover { background-position: bottom;}
#globalSnavi ul li a span { position: absolute; left: -9999px;}

li#snaviAbout a { width: 90px; background: url(../imgs/snavi_about.gif) no-repeat top left;}
li#snaviCare a { width: 92px; background: url(../imgs/snavi_care.gif) no-repeat top left;}
li#snaviFee a { width: 82px; background: url(../imgs/snavi_fee.gif) no-repeat top left;}
li#snaviCosme a { width: 115px; background: url(../imgs/snavi_cosme.gif) no-repeat top left;}
li#snaviStaff a { width: 143px; background: url(../imgs/snavi_staff.gif) no-repeat top left;}
li#snaviAdvisement a { width: 75px; background: url(../imgs/snavi_advisement.gif) no-repeat top left;}
li#snaviQanda a { width: 66px; background: url(../imgs/snavi_qanda.gif) no-repeat top left;}
li#snaviInquiry a { width: 87px; background: url(../imgs/snavi_inquiry.gif) no-repeat top left;}

li#snaviAboutOn a { width: 90px; background: url(../imgs/snavi_about_on.gif) no-repeat top left;}
li#snaviCareOn a { width: 92px; background: url(../imgs/snavi_care_on.gif) no-repeat top left;}
li#snaviFeeOn a { width: 82px; background: url(../imgs/snavi_fee_on.gif) no-repeat top left;}
li#snaviCosmeOn a { width: 115px; background: url(../imgs/snavi_cosme_on.gif) no-repeat top left;}
li#snaviStaffOn a { width: 143px; background: url(../imgs/snavi_staff_on.gif) no-repeat top left;}
li#snaviAdvisementOn a { width: 75px; background: url(../imgs/snavi_advisement_on.gif) no-repeat top left;}
li#snaviQandaOn a { width: 66px; background: url(../imgs/snavi_qanda_on.gif) no-repeat top left;}
li#snaviInquiryOn a { width: 87px; background: url(../imgs/snavi_inquiry_on.gif) no-repeat top left;}

/*----------------------------------　インデックスメイン　----------------------------------*/

#idxMain { width: 740px; margin-left: auto; margin-right: auto;}
#idxMainLeft { width: 480px; float: left; text-align: left;}
#idxMainRight { width: 243px; float: right; text-align: left;}

#idxMainCmt { background: url(../imgs/ttl_idx_whatsmebg.gif) repeat-y; margin-bottom: 10px;}
#idxMainCmt p { padding: 0 5px; margin-bottom: 0;}
#idxMainBtm { background: url(../imgs/ttl_idx_whatsmebtm.gif) no-repeat bottom; line-height: 7px; height: 7px; width: 463px; clear: both;}


.pucontents { clear: both; width: 463px; padding-top: 5px;}
.puphoto { width: 90px; float: left;}
.putext { width: 365px; float: right;}
.putext h3 { color: #D26B6B; font-size: 90%; background: url(../imgs/img_line02.gif) bottom no-repeat; padding-bottom: 5px; padding-top: 5px; margin-bottom: 3px;}



#tabHead1,#tabHead2,#tabHead3 { background-position: top; background-repeat: no-repeat; clear: both; display: block; line-height: 6px; height: 6px; width: 463px; overflow: hidden; font-size: 1px;}
.tabbtm { background: url(../imgs/img_search_btm.gif) no-repeat bottom; line-height: 2px; height: 2px; clear: both; display: block; width: 463px; font-size: 1px;}

#tabHead1 { background-image:url(../imgs/img_search01_btm.gif);}
#tabHead2 { background-image:url(../imgs/img_search02_btm.gif);}
#tabHead3 { background-image:url(../imgs/img_search03_btm.gif);}

#tabBody1,#tabBody2,#tabBody3 { background-position: top; background-repeat: no-repeat; clear: both; display: block; font-size: 80%;}
#tabBody1 ul,#tabBody2 ul,#tabBody3 ul { float: left; width: 143px; padding: 5px; margin: 0; list-style: disc;}
#tabBody1 ul li,#tabBody2 ul li,#tabBody3 ul li { margin-left: 20px; list-style-type:disc; margin-top: 0.4em; margin-bottom: 0.3em; list-style-image: url(../imgs/icon_list.gif);}
#tabBody1 { background-image:url(../imgs/bg_search01.gif);}
#tabBody2 { background-image:url(../imgs/bg_search02.gif);}
#tabBody3 { background-image:url(../imgs/bg_search03.gif);}


#idxCosme { background: url(../imgs/bg_idx_cosme.gif) repeat-y;}
#idxCosmeBody { margin-left: 5px; margin-right: 5px;}
#idxCosme img.fleft { padding-left: 5px;}
#idxCosme p { line-height: 140%; font-size: 85%;}
#idxCosmeBtm { background:url(../imgs/ttl_idx_cosmebtm.gif) no-repeat bottom; width: 243px; height: 7px; line-height: 7px; clear: both; font-size: 1px;}


#idxBnr { clear: both; background: #FFFFFF; padding-top: 5px; padding-bottom: 5px;}

#idxDtr { margin-left: auto; margin-right: auto; width: 224px;}
#idxDtr img.fleft { padding-right: 5px;}
#idxDtr p { /*width: 135px; float: right;*/ font-size: 85%; line-height: 130%;}

#idxInformation { margin-left: auto; margin-right: auto; width: 224px;}
#idxInformation access { line-height: 140%;}
#idxInformation p { color: #A94E50; margin-bottom: 0.2em;}

#ftrlink { font-size: 80%; background-color: #F0E9E9; padding-top: 3px; padding-bottom: 3px; width: 750px; margin-left: auto; margin-right: auto; margin-bottom: 1px; margin-top: 10px;}

#footer { border-top: 3px solid #BA4949; clear: both; width: 750px; margin-left: auto; margin-right: auto; padding-bottom: 20px; text-align: left; padding-top: 5px; background: url(../imgs/img_copy.gif) top right no-repeat;}
address { font-style: normal; line-height: 130%;}




/*----------------------------------　サブメイン　----------------------------------*/

#location { width: 750px; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 10px; text-align: left; font-size: 80%;}

#subMain { width: 750px; margin-left: auto; margin-right: auto; background: url(../imgs/bg_submain.gif) repeat-y left;}
#subMainLeft { width: 190px; float: left; text-align: left;}
#subMainRight { width: 523px; float: right; text-align: left;}


#subMainfull #subMainLeft { display: none;}
#subMainfull #subMainRight { width: 750px; text-align: left; float: none; margin-left: auto; margin-right: auto;}



#subMainRight h1 { margin-bottom: 0.5em;}

#subMainLeft ul { margin: 0; padding: 0; background: url(../imgs/bg_submenuarea.gif) repeat-y; margin-bottom: 8px;}
#subMainLeft ul li { margin: 0 0 0.2em 23px; list-style: none; padding: 0; list-style-image: url(../imgs/icon_smenu_list.gif); font-size: 85%; }
#subMainLeft ul li a { color:#9F9F9F; text-decoration: none;}
#subMainLeft ul li a:hover { color: #518AB5;}

#subMainLeft .menucgy { width: 180px; padding: 2px 5px 2px 5px; clear: both; margin: 0; background:url(../imgs/bg_submenu.gif) bottom; display: block; font-weight: bold; border-top: 1px solid #BBBBBB}




hr { border: 1px #CCCCCC dotted; height: 1px; margin-top: 10px; margin-bottom: 10px;}
.linetop { background: url(../imgs/bg_pagetop.gif) repeat-x; text-align: right; clear:both; margin-top: 10px; margin-bottom: 10px;}


.halfbox { width: 250px; float: left; padding-left: 5px; padding-right: 5px;}

#topicslist ul li { border-bottom: 1px dotted #CCCCCC; margin-left: 0; list-style: none; padding-top: 0.３em; padding-bottom: 0.3em;}


#cosmelist { width: 750px;}
#cosmelist div { width: 240px; float: left; margin: 0 5px;}
#cosmelist div img { float: right;}
#cosmelist div h3 { width:160px; clear: none; margin-top: 0; background-image: none; border-bottom: 1px dotted #D9B4B4; color: #B80000; padding-left: 0; padding-bottom: 0.2em; margin-bottom: 0.4em;}
#cosmelist div p { margin-top: 0.2em; margin-bottom: 0.2em; font-size: 85%; width: 160px; line-height: 120%;}


#cosmelist p.clearall { clear: both; clear: all; display: block; width: 500px; height: 20px; margin: 0;}




dl#sitemap { border-bottom: 1px dotted #999999;}
dl#sitemap dt { font-weight: bold; border-top: 1px dotted #999999; padding-top: 10px; margin-bottom: 0.3em;}
dl#sitemap dd { padding-left: 10px; padding-bottom: 10px;}



.pagetop { height: 30px; display: block; clear: both; padding-top: 20px;}




/*----------------------- タブメニュー ---------------------------*/
.menu {background-color:#ececec; height:31px;width:480px;}
.menu ul {margin:0px; padding:0px; list-style:none;}
.menu li { width: 240px; height:31px; margin:0px; padding:0px; float: left;}
.menu li a { width: 240px; height:31px; margin:0px; padding:0px; display: block; text-indent: -9999px;}

a#tablink1 { background: url(../imgs/btn_tab_01.png) top no-repeat; width: 240px;}
a#tablink2 { background: url(../imgs/btn_tab_02.png) top no-repeat; width: 240px;}

.menu li a.tabactive {position:relative;}

a#tablink1.tabactive  { background: url(../imgs/btn_tab_01.png) bottom no-repeat; width: 240px;}
a#tablink2.tabactive  { background: url(../imgs/btn_tab_02.png) bottom no-repeat; width: 240px;}


#tabcontent1,#tabcontent2 { width:480px; text-align: left; padding:10px 0 5px 0; clear: both;}
#tabcontent1 ul,
#tabcontent2 ul { width: 152px; float: left; margin-left: 2px; margin-right: 2px;}
#tabcontent1 ul li,
#tabcontent2 ul li { margin:4px 0 0 25px; padding: 0; list-style: none;}

#tabcontent1 ul li { list-style-image: url(../imgs/icon_tab_01.png);}
#tabcontent2 ul li { list-style-image: url(../imgs/icon_tab_02.png);}

#tabcontent1 { border-top: 2px solid #a2598d; background: #fef5fc url(../imgs/bg_tab_01.png) top repeat-y; border-bottom: 1px solid #a2598d;}

#tabcontent2 { border-top: 2px solid #ad8137; background: #f8eed6 url(../imgs/bg_tab_02.png) top repeat-y; border-bottom: 1px solid #ad7e37;}









/*----------------------- コスメリスト ---------------------------*/

#subMainRight .box-cosme01 { width: 240px; border-top: 2px solid #F7E1E1; padding-top: 5px;}
#subMainRight .box-cosme01 img { float: left;}
#subMainRight .box-cosme01 h4 { background-image: none; padding-left: 0; margin-bottom: 0; width: 155px; margin-top: 0; clear: none; float: right;}
#subMainRight .box-cosme01 .txtbrw01 { margin-bottom: 0.3em; font-size: 85%; width: 155px; float: right;}
#subMainRight .box-cosme01 .comment { font-size: 85%; width: 155px; line-height: 130%; float: right;}

#subMainRight .box-cosme02 { width: 365px;}
#subMainRight .box-cosme02 img { float: right;}
#subMainRight .box-cosme02 h4 { background-image: none; padding-left: 0; margin-bottom: 0; width: 250px; clear: none; margin-top: 0;}
#subMainRight .box-cosme02 .txtbrw01 { margin-bottom: 0.3em; font-size: 85%; width: 250px;}
#subMainRight .box-cosme02 .comment { font-size: 85%; width: 250px; line-height: 130%;}

#subMainRight .box-cosme03 { width: 365px; border-top: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; padding-top: 10px; }
#subMainRight .box-cosme03 img { float: left;}
#subMainRight .box-cosme03 h4 { background-image: none; padding-left: 0; padding-right: 10px; margin-bottom: 0; width: 240px; clear: none; margin-top: 0; float: right; font-size: 110%;}
#subMainRight .box-cosme03 .txtbrw01 { margin-bottom: 0.4em; font-size: 85%; width: 240px; float: right; padding-right: 10px;}
#subMainRight .box-cosme03 .comment { font-size: 95%; width: 240px; line-height: 120%; float: right; padding-right: 10px;}


.mgl10px { margin-left: 10px;}
.mgl15px { margin-left: 15px;}
.mgl20px { margin-left: 20px;}








@charset "shift_jis";

body {
}

.fleft { float: left;}
.fright { float: right;}


.txtLeft { text-align: left;}
.txtRight { text-align: right;}





#subMainRight h2 { background: url(../imgs/img_h2bg.gif) no-repeat; line-height: 37px; height: 37px; padding-left: 27px; display: block; clear: both; font-size: 14px; color: #CC3300; margin-bottom: 0.8em; margin-top: 1.3em;}
#subMainfull #subMainRight h2 { background: url(../imgs/img_h2bg_l.gif) no-repeat; line-height: 37px; height: 37px; padding-left: 27px; display: block; clear: both; font-size: 14px; color: #CC3300; margin-bottom: 0.8em; margin-top: 1.3em;}
#subMainRight h3 { background: url(../imgs/img_h3.png) no-repeat; padding-left: 25px; display: block; clear: both; font-size: 120%; color:#FFA6A8; margin-bottom: 0.8em; margin-top: 1.3em; padding-top: 4px; padding-bottom: 4px;}
#subMainRight h4 { display: block; clear: both; font-size: 110%; color: #EA7788; margin-bottom: 0.8em; margin-top: 1.3em;}


/*---------------- 段落 ----------------*/
p { margin-top: 0; margin-bottom: 0.7em; line-height: 160%;}
p .fright { margin-left: 5px;}






ul { margin-bottom: 0.8em;}
ul li { }
ol {}
li { margin-left: 25px; margin-bottom: 0.2em; line-height: 140%;}

#subMainRight ul li { list-style-image: url(../imgs/icon_list01.gif);}

/*-------------------- テーブル ---------------------*/

.table01 { border-collapse: separate;}
.table01 td { padding: 5px; vertical-align: top; font-size: 80%;}
.table01 th { padding: 5px; vertical-align: top; text-align: left; border-right: 2px solid #8EBDC6; font-size: 80%;}

.table02 { border-collapse: separate; background-color:#CCCCCC; width: 100%;}
.table02 td { padding: 5px; vertical-align: top; background-color: #FFFFFF; border: 1px solid #FFFFFF; font-size: 80%;}
.table02 th { padding: 5px; vertical-align: top; text-align: left; border: 1px solid #FFFFFF; background-color:#F2F2F2; font-size: 82%;}

.table03 { border-collapse: collapse; width: 100%; margin-bottom: 0.3em; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
.table03 td { padding: 5px; vertical-align: top; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-size: 100%;}
.table03 th { padding: 5px; text-align: center; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-size: 100%;}

.table04 { border-collapse: separate; width: 100%;}/*--料金表用--*/
.table04 td { padding-top: 2px;}
.table04 td strong { color: #FA769D; }
.table04 th { }

.table05 { border-collapse: collapse; width: 100%; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}/*--料金表用2--*/
.table05 td { padding: 5px; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; vertical-align: middle; line-height: 130%;}
.table05 td strong { color: #FA769D; }
.table05 th { padding: 5px; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; vertical-align: middle; line-height: 130%;}

.table06 { border-collapse: collapse; width: 100%; margin-bottom: 0.3em; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
.table06 td { padding: 5px; vertical-align: top; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-size: 100%;}
.table06 th { padding: 5px; text-align: center; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; font-size: 100%;}



/*-------------------- dl ---------------------*/

dl.formstyle { width: 500px; margin-left: 50px}
dl.formstyle dt { width: 150px; float: left; margin-top: 3px; margin-bottom: 17px; display: block; margin-right: 0; margin-left: 0;}
dl.formstyle dd { width: 320px; float: left; margin-bottom: 20px; display: block; margin-right: 0; margin-left: 0;}


.dlstyle01 { }
.dlstyle01 dt { float: left; width: 150px; margin-bottom: 5px; padding: 5px 0 0 0; font-weight: bold; border-top: 1px solid #CCCCCC; clear: both;}
.dlstyle01 dd { float: left; width: 440px; border-left: 2px solid #8EBDC6; border-top: 1px solid #CCCCCC; margin-bottom: 5px; padding: 3px 0 3px 5px; line-height: 130%;}
.dlstyle01 dd ul { margin: 0; padding: 0;}
.dlstyle01 dd li { margin-top: 0; margin-bottom: 0.1em; line-height: 130%; padding-top: 0;}
.dlstyle01 dd p { margin-top: 0; margin-bottom: 0.4em; line-height: 130%;}


.dlqanda {}
.dlqanda dt { text-indent: -22px; margin-bottom: 0.5em; padding-left: 27px;}
.dlqanda dd { text-indent: -22px; margin-bottom: 1em; padding-left: 27px; border-bottom: 1px dotted #999999; padding-bottom: 1em; line-height: 130%;}



/*-------------------- 基本体裁 ---------------------*/
.center { text-align: center;}

.fs90p { font-size: 90%;}
.fs80p { font-size: 80%;}


/*-------------------- テキストカラー ---------------------*/
.txtred01 { color: #FF0000;}
.txtred02 { color: #CC0000;}
.txtred03 { color: #990000;}

.txtblue01 { color: #0098E1;}
.txtblue02 { color: #5DC4E8;}
.txtblue03 { color: #A1D3E5;}

.txtgrn01 { color: #3B9600;}
.txtgrn02 { color: #93DB16;}
.txtgrn03 { color: #B4ED29;}


.txtbrw01 { color: #B8812B;}


.bgclrgray01 { background-color:#EFEFEF;}

.bgclrred01 { background-color: #FCF3FB;}b