@charset "utf-8";
/* ---------------------------------------------------------------------------------
ビューティーナビ株式会社
Copyright(C)2008 Beauty Navi Co. Ltd. All Rights Reserved. All rights Reserved.

XHTML CSS Selectors common 

$Revision: 0.4 $   Last up date  2008.10.17
--------------------------------------------------------------------------------- */

/*初期設定*/
body,div,pre,p,
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object, img { 
	margin: 0px; 
	padding: 0px; 
}
body {
	font-size: 12px;
	color: #4B4B4B;
	background-image:url(../_images/bgi.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding:0px;
	margin:0px;
}
.clearbox {
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: -1px;
	text-indent: -5000px;
	clear: both;
}
.separator {
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: -1px;
	text-indent: -5000px;
	clear: both;
}
div#wrapper {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
}
.focus {
	display: block;
	text-indent: -9999px;
}
a:link {
	color: #555;
	text-decoration: none;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: underline;
}
a:active {
	color: #999;
	text-decoration: underline;
}
p,dd {
	font-size: 12px;
	line-height: 20px;
	color: #4B4B4B;
}
li,blockquote {
	font-size: 10px;
	line-height: 14px;
	color: #4B4B4B;
}

/* ---------------------------
ヘッダー
--------------------------- */
div#headerArea {
	width: 910px;
	background-image:url(../_images/header_bgi.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

/* ###### ロゴ ###### */
#logo {
	height: 36px;
	width: 463px;
	float:left;
	display: block;
	margin-left:20px;
	background: url(../_images/logo.gif) no-repeat left bottom;
}

#logo a {
	height: 25px;
	width: 245px;
	padding-top: 10px;
	padding-left: 30px;
	display: block;
	text-indent: -9999px;
}

/* ###### トップバナー #####
div#topBnrBlock {
	float: right;
	height: 70px;
	width: 468px;
	list-style-type: none;
}
div#topBnrBlock .topBnr {
        margin-top: 10px;
	list-style-type: none;
}
*/

/* ###### メインナビゲーション #####*/
ul#mainNaviBlock {
	height: 29px;
	width: 910px;
	padding-top: 6px;
	list-style-type: none;
}
ul#mainNaviBlock li {
	display: block;
	height: 29px;
	float: left;
	background-position: top;
	background-repeat: no-repeat;
}
ul#mainNaviBlock li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 29px;
	text-indent: -9999px;
	background-position: top;
	background-repeat: no-repeat;
}

/* HOME */
li#mainNavi01 {
	width: 143px;
	background-image: url(../_images/btn01.jpg);
}
li#mainNavi01 a {
	width: 143px;
	background-image: url(../_images/btn01.jpg);
	text-decoration: none;
}
li#mainNavi01 a:hover {
	width: 143px;
	background-image:  url(../_images/btn01_on.jpg);
	text-decoration: none;
}

/* ヘアスタイル検索 */

li#mainNavi02 {
	width: 174px;
	background-image:  url(../_images/btn02.jpg);
}
li#mainNavi02 a {
	width: 174px;
	background-image:  url(../_images/btn02.jpg);
	text-decoration: none;
}
li#mainNavi02 a:hover {
	width: 174px;
	background-image:  url(../_images/btn02_on.jpg);
	text-decoration: none;
}

/* 注目のスタイル特集 */

li#mainNavi03 {
	width: 175px;
	background-image:  url(../_images/btn03.jpg);
}
li#mainNavi03 a {
	width: 175px;
	background-image:  url(../_images/btn03.jpg);
	text-decoration: none;
}
li#mainNavi03 a:hover {
	width: 175px;
	background-image:  url(../_images/btn03_on.jpg);
	text-decoration: none;
}
/* おすすめサロン */
li#mainNavi04 {
	width: 176px;
	background-image:  url(../_images/btn04.jpg);
}
li#mainNavi04 a {
	width: 176px;
	background-image:  url(../_images/btn04.jpg);
	text-decoration: none;
}
li#mainNavi04 a:hover {
	width: 176px;
	background-image:  url(../_images/btn04_on.jpg);
	text-decoration: none;
}
/* 美容室検索ビューティーナビ */
li#mainNavi05 {
	width: 182px;
	background-image:  url(../_images/btn05.jpg);
}
li#mainNavi05 a {
	width: 182px;
	background-image:  url(../_images/btn05.jpg);
}
li#mainNavi05 a:hover {
	width: 182px;
	background-image:  url(../_images/btn05_on.jpg);
}

