@import url(/design/161/default.css);
@import url(/design/161/no_sidebarmenu.css);
@import url(/design/161/globalnavi_left.css);
/* __Default_wizbase__
@@WD@@=100%,全体の幅
@@BH@@=70px,バナーエリアの高さ
@@LW1@@=200px,ローカルナビ（左）の幅
@@LW2@@=200px,ローカルナビ（右）の幅
@@LW110@@=210px,calc(@@LW1@@)px
@@LW210@@=210px,calc(@@LW2@@)px
@@FH@@=60px,フッターエリアの高さ
*/

/* __Begin_wizbase__ */
/* ----------- 構成要素の大きさの設定 ----------- */
/*
 *　全体の幅を指定
 *　　ウインドウの幅に追従する：　width:100%;
 *　　特定の幅に固定する：（例）　width:1000px;
 */
#contentFrameOuter {
    width:780px;/* @@WD@@ */
    margin:0 auto 0 auto;
}

#contentFrame {
    width:780px;/* @@WD@@ */
    margin:0 auto 0 auto;
}

/*
 *　バナーエリアの高さを指定
 */
#contentBanner {
     height:70px;
}

/*
 *　ローカルナビの幅を指定
 *　左側：#contentLocalNavi1
 *　右側：#contentLocalNavi2
 */
#contentLocalNavi1 {
    width:200px;/* @@LW1@@ */
}
#contentLocalNavi2 {
    width:200px;/* @@LW2@@ */
}

/*
 *　本文の左右余白をローカルナビの幅に併せて調整
 */
#contentBodyOuter {
    margin-left:0px;/* @@LW110@@ */
    margin-right:0px;/* @@LW210@@ */
}

/*
 *　フッタエリアの高さを指定
 */
#contentFooter {
    height:113px;/* @@FH@@ */
}
#pageContainer {
    padding-bottom:140px;/* @@FH@@ */
}
/* __End_wizbase__ */
/* __Default_base__
@@ZS@@=small,基準文字サイズ
@@TX@@=#000000,文字色
@@BY@@=#ffffff,全体背景色
@@BG@@=#ffffff,背景色
@@AL@@=#000000,リンク色
@@AH@@=#990066,hover色
@@BD@@=#000000,枠色
@@BS@@=160%,バナー文字サイズ
@@BT@@=#000000,バナー文字色
@@BB@@=#ffffff,バナー背景色
@@CB@@=#ffffff,本文背景色
@@HT@@=#000000,見出し文字色
@@FS@@=80%,フッター文字サイズ
@@FT@@=#000000,フッター文字色
@@FB@@=#ffffff,フッター背景色
*/
/* __Begin_base__ */
/* ----------- 色・画像などデザインの設定 ----------- */
/*
 *　ページ全体の基本設定
 */
body {
    font-size:80%;/* @@ZS@@ */
    color:#000000;/* @@TX@@ */
    background-color: #ffffff;/* @@BY@@ */
    background-image: none;
    background-repeat: repeat;
}

a {
    color:#000000;/* @@AL@@ */
}

a:hover {
    color:#990066;/* @@AH@@ */
}

#contentFrame {
    color:#000000;/* @@TX@@ */
    background-color: transparent;/* @@BG@@ */
}

* html #contentBanner img.logoImage {
}

/*
 *　グローバルナビメニューの設定
 */
#globalNavi {
    height:4.5;
    font-size:90%;/* @@ZS@@ */
    color:#4c791a;/* @@TX@@ */
    background-color: #ffffff;/* @@BG@@ */
    background-image: url(/design/448/gn_a_1px.jpg);
    background-position: left bottom;
    background-repeat: repeat-x;
}

#globalNavi ul li {
    border-right:solid 1px #000000;/* @@BD@@ */
}

#globalNavi ul li a {
    color:#4c791a;/* @@AL@@ */
    padding:0 1em 0 1em;
}

#globalNavi ul li a:hover {
    color:#4c791a;/* @@AH@@ */
    background-color: #ffffff;/* @@BG@@ */
    background-image: url(/design/448/gn_b_1px.jpg);
    background-position: left bottom;
    background-repeat: repeat-x;
}

/* _@10@_ */

#pageContainer {
    border-style:none;
}

/*
 *　ローカルナビ（左側）の設定
 */
#contentLocalNavi1 {
    color:#000000;/* @@TX@@ */
    background-color: #ffffff;/* @@BG@@ */
    border-style: solid;
    border-width: 1px;
    border-color: #000000;/* @@BD@@ */
}

#contentLocalNavi1 a {
    color:#000000;/* @@AL@@ */
}

#contentLocalNavi1 a:hover {
    color:#990066;/* @@AH@@ */
}

/*
 *　ローカルナビ（右側）の設定
 */
#contentLocalNavi2 {
    color:#000000;/* @@TX@@ */
    background-color: #ffffff;/* @@BG@@ */
    border-style: solid;
    border-width: 1px;
    border-color: #000000;/* @@BD@@ */
}

#contentLocalNavi2 a {
    color:#000000;/* @@AL@@ */
}
#contentLocalNavi2 a:hover {
    color:#990066;/* @@AH@@ */
}

/*
 *　コンテントボディ（本文）エリアの設定
 */
#contentBody {
    color:#000000;/* @@TX@@ */
    border-style: none;
    font-size: small;
}

#contentBody a {
    color:#000000;/* @@AL@@ */
}

#contentBody a:hover {
    color:#990066;/* @@AH@@ */
}

/*
 *　フッターエリアの設定
 */
#contentFooter {
    background-color: #eeeeee;
    background-image: url(/design/440/footer.gif);
}

#contentFooter p {
    font-size:80%;/* @@FS@@ */
    color:#000000;/* @@FT@@ */
    margin-top: 80px;
}

#contentFooter a {
    color:#000000;/* @@AL@@ */
}
#contentFooter a:hover {
    color:#990066;/* @@AH@@ */
}

/*
 *　箇条書の設定
 */

.listBlock a {
    color:#000000;/* @@AL@@ */
}
.listBlock a:hover {
    color:#990066;/* @@AH@@ */
}

/*
 *　タイトル付き箇条書の設定
 */
#contentBody .dl1 dt {
    color:#000000;/* @@TX@@ */
}
#contentBody .dl1 .dd1 {
    color:#000000;/* @@TX@@ */
}

/*
 *　単純な箇条書の設定
 */
#contentBody .ul1 {
    color: #000000;/* @@BD@@ */
    list-style-type: square;
}
#contentBody .ul1 .list1 .li1 {
    color:#000000;/* @@TX@@ */
}
#contentBody .ul2 {
    color: #000000;/* @@BD@@ */
    list-style-type: disc;
}
#contentBody .ul2 .list2 .li2 {
    color:#000000;/* @@TX@@ */
}
#contentBody .ul3 {
    color: #000000;/* @@BD@@ */
    list-style-type: circle;
}
#contentBody .ul3 .list3 .li3 {
    color:#000000;/* @@TX@@ */
}
#contentBody .ul4 {
    color: #000000;/* @@BD@@ */
    list-style-type: circle;
}
#contentBody .ul4 .list4 .li4 {
    color:#000000;/* @@TX@@ */
}

/*
 *　番号付き箇条書の設定
 */
#contentBody .ol1 {
    color: #000000;/* @@BD@@ */
    list-style-type: none;
}
#contentBody .ol1 .list1 .li1 {
    color:#000000;/* @@TX@@ */
}
#contentBody .ol2 {
    color: #000000;/* @@BD@@ */
    list-style-type: none;
}
#contentBody .ol2 .list2 .li2 {
    color:#000000;/* @@TX@@ */
}
#contentBody .ol3 {
    color: #000000;/* @@BD@@ */
    list-style-type: none;
}
#contentBody .ol3 .list3 .li3 {
    color:#000000;/* @@TX@@ */
}
#contentBody .ol4 {
    color: #000000;/* @@BD@@ */
    list-style-type: none;
}
#contentBody .ol4 .list4 .li4 {
    color:#000000;/* @@TX@@ */
}

/*
 *　表組の設定
 */
#contentBody .tableBox {
    border-style: double;
    border-width: 3px;
    border-color: #000000;/* @@BD@@ */
}
/* 見出し行の設定 */
#contentBody .tableHeader th {
    color:#000000;/* @@TX@@ */
    background-color: #ffffff;/* @@BG@@ */
}
/* 奇数行の設定 */
#contentBody .tableRow1 td {
    color:#000000;/* @@TX@@ */
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: #000000;/* @@BD@@ */
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;/* @@BD@@ */
}
/* 偶数行の設定 */
#contentBody .tableRow2 td {
    color:#000000;/* @@TX@@ */
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: #000000;/* @@BD@@ */
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;/* @@BD@@ */
}
/* __End_base__ */
/* __Begin_banner__ */
/*
 *　バナーエリアの設定：
 */
#contentBanner {
    color:#000000;/* @@BT@@ */
    background-color: #ffffff;/* @@BB@@ */
    background-image: url(/design/440/header_muji.jpg);
    padding-top:0px;
    padding-left:0px;
}
#contentBanner p {
    font-size:100%;/* @@BS@@ */
    color:#4c791a;/* @@BT@@ */
    padding-top:25px;
}

#contentBanner img.logoImage {
    left: 0px;/* @@LOGOPOS-X@@ */
    top: 0px;/* @@LOGOPOS-Y@@ */
}
/* __End_banner__ */
/* __Begin_Headline__ */
/*
 * 見出しの設定：装飾なし
 */
/* 大見出し（=見出し=） */
#contentBody h1 {
    font-size:240%;/* @@H1S@@ */
    color:#000000;/* @@HT@@ */
    border: none;
}
/* 中見出し（==見出し==） */
#contentBody h2 {
    font-size:180%;/* @@H2S@@ */
    color:#000000;/* @@HT@@ */
    border: none;
}
/* 小見出し（===見出し===） */
#contentBody h3 {
    font-size:120%;/* @@H3S@@ */
    color:#000000;/* @@HT@@ */
    border: none;
}
/* 見出し（====見出し====） */
#contentBody h4 {
    font-size:120%;/* @@H4S@@ */
    color:#000000;/* @@HT@@ */
    border: none;
}
/* 見出し（=====見出し=====） */
#contentBody h5 {
    font-size:100%;/* @@H5S@@ */
    color:#000000;/* @@HT@@ */
}
/* __End_Headline__ */
/* __Begin_cback__ */
/*
 *　コンテントボディ（本文）の背景：白無地
 */
#contentBodyOuter {
    background-color: #ffffff;/* @@CB@@ */
    background-image: none;
}
/* __End_cback__ */

.listBlock {
   float : left;
   width : 780px;
   border:solid 1px #ccc;
   margin-bottom:1.5em;
   padding-bottom:1.5em;
}

.listBlock b {
        display:block;
        background-color:#e1fdfc;
        padding-left:0.5em;
}

.listBlock ul {
   display : inline;
   margin-left:0px;
   padding-left:0px;
}

.listBlock ul li {
   float : left;
   margin-left:2px;
   padding-left:2px;
   margin-bottom:1px;
   padding-bottom:1px;
   display : inline;
   width : 150px;
   border:solid 1px #ccc;
}

.listBlock ul li ul {
   margin-left:0px;
   margin-right:0px;
}

.listBlock ul li ul li {
	display:inline;
	width : auto;
	margin-left:2px;
	padding-left:2px;
	border:solid 1px #ccc;
}

.listBlock ul li ul li ul {
	margin-left:0px;
	padding-left:0px;
}

.listBlock ul li ul li ul li {
	width:auto;
	margin-left:2px;
	padding-left:2px;
}

.listBlock ol {
   display : inline;
   margin-left:0px;
   padding-left:0px;
   margin-top:0px;
   padding-top:0px;
   margin-bottom:0px;
   margin-bottom:0px;
}

.listBlock ol li {
   float : left;
   margin-left:2px;
   padding-left:2px;
   margin-top:0px;
   padding-top:0px;
   margin-bottom:0px;
   padding-bottom:0px;
   display : inline;
   width : 256px;
   border:none;
}

.listBlock ol li ol {
   margin-left:0px;
   margin-right:0px;
   margin-top:0px;
   padding-top:0px;
   margin-bottom:0px;
   padding-bottom:0px;
}

.listBlock ol li ol li {
	display:inline;
	width : auto;
	margin-left:2px;
	padding-left:2px;
        margin-top:0px;
        padding-top:0px;
        margin-bottom:0px;
        padding-bottom:0px;
	border:none;
}

.listBlock ol li ol li ol {
	margin-left:0px;
	padding-left:0px;
}

.listBlock ol li ol li ol li {
	width:104px;
	margin-left:2px;
	padding-left:2px;
}

/*-----------------------------------------------------------------------------
 * Content Body / TABLE
 */
#contentBody .tableBox {
    border: solid 1px #aaaaaa;
    border-collapse: collapse;
}
    
#contentBody .tableHeader th {
    color: #000000;
    background-color: #ffffff;
    font-weight: normal;
    font-size: small;
    border: solid 1px #aaaaaa;
}
 
#contentBody .tableRow1 td {
    color: #000000;
    background-color: #ffffff;
    border: solid 1px #aaaaaa;
}

#contentBody .tableRow2 td {
    color: #000000;
    background-color: #ffffff;
    border: solid 1px #aaaaaa;
}


td,th   {
   vertical-align:middle;
   text-align:left;
}

#contentBody img {
    border: none;
}

#contentBody a img {
    border: none;
}


#contentBody a:hover img {
    border: none;
}

#contentBody div.img01 {
    width:143px;
    height:55px;
}

#contentBody div.img01 a {
    display:block;
    width:143px;
    height:55px;
    background-image:url(/design/440/b_blog2.gif);
    background-repeat: no-repeat;
}

#contentBody div.img01 a:hover {
    background-image:url(/design/440/b_blog2_2.gif);
    background-repeat: no-repeat;
}

#contentBody div.img02 {
    width:142px;
    height:42px;
}

#contentBody div.img02 a {
    display:block;
    width:142px;
    height:42px;
    background-image:url(/design/440/blogbn_staff.png);
    background-repeat: no-repeat;
}

#contentBody div.img02 a:hover {
    background-image:url(/design/440/blogbn_staff.png);
    background-repeat: no-repeat;
}

#contentBody div.img03 {
    width:150px;
    height:60px;
}

#contentBody div.img03 a {
    display:block;
    width:150px;
    height:60px;
    background-image:url(/design/440/bn_menu.gif);
    background-repeat: no-repeat;
}

#contentBody div.img03 a:hover {
    background-image:url(/design/440/bn_menu2.gif);
    background-repeat: no-repeat;
}

#contentBody div.img04 {
    width:150px;
    height:58px;
}

#contentBody div.img04 a {
    display:block;
    width:150px;
    height:58px;
    background-image:url(/design/440/bn_salon.gif);
    background-repeat: no-repeat;
}

#contentBody div.img04 a:hover {
    background-image:url(/design/440/bn_salon2.gif);
    background-repeat: no-repeat;
}

#contentBody div.img05 {
    width:150px;
    height:60px;
}

#contentBody div.img05 a {
    display:block;
    width:150px;
    height:60px;
    background-image:url(/design/440/bn_goods.gif);
    background-repeat: no-repeat;
}

#contentBody div.img05 a:hover {
    background-image:url(/design/440/bn_goods2.gif);
    background-repeat: no-repeat;
}

#contentBody div.img06 {
    width:150px;
    height:164px;
}

#contentBody div.img06 a {
    display:block;
    width:150px;
    height:164px;
    background-image:url(/design/440/top_image_skin_g.jpg);
    background-repeat: no-repeat;
}

#contentBody div.img06 a:hover {
    background-image:url(/design/440/top_image_skin_g.jpg);
    background-repeat: no-repeat;
}

#contentBody div.img07 {
    width:150px;
    height:164px;
}

#contentBody div.img07 a {
    display:block;
    width:150px;
    height:164px;
    background-image:url(/design/440/top_image_health_g.jpg);
    background-repeat: no-repeat;
}

#contentBody div.img07 a:hover {
    background-image:url(/design/440/top_image_health_g.jpg);
    background-repeat: no-repeat;
}

#contentBody div.img08 {
    width:150px;
    height:164px;
}

#contentBody div.img08 a {
    display:block;
    width:150px;
    height:164px;
    background-image:url(/design/440/top_image_heart_g.jpg);
    background-repeat: no-repeat;
}

#contentBody div.img08 a:hover {
    background-image:url(/design/440/top_image_heart_g.jpg);
    background-repeat: no-repeat;
}


#contentBody div.img09 {
    width:232px;
    height:105px;
}

#contentBody div.img09 a {
    display:block;
    width:232px;
    height:105px;
    background-image:url(/design/440/top_image_bridal_g.jpg);
    background-repeat: no-repeat;
}

#contentBody div.img09 a:hover {
    background-image:url(/design/440/top_image_bridal_g.jpg);
    background-repeat: no-repeat;
}

#contentBody div.img10 {
    width:232px;
    height:105px;
}

#contentBody div.img10 a {
    display:block;
    width:232px;
    height:105px;
    background-image:url(/design/440/top_image_diet_g.jpg);
    background-repeat: no-repeat;
}

#contentBody div.img10 a:hover {
    background-image:url(/design/440/top_image_diet_g.jpg);
    background-repeat: no-repeat;
}