/* CSS Document */

/*-------------------------------------------------

01 ヘッダー（ヘッダーレイアウト・ナビボタン）
02 メイン＆コラム
03 左サイド
04 フッター
10 トップページ
20 スタイルギャラリー
21 取扱商品
22 サイトマップ
23 リンク
99 各種フォント

-------------------------------------------------*/

body {
color:#504946;
font-size:12px;
line-height:150%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#wrap {
width:1000px;
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.content-nav {
clear:both;
}

a:link {
text-decoration:none;
color:#24140e;
}

a:visited {
text-decoration:none;
color:#24140e;
}

a:hover {
text-decoration:none;
color:#6c272d;
}

a:active {
text-decoration:none;
color:#6c272d;
}



/* =01 ヘッダー-------------------------------------------------------------
------------------------------------------------------------------------ */

h1 {
float:left;
margin:20px 0px 30px 0px;
padding:30px 0px 0px 180px;
background-image:url(../images/common/logo.jpg);
background-position:left top;
background-repeat:no-repeat;
font-size:12px;
display:block;
height:40px;
width:340px;
}

a:link h1 {
color:#504946;
font-weight:normal;
text-decoration:none;
}

a:visited h1 {
color:#504946;
font-weight:normal;
text-decoration:none;
}

a:hover h1 {
color:#504946;
font-weight:normal;
text-decoration:none;
}

a:active h1 {
color:#504946;
font-weight:normal;
text-decoration:none;
}

#navi_a {
float:right;
margin:30px 0px 24px 0px;
padding:0px 0px 0px 0px;
}

#navi_a td {
text-align:right;
}


/* =02 メイン＆コラム-------------------------------------------------------------
------------------------------------------------------------------------ */

#main {
clear:both;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(../images/common/main_bg.gif);
background-position:top;
background-repeat:no-repeat;
}

#column {
float:right;
width:700px;
margin:0px 0px 0px 0px;
padding:20px 20px 40px 0px;
}

h2 {
background-image:url(../images/common/h2_bg.jpg);
background-position:left top;
background-repeat:no-repeat;
font-size:14px;
margin:0px 0px 30px 0px;
padding:52px 0px 0px 38px;
height:68px;
color:#24140e;
}

h3 {
clear:both;
background-image:url(../images/common/h3_bg.gif);
background-position:left top;
background-repeat:no-repeat;
margin:10px 20px 10px 20px;
padding:26px 0px 0px 24px;
height:34px;
font-size:12px;
color:#24140e;
}

h4 {
clear:both;
color:#9e3d3f;
font-size:12px;
margin:0px 0px 2px 30px;
padding:20px 0px 0px 0px;
font-weight:normal;
}

#column p {
margin:0px 30px 10px 30px;
padding:0px 0px 0px 0px;
}

#column a:link {
text-decoration:none;
color:#007199;
}

#column a:visited {
text-decoration:none;
color:#007199;
}

#column a:hover {
text-decoration:none;
color:#003f8e;
}

#column a:active {
text-decoration:none;
color:#003f8e;
}


#panlist {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:50px;
font-size:12px;
}

#panlist ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#panlist li {
float:left;
list-style:none;
margin:0px 0px 0px 0px;
padding:3px 10px 0px 16px;
background-image:url(../images/common/pan_li.gif);
background-position:left top;
background-repeat:no-repeat;
}

#panlist li.pan_top {
background-image:none;
margin:0px 0px 0px 0px;
padding:3px 10px 0px 0px;
}


/* =03 左サイド-------------------------------------------------------------
------------------------------------------------------------------------ */

#side {
float:left;
width:240px;
margin:0px 0px 0px 0px;
padding:30px 0px 0px 20px;
}

#salon_banner {
margin:30px 0px 30px 0px;
padding:0px 0px 0px 0px;
border-color:#999999;
border-style:dashed;
border-width:0px 0px 0px 0px;
}

#salon_banner img.ba1 {
border-color:#999999;
border-style:dashed;
border-width:0px 0px 0px 0px;
}

#mobile_qr {
background-image:url(../images/common/qr_bg.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0px 0px 20px 0px;
padding:28px 2px 6px 86px;
}


/* =04 フッター-------------------------------------------------------------
------------------------------------------------------------------------ */

#footer {
clear:both;
background-color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:30px 0px 70px 0px;
background-image:url(../images/common/footer_bg.gif);
background-position:right bottom;
background-repeat:no-repeat;
}