/* speace */
li#mainNavi06 {
	width: 60px;
	background-image:  url(../_images/btn06.jpg);
}

/* ###### パンクズリスト ##### */
p#topicPath {
	height: 22px;
	width: 890px;
	padding-left: 20px;
	clear: both;
	background-image:url(../_images/bread.jpg);
	padding-top: 2px;
	font-size: 10px;
	color: #555555;
}
p#topicPath a:link,
p#topicPath a:visited {
	text-decoration: none;
	color: #555555;
}
p#topicPath a:hover {
	text-decoration: underline;
	color: #555555;
}

/* ---------------------------
サイド
--------------------------- */
div#sideArea {
float:right;
width:300px;
margin:0px;
padding:0px 0px 0px 0px;
}

/* ###### What's New ##### */
#sideArea #new{
padding:0 0 0px 0;
}
#sideArea #new dl {
padding:0px 0px 5px 0px;
background:url(../_images/line_right.gif) repeat-x bottom;
width:290px;
}
#sideArea #new dd {
font-size:10px;
line-height:140%;
color:#999999;
width:280px;
padding: 0px 0px 0px 10px;
display:block;
background-image: url(../_images/icon_news_arrow.gif);
background-repeat: no-repeat;
}
#sideArea #new dd span.date {
	color:#3399CC;
}

/* ###### バナー ##### */
#sideArea #sidebnr p {
padding: 10px 0px 10px 0px;
margin:0px;
}


/* #########################
　その他バナー表示
############################ */
div.sideBannerBlock {
	width: 300px;
	margin-bottom: 6px;
	}
div.sideBannerBlock p {
	padding-bottom: 5px;
	font-size: 10px;
	line-height: 15px;
	}

/* #########################
　ベビーバナー
############################ */
div#sideBannerBlock {
	width: 300px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B1B1B1;
}
div#sideBannerBlock p {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 11px;
	line-height: 16px;
	height: 60px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B1B1B1;
}
div#sideBannerBlock p a img {
	float: left;
}
div#sideBannerBlock p span {
	float: right;
	display: block;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0;
	width: 172px;
}





/* ###### テキスト広告 ##### */
ul#textimageAdvertisementList {
	list-style-type: none;
	margin-bottom: 5px;
}
ul#textimageAdvertisementList li {
	display: block;
	font-size: 10px;
	line-height: 15px;
	background-image: url(../_images/icon_ad_arrow.gif);
	background-repeat: no-repeat;
	margin-bottom: 9px;
	padding-left: 10px;
	color:#666666;
}


/* #########################
　対談
############################ */
div#dialogueBlock {
    width: 300px;
}
div#dialogueBlock div#dialogueHeader {
    width: 300px;
    height: 45px;
    background-image: url(../_images/side_title_dialogue.gif);    background-repeat: no-repeat;
}
div#dialogueBlock div#dialogueHeader h2 {
    width: 300px;
    height: 45px;
}
div#dialogueBlock div#dialogueHeader h2 a {
    width: 300px;
    height: 45px;
    display:block;
    text-indent:-9999px;
}
div#dialogueBlock div#dialogueBox {
    width: 275px;
    background: url(../_images/side_bg_dialogue.gif) top;    background-repeat: no-repeat;
    padding-right: 8px;    padding-left: 15px;    padding-top: 0px;
    border-right-width: 1px;    border-right-style: solid;    border-right-color: #B4B4B4;
    border-left-width: 1px;    border-left-style: solid;    border-left-color: #B4B4B4; 
}
div#dialogueBlock div#dialogueBox div.dialogueText {
    width: 190px;
    padding-right: px;    padding-left: 0px;    padding-top: 5px; padding-bottom: 14px;
}
div#dialogueBlock div.dialogueText p {
    font-size: 10px;
    line-height: 15px;
}
div#dialogueBlock div#dialogueBox p.ancOldList {
    font-size:10px;
    padding-bottom:0px;
    text-align:right;
}
div#dialogueBlock div#dialogueBottom {
    font-size: 1px;
    width: 300px;    height: 10px;
    background-image: url(../_images/side_bottom_dialogue.gif);    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-bottom: 15px;
}



