@charset "shift_jis";

* { margin: 0; padding: 0;}
body { background: none; font-size: 75%; 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;}


#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: auto; background: #FFFFFF; margin-left: auto; margin-right: auto;}



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

#header { width: auto; margin-left: auto; margin-right: auto; height: 105px; background: url(../imgs/bg_head.gif) right top 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; display: none;}
#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:10px; 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:19px; 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; display: none;}

#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; background: url(../imgs/bg_idxright.gif) right repeat-y;}
#idxMainLeft { width: 463px; 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: 11px;}
#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.6em; margin-bottom: 0.4em;}
#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 { }
#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;}



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

#footer { border-top: 3px solid #BA4949; clear: both; width: auto; 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;}




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

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

#subMain { width: auto; margin-left: auto; margin-right: auto; background: none;}
#subMainLeft { width: 190px; float: left; text-align: left; display: none;}
#subMainRight { width: 523px; float: none; text-align: left; margin-left: auto; margin-right: auto;}

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


#subMainLeft ul { margin: 0; padding: 0;}
#subMainLeft ul li { margin: 0; list-style: none; padding: 0;list-style: none; float: left; width: 190px;}
#subMainLeft ul li a { color:#A40000; background: url(../imgs/bg_submenu.gif) bottom; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; font-size: 11px; display: block; width: 180px; text-decoration: none;}
#subMainLeft ul li a:hover { background: url(../imgs/bg_submenu_on.gif) bottom; }




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;}









#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%;}
















@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;}
#subMainRight h3 { background: url(../imgs/img_h3bg.gif) no-repeat; padding-left: 20px; display: block; clear: both; font-size: 110%; 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;}


/*---------------- 段落 ----------------*/
p { margin-top: 0; margin-bottom: 0.5em; line-height: 150%;}
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%;}


/*-------------------- 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;}





/*-------------------- テキストカラー ---------------------*/
.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;}



#tabContent {
	padding: 0px;
	width: 463px;
	height: 150px;
	margin-top: 10px; clear:both;
}

#tabContent li {
	padding: 0px;
	margin: 0;
	list-style: none;
}


#tabIndex {
	margin: 0;
	padding: 0;
	clear: both;
	padding-left: 3px;
}

#tabIndex li {
	float:left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
}

#tabIndex li span {
	position: absolute;
	left: -9999px;
}

#tabIndex li a:hover {
	
}

#tabIndex li img {
	float:left;
}

#tabIndex .close {
	margin: 0; padding: 0;
}
#tabIndex .open {
	margin: 0; padding: 0;
}

#tabBoxIndex {
	clear: both;
}

.tabBox { height: 100px;}
.tabBox p { margin: 0; padding:0;}


.pagetop { display: none;}