@charset "EUC-JP";
/* CSS Document */

/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
margin: 0px;
padding: 0px;
}

.ta-c{text-align:center;}

body {
color: #3f2e2f;
font-style:normal;
font-size: 12px;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
line-height: 1.4em;
background-color: #ffffff;
text-align:left;
background:url(https://img12.shop-pro.jp/PA01065/294/etc/bg_body.jpg) repeat top left;
}

.clearfix:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix{
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

br.clear {
clear: both;
font: 0pt/0pt sans-serif;
}

img {
border: 0px;
}

a:hover img {
filter: alpha(opacity: 50);
opacity: 0.5;
-moz-opacity: 0.5;
}

ul{
margin:0;
padding:0;
list-style-type:none;
}

.mr0{
margin-right:0px;
}

/* --------------- <h>group --------------- */
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}

h1 {
font-size:12px;
text-align:center;
color:#dc3065;
}

h2 a{
height:64px;
width:236px;
}
/* --------------- //<h>group --------------- */

/*ページ全体の幅*/
#container {
background-color:#FFFFFF;
margin:0 auto;
padding-left:20px;
padding-right:20px;
width:818px;
}

/* --------------- Header --------------- */
#header {
height:130px;
margin:0 0 5px;
padding:0;
width:818px;
}

#catch{padding:5px; background:#fff2f1; color:#e41c41; font-size:12px; margin-bottom:10px; font-weight:bold;}

#header-l{
float:left;
margin:0;
padding:0;
width:305px;
}

#header-r{
float:right;
margin:0;
padding:0;
}

#header-r form{
float:right;
margin-bottom:10px;
padding:0;
}

/*
#header-r a{
float:right;
margin-bottom:10px;
padding:0;
}
*/

#header-line{
margin-bottom:10px;
}

#btn-cart{
clear:both;
float:right;
}

/* --------------- //Header --------------- */

/* --------------- top-recommend --------------- */
#top-recommend{
height:420px;
margin:0 auto 15px;
width:818px;
}

#top-recommend-l{
float:left;
width:234px;
margin-right:15px;
}

#top-recommend-c{
background-color:#FFEEED;
float:left;
height:400px;
padding:10px;
width:300px;
}

#top-recommend-r{
float:right;
width:234px;
}

.recommend-title{
width:234px;
height:28px;
margin-bottom:10px;
}

#top-recommend-l a{
display:block;
width:234px;
height:122px;
margin-bottom:8px;
}

#top-recommend-r a{
display:block;
width:234px;
height:122px;
margin-bottom:8px;
}

/* --------------- //top-recommend --------------- */

/* --------------- //Header --------------- */

/* --------------- Navigation --------------- */
#navi {
clear:both;
height:15px;
margin:0 0 10px;
width:477px;
float:right;
}

#navi ul {
list-style-type:none;
}

#navi li {
float:right;
}

#navi li a{
display:block;
height:15px;
outline:none;
padding-right:10px;
}

.menu01 a{
width:73px;
}

.menu02 a{
width:59px;
}

.menu03 a{
width:99px;
}

.menu04 a{
width:110px;
}

.menu05 a{
width:86px;
}

/* --------------- //Navigation --------------- */

/* --------------- Footer --------------- */
#footer {
background:url(https://img12.shop-pro.jp/PA01065/294/etc/bg_footer.gif) no-repeat center bottom #FFFFFF;
clear:both;
color:#938267;
font-size:10px;
height:91px;
margin:0 auto;
padding-top:45px;
text-align:center;
width:858px;
}

.copy{
display:none;
}

#footer a:link{
color:#938267;
text-decoration:none;
}

#footer a:visited{
color:#938267;
text-decoration:none;
}

#footer a:hover{
color:#322817;
text-decoration:underline;
}

#group-list {
border-top:#838383 dotted 1px;
padding:5px 0px 0px;
margin:10px 20px 0px 0px;
}
/* --------------- //Footer --------------- */

/*  メイン  */
#main {
height:auto;
margin:0;
padding:0;
width:818px;
}

/*　画面左側メニューの幅　*/
#left {
float: left;
width: 157px;
}

/*　画面右側の幅　*/
#right {
float: right;
width: 643px;
}
/* ヘッダー　ピックアップイメージ */
#head_picup {
    width:818px;
    height:60px;
	margin:0 20px;
	margin-bottom:10px;
	padding:0;
	clear:both;
}

#recommend-pic{
width:836px;
height:146px;
margin:0;
margin-bottom:12px;
padding:0px;
padding-left:22px;
}

#recommend-pic li{
margin:0;
margin-right:10px;
padding:0;
float:left;
}

#p-info2{
height:100px;
margin:0 0 10px;
padding-left:19px;
padding-right:19px;
width:820px;
}

#p-info3{
height:103px;
margin:0 auto 10px;
width:820px;
}

/* 特典 */
#privilege{
float:left;
width:405px;
height:99px;
padding:0;
}

#privilege_main{
width:393px;
_width:383px;
height:73px;
_height:53px;
margin:0;
padding:5px 10px;
color:#822121;
font-weight:bold;
font-size:14px;
}

#privilege_main p{
margin-bottom:6px;
}


/* 特典 */

/* お知らせ */
#info{
height:133px;
margin:0 0 15px;
padding:0;
width:641px;
}

#info-box{
border:1px solid #E1C897;
height:133px;
line-height:1em;
margin-bottom:10px;
width:641px;
}

#info-top{
height:31px;
width:641px;
}

#info-main{
background:#faf3e9;
height:82px;
margin:0;
overflow:auto;
padding:10px 5px 10px 10px;
width:626px;
}

#info-main-box{
font-size:12px;
height:82px;
margin:0;
overflow:auto;
padding-right:5px;
text-align:left;
width:619px;
line-height:1.4em;
}

#info-main p{
margin-bottom:7px;
}

#info-main .date{
color:#70041d;
font-weight:bold;
margin-bottom:2px;
}

#info-free p{
margin-bottom:7px;
}

#info-free .date{
color:#70041d;
font-weight:bold;
margin-bottom:2px;
}


/* お知らせ */

#left-btn{
margin-bottom:10px;
text-align:left;
}

#left-btn li{
margin-bottom:2px;
}


/* ステーショナリー */

#c_stationery ul{
margin-left:13px;
}


#c_stationery li {
margin:0;
padding:0;
}


#c_stationery li a {
    display: block;
    width: 132px;
    height: 25px;
    background-repeat:no-repeat;
	text-indent:-9999px;
	outline:none;
}



/* ステーショナリー */

/* フレグランス */
#c_fragrance {
    width: 157px;
	text-align:left;
}

#c_fragrance ul {
margin-left:13px;
}

#c_fragrance li {
margin:0;
padding:0;
}

#c_fragrance li a {
    display: block;
    width: 132px;
    height: 25px;
    background-repeat:no-repeat;
	text-indent:-9999px;
	outline:none;
}
/*Other*/
#c_other {
    width: 157px;
	text-align:left;
	margin-bottom:15px;
}

#c_other ul{
margin-left:13px;
}


#c_other li {
margin:0;
padding:0;
}


#c_other li a {
    display: block;
    width: 132px;
    height: 25px;
    background-repeat:no-repeat;
	text-indent:-9999px;
	outline:none;
}



/*アイテムから選ぶ*/


#item_list li{
margin:0;
padding:0;
}

#item_list li a{
width:157px;
height:28px;
display:block;
text-indent:-9999px;
outline:none;
background-repeat:no-repeat;
}

/* スリッパ、タオル、その他、傘、ラッピング */
#item_umbrella,#item_slipper,#item_towel, #item_other, #item_wrapping, #item_glass, #item_cushion,#item_brass,#item_fabric,#item_furniture,#item_flower,#drink{
    margin-bottom:10px;
}

/* その他バラ雑貨 */
#item_gift {
    margin-bottom:15px;
}

#gift{
width:157px;
margin:0;
margin-bottom:12px;
text-align:left;
}

#mailmagazine,.blog{
width:157px;
height:89px;
margin:0;
margin-bottom:12px;
text-align:left;
}

.shop_info{
width:147px;
text-align:left;
padding:42px 5px 10px 5px;
margin:0px 0px 12px;
background-image:url(https://img12.shop-pro.jp/PA01065/294/etc/title_info.jpg);
background-repeat:no-repeat;
background-position:top left;
background-color:#f7efe2;
font-size:10px;
}

#calendar {
    width:100%;
	margin:5px 0;
}

#calendar table{
border-collapse:collapse;
  width:100%;
  margin-bottom:5px;
}

#calendar .cal{
color:#ffffff;
}



/* アコーディオンメニュー */
#basic-accordian{
	width:158px;
}

.accordion_headings{
	color:#FFFFFF;
	cursor:pointer;
	margin:0px 0px 10px;
}

.accordion_headings:hover{
	background:#FFFFFF;
}

.accordion_child{
	padding-bottom:10px;
	padding-left:15px;
}

.header_highlight{
	background:#FFFFFF;
}
/* アコーディオンメニュー */

/* ログイン */
.member-login-top {
background:url(https://img12.shop-pro.jp/PA01065/294/etc/login_up.gif) no-repeat;
height:35px;
text-indent:-9999px;
width:157px;
}

.member-login-bottom {
background:url(https://img12.shop-pro.jp/PA01065/294/etc/login_bottom.gif) no-repeat;
height:35px;
margin-bottom:10px;
width:157px;
}

.member-login {
width:157px;
padding-bottom:10px;
background-color:#f2f2f2;
font-size:10px;
}

.member-login p{
text-align:center;
}

.member-login form {
width:157px;
}

.text_area01{
width:157px;
margin-left:18px;
}

.text_area02{
width:157px;
margin-left:17px;
}

.member-login input{
width:120px;
text-align:center;
margin-left:18px;
}

.member-login form a{
margin-left:11px;
}

.submit_btn {
margin-top:10px;
margin-bottom:10px;
margin-left:2px;
}

#login_image{
text-align:center;
}

/* ログイン後 */
#login_after{
width:157px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:6px;
background-color:#f1f0f0;
text-align:center;
font-size:10px;
}
/* ログイン */


/*ページ下部注意事項欄*/
#caution{
clear:both;
background:url(https://img12.shop-pro.jp/PA01065/294/etc/bg_causion.gif) no-repeat;
width:641px;
height:910px;
}

#caution-center{
font-size:10px;
margin:0;
padding:60px 30px 0;
width:581px;
}

#caution-center:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#caution-center{
display:inline-block;
}

/* Hides from IE-mac \*/
*html #caution-center{height:1%;}
#caution-center{display:block;}
/* End hide form IE-mac */

#c-c-left{
width:281px;
float:left;
}

#c-c-right{
width:281px;
float:right;
}


/*******************************
********otherページ用******************/

.series,.item{
width:643px;
height:202px;
padding:0;
margin:0;
margin-bottom:15px;
}

.series_l,.series_c,.item_l,.item_c{
width:198px;
height:200px;
border:1px solid #987e59;
float:left;
margin-right:20px;
}

.series_r,.item_r{
width:198px;
height:200px;
border:1px solid #987e59;
float:left;
}


.ex_box{
font-size:10px;
padding:5px;
}

a:hover img {
    filter: alpha(opacity: 50);
    opacity: 0.5;

    -moz-opacity: 0.5;
}

/* パンくずリスト */
#pankuzu {
    width:633px;
    background-color:#f1f0f0;
	margin:0;
	margin-bottom:5px;
	padding:5px;
}
#pankuzu a:link { color: #C05780; }
/* パンくずリスト */


/*******************************
********プレゼント・ギフトrページ用******************/

/* 商品の表示 */
.product_one {
    background-color:#FCF2DF;
    float:left;
    width:180px;
	height:250px;
    margin: 0px 21px 15px 0px;
	padding:10px;
}

.product_one_mr {
    background-color:#FCF2DF;
    float:left;
    width:180px;
	height:250px;
    margin: 0px 0px 15px 0px;
	padding:10px;
}
/* 商品の表示 */



/* 商品の名前 */
p.product_name {
    margin: 5px 0px;
	margin-bottom:15px;
}
/* 商品の名前 */

/* 販売価格 */
.product_price {
    text-align:center;
	margin-bottom:10px;
}
.p_p_color {
    color:#CC0228;
}
/* 販売価格 */

/* 商品詳細へのリンク */
.product_next {
    text-align:center;
}

/* 商品詳細へのリンク */

h3#p_name{
width:630px;
height:25px;
_height:20px;
display:block;
font-size:12px;
color:3f2e2f;
background:url(https://img12.shop-pro.jp/PA01065/294/etc/bar_detail.gif) no-repeat top center;
line-height:25px;
vertical-align:middle;
padding-left:12px;
_padding-top:5px;
margin-bottom:12px;
}

/* バナー広告 */
#banner01{
width:157px;
margin-top:15px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}


#event-contents p{margin-bottom:12px;}
#event-contents img{margin-bottom:12px;}

table.event{
margin-bottom:20px;}

.event th{
background:#FFEEED;
width:100px;
padding:10px 0;
text-align:center;
vertical-align:middle;
}

.event td{
text-align:left;
padding:10px;
vertical-align:middle;
}
.left-menu-01{margin-bottom:15px;}
.left-menu-01 ul{margin-left:10px;}
.left-menu-01 li{margin-bottom:5px;}
.left-menu-01 li a:link{color:#524c3d; text-decoration:none;}
.left-menu-01 li a:visited{color:#524c3d; text-decoration:none;}
.left-menu-01 li a:hover{color:#ff7f7f; text-decoration:underline;}

.left-menu-02 p{margin-bottom:10px;}
.left-menu-02 ul{margin-left:10px;}
.left-menu-02{margin-bottom:15px;}
.left-menu-02 li{margin-bottom:5px;}
.left-menu-02 li a:link{color:#524c3d; text-decoration:none;}
.left-menu-02 li a:visited{color:#524c3d; text-decoration:none;}
.left-menu-02 li a:hover{color:#ff7f7f; text-decoration:underline;}
.left-menu-02 p a:link{color:#524c3d; text-decoration:none; font-size:14px; }
.left-menu-02 p a:visited{color:#524c3d; text-decoration:none; font-size:14px; }
.left-menu-02 p a:hover{color:#ff7f7f; text-decoration:underline; font-size:14px; }
#header-txtlink{background-color:#FFEEED; padding:4px 5px; font-size:10px; color:#CC0228; margin-bottom:4px;}
#key-word{background-color:#FFEEED; padding:4px 5px; font-size:10px; color:#CC0228; margin-bottom:15px;}
.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr8{margin-right:8px;}
.mr12{margin-right:12px;}
.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb12{margin-bottom:12px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.ml10{margin-left:10px;}
.mb20{margin-bottom:20px;}
.mr20{margin-right:20px;}


.info-txt p{margin-bottom:6px;}
p.date{color:#CC0228; margin-bottom:2px;}
#key-word a:link{color:#CC0228;}
#key-word a:visited{color:#CC0228;}
#key-word a:hover{color:#938267;}
#key-word strong{font-weight:normal;}


#footer-menuarea{    background-color: #FFFFFF;
    margin: 0 auto;
  padding:20px 50px;
  width: 758px;}
#footer-menuarea2{    background-color: #FFFFFF;
    margin: 0 auto;
  padding:20px 50px;
  width: 758px;}
.footer-menu{float:left; width:252px;}
.footer-menu ul{margin-bottom:15px;}
.footer-menu li{margin:0 0 4px 10px; color:#333;}
.footer-menu li.cate-title{margin:0 0 5px 0;}

.footer-menu li a:link{color:#333; text-decoration:none;}
.footer-menu li a:visited{color:#333; text-decoration:none;}
.footer-menu li a:hover{color:#fc7070; text-decoration:underline;}

.footer-menu li.cate-title a{font-size:110%;}

.kugiri-footer{padding-bottom:30px; text-align:center;}

.showroom-open{width:100%; box-sizing:border-box; border:1px solid #ccc; border-collapse:collapse; margin:0 0 15px;}
.showroom-open th{border:1px solid #ccc;}
.showroom-open td{border:1px solid #ccc; vertical-align:top;}
.showroom-open td span{display:block; color:#f00; padding:3px0; text-align:center; font-size:90%;}
.showroom-open td a{display:block; padding:3px0; text-align:center; font-size:90%;}
.showroom-open td.close-day{background:#d9d9d9;}

/*ジェニファーテイラーページ*/
.title-jt{display:block; border-bottom:1px solid #2d2300; color:#2d2300; font-size:120%; font-weight:normal; padding:0 3px 5px; margin-bottom:25px;}
.box-jt-link{margin-bottom:30px;}
.box-jt-link a{display:inline-block; border-radius:6px; border:1px solid #e30348; background:#ffeeed; color:#e30348; padding:10px 25px; margin:0 15px 20px 0; text-decoration:none;}
.box-jt-link a:hover{background:#e30348; color:#fff;}

/*RoseRoom スペシャルレッスン*/
.title-lesson{display:block; border:1px solid #fcd6df; padding:12px 0; font-size:120%; margin-bottom:25px; border-radius:6px; text-align:center; font-weight:normal;
}
a.box-lesson{display:block; width:278px; border:1px solid #fff2f1; padding:12px; margin:0 8px 20px; border-radius:6px; float:left; color:#444; text-decoration:none; position:relative; min-height:340px;}
a.box-lesson img{width:100%; height:200px; object-fit:cover; margin-bottom:5px;}
a.box-lesson h4{font-weight:bold; font-size:100%; display:block; margin-bottom:5px; text-align:left;}
a.box-lesson h5{font-weight:normal; font-size:120%; display:block;  text-align:left; color:#CC0228; margin-bottom:10px;}
.con-lesson{padding:10px 20px 30px; line-height:1.6em;}
span.finish{display:inline-block; border-radius:8px; background:#e52126; color:#fff; font-size:12px; text-align:center; padding:3px 10px; position:absolute; top:30px; left:30px; }

/*レッスン*/
.box-lesson-info{border:1px solid #900; border-radius:8px; padding:15px 15px 5px; margin-bottom:20px;}
.box-lesson-info h3{display:block; font-size:120%; color:#900; font-weight:normal; margin-bottom:15px;}
.box-lesson-info h3 span{font-size:90%; padding-right:4px;}
#f8-event .box-lesson-info{position:relative; padding:15px;} 
#f8-event .box-lesson-info span{position:absolute; top:-11px; right:8px; color:#fff; background:#900; border-radius:6px; padding:3px 7px; font-size:11px;}

.box-lesson-information{padding-bottom:20px; margin-bottom:30px; border-bottom:1px dashed #ccc;}
.box-lesson-information h4{display:block; border-left:7px solid #900; font-size:120%; color:#900; font-weight:normal; margin-bottom:20px; padding-left:5px;}
.box-lesson-information p{margin-bottom:20px;}
table.table-lesson-info{border:1px solid #f0f0f0; border-collapse:collapse; width:100%; margin-bottom:30px;}
table.table-lesson-info th{border:1px solid #f0f0f0; background: #FFEEED; width: 120px; padding: 10px 0; text-align: center; vertical-align: middle;}
table.table-lesson-info td{border:1px solid #f0f0f0; background: #fff; padding: 10px; text-align: left; vertical-align: middle;}
.profile-koushi{border-left:1px solid #900; padding:5px 0 5px 20px;}
.profile-koushi h3{display:block; margin-bottom:15px; font-size:110%; font-weight:normal;}
.profile-koushi strong{display:block; margin-bottom:15px;  font-weight:normal;}

/*ボタン*/
a.btn-basic{display:block; width:320px; margin:25px auto; text-decoration:none; text-align:center; border-radius:8px; padding:15px 0; color:#fff; background:#fd7080; font-size:16px; border:1px solid #fd7080;}
a.btn-basic:hover{background:#fff; color:#fd7080;}

a.btn-pink{display:block; width:100%; border:1px solid #febfbb; border-radius:8px; text-align:center; color:#e30348; background:#ffeeed;  text-decoration:none; padding:15px 0; font-size:14px;}
a.btn-pink:hover{background:#e30348; color:#fff; border-color:#e30348;}

.btn-area{margin-bottom:25px;}

/*終了メッセージ*/
.txt-finish{color:#e52126; background:#feecec; text-align:center; margin-bottom:25px; padding:15px;}

/*f15レッスンページ*/
.box-y-lesson{margin:30px 0;}
.title-y-lesson{display:block; margin:30px 0; font-size:22px; text-align:center; font-weight:normal;}


/*フッターQRエリア*/
#qr-area{clear:both; width:858px; margin:0 auto; background:#fff; text-align:center; padding:30px 0;}
#qr-area ul{list-style:none;}
#qr-area li{display:inline-block; vertical-align:top; margin:0 10px; width:150px;}
#qr-area li img{width:100%;}
#qr-area li span{display:block; font-size:13px;}


/*RoseRoom成城サロンイベントレッスン*/
.title-contents{
  display:block;
  font-size:16px;
  font-weight:normal;
  margin-bottom:20px;
  background-color:#ffffff;
  border:1px solid #FFEEED;
  padding:15px 10px;
  border-radius:8px;
}

.title-contents span{
  border-left:5px solid #d13647;
  padding:0 0 0 6px;
}

.title-contents-sub{
  display:block;
  text-align:center;
  font-size:14px;
  font-weight:normal;
  margin-bottom:20px;
  background-color:#FFEEED;
  padding:12px 10px;
}

.box-e{
   margin-bottom:15px;
  background-color:#ffffff;
  border:1px solid #FFEEED;
  padding:20px;
  border-radius:8px; 
  line-height:1.7;
  font-size:14px;
}

.title-month{
  display:block;
  font-size:16px;
  margin-bottom:12px;
  color:#d13647;
}

.title-month small{
  padding-left:12px;
  font-size:12px;
}

.ul-e{
  list-style:disc !important;
  margin-left:18px;
}

.btn-area{
  padding:25px 0;
  text-align:center;
}

a.btn{
  display:inline-block;
  border-radius:8px;
  color:#fff;
  text-decoration:none;
  background-color:#d13647;
  padding:20px 35px;
  font-size:16px;
  border:1px solid #d13647;
  min-width:300px;
}
a.btn:hover{
  background-color:#fff;
  color:#d13647;
}
  






  
  