/* ---------------------------
フッター
--------------------------- */
div#footerArea {
	width: 910px;
	height: 37px;
	padding-top: 5px;
	border-top-width: 0px;
	margin:25px 0px 0px 0px;
	color:#fff;
	text-align:center;
	font-size:12px;
	background-image:url(../_images/foot_bgi.jpg);
	background-repeat:repeat-x;
}
/*
p#footerNavi {
	float: left;
	width: 550px;
	padding-top: 9px;
	font-size: 10px;
}
p#footerNavi a:link,
p#footerNavi a:visited {
	text-decoration: none;
	color: #444444;
}
p#footerNavi a:hover {
	text-decoration: underline;
	color: #444444;
}
p#copyright {
	width: 300px;
	padding-top: 9px;
	font-size: 10px;
	float: right;
	text-align: right;
}
*/

/* ---------------------------
コンテンツ
--------------------------- */
div#container {
	width: 910px;
	font-size: 10px;
	line-height: 14px;
	padding:10px 0 0 0;
}

/* ---------------------------
トップ
--------------------------- */
div#contentsArea {
margin:0px;
padding: 0px;
width:600px;
float:left;
}

div.endBlock {
clear: both;
margin:0px;
padding:0px 0px 5px 0px;
background:url(../_images/line_left.gif) no-repeat bottom;
width:600px;
text-indent:-5000px;
}

/* ###### お知らせ ##### */
p#osirase {
padding:10px;
width:580px;
font-size:12px;
line-height:14px;
font-weight:bold;
color:#CC0000;
}

/* ###### トップバナー ##### */
p#bnr_top {
padding:0px 0px 10px 0px;
width:600px;
}

/* ###### コンテンツタイトル ##### */
H2#title_pickupsalon {
padding:5px 0px 0px 0px;
height:35px;
width:600px;
font-size:10px;
text-decoration:none;
font-weight:normal;
text-align:right;
background:url(../_images/title_pickupsalon.jpg) no-repeat bottom;
}
H2#title_style {
padding:15px 0px 0px 0px;
height:36px;
width:600px;
font-size:10px;
text-decoration:none;
font-weight:normal;
text-align:right;
background:url(../_images/title_style.jpg) no-repeat bottom;
}
H2#title_feature {
padding:15px 0px 0px 0px;
height:35px;
width:600px;
font-size:10px;
text-decoration:none;
font-weight:normal;
text-align:right;
background:url(../_images/title_feature.jpg) no-repeat bottom;
}

/* ###### ピックアップサロン ##### */
div#contentsArea #pickupsalon {
width:140px;
padding:0px;
margin:0px 10px 0px 0px;
display:block;
float:left;
}
div#contentsArea #pickupsalon span.img{
padding:0px;
margin:0px;
border:0px;
}
div#contentsArea #pickupsalon span.title {
width:140px;
font-weight:bold;
color:#3399CC;
font-size:14px;
padding:3px 0 3px 0;
line-height:100%;
}
div#contentsArea #pickupsalon span.subtitle {
width:140px;
color:#666666;
font-size:10px;
padding:0 0 5px 0;
}
div#contentsArea #pickupsalon span{
width:140px;
margin:0px;
padding:0px;
text-indent:none;
cursor:pointer;
line-height:130%;
display:block;
font-size:10px;
}

/* ###### スタイルカタログ ##### */
div#contentsArea p.#style {
padding:0px;
margin:0px;
}
div#contentsArea p.#style span{
padding:0px;
margin:0px;
font-size:10px;
}

/* ###### 特集 ##### */
div#contentsArea #feature {
width:295px;
padding:0px;
margin:0px 5px 0px 0px;
display:block;
float:left;
}
div#contentsArea div.end {
clear: both;
margin:0px;
padding:0px 0px 5px 0px;
background:url(../_images/line_feature.gif) no-repeat left;
width:600px;
text-indent:-5000px;
}
div#contentsArea #feature span.img{
padding:0px;
margin:0px;
border:0px;
}
div#contentsArea #feature span.subtitle {
width:295px;
color:#666666;
font-size:10px;
padding:0;
font-weight:bold;
}
div#contentsArea #feature span.title {
width:295px;
font-weight:bold;
color:#3399CC;
font-size:16px;
padding:3px 0 3px 0;
line-height:100%;
}
div#contentsArea #feature span{
width:295px;
margin:0px;
padding:0px;
text-indent:none;
cursor:pointer;
line-height:130%;
display:block;
font-size:10px;
}
div#contentsArea #feature span.btn{
width:102px;
height:17px;
margin:5px 0px 0px 190px;
padding:0px;
display:block;
}
div#contentsArea p.bnmb{
margin:0px;
padding:0px;
float:right;
display:block;
line-height:130%;
font-size:12px;
font-weight:bold;
border-bottom:1px dashed #cccccc;
}