@charset "utf-8";
/*------------------------------------------------------------------------------
    ブラウザリセット設定
------------------------------------------------------------------------------*/

/*html table caption,
html table th,
html table td{
 font-size:0.76em;
}*/
    
div,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
input,
blockqote,
address
{
    margin:0em;
    padding:0em;
    font-style:normal;
    text-align:left;
}
ul{
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
}
ol{
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
    }

img{
    border:0;
    margin:0em;
    padding:0em;
    }

p{margin:0; padding:0;}



/*------------------------------------------------------------------------------
    ベーシック
------------------------------------------------------------------------------*/

/*------------------------　基本　------------------------*/
hr{
    clear:both;
    padding: 0;
    border-width: 0;
    margin: 0;
    color:#FFF;
    height: 0px;
    }
.clear{clear:both;}
.none{
    position:absolute;
    overflow:hidden;
    visibility:hidden;
    height:0em;
    width:0em;
    left:-9999px;
    }

/*------------------------　ポジション　------------------------*/
.p_center{text-align:center;}
.p_left{text-align:left;}
.p_right{text-align:right;}
.middle{vertical-align:middle;}
.f_bright{float:right;text-align:left;}
.f_bleft{float:left;text-align:left;}
.f_right10{float:right;padding-left:10px;padding-bottom:10px;}
.f_left10{float:left;padding-right:10px;padding-bottom:10px;}
.f_right10set{float:right;padding:10px;}
.f_right20top{float:right;padding-top:20px;padding-right:10px;}
.f_left10set{float:left;padding:10px;}
.f_right10side{
    float:right;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.f_left10side{
    float:left;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:0px;
    padding-top:0px;
}

.f_right20{float:right;padding-left:20px;padding-bottom:10px;}
.f_left20{float:left;padding-right:20px;padding-bottom:10px;}


/*------------------　トップマージン　-----------------*/
.ma_top05{margin-top:5px;}
.ma_top10{margin-top:10px;}
.ma_top15{margin-top:15px;}
.ma_top20{margin-top:20px;}
.ma_top30{margin-top:30px;}
.ma_top40{margin-top:40px;}
.ma_top50{margin-top:50px;}

/*------------------　ボトムマージン　-----------------*/
.ma_bottom5{margin-bottom:5px;}
.ma_bottom10{margin-bottom:10px;}
.ma_bottom15{margin-bottom:15px;}
.ma_bottom20{margin-bottom:20px;}
.ma_bottom30{margin-bottom:30px;}
.ma_bottom40{margin-bottom:40px;}
.ma_bottom50{margin-bottom:50px;}

/*------------------上下マージン-----------------*/
.ma_updown10{margin:10px 0px;}
.ma_updown15{margin:15px 0px;}
.ma_updown20{margin:15px 0px;}
.ma_updown25{margin:25px 0px;}
.ma_updown30{margin:30px 0px;}

/*------------------左右マージン-----------------*/
.ma_side5{margin:0px 5px;}
.ma_side10{margin:0px 10px;}
.ma_side15{margin:0px 15px;}
.ma_side20{margin:0px 20px;}
.ma_side25{margin:0px 25px;}
.ma_side30{margin:0px 30px;}
.ma_side40{margin:0px 40px;}

/*------------------マージンセット-----------------*/
.ma_set5{margin:5px;}
.ma_set10{margin:10px;}
.ma_set15{margin:15px;}
.ma_set20{margin:20px;}
.ma_set25{margin:25px;}

/*------------------左マージン-----------------*/
.ma_left5{margin-left:5px;}
.ma_left10{margin-left:10px;}
.ma_left15{margin-left:15px;}
.ma_left20{margin-left:20px;}
/*------------------右マージン-----------------*/
.ma_right3{margin-right:3px;}
.ma_right9{margin-right:9px;}
.ma_right5{margin-right:5px;}
.ma_right10{margin-right:10px;}
.ma_right15{margin-right:15px;}
.ma_right20{margin-right:20px;}
.ma_right60{margin-right:60px;}

.ma_0{
    margin:0px;}
/*    トップパディング
----------------------------------------------------*/
.pa_top05{padding-top:5px;}
.pa_top10{padding-top:10px;}
.pa_top15{padding-top:15px;}
.pa_top20{padding-top:20px;}
.pa_top30{padding-top:30px;}
.pa_top40{padding-top:40px;}
.pa_top50{padding-top:50px;}

/*------------------　ボトムパディング　-----------------*/
.pa_bottom10{padding-bottom:10px;}
.pa_bottom15{padding-bottom:15px;}
.pa_bottom20{padding-bottom:20px;}
.pa_bottom30{padding-bottom:30px;}
.pa_bottom40{padding-bottom:40px;}
.pa_bottom50{padding-bottom:50px;}

/*------------------　上下パディング　-----------------*/
.pa_updowm10{padding:10px 0px;}
.pa_updown15{padding:15px 0px;}
.pa_updown20{padding:20px 0px;}
.pa_updown5{padding:5px 0px;}

/*------------------　左右パディング　-----------------*/
.pa_side5{padding:0px 5px;}
.pa_side10{padding:0px 10px;}
.pa_side15{padding:0px 15px;}
.pa_side20{padding:0px 20px;}
.pa_side30{padding:0px 30px;}

/*------------------　パディングセット　-----------------*/
.pa_set10{padding:10px;}
.pa_set15{padding:15px;}
.pa_set20{padding:20px;}
.pa_set25{padding:25px;}
/*------------------　パディング左　-----------------*/
.pa_left5{padding-left:5px;}
.pa_left10{padding-left:10px;}
.pa_left15{padding-left:15px;}
.pa_left20{padding-left:20px;}

.pa_0{
    padding:0px;}
/*------------------------枠・線------------------------*/
.line1{border-bottom:#069 1px solid;padding-top:3px;padding-bottom:3px;}
.line2{border:#ccc 1px solid;}
.border-no{
    border:none;}
.border-nor{
    border-right-style: none;
}    
/*------------------------ボックス------------------------*/
.area1{
    width:640px;
    overflow: hidden;
}
.area2{
    width:640px;
    text-align:left;
    clear:both;
    overflow: hidden;
}

/*------------------背景色-----------------*/
.bg_white{background-color:#fff;}
.bg_pink{background-color:#004000;}

/*------------------フォントカラー-----------------*/
.co_red1{color:#FF0000;}
.co_red2{color:#CC0000;}
.co_red3{color:#CC3300;}
.co_red4{color:#990000;}
.co_fine{color:#006699;}
.co_kon{color:#003399;}
.co_blue1{color:#0099FF;}
.co_blue2{color:#00CCFF;}
.co_blue3{color:#99CCCC;}
.co_orenge1{color:#FF6600;}
.co_orenge2{color:#FF9900;}
.co_orenge3{color:#FFCC00;}
.co_black{color:#000000;}
.co_white{color:#FFFFFF;}
.co_gray{color:#666666;}
.co_gray2{color:#999999;}
.co_brown{color:#663333;}

/*------------------フォントサイズ-----------------*/
.fs_120{font-size:120%;font-weight:bold;}
.fs_110{font-size:110%;font-weight:bold;}
.fs_115{font-size:115%;font-weight:bold;}

/*------------------フォントウェイト-----------------*/
.bold{font-weight:bold;}

/*------------------画像位置-----------------*/
.middle{
    vertical-align:middle;}
.f-normal{
    font-weight:normal;}    
/*------------------幅指定-----------------*/

.w80{
    width:80px;}
.w100{
    width:100px;}
.w150{
    width:150px;}
.w220{
    width:220px;}    
.w320{
    width:320px;}    
.w520{
    width:520px;}    

/*------------------アンダーライン-----------------*/
.solid{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
}
.dashed{    
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCC;
}


/*------------------------------------------------------------------------------
    美容院へ行こう WEB SITE - CSS Modules main
------------------------------------------------------------------------------*/

body{
    font-family:"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 0.8em;
    color: #666;
    line-height: 1.4em;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align:center;
    background-image: url(/site/images/bg_all.png);
    background-repeat: repeat-x;
    background-position: center top;
    }
h1{
    margin:0px;
    padding:0px;
    }

h2{
    margin:0px;
    padding:0px;
    }    
h3{
    margin:0px;
    padding:0px;
    }
h4{
    margin:0px;
    padding:0px;
    }
h4{
    margin:0px;
    padding:0px;
    }    
/*h2　class設定*/
.ha{
    font-size:1.3em;
    color:#703D33;
    background-image:url(/site/images/bg_h2a.png);
    background-repeat:no-repeat;
    font-weight: bold;
    padding-bottom: 13px;
    padding-top: 5px;
    font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
}
/*h3 class設定*/
.hb{
    background-image:url(/site/images/bg_h3.png);
    background-position: bottom;
    color: #BE4362;
    padding-left: 0px;
    padding-top: 0px;
    font-size: 1.2em;
    font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
    margin-bottom: 10px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
}

/*h4　class設定*/
.hc{
    background-image:url(/site/images/bg_h4.png);
    background-repeat: no-repeat;
    background-position: left top;
    color: #754F4F;
    padding-left: 20px;
    padding-top: 3px;
    font-size: 1.1em;
    font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
/*h5 class設定*/
.hd{
    color:#CE6C6C;
    font-weight:bold;
    font-size:1.2em;
    font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
    margin-bottom: 10px;
    margin-top:0px;
    }
.he{
    background-color:#AD9696;
    color:#FFF;
    font-size:1.2em;
    padding:5px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.hf{
    background-color:#CE6C6C;
    color:#FFF;
    font-size:1.2em;
    padding:5px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.hf a{
    color:#FFF;
}
/*汎用性文字設定*/
.pink{
    color:#004000;
    font-weight:bold;}

.pink2{
    color:#004000;
    font-weight:bold;}

.pink3{
    color:#004000;}
.purple{
    color:#836565;
}    
.purple2{
    color:#FFF5F5;
}
.purple3{
    color:#F2EFEC;}
.purple4{color:#B789B9;}
/*コンテンツ設定*/    
#all{
    width:920px;
    margin-right: auto;
    margin-left: auto;
    }
a {
    color:#4B3D41;
    text-decoration:underline;
}    
a:hover{
    color:#C06;
    text-decoration:none;}    
#topicpath{
    text-align:left;
    background-image:url(/site/images/topicmark.png);
    background-position:left center;
    background-repeat: no-repeat;
    }
#topicpath p{
    margin-left:12px;
    margin-bottom: 5px;
    }
#main{
    width:900px;
    height:auto;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 20px;
    padding-top: 10px;
    }

#contents{
    width:640px;
    background-color: #FFF;
    float:left;
    text-align:left;
    }


.seach-frame{
    border:1px solid #004000;}
/*hr class設定*/
.header{
    color: #FFEFEF;
}

/*ヘッダー設定*/
#header{
    width:920px;
    height:auto;
    }
#header-text{
    width:920px;
    height:15px;
    text-align:left;
    font-size: 0.9em;
}
#header-text h1{
    color:#FFF;
    margin-top:0px;
    font-size: 0.95em;
    font-weight: normal;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-left: 20px;
}    
#header-title{
    width:920px;
    height:auto;
    text-align: left;
    padding-bottom: 10px;
    }
#title{
    width:260px;
    height:60px;
    margin-top:10px;
    margin-left:20px;
    float: left;
    }
#header-rightbox{
    float:right;
    width:580px;
    height:auto;
    padding-right:20px;
    }
#header-rightbox ul{
    float:left;
    padding-left:30px;
    padding-top: 30px;
    }
#header-rightbox ul li{
    list-style: none;
    margin-top: 5px;
    } 
#header-banner{
    float:left;
    margin-top: 20px;
    }    
    

/*inputボタン設定*/
.img-button1{
    border: 0px;
    width: 100px;
    height: 30px;
    background-image: url(/site/images/bg_input1.png);
    background-repeat: no-repeat;
    background-position: left top;
    color:#FF6699;
    font-weight:bold;
    cursor: pointer;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
}
.img-button2{
    border: 0px;
    width: 201px;
    height: 27px;
    background-image: url(/site/images/bg_input2.png);
    background-repeat: no-repeat;
    background-position: left top;
    color:#FF6699;
    font-weight:bold;
    text-align: center;
    cursor: pointer;
}    
/* ナビゲーション詳細設定はnavi.cssに記載 */
#header-navi{
    width:920px;
    height:auto;
    position: relative;
    overflow: hidden;
    background-image:url(/site/images/bg_topnavi01.png);
    background-repeat:no-repeat;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
#header-navipre{
    width:920px;
    height:auto;
    border-top-width: 1px;
    border-bottom-width: 5px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #004000;
    border-bottom-color: #004000;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0px;
    margin-top: 10px;
    float: left;
    }    
#side-navi{
    width:240px;
    height:auto;
    margin-left:20px;
    float:left;
    }    

#footter{
    clear: both;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #004000;
    width: 100%;
    text-align: center;
    
    }
#pagetop{
   
    }
#footer-navi{
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #FFE6E6;
    background-color:#FFF5F5;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align:center;
    font-size: 0.9em;
    width: 100%;
    }
.footer-navi2{
    margin-left:auto;
    margin-right:auto;
    width: 920px;
    position: relative;
    overflow: hidden;
}    
#footer-navi ul{
    margin:0px;
    padding:0px;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    position:relative;
    left: 50%;
    float: left;
    }
#footer-navi ul li{
    float:left;
    padding-left:5px;
    padding-right:5px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #9D7C68;
    list-style: none;
    position: relative;
    left: -50%;
}
#footer-navi ul li a{
    list-style: none;
    text-decoration:none;
}
#footer-navi ul li a:hover{
    list-style: none;
    text-decoration:underline;
}
#footer-navi ul li.b-none{
    border-right-style: none;
    }
#copy{
    width:100%;
    height:25px;
    background-color:#004000;
    text-align:center;
    color:#FFF;
    padding-top:3px;
    clear: left;
    }


/*------------------------------------------------------------------------------
    美容院へ行こう  - CSS Modules ナビゲーション
------------------------------------------------------------------------------*/
/*ヘッダーナビゲーション*/
#header-navi ul{
    padding:0px;
    position: relative;
    float:left;
    left:50%;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 0px;
}
#header-navi ul li{
    float:left;
    list-style:none;
    padding:0px;
    left:-50%;
    position:relative;
    color: #004000;
    margin-bottom: 0px;
    margin-right: 20px;
    margin-top: 0px;
    }
#header-navi ul li a{
    color: #004000;
    text-decoration:none;
}
#header-navi ul li a:hover{
    color:#004000;
    text-decoration:underline;
}