#footer ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#footer li {
float:left;
list-style:none;
margin:0px 10px 0px 10px;
padding:0px 0px 20px 0px;
}


/* =10 トップページ-------------------------------------------------------------
------------------------------------------------------------------------ */

img.index_main {
margin:30px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/* インフォメーション */

#info {
margin:20px 0px 0px 0px;
padding:120px 0px 0px 20px;
text-align:left;
background-image:url(../images/index/info_bg.png);
background-position:left top;
background-repeat:no-repeat;
}

h6.published {
float:left;
width:70px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:12px;
color:#24140e;
font-weight:normal;
}

h6.info-title {
text-align:left;
margin:0px 0px 0px 0px;
padding:0px 0px 6px 0px;
font-size:12px;
color:#b33e5c;
}

.info_body {
clear:both;
margin:0px 0px 20px 70px;
padding:0px 0px 0px 0px;
}

#column #info .info_body p {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.info_body b {
color:#CC3333;
font-weight:normal;
}

p.look_more {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


/* =20 スタイルギャラリー-------------------------------------------------------------
------------------------------------------------------------------------ */

#style_list {
width:700px;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.style_icon {
float:left;
width:166px;
height:180px;
}

.style_icon img {
background-color:#FFFFFF;
padding:6px;
border-color:#cccccc;
border-width:1px;
border-style:solid;
}

.style_icon a {
color:#FFFFFF;
}

#style_cat_side {
}

#style_cat_side ul {
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#style_cat_side li {
font-weight:bold;
margin:0px 0px 16px 10px;
padding:0px 0px 0px 0px;
list-style-position:inside;
}

#style_cat_side li ul {
margin:0px 0px 0px 14px;
padding:0px 0px 0px 0px;
}

#style_cat_side li ul li {
font-weight:normal;
margin:0px 20px 0px 0px;
padding:4px 0px 4px 14px;
border-color:#999999;
border-style:dashed;
border-width:0px 0px 1px 0px;
background-image:url(../images/common/pan_li.gif);
background-position:left top;
background-repeat:no-repeat;
list-style:none;
}

#style_intro {
float:left;
width:150px;
}

#style_page_cat {
float:right;
text-align:left;
width:540px;
}

#style_more {
clear:both;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
}

#column h2#style_cat_title {
background-image:url(../images/pages/style/title.gif);
background-position:left top;
background-repeat:no-repeat;
height:46px;
margin:0px 0px 0px 0px;
padding:50px 0px 0px 290px;
font-weight:normal;
font-size:14px;
color:#7B5544;
}


/* スタイル詳細ページ：カテゴリ表示　*/

.style_entry-categories {
background-image:url(../images/pages/style/intro_bg.png);
background-position:left top;
background-repeat:no-repeat;
width:580px;
height:207px;
margin:0px 0px 0px 0px;
padding:73px 0px 0px 60px;
}

.style_entry-categories h3#style_id {
clear:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:12px;
color:#6c272d;
font-weight:normal;
background:none;
height:auto;
}

.style_entry-categories #style_intro {
float:left;
width:150px;
margin:0px 100px 0px 0px;
padding:0px 0px 0px 0px;
}

.style_entry-categories ul {
margin:23px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.style_entry-categories li {
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#style_more {
margin:0px 20px 0px 40px;
padding:0px 0px 40px 0px;
}


/* =21 取扱商品-------------------------------------------------------------
------------------------------------------------------------------------ */

.pro_online {
text-align:right;
}

img.item {
float:right;
}

/* =22 サイトマップ-------------------------------------------------------------
------------------------------------------------------------------------ */

#sitemap p {
background-image:url(../images/common/arrow01.gif);
background-position:left;
background-repeat:no-repeat;
margin:0px 0px 16px 30px;
padding:4px 0px 0px 16px;
}

/* =23 リンク-------------------------------------------------------------
------------------------------------------------------------------------ */

#link h4{
background-image:url(../images/common/arrow01.gif);
background-position:left;
background-repeat:no-repeat;
margin:0px 0px 0px 30px;
padding:4px 0px 0px 16px;
}

#link p {
margin:0px 0px 0px 30px;
padding:4px 0px 0px 20px;
}


/* =24 会社案内-------------------------------------------------------------
------------------------------------------------------------------------ */

table.corp_info {
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
}

.corp_info td {
border-color:#999999;
border-style:dashed;
border-width:0px 0px 1px 0px;
}