/* CSS Document */
html {
overflow-y:scroll;
}
* {
margin:0px;
padding:0px;
}
body {
color:#000000;
font:13px "‚l‚r ‚oƒSƒVƒbƒN",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
line-height:1.6;
}
body#bdid_top {
background:#FFFFFF url(../images/back.jpg) repeat-x;
}
a {
padding:0px;
margin:0px;
line-height:140%;
overflow:hidden;
}
a:link {
color:#775814;
}
a:hover {
color:#775814;
}
a:active {
color:#775814;
}
a:visited {
color:#775814;
}
li {
list-style:none;
}
table {
border-collapse:collapse;
font-size:inherit;
font:100%;
}
img {
border:none;
}
h1,h2,h3,h4 {
margin:0px;
padding:0px;
}
.ime_none {
ime-mode:inactive;
}
p,li,dt,dl {
line-height:1.6;
}
p {
margin:0 0 1em 0;
}
li {
list-style-type:none;
}
/*
-------------------------------------------------------------------------------------- */
#header {
width:1100px;
margin:0px auto 0px auto;
position:relative;
z-index:50;
}
#header h1 {
width:152px;
height:186px;
position:absolute;
background:url(../images/top/logo.png) no-repeat;
text-indent:-9999px;
top:0px;
left:12px;
}
#header h1 a {
display:block;
width:152px;
height:186px;
}
#contents_bg {
width:100%;
background:url(../images/top/top_back.png) no-repeat top center;
}
#bdid_top #contents {
width:1050px;
height:630px;
margin:0px auto;
background:url(../images/top/top_photo1.jpg) no-repeat center 50px;
z-index:10;
}
.bdcs_kasou #contents {
width:100%;
min-height:630px;
height: auto !important;
height: 630px;
margin:0px auto;
background:url(../images/back_bot.jpg) repeat-x bottom;
padding:50px 0px 0px 0px;
z-index:10;
}
#bdid_top #maincontents {
width:1000px;
height:630px;
margin:0px auto;
position:relative;
}
.bdcs_kasou #maincontents {
width:1000px;
background:#FFFFFF;
margin:0px auto;
padding:0px 0px 30px 0px;
position:relative;
}
.bdcs_kasou #wrapper_bg {
background:url(../images/back_cen.jpg) repeat;
min-width:1100px;
width:auto !important;
_width:1100px;
}
.bdcs_kasou #wrapper {
width:100%;
background:url(../images/back_top.jpg) repeat-x;
}
#g_navi {
width:840px;
height:76px;
position:absolute;
top:0;
left:245px;
}
#g_navi li {
text-indent:-9999px;
float:left;
}
#g_navi_campaign {
width:98px;
height:76px;
background:url(../images/navi_campaign.png) no-repeat;
display:block;
}
#g_navi_campaign:hover {
width:98px;
height:76px;
background:url(../images/navi_campaign_ov.png) no-repeat;
}
#bdid_campaign #g_navi_campaign {
width:98px;
height:76px;
background:url(../images/navi_campaign_ov.png) no-repeat;
display:block;
}
#g_navi_info {
width:92px;
height:76px;
background:url(../images/navi_info.png) no-repeat;
display:block;
}
#g_navi_info:hover {
width:92px;
height:76px;
background:url(../images/navi_info_ov.png) no-repeat;
}
#bdid_information #g_navi_info {
width:92px;
height:76px;
background:url(../images/navi_info_ov.png) no-repeat;
display:block;
}
#g_navi_price {
width:92px;
height:76px;
background:url(../images/navi_pricelist.png) no-repeat;
display:block;
}
#g_navi_price:hover {
width:92px;
height:76px;
background:url(../images/navi_pricelist_ov.png) no-repeat;
}
#bdid_pricelist #g_navi_price {
width:92px;
height:76px;
background:url(../images/navi_pricelist_ov.png) no-repeat;
}
#g_navi_headspa {
width:92px;
height:76px;
background:url(../images/navi_headspa.png) no-repeat;
display:block;
}
#g_navi_headspa:hover {
width:92px;
height:76px;
background:url(../images/navi_headspa_ov.png) no-repeat;
}
#bdid_headspa #g_navi_headspa {
width:92px;
height:76px;
background:url(../images/navi_headspa_ov.png) no-repeat;
display:block;
}
#g_navi_esthetic {
width:92px;
height:76px;
background:url(../images/navi_esthetic.png) no-repeat;
display:block;
}
#g_navi_esthetic:hover {
width:92px;
height:76px;
background:url(../images/navi_esthetic_ov.png) no-repeat;
}
#bdid_esthetic #g_navi_esthetic {
width:92px;
height:76px;
background:url(../images/navi_esthetic_ov.png) no-repeat;
}
#g_navi_mens {
width:92px;
height:76px;
background:url(../images/navi_mens.png) no-repeat;
display:block;
}
#g_navi_mens:hover {
width:92px;
height:76px;
background:url(../images/navi_mens_ov.png) no-repeat;
}
#bdid_mens #g_navi_mens {
width:92px;
height:76px;
background:url(../images/navi_mens_ov.png) no-repeat;
}
#g_navi_hairstyle {
width:92px;
height:76px;
background:url(../images/navi_hairstyle.png) no-repeat;
display:block;
}
#g_navi_hairstyle:hover {
width:92px;
height:76px;
background:url(../images/navi_hairstyle_ov.png) no-repeat;
}
#bdid_hairstyle #g_navi_hairstyle {
width:92px;
height:76px;
background:url(../images/navi_hairstyle_ov.png) no-repeat;
}
#g_navi_item {
width:92px;
height:76px;
background:url(../images/navi_items.png) no-repeat;
display:block;
}
#g_navi_item:hover {
width:92px;
height:76px;
display:block;
background:url(../images/navi_items_ov.png) no-repeat;
}
#g_navi_cutmodel {
width:98px;
height:76px;
background:url(../images/navi_cutmodel.png) no-repeat;
display:block;
}
#g_navi_cutmodel:hover {
width:98px;
height:76px;
background:url(../images/navi_cutmodel_ov.png) no-repeat;
}
#bdid_cutmodel #g_navi_cutmodel {
width:98px;
height:76px;
background:url(../images/navi_cutmodel_ov.png) no-repeat;
}
#notice_box {
width:290px;
height:110px;
background:#fff;
position:absolute;
top:380px;
left:30px;
padding:5px 5px 5px 5px;
}
#news_box {
width:290px;
height:119px;
background:url(../images/top/news.png) no-repeat;
position:absolute;
top:509px;
left:30px;
padding:30px 0px 0px 10px;
}
#news_box p {
padding:0;
margin:0px;
color:#FFFFFF;
}
#news_box p.day {
width:50px;
float:left;
margin-right:10px;
}
#news_box p.event {
width:190px;
float:left;
}
#news_box p.event a {
color:#FFFFFF;
}
.news_set {
width:280px;
height:70px;
overflow:auto;
}
#btn_campaign {
width:180px;
height:99px;
background:url(../images/top/btn_campaign.png) no-repeat;
text-indent:-9999px;
position:absolute;
top:560px;
left:410px;
display:block;
}
#btn_campaign:hover {
width:180px;
height:99px;
background:url(../images/top/btn_campaign_ov.png) no-repeat;
}
#btn_reservation {
width:180px;
height:99px;
background:url(../images/top/btn_reservation.png) no-repeat;
text-indent:-9999px;
position:absolute;
top:559px;
left:600px;
display:block;
}
#btn_reservation:hover {
width:180px;
height:99px;
background:url(../images/top/btn_reservation_ov.png) no-repeat;
}
#btn_staffblog {
width:180px;
height:99px;
background:url(../images/top/btn_staffblog.png) no-repeat;
text-indent:-9999px;
position:absolute;
top:559px;
left:790px;
display:block;
}
#btn_staffblog:hover {
width:180px;
height:99px;
background:url(../images/top/btn_staffblog_ov.png) no-repeat;
}
#shopinfo {
width:250px;
height:100px;
background:url(../images/top/shopinfo.png) no-repeat;
/* padding:5px;
background:#FFFFFF;
color:#7F4B0F;
font-size:70%;*/
position:absolute;
top:450px;
left:720px;
}
ul#shopinfo_set {
width:200px;
margin:0px auto;
}
ul#shopinfo_set li span.left {
width:50px;
margin:0px 0px 0px 10px;
float:left;
}
ul#shopinfo_set li span.right {
width:135px;
float:left;
}
#bdid_top #footer {
width:1100px;
color:#FFFFFF;
font-size:85%;
text-align:center;
margin:30px auto 0px auto;
}
.bdcs_kasou #footer {
width:100%;
color:#FFFFFF;
font-size:85%;
text-align:center;
margin:0px auto 0px auto;
padding:10px 0px;
}
.maincontents_body {
margin:20px 20px 0px 20px;
}
.btn_back_to_top {
width:67px;
height:13px;
background:url(../images/back_to_top.jpg) no-repeat;
text-indent:-9999px;
margin:30px 20px 0px auto;
}
.btn_back_to_top a {
width:67px;
height:13px;
display:block;
}
/*
-------------------------------------------------------------------------------------- */
.a_center {
text-align:center;
}
.a_right {
text-align:right;
}
.red {
color:#FF0000;
}
.blue {
color:#0000FF;
}
.m_h5 {
margin:5px 0px;
}
.m_h10 {
margin:10px 0px;
}
.m_h20 {
margin:20px 0px;
}
.m_5 {
margin:5px;
}
.m_10 {
margin:10px;
}
.m_20 {
margin:20px;
}
.m_w5 {
margin:0px 5px;
}
.m_w10 {
margin:0px 10px;
}
.m_w20 {
margin:0px 20px;
}
.m_w30 {
margin:0px 30px;
}
.m_t5 {
margin-top:5px;
}
.m_t10 {
margin-top:10px;
}
.m_t15 {
margin-top:15px;
}
.m_t20 {
margin-top:20px;
}
.m_t30 {
margin-top:30px;
}
.m_t40 {
margin-top:40px;
}
.m_t50 {
margin-top:50px;
}
.m_b5 {
margin-bottom:5px;
}
.m_b10 {
margin-bottom:10px;
}
.m_b15 {
margin-bottom:15px;
}
.m_b20 {
margin-bottom:20px;
}
.m_b30 {
margin-bottom:30px;
}
.m_b40 {
margin-bottom:40px;
}
.p_b5 {
padding-bottom:5px;
}
.p_b10 {
padding-bottom:10px;
}
.p_b15 {
padding-bottom:15px;
}
.p_b20 {
padding-bottom:20px;
}
.p_b30 {
padding-bottom:30px;
}
.p_b40 {
padding-bottom:40px;
}
.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* exlude MacIE5 */
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end MacIE5 */