/*ヘッダーナビ都道府県枠*/
#header-navipre ul{
    padding:0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    }
#header-navipre ul li{
    float:left;
    padding-left:10px;
    padding-right:15px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #004000;
    list-style: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
}
#header-navipre ul li a{
    list-style: none;
    text-decoration:none;
}
#header-navipre ul li a:hover{
    list-style: none;
    text-decoration:underline;
}
#header-navipre ul li.b-none{
    border-right-style: none;
    }    
    
/*サイドナビ設定*/
.side-title{
    background-repeat:no-repeat;
    color:#663333;
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
    padding-bottom: 7px;
    padding-top: 6px;
    margin-bottom: 10px;
    letter-spacing: -0.1em;
}
.side-box{
    margin-left:10px;
    margin-right:10px;
    border: 1px solid #004000;
    margin-bottom:10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: left;
    }
.side-box p a{
    text-decoration:underline;
    }
.side-box p a:hover{
    text-decoration:none;}    
.side-box ul{
    margin:0px;
    padding:0px;
    }
.side-box ul a{
    text-decoration:underline;}    
.side-box ul a:hover{
    text-decoration:none;}    
.side-box ul li{
    margin-bottom: 10px;
    list-style-image: url(/site/images/sidenavi_list.png);
    list-style-position: inside;
}
.side-box ul li ul{
    margin-top:10px;
    list-style:none;}
