@charset "utf-8";

/***********************************
  ASLEEP的　目覚め美人化計画
  style.css
***********************************/

@import "/common/css/base.css";


/*==================================
  Contents
==================================*/
/* お客様の声TOP */
div#voice_top {background:url(http://www.mezamebijin.jp/customer/toko/images/back_voice_h2.jpg) no-repeat left top; min-height: 153px; _height: 153px; margin-top: 12px; padding-top: 19px;}

div#voice_top h2 {margin: 0 0 29px 40px;}

div#voice_top p {margin-left: 10px; color:#333333; width: 480px; font-size: 95%;}

div#voice_top p.catch {margin-bottom: 10px;}

div#contents {line-height: 1.3; color: #333;}

div#contents ul.contents_cat_menu {list-style: none; margin-bottom: 20px;}

div#contents ul.contents_cat_menu li {float: left;}

div#contents div#present_campaign {background:url(http://www.mezamebijin.jp/customer/toko/image/back_campaign.gif) no-repeat left bottom; padding: 0 10px 20px 10px; margin-bottom: 18px;}

div#contents div#present_campaign p {margin: 0 10px 20px 10px; color: #333333;}

div#contents div#present_campaign h4 {background:url(http://www.mezamebijin.jp/customer/toko/image/back_present_month.gif) no-repeat left top; color: #ffffff; height: 40px; font-size: 24px; padding: 2px 0 0 25px;}

div#contents div#monthly_box {background:url(http://www.mezamebijin.jp/customer/toko/image/back_present_campaign.gif) no-repeat left bottom; padding: 0 20px 20px 25px; _width: 685px; margin-bottom: 15px;}

div#contents div#monthly_box dt {float: right; width: 205px; text-align: right;}

div#contents div#monthly_box dd {margin-right: 205px; color: #333; line-height: 1.5;}

div#contents div#monthly_box dd.product_name {font-size: 18px; font-weight: bold;}
div#contents div#monthly_box dd.product_name span {font-size:16px; font-weight:normal;}


div#contents div#monthly_box dd.ninzu {margin: -23px 0 8px 410px; background:url(http://www.mezamebijin.jp/customer/toko/image/back_ninzu.gif) no-repeat left top; font-size: 16px; color: #fff; width: 55px; height: 23px; text-align: center; line-height: 23px;}
div#contents div#monthly_box dd.ninzu02 {margin: -23px 0 8px 200px; background:url(http://www.mezamebijin.jp/customer/toko/image/back_ninzu.gif) no-repeat left top; font-size: 16px; color: #fff; width: 55px; height: 23px; text-align: center; line-height: 23px;}

div#contents div#monthly_box dd.text {margin-bottom: 8px;}
div#contents div#monthly_box dd.text p {margin: 0 0 5px 0;}

div#contents div#monthly_box dd.btn {margin-left: 309px;}

div#contents div#monthly_box div.line {background:url(http://www.mezamebijin.jp/customer/toko/image/line_present.gif) repeat-x left top; height: 3px; margin: 20px 0 20px 0;}
div#contents div#monthly_box div.line hr {display: none;}

div#contents ul#caution {background:url(http://www.mezamebijin.jp/customer/toko/image/back_caution.gif) no-repeat left top; height: 111px; padding: 15px 20px 5px 30px; color: #333; font-size: 95%; overflow: hidden;}
div#contents ul#caution li {list-style: none; background: url(http://www.mezamebijin.jp/customer/toko/image/listmark_caution.gif) no-repeat left 3px; padding-left: 17px;}

div#contents h3.title_com_tb {margin: 0 0 0 19px;}
div#contents div.title_com_tb {margin: 0 0 30px 19px;}
div#contents div.title_com_tb p {margin: -43px 0 0 559px;}

div#contents div.bute {color: #333; text-align: right; margin: 15px 35px 0 0;}
div#contents div.btn {margin: 0 0 0 40px;}

div#contents dl.article_box a, div#contents dl.tb_box a {color: #cc0066;}
div#contents dl.article_box a:hover, div#contents dl.tb_box a:hover {color: #ff6600;}

div#contents dl.article_box {margin: 20px 40px 0 40px; padding-bottom: 20px; border-bottom: #999 solid 1px; color: #333;}
div#contents dl.article_box dt {float: right;}
div#contents dl.article_box dt img {margin: 0 0 0 25px;}
div#contents dl.article_box dd {}
div#contents dl.article_box dd.article_title {margin-bottom: 15px; background: url(http://www.mezamebijin.jp/customer/toko/image/listmark_clock.gif) no-repeat left 1px; padding: 0 0 0 25px;}
div#contents dl.article_box dd.article_title a.title {font-weight: bold;}

div#contents div.line {background:url(http://www.mezamebijin.jp/customer/toko/image/line_bgwhite.gif) repeat-x left top; height: 3px; margin: 20px 0 20px 0;}
div#contents div.line hr {display: none;}

div#contents dl.tb_box {margin: 20px 40px 20px 40px; padding-bottom: 20px; border-bottom: #999 solid 1px; color: #333;}
div#contents dl.tb_box dt.article_title {margin-bottom: 15px; background: url(http://www.mezamebijin.jp/customer/toko/image/listmark_tb.gif) no-repeat left 1px; padding: 0 0 0 25px;}
div#contents dl.tb_box dt.article_title a.title {font-weight: bold;}

div#contents h3.title_blog_cate {margin: 30px 0 0 19px;}

div#contents ul.blog_cate {background:url(http://www.mezamebijin.jp/customer/toko/image/back_blog_cate_menu.gif) no-repeat left top; margin: 0 0 20px 19px; padding: 0 0 0 14px; height: 72px;}
div#contents ul.blog_cate li {float: left; list-style: none;}

div#last_box2 {width: 710px; height: 80px; overflow: scroll; margin:10px 0 0 10px; padding:10px; font-size:12px; border: 1px solid #ccc; overflow-x: hidden;}
div#last_box2 h3{padding-bottom: 5px; margin: 0;}
div#last_box2 p {text-align:left; margin: 0 0 30px 0; color: #666;}
div#last_box2 p.last{text-align: right;}
div#last_box2 dl,div#last_box dt,div#last_box dd{padding: 0; margin: 0;}
div#last_box2 dt{font-weight: bold;}
div#last_box2 dd{padding-bottom: 15px;}

/*--100628edit--*/
div#present_campaign dl#aity-box {padding:0 15px 25px 10px;}
div#present_campaign dl#aity-box dt {width:220px; float:left;}
div#present_campaign dl#aity-box dd {width:470px; float:right; font-size:13px; line-height:1.5;}
div#present_campaign dl#aity-box dd p {text-align:right; font-weight:bold; color:#69c; margin:0; padding:10px 0 0;}
div#contents h3.tit730 {margin: 0 0 15px 10px;}
div#contents h3.tit-center {padding:20px 0 10px; margin:0; text-align:center;}
div.auther-box {margin:10px 20px 0; padding:15px; background:#fff5fa;}
div.auther-box dt {font-size:13px; padding-bottom:10px;}
div.auther-box dt.photo {float: right; margin:0 0 0 10px;}
div.auther-box dd {line-height:1.5; font-size:13px;}
div.auther-box dd p {padding-top:10px;}
dl.comment-box {margin:0 20px; padding:10px 0 0 10px; background:url(./images/comment_back.gif) top left no-repeat;}
dl.comment-box dt {width:94px; float:left;}
dl.comment-box dd {width:560px; float:right; background:#fef9f3;}
dl.comment-box dd ol {list-style:none; padding:5px 15px;}
dl.comment-box dd ol li {padding:10px 5px; border-bottom:1px solid #dacfc2; line-height:1.5;}
dl.comment-box dd ol li.none {border:none;}
div.comment-box {margin:0 19px; border:3px solid #cc9; background:#fef9f3; padding:15px 20px;}
div.comment-box dl {padding-bottom:20px; font-size:13px;}
div.comment-box dl dt {width:12em; float:left; text-align:right;}
div.comment-box dl dt span.red {color:#c00;}
div.comment-box dl dd {padding:0 0 10px 14em; line-height:1.5;}
div.comment-box dl dd input {width:300px;}
div.comment-box dl dd textarea {width:425px; height:150px;}
div.comment-box p {padding:0 10px; font-size:13px;}
div.comment-box p a {font-weight:bold;}
div.comment-box div.btn_confirm {padding-top:15px; text-align:center;}


/* カテゴリーTOP */
div#contents h3.title_category {margin: 0 0 0 16px;}

div#contents div.article_title {height: 28px; margin: 20px 0 0 19px; background: url(http://www.mezamebijin.jp/customer/toko/image/back_article_title.gif) no-repeat left top; color: #fff; padding: 10px 30px 0 35px;}
div#contents div.article_title h4 {float: left; font-size: 110%;}
div#contents div.article_title h4 a {color: #fff;}
div#contents div.article_title h4 a:hover {color: #663300;}
div#contents div.article_title p {float: right; text-align: right; width: 160px;}

div#contents dl.article_list {margin: 20px 40px 0 25px; padding-bottom: 20px; color: #333;}
div#contents dl.article_list dt {float: right;}
div#contents dl.article_list dt img {margin: 0 0 0 25px;}
div#contents dl.article_list dd {}
div#contents dl.article_list dd.auther {margin-bottom: 15px;}
div#contents dl.article_list dd.entry {margin-bottom: 15px;}

div#contents div.btn_list {margin: 10px 0 20px 20px;}

/* トラックバック一覧 */
div#contents h3.title_category2 {margin: 0 0 20px 18px;}

div#contents dl#please {margin: 20px; background: #e1f5ff; padding: 10px; color:#333;} 
div#contents dl#please dt {float: right; width: 140px; text-align: right;} 
div#contents dl#please dt img {vertical-align: top;} 
div#contents dl#please dd {margin-right: 140px;} 

/* コメント一覧 */
div#contents div.list_link {color: #333; text-align: right; margin: 15px 25px 10px 0;}
div#contents div.list_link a {background: url(http://www.mezamebijin.jp/customer/toko/image/listmark_red.gif) no-repeat left 5px; color: #333; padding-left: 10px;}
div#contents div.list_link a:hover {color: #ff9900;}

div#contents dl.article_block {margin: 20px 25px 0 25px; padding-bottom: 20px; color: #333;}
div#contents dl.article_block dt {float: right;}
div#contents dl.article_block dt img {margin: 0 0 20px 20px;}
div#contents dl.article_block dd {}
div#contents dl.article_block dd.auther {margin-bottom: 15px;}
div#contents dl.article_block dd.entry {margin-bottom: 15px;}

div#contents div.article_data {margin: 0 20px 15px 20px; border-top: #999 solid 1px; padding: 5px; color: #333;}

div#contents h5#comment_list {margin: 0 0 0 20px;}
div#contents h5#comment_confirm {margin: 20px 0 0 20px;}
div#contents div#comment_comp p {margin: 20px 0 0 20px;}
div#contents div#comment_comp p.thanks {font-size: 16px; font-weight: bold;}
div#contents div#comment_comp p span {color: #cc0000; font-weight: bold;}
div#contents p.explanation {margin: 10px 0 0 25px; color: #cc0000; font-weight: bold;}

div#contents div#comment_comp ul {margin: 20px 100px 0 20px; padding: 10px 10px 5px 30px; border: #694a39 solid 1px; background-color: #ffeadf;}
div#contents div#comment_comp ul li {margin: 0 0 10px 0;}

div#contents dl.comment_list_box {margin: 15px 25px 15px 25px; padding-bottom: 15px; border-bottom: #999 solid 1px; color: #333;}
div#contents dl.comment_list_box dt.name {margin-bottom: 15px; background: url(http://www.mezamebijin.jp/customer/toko/image/listmark_comment.gif) no-repeat left 1px; padding: 0 0 0 25px;}

div#contents h3#post-com {margin: 30px 19px 10px 19px;}

div#contents div#comment_form {background: url(/customer/toko/images/back_comment_form.gif) no-repeat left top; height: 487px; margin: 0 19px 20px 19px; color: #333; overflow: hidden;}
div#contents div#comment_form dl {padding: 23px 20px 0 20px;}
div#contents div#comment_form dt {width: 148px; clear: left; float: left; padding-right: 20px; text-align: right;}
div#contents div#comment_form dd {padding-left: 168px;}
div#contents div#comment_form dd.text {margin-bottom: 25px;}

div#contents div#comment_form input.textbox {width: 295px;}
div#contents div#comment_form textarea {width: 425px; font-size: 14px;}

div#contents div#comment_form p {margin: 15px 0 15px 30px;}
div#contents div#comment_form p a {font-weight: bold;}

div#contents div#comment_form div.btn_confirm {text-align: center;}
div#contents div#comment_form div.btn_confirm input.button {width: 80px; text-align: center; padding: 2px;}

span.red {color: #cc0000;}

div#contents .hide_part .target {
display: none;
}
div#contents .trigger {
cursor: pointer;
}
div#contents .hide_part .trigger {}
div#contents .show .trigger {}
div#contents .trigger:after {}
div#contents .hide_part .trigger:after {}


/* 投稿画面 */
div#contents h2#popup {margin: 10px 0 10px 20px;}

div#contents p#write_message_text {margin: 0 25px 15px 30px;}

div#contents div#comment_form2 {background: url(http://www.mezamebijin.jp/customer/toko/image/back_comment_form2.gif) no-repeat left top; height: 791px; margin: 0 20px 20px 20px; color: #333; overflow: hidden;}
div#contents div#comment_form2 dl#form {padding: 23px 20px 0 20px;}
div#contents div#comment_form2 dl#form dt {width: 148px; clear: left; float: left; padding-right: 20px; text-align: right;}
div#contents div#comment_form2 dl#form dd {padding-left: 168px;}
div#contents div#comment_form2 dl#form dd.text {margin-bottom: 22px;}

div#contents div#comment_form2 input.textbox {width: 295px;}
div#contents div#comment_form2 textarea {width: 425px; font-size: 14px;}
div#contents div#comment_form2 input#pic {width: 250px;}

div#contents div#comment_form2 p#attention {margin: 20px 20px 15px 30px; line-height: 1.2;}
div#contents div#comment_form2 p#attention a {font-weight: bold;}

div#contents div#comment_form2 p#agreement {text-align: center; margin: 0 0 10px 0;}

div#contents div#comment_form2 div.btn_confirm {text-align: center;}

div#last_box3 {width: 630px; height: 80px; overflow: scroll; margin:15px 0 10px 30px; padding:10px; font-size:12px; border: 1px solid #ccc; overflow-x: hidden;}
div#last_box3 h3{padding-bottom: 5px; margin: 0;}
div#last_box3 p {text-align:left; margin: 0 0 30px 0; color: #666;}
div#last_box3 p.last{text-align: right;}
div#last_box3 dl,div#last_box dt,div#last_box dd{padding: 0; margin: 0;}
div#last_box3 dt{font-weight: bold;}
div#last_box3 dd{padding-bottom: 15px;}

/* トラックバック投稿 */
div#contents div.title_com_tb_toko {margin: 10px 0 5px 19px;}

div#contents div.list_link2 {color: #333; text-align: right; margin: 0 25px 10px 0;}
div#contents div.list_link2 a {background: url(http://www.mezamebijin.jp/customer/toko/image/listmark_tb.gif) no-repeat left 3px; color: #ca0068; padding-left: 20px;}
div#contents div.list_link2 a:hover {color: #ff9900;}

div#contents h3.tb_toko_title {margin: 0 0 10px 30px;}

div#contents div#tb_toko01 {background: url(http://www.mezamebijin.jp/customer/toko/image/back_tb_toko01.gif) no-repeat left top; margin: 0 0 0 45px; padding: 25px 0 0 40px; height: 35px;}
div#contents div#tb_toko02 {background: url(http://www.mezamebijin.jp/customer/toko/image/back_tb_toko02.gif) no-repeat left top; margin: 0 0 0 45px; padding: 45px 0 0 32px; height: 250px;}
div#contents div#tb_toko03 {background: url(http://www.mezamebijin.jp/customer/toko/image/back_tb_toko03.gif) no-repeat left top; margin: 0 0 20px 45px; padding: 40px 0 0 40px; height: 36px;}

div#contents div#tb_toko02 p {line-height: 1.2; margin-left: 8px; margin-bottom: 5px;}
div#contents div#tb_toko02 h4 {font-weight: normal; padding-left: 3px; font-size: 12px;}

div#contents div#tb_toko02 dl {background: #ffd98f; padding: 10px 10px 5px 10px; width: 570px; font-size: 95%;}
div#contents div#tb_toko02 dl dt {color: #813a10; float: left; width: 250px;}
div#contents div#tb_toko02 dl dd {background: #fff; margin: 0 20px 5px 250px; border: #7e9db9 solid 1px; padding: 2px 3px 2px 3px;}

div#contents div#comment_form3 {background: url(http://www.mezamebijin.jp/customer/toko/image/back_tb_toko_form.gif) no-repeat left top; height: 232px; margin: 0 40px 20px 50px; color: #333; overflow: hidden;}
div#contents div#comment_form3 dl#form {padding: 23px 20px 0 20px;}
div#contents div#comment_form3 dl#form dt {width: 148px; clear: left; float: left; padding-right: 20px; text-align: right;}
div#contents div#comment_form3 dl#form dd {padding-left: 168px;}
div#contents div#comment_form3 dl#form dd.text {margin-bottom: 22px;}

div#contents div#comment_form3 input.textbox {width: 295px;}

div#contents div#comment_form3 p {margin: 15px 25px 15px 15px; line-height: 1.2;}
div#contents div#comment_form3 p a {font-weight: bold;}

div#contents div#comment_form3 div.btn_confirm {text-align: center;}


div.right-box {float:right; width:475px;}

/*==================================
  Left Side部分
==================================*/

body#second div#left div.seminar dt {width:178px; margin-left:8px; line-height:1.25em;}
body#second div#left div.seminar dl dd p {font-size:12px; font-weight:bold; display:block; width:84px; position:absolute; margin:-84px 0 0 90px;}

div#seminar_bnr {margin:15px 0 0 0;}

div#seminar_bnr p {position:absolute; margin:-24px 0 0 108px;}

div#hotel_bnr {margin-bottom:10px;}

div#hotel_bnr p {position:absolute; margin:-24px 0 0 10px;}

div#life_bnr {margin-bottom:10px;}

div#life_bnr p {position:absolute; margin:-26px 0 0 11px;}

div#voice_cat {margin:5px 0 10px 0; padding-bottom:10px; background:url(http://www.mezamebijin.jp/customer/toko/image/back_left_bottom.gif) bottom;}

div#voice_cat ul {margin:0 0 0 7px; list-style: none; list-style-position: outside;}

div#voice_cat ul li {margin:0 0 2px 0;}

div#monitor {margin:5px 0 10px 0; padding-bottom:15px; background:url(http://www.mezamebijin.jp/customer/toko/image/back_monitor.gif) bottom;}

div#monitor dl {margin: 5px 0 0 9px; width: 170px;}

div#monitor dt {width: 87px; float: left;}

div#monitor dd {font-size: 10px; padding-left: 87px; line-height: 1.5;}

div#monitor dd span {font-weight: bold; color: #333333;}

div#monitor p {clear: both; margin: 15px 0 0 43px;}

div#left_box00 {margin:5px 0 7px 0; padding-bottom:20px; background:url(http://www.mezamebijin.jp/customer/toko/image/back_index.gif) bottom;}

div#left_box00 dl {width:160px; margin-left:15px;}

div#left_box00 dl dt {float:left; width:78px;}

div#left_box00 dl dt img {border:1px solid #fff;}

div#left_box00 dl dd {padding-left:80px; line-height:1.6em; font-size:12px;}

div#left_box00 dl dd span {background:#fff; color:#000; padding:2px 5px; font-weight:bold;}

div#left_box00 dl dd a {color:#000; text-decoration:underline; font-weight:bold;}

div#left_box00 dl dd a:hover {color:#f93; text-decoration:none;}

div#left_box00 dl dd img {margin-top:5px;}

div#left_box01 {width:190px; height:145px; margin:10px 0 10px 0;}

div#left_box01 p {position:absolute; margin:-25px 0 0 10px;}

div#left_box02 {width:190px; height:162px; margin: 10px 0 10px 0;}

div#left_box02 p {position:absolute; margin:-56px 0 0 97px;}

div#left_box03 {width:190px; height:144px; margin-bottom:22px;}

div#left_box03 p {position:absolute; margin:-23px 0 0 84px;}

div#left_box04 {width:190px; height:145px; margin-bottom:10px;}

div#left_box04 p {position:absolute; margin:-25px 0 0 11px;}

div#left_box05 {width:190px; height:145px; margin-bottom:10px;}

div#left_box05 p {position:absolute; margin:-26px 0 0 11px;}

div#left_box06 {width:190px; height:145px; margin-bottom:10px;}

div#left_box06 p {position:absolute; margin:-26px 0 0 83px;}

div#left_box000 {width:190px; background:url(/image/monitar_body.gif) bottom; padding-bottom:15px; margin-top:10px;}

div#left_box000 dl {width:175px; margin-left:10px;}

div#left_box000 dl dt {width:85px; float:left;}

div#left_box000 dl dd {padding-left:90px; line-height:1.5em;}

div#left_box000 dl dd a {color:#000; text-decoration:underline; font-weight:bold;}

div#left_box000 dl dd a:hover {color:#c93; text-decoration:none;}

div#left_box000 p.form_img {margin:10px 0 0 60px;}

div#campaign {margin-top:10px; background:url(/image/back_campaign.gif) bottom; padding-bottom:20px;}

div#campaign p {margin:10px 0 0 6px;}

div#campaign p .check-btn {position:absolute; margin:-31px 0 0 91px;}


/*  20080420UP
----------------------------------*/
ul#sidemenu {list-style:none; padding-bottom:10px;}
ul#sidemenu li {line-height:0; font-size:0;}

div#new-seminar {margin-bottom:10px; background:url(../images/back_seminarevent.gif) bottom; padding-bottom:6px;}
div#new-seminar ul {list-style:none; padding-left:7px;}
