@charset "utf-8";

/* (C) salon-bonjour.jp */

@import "common.css";


#flash {
padding-bottom:16px;
width:868px;
}

#concept {
margin-bottom:16px;
height:229px;
background:url(../images/index/img_index_concept.png) no-repeat;
}

#concept_l {
width:620px;
float:left;
}
#concept_l h2 {
margin:23px 0 0 28px;
}
#concept_l p {
margin:0 0 0 28px;
line-height:28px;
font-size:10px;
font-weight:bold;
}

#concept_r {
width:248px;
float:right;
}
#concept_r a {
margin-top:5px;
width:236px;
height:189px;
display:block;
}


#bot_area {
height:163px;
}

#mobile,#map {
width:216px;
float:left;
}
#whats_new {
width:436px;
float:left;
}
#whats_new h2 {
height:36px
}

#new_area {
width:436px;
height:127px;
overflow:auto;
}
#new_area dl {
padding-left:10px;
line-height:16px;
}
#new_area dl dt {
color:#BE1D2C;
}
#new_area dl dd {
padding-bottom:4px;
margin-bottom:10px;
background:url(../images/common/line01.gif) repeat-x bottom;
}

/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */
a.jScrollArrowUp {background: url(../images/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position:0 -15px;}
a.jScrollArrowDown {background: url(../images/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}