.side-box ul li ul li{
    margin-bottom:3px;
    margin-left:24px;
    list-style-image:none;
    }
.side-box dl{
    margin:0px;
    padding:0px;}
.side-box dt{
    margin-left:10px;
    margin-right:10px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCC;
}
.side-box dd{
    margin-left:10px;
    margin-right:10px;
}    
.bg_ranking1{
    background-repeat:no-repeat;
    background-position:right center;
    margin-bottom: 10px;
}

/*美容院基本情報ナビゲーション*/
#info-navi{
    width:640px;
    height:auto;
    padding-top: 6px;
    background-image: url(/site/images/bg_infonavi.png);
    background-repeat: repeat-x;
    position:relative;
    overflow:hidden;
    padding-bottom: 3px;
    }
#info-navi ul{
    margin:0px;
    padding:0px;
    float:left;
    position:relative;
    left: 50%;
}
#info-navi ul li{
    float:left;
    list-style:none;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 8px;
    margin-top: 0px;
    position:relative;
    left: -50%;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFF;
    padding-right: 8px;
    font-weight:bold;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 0px;
    }    
#info-navi ul li a{
    color:#663366;
    text-decoration:none;}    
#info-navi ul li a:hover{
    color:#ffffff;}    
#info-navi ul li.m-none{
    margin:0px;}    
#info-navi ul li.b-none{
    border-right-style: none;
    }    
    
/*------------------------------------------------------------------------------
    美容院へ行こう WEB SITE - CSS Modules index
------------------------------------------------------------------------------*/
ul{
    margin:0px;
    padding:0px;
    }
ul a{
    text-decoration:underline;}    
ul a:hover{
    text-decoration:none;}    
ul li{
    margin-bottom: 3px;
    list-style-image: url(/site/images/sidenavi_list.png);
    list-style-position: inside;
}
ul li ul{
    margin-top:3px;
    list-style:none;}
ul li ul li{
    margin-bottom:3px;
    margin-left:24px;
    list-style-image:none;
    }
ul li ul li.float-l{
    margin-bottom:3px;
    margin-left:24px;
    list-style-image:none;
    float:left;
    }
dl{
    margin:0px;
    padding:0px;}    
dl dt{
    margin-bottom:5px;
    color:#663333;
    font-weight:bold;}
dl dd{
    color:#666;}    
#main-box{
    width:640px;
    height:auto;
    margin-bottom: 30px;
}
    
#search-flash{
    width:430px;
    height:265px;
    float:left;}
.banner-box{
    width:200px;
    height:auto;
    float:left;
    margin-left:10px;
    margin-bottom: 5px;
}
/*汎用ボックス設定*/
.box-bnone{
    border:none;}
.box-border{
    border: 1px solid #CCC;
}    
.box-left2{
    width:422px;
    height:auto;
    float:left;
    padding: 3px;
    overflow: hidden;
    margin-bottom: 20px;
    }
.box-right2{
    width:202px;
    height:auto;
    float:right;
    padding: 3px;
    overflow: hidden;
    margin-bottom: 20px;
}
    
/*3段ボックス*/

.box-a{
    width:202px;
    height:auto;
    float:left;
    border: 1px solid #CCC;
    padding: 3px;
    overflow: hidden;
    margin-bottom: 20px;
    }
.box-a ul{
    margin:0px;
    padding:0px;
    }
.box-a ul li{
    list-style:none;
    }    
.box-a dl{margin:0px;
     padding:0px;
     height:auto;}
.box-a dt{
    color:#9D7C68;
    text-align:center;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #917171;
    font-size:1.1em;
    }
.box-a dt a{
    color:#917171;
    text-decoration:none;}    
.box-a dd{
    text-align:left;
    color:#666;
    font-size:0.9em;
    line-height:130%;
}
.box-a dd a{
    color:#666;
    text-decoration:none;}    
.box-b{
    width:202px;
    height:auto;
    margin-left:3px;
    float:left;
    border: 1px solid #CCC;
    padding: 3px;
    overflow: hidden;
    }
    
.box-b dt{
    color:#9D7C68;
    text-align:center;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #917171;
    font-size:1.1em;
    }    
.box-b dt a{
    color:#917171;
    text-decoration:none;}    
.box-b dd{
    text-align:left;
    color:#666;
    margin-bottom: 10px;
    font-size:0.9em;
    line-height:130%;
}
.box-b dd a{
    color:#666;
    text-decoration:none;}    
.linkbox {
    width:202px;
    height:auto;
    margin-bottom:1em;
    }
.hovering {
    border-color:#FCC;
    cursor:pointer;
}    
/*検索フォームテーブル*/

.table-all{
    width:640px;
    height:auto;
    }
.table-all th{
    background-color:#FBF2F2;
    color:#005000;
    font-weight:bold;
    width:170px;
    padding:5px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #005000;
    }
.table-all td{
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #005000;
    padding:5px;
}    
.table-all2{
    width:640px;
    height:auto;
    margin-bottom: 30px;
    }
.table-all2 th{
    background-color:#FFF;
    border:none;
    padding:5px;}    
.table-all2 td{
    background-color:#FFF;
    border:none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}        
/*件数表示枠*/
.number{
    width:640px;
    height:auto;
    text-align: center;
    background-color: #F2EFEC;
    color: #666;
}
.number ul{
    margin:0px;
    padding:0px;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 15px;
    margin-bottom: 0px;
    }
.number ul li{
    float:left;
    padding-left:10px;
    padding-right:15px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #666699;
    list-style: none;
}
.number ul li a{
    list-style: none;
    text-decoration:none;
}
.number ul li a:hover{
    list-style: none;
    text-decoration:underline;
}
/*一覧ボックス設定*/
.ichiran1{
    width:640px;
    height:auto;
    background-image:url(/site/images/ichiran_head.png);
    background-repeat:no-repeat;
    padding-bottom: 10px;
    }
.ichiran1 p{
    margin-left:10px;
    color:#000;
    padding-top: 8px;
    }    
.ichiran2{
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #CCB2B2;
    border-left-color: #CCB2B2;
    height:auto;
    clear:both;
    padding: 10px;
    }    
.ichiran2 dl{
    margin:0px;
    padding:0px;
    }    
.ichiran2 dt{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E5D9D9;
    margin-bottom: 5px;
    color: #000;
    }
.ichiran2 dd{
    color:#666;}    
.ichiran-right{
    float:right;}
    
/*スタイリスト*/

.style-box{
    border: 1px solid #CCB2B2;
    padding: 10px;
    margin-bottom: 10px;
}
.style-box ul{
    padding:0px;
    }
.style-box ul li{    
    margin-left: 20px;
    float:left;
    width:200px;
    list-style-image:none;
    list-style:none;
    }    
/*5段組みボックス*/

.box5a{
    width:110px;
    float:left;
    margin-right: 8px;
    margin-bottom: 5px;
    padding: 2px;
    overflow: hidden;
    }
.box5a dl{
    margin:0px;
    padding:0px;
    }    
.box5a dt{
    color:#666;
    text-align:center;
    margin-top: 10px;
    margin-bottom: 0px;
}    
.box5a dd{
    text-align:center;
    margin-left:0px;
    margin-top: 0px;
    margin-bottom: 10px;
}    

.box5b{
    width:120px;
    float:left;
    }
.box5b dl{
    margin:0px;
    padding:0px;
    }    
.box5b dt{
    color:#666;
    text-align:center;
    margin-top: 10px;
}    
.box5b dd{
    text-align:center;
    margin-left:0px;
    }    
/*基本情報ボックス設定*/

.info-box{
    width:640px;
    height:auto;
    background-image:url(/site/images/bg_info.png);
    background-repeat:no-repeat;
    background-position: center top;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-top: 10px;
    }
.bg-info{
    width:640px;
    background-image: url(/site/images/bg_info2.gif);
    background-repeat: no-repeat;
    background-position: right top;
}    
.info-table1{
    width:600px;
    height:auto;
    text-align:left;
    }
.info-table1 th{
    border:none;
    font-weight:bold;
    color:#000;
    padding:5px;
    font-size:1.2em;}    
.info-table1 td{
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #E7D4E9;
    padding:5px;
    color:#000;
}    
.info-table2{
    width:304px;
    height:auto;
    margin-bottom: 20px;
    }
.info-table2 th{
    background-color:#E5D9D9;
    padding-left:5px;
    padding-bottom:2px;
    padding-right:3px;
    padding-top:2px;
    color:#000;
    text-align:left;
    font-weight:normal
}
.info-table2 td{
    background-color:#F2ECEC;
    padding-left:3px;
    padding-bottom:2px;
    padding-right:3px;
    padding-top:2px;
    color:#666;
}
.info-table3{
    width:220px;
    height:auto;
    margin-bottom: 20px;
    }
.info-table3 th{
    background-color:#E5D9D9;
    padding-left:5px;
    padding-bottom:2px;
    padding-right:3px;
    padding-top:2px;
    color:blue;
    text-align:left;
    font-weight:normal
}
.info-table3 td{
    background-color:#F2ECEC;
    padding-left:3px;
    padding-bottom:2px;
    padding-right:3px;
    padding-top:2px;
    color:#666;
}
.info-table4{
    width:400px;
    height:auto;
    margin-bottom: 20px;
    }
.info-table4 th{
    background-color:#E5D9D9;
    padding-left:5px;
    padding-bottom:2px;
    padding-right:3px;
    padding-top:2px;
    color:#000;
    text-align:left;
    font-weight:normal
}
.info-table4 td{
    background-color:#F2ECEC;
    padding-left:3px;
    padding-bottom:2px;
    padding-right:3px;
    padding-top:2px;
    color:#666;
}
    
.info-left{
    width:313px;
    height:auto;
    float:left;
    border: 1px solid #D6CACA;
    text-align:center;
    padding-bottom: 10px;
    }
.info-left dl{
    margin-top:15px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    padding:0px;
    text-align:left;}
.info-left dt{
    color:#996666;
    font-size:1.1em;
    font-weight:bold;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    text-align:center;
    }
.info-left dd{
    color:#999999;
    padding-bottom:20px;
    margin-left:10px;
    margin-right:10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CE6C6C;
    margin-bottom: 15px;
    }
.bg_info3{
    background-image:url(/site/images/bg_info3.gif);
    background-repeat:no-repeat;
    background-position:left top;}
    
/*クーポン枠設定*/

.cuopon-box{
    width:640px;
    height:auto;
    margin-bottom: 30px;
    }
.coupon-head{
    width:640px;
    background-image:url(/site/images/bg_coupon1.png);
    background-repeat:no-repeat;}
.coupon-head p{
    margin-left:15px;
    font-weight:bold;
    font-size:1.1em;
    color:#000;
    padding-bottom: 3px;
    padding-top: 3px;
}    
.coupon-middle{
    width:640px;
    background-image:url(/site/images/bg_coupon2.png);
    background-repeat:repeat-y;
    padding:10px;}
.coupon-middle dl{
    margin:0px;
    padding:0px;
    margin-top: 10px;
    margin-right: 10px;
    }
.coupon-middle dt{
    font-weight: bold;
    color: #000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
    padding-bottom:3px;
    margin-bottom: 20px;
    margin-right: 10px;
    }
.coupon-middle dd{
    color:#666;
    }
.bg_coupon1{
    background-image:url(/site/images/bg_c_cut.png);
    background-position:right top;
    background-repeat:no-repeat;}    
.bg_coupon2{
    background-image:url(/site/images/bg_c_parm.png);
    background-position:right top;
    background-repeat:no-repeat;}    
.bg_coupon3{
    background-image:url(/site/images/bg_c_color.png);
    background-position:right top;
    background-repeat:no-repeat;}        

/*メニュー設定*/

.menu-box{
    width:640px;
    margin-bottom:20px;
    }
.menu-box dl{
    margin:0px;
    padding:0px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #D7CDCC;
    margin-left: 10px;
    margin-right: 10px;
}    
.menu-box dt{
    color:#AC9696;
    font-weight:bold;
    float:left;
}
.menu-box dd{
    color:#AC9696;
    font-weight:bold;
    text-align:right;
}
.menu-box2{
    width:640px;
    margin-bottom:30px;
    }
.menu-box2 dl{
    margin:0px;
    padding:0px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #D7CDCC;
    margin-left: 10px;
    margin-right: 10px;
}    
.menu-box2 dt{
    color:#AC9696;
    font-weight:bold;
    float:left;
}
.menu-box2 dd{
    color:#AC9696;
    font-weight:bold;
    text-align:right;
}
.bg_stylist{
    background-image:url(/site/images/index_5.png);
    background-position:right top;
    background-repeat:no-repeat;}
.menu{
    width:640px;
    height:auto;
    text-align: center;
    background-color: #F2EFEC;
    color: #666;
    margin-bottom:20px;
    position: relative;
    overflow: hidden;
}
.menu ul{
    margin:0px;
    padding:0px;
    margin-top: 3px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    position: relative;
    left: 50%;
    float: left;
    }
.menu ul li{
    float:left;
    padding-left:10px;
    padding-right:10px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #666699;
    list-style: none;
    position: relative;
    left: -50%;
}
.menu ul li a{
    list-style: none;
    text-decoration:none;
}
.menu ul li a:hover{
    list-style: none;
    text-decoration:underline;
}
.pa-none{
    padding-left:0px;}

/*口コミ枠設定*/    

.kuchikomi-box1{
    width:640px;
    height:auto;
    background-image:url(/site/images/bg_kuchikomi1.png);
    background-repeat:no-repeat;
    background-position:top;
    }
.kuchikomi-box1 dl{
    margin:0px;
    padding:0px;
    }
.kuchikomi-box1 dt{
    color:#000;
    margin-left:30px;
    padding-top:5px;
    padding-bottom:3px;
    font-weight: normal;
}    
.kuchikomi-box1 dd{
    color:#666;
    margin:10px;}
.kuchikomi-wrap{
    width:600px;
    height:auto;
    margin-left:20px;}    
.kuchikomi-box2{
    width:600px;
    height:auto;
    background-image:url(/site/images/bg_kuchikomi2.png);
    background-repeat:no-repeat;
    background-position:top;
    }
.kuchikomi-box2 dl{
    margin:0px;
    padding:0px;
    }
.kuchikomi-box2 dt{
    color:#000;
    margin-left:10px;
    padding-top:5px;
    padding-bottom:3px;
    font-weight: normal;
}    
.kuchikomi-box2 dd{
    color:#666;
    margin:10px;
    padding-bottom: 10px;
}    
    
/*カットモデル枠設定*/    
.cut-box{
    width:480px;
    float:left;}
dl.cut{
    margin:0px;
    padding:0px;

    }
dl.cut dt{
    width:90px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #FBEEE6;
    padding-left: 15px;
    float: left;
    clear: left;
    font-weight: normal;
    color: #666;
    background-image: url(/site/images/bg_cut.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-bottom: 3px;
    }
dl.cut dd{
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #FBEEE6;
    margin-left: 90px;
    margin-bottom: 3px;
    }        
/*更新情報枠設定*/
#news-box{
    width:640px;
    height:120px;
    overflow:auto;
    margin-bottom:10px;
    border: 1px solid #CCB2B2;
}
#news-box p{
    margin-left:10px;
    margin-right:10px;}