p.back_yllw {
    background-color: #ffff66;
}

/* ************************************************ 
 */rumian/shop/html/template/default/css
 * ************************************************ */


/* ************************************************ 
 *	商品データテーブル/説明テーブル
 * ************************************************ */

table.data {width: 700px;
	border-collapse: collapse;}

.data th {width: 60px;
	border: solid 1px #aaaaaa;
	padding: 8px;
	background-color: #ff7f50;
	text-align: left;
	vertical-align: top;
	color: #ffffff;}

.data td {border: solid 1px #aaaaaa;
	padding: 8px;
	vertical-align: top;}
}


/* ************************************************ 
 *	商品詳細ページ
 * ************************************************ */

.item_page	{ }

.item_page ul { padding: 10px; margin: 10px; list-style-type: square; }



/*見出し　区切り線 <span class="">で記述*/

.midashi_kasen	{font-size: 1em;
	border-bottom: solid 3px #b8e964;
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: 3px;}


/*見出し　このエッセンスのエネルギー・こんな方に(花マークつき) <span class="">で記述*/

.teigi_flower {
	margin: 0;
        overflow: auto;
	background-image: url(http://rumian.info/shop/html/upload/save_image/mark_flower.png);
	background-repeat: no-repeat;
	border-bottom: solid 2px #ffcc00;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 45px;
	margin-bottom: 12px;}


/*見出し　このエッセンスのエネルギー・こんな方に(クロネコマークつき) <span class="">で記述*/

.teigi_animal {
	margin: 0;
        overflow: auto;
	background-image: url(http://rumian.info/shop/html/upload/save_image/kuroneko.jpg);
	background-repeat: no-repeat;
	border-bottom: solid 2px #ffcc00;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 45px;
	margin-bottom: 12px;}


/*見出し　体験談 (緑苗つき) <span class="">で記述*/

.taiken {
	margin: 0;
        overflow: auto;
	background-image: url(http://rumian.info/shop/html/upload/save_image/mark_nae_green.png);
	background-repeat: no-repeat;
	border-bottom: solid 2px #66cdaa;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 45px;
	margin-bottom: 12px;}


/*飾り枠　POINT　<div class="POINT-box">　</div>で記述*/
.POINT-box {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 1em 0;
    padding: 2em;
    position: relative;
    word-wrap:break-word;
    overflow: auto;

}

.POINT-box::before {
    background-color: #fff;
    color: #da4033;
    content: "POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: 0em;
}

/*飾り枠　KEY WORD　<div class="KEYWORD-box">　</div>で記述*/
.KEYWORD-box {
    border: 2px solid #0000cd;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.KEYWORD-box::before {
    background-color: #fff;
    color: #0000cd;
    content: "KEY WORD";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: 0em;
}

/*飾り枠　box26 <div class="box26"><span class="box-title">ここにタイトル</span>
    <p>ここに文章</p></div>*/

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
    overflow: auto;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: 0px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

/*飾り枠　box27 <div class="box27"><span class="box-title">ここにタイトル</span>
    <p>ここに文章</p></div>*/

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
    overflow: auto;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: 0px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}


/*見出し　作り手(よこがお) <span class="">で記述*/

.midashi_producer {
	margin: 0;
	background-image: url(http://rumian.info/shop/html/upload/save_image/midashi_producer.gif);
	background-repeat: no-repeat;
	border-bottom: solid 2px #4682b4;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 45px;
	margin-bottom: 12px;}


/*見出し　使い方 <span class="">で記述*/

.midashi_usage {
	margin: 0;
	background-image: url(http://rumian.info/shop/html/upload/save_image/midashi_usage.gif);
	background-repeat: no-repeat;
	border-bottom: solid 2px #ff00ff;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 45px;
	margin-bottom: 12px;}


/*飾り枠　<div class="sample-box-3">　</div>で記述*/
.sample-box-3 {
    border: 4px double #ddd;
    margin: 2em 0;
    padding: 2em;
}

/*提供元クレジット表示*/
.credit	{font-size: small;}



/*割引関係アイコン*/

/*横並び*/
ul.nav_crown {
  padding: 0px;
  vertical-align: middle;
}

ul.nav_crown li{
  display: inline-block;
  border: none;
  padding: 10px;
  width: 160px;
  height: 100px;
  text-align: center;
  line-height:110px;  
  font-size: 17pt; 
  font-weight: bold;
}

.crown_g {
  background:url(http://rumian.info/shop/html/upload/save_image/ico_crown_g.gif) no-repeat center top;  
}
.crown_s {
  background:url(http://rumian.info/shop/html/upload/save_image/ico_crown_s.gif) no-repeat center top;  
}


/* ************************************************ 
 *	原材料・容量表示
 * ************************************************ */

table.hyoji_01 {
      width: 70%;
      border-collapse: collapse;
      padding: 50px;
      margin: 50px;
}


table.hyoji_01 th{
      padding: 6px;
      text-align: left;
      vertical-align: top;
      color: #333;
      background-color: #eee;
      border: 1px solid #b9b9b9;
}

table.hyoji_01 tr{
      padding: 6px;
      background-color: #fff;
      border: 1px solid #b9b9b9;    
}

table.hyoji_01 td{
      padding: 6px;
      background-color: #fff;
      border: 1px solid #b9b9b9;    
}


/* 酒類表示 */
.genzairyo_sake {
      color: #000000;
      text-align: right;
      background: url(http://rumian.info/shop/html/upload/save_image/sakehanbai.jpg) center center no-repeat;
      width: 650px;
      height: 148px;
}




/* ************************************************ 
 *	飾り枠
 *
 *<div class="box27">
 *    <span class="box-title">ここにタイトル</span>
 *    <p>ここに文章</p>
 *</div>
 * ************************************************ */

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}



.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}


.box29 {
    margin: 2em 0;
    background: #dcefff;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

/* ************************************************ 
 *	button要素のデザイン
 * ************************************************ */

button.button4 {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色を    色に指定 */
    background-color: #cd5c5c;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;
}

button.button4:hover {
    /* 背景色を明るい色に指定 */
    background-color: #ff69b4;

    /* 文字色を白色に指定 */
    color: #fff;
}


/* ************************************************ 
 *	リスト　横並び　<div id="list_yoko"></div>で記述
 * ************************************************ */

#list_yoko li {
    padding:3px;

}


#list_yoko li {
border-left:1px solid #CCC;
padding-left:6px;
margin-left:6px;
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
}

#list_yoko li:first-child{
border-left:none;
}

/* ************************************************ 
 *	フッター部メニュー li
 * ************************************************ */

.Footer_cat_menu {
	list-style: none;
	display: block;
	color: #03F;
	font-size: 18px;
	text-align: center;
	border: double 5px #0033FF;
	background-color: #CFC;
	float: left;

}

.Footer_cat_link {
	display: block;
	text-decoration: none;
}

/* ************************************************ 
 *	見出し h2 ＜参考＞//www.nxworld.net/tips/50-css-heading-styling.html
 * ************************************************ */


/* h2用のクラスをいくつか作成 */
h2.left_border {
border-left: 5px solid #1F5E73;
padding: 0 0 0 15px ;
line-height: 2;
font-size: 18px;
background-color: #fff;}

h2.left_border_kasen {
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #ccc;
  border-bottom: 1px solid #ccc;
}

h2.border_kakomi {
  padding: .5em .75em;
  border: 1px solid #ccc;
}


h2.hosokuiri {
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}
h2.hosokuiri span {
  display: block;
  margin-bottom: .2em;
  color: #aaa;
  font-size: .9em;
}


h2.border_kakomi2 {
  padding: 1em;
  border: 3px solid #ccc;
  border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}

h2.border_kakomi2 span {
  display: block;
  margin-bottom: .2em;
  color: #aaa;
  font-size: .9em;
}



h2.kasen {
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}

h2.kasen_w {
  padding-bottom: .5em;
  border-bottom: 3px double #ccc;
}


h2.kasen_jyoge {
  padding: .75em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

h2.first-letter {
  margin-right: .1em;
  font-size: 1.5em;
}


h2.fukidasi {
  position: relative;
  padding: .5em .75em;
  background-color: #f0f0f0;
  border-radius: 6px;
}
h2.fukidasi::after {
  position: absolute;
  top: 100%;
  left: 30px;
  content: '';
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 15px solid #f0f0f0;
}


h2.marker {
  position: relative;
  padding: 0 .4em .1em;
}
h2.marker::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #b6f0fc;
}

h2.marker span {
  display: block;
  margin-bottom: .2em;
  color: #aaa;
  font-size: .9em;
}

h2.back_grade {
  padding: .5em .75em;
  background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
  background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}


h2.gra_bo {
  padding: .75em 1em;
  border: 1px solid #ccc;
  border-top: 3px solid #3498db;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}


/* ************************************************ 
 *	リスト
 * ************************************************ */

ol.list_decimal{
list-style-type:decimal;
}

ol.list_lowerroman{
list-style-type:lower-roman;
}

/* ************************************************ 
 *	フッタのフリーエリア
 * ************************************************ */

/* 表組みセンタリング */
#center3 table{
	margin:0 auto;
}
#center3 table table.bordlayoutp3{
	margin:0;
}


.footer_area { /* フッタのフリーエリア */
	text-align:left;
	margin:0px 5px 0px 5px;
	padding:0px;
}


/* テーブル余白設定  （固定） */
.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */










/* E-STOREより移植*/

/* ************************************************ 
 *	マウスカーソルを合わせると、テキストがポップアップ表示
 * ************************************************ */

.message {
    position: relative;
}
.message span.remark {
    display: none;
}
.message a:hover span.remark {
    background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #CCCCCC;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    position: absolute;
    top: 50px;
    width: 12em;
}

/* ************************************************ 
 *	ミニ香水瓶商品説明トップ
 * ************************************************ */

.kosuiPen  {
    width: 720px;
    height: 1000px;
    background-image: url(http://rumiaflower.info/pic-labo/kosuiPen.jpg) 
}


/* ************************************************ 
 *	スライドショー - ミニ香水瓶
 * ************************************************ */


#slideshowKosui  {
   position: relative;
   width:  250px; /* ボックスの横幅 */
   height: 187px; /* ボックスの高さ */
}

#slideshowKosui  p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 180px; /* ボックスの高さ */
}

#slideshowKosui  p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshowKosui  p.last-active {
   z-index: 9;
}

#slideshowKosui  p img {
   width:  250px; /* 画像の横幅 */
   height: 187px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}

/* ************************************************ 
 *	スライドショー - ハート型クリスタル
 * ************************************************ */


#slideshowli  {
   position: relative;
   width:  180px; /* ボックスの横幅 */
   height: 227px; /* ボックスの高さ */
}

#slideshowli  p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 180px; /* ボックスの高さ */
}

#slideshowli  p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshowli  p.last-active {
   z-index: 9;
}

#slideshowli  p img {
   width:  180px; /* 画像の横幅 */
   height: 227px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}

/* ************************************************ 
 *	rumiaミッション
 * ************************************************ */


.mission_post	{width: 530px;}

.mission_post h2	{margin: 0;
	margin-bottom: 15px;}

.mission_posttext	{font-size: 0.875em;
	line-height: 1.5;}

.mission_posttext p	{margin: 0;
	margin-bottom: 20px;}


.mission_posttext h3	{text-weight;bold;}

/* ************************************************ 
 *	枠なしテーブル/nasitbl_banner
 * ************************************************ */

#wakunasi 

table.nasitbl_banner{width: 200px;
       border: none; 
	border-collapse: collapse;}

.nasitbl_banner th {width: 100px;
	border: none;
	padding: 8px;
	background-color: #b8e964;
	text-align: left;
	text-valign: top;}

.nasitbl_banner td {border: none;
	padding: 8px;
	text-valign: top;}
}


/* 画像右寄せ*/

div.gazo_migi{
  margin: 1em 0 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.gazo_migi h3 {
  margin: 1em 0;
  padding: 3px 10px;
  border-bottom: solid 3px #78CE7A;
  color: #363;
}

div.gazo_migi p {
  margin: 1em 0 1em 20px;
}

div.gazo_migi img {
  float: right; /* 画像を左寄せにする場合は left */
  display: inline; /* for IE6,7 */
margin: 2px; 
}

/* 画像左寄せ*/

div.gazo_hidari{
  margin: 0 0 1em;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.gazo_hidari p {
  margin: 1em 20px 1em 20px ;
}

div.gazo_hidari img {
  float: left; /* 画像を左寄せにする場合は left */
  display: inline; /* for IE6,7 */
margin: 2px; 
}


/* 商品詳細*/
/* 原材料・容量表示*/
.genzairyo{

}

.clear { clear:both; }

.genzairyo table.hyoji_01 {
      width: 500px;
      border-collapse: collapse;
}
.
.genzairyo table.hyoji_01{
      width: 100%;
      border-collapse: collapse;
}

.genzairyo table.hyoji_01 th{
      width: 25%;
      padding: 6px;
      text-align: left;
      vertical-align: top;
      color: #333;
      background-color: #eee;
      border: 1px solid #b9b9b9;
}

.genzairyo table.hyoji_01 td{
      padding: 6px;
      background-color: #fff;
      border: 1px solid #b9b9b9;
}


/* 酒類表示 */
.genzairyo_sake {
      color: #000000;
      text-align: right;
      background: url(http://rumiaflower.info/pic-labo/sakehanbai.jpg) center center no-repeat;
      width: 650px;
      height: 148px;
}

/* 使い方*/
.genzairyo_usage{
      color: #000000;
      text-align: right;
      float: left;
      background: url(http://rumiaflower.info/pic-labo/llimg/setsumei01.jpg) center center no-repeat;
      width: 640px;
      height: 1083px;
}

/* 保存方法・保存期間*/
.genzairyo_hozon{
      color: #000000;
      text-align: right;
      float: left;
      background: url(http://rumiaflower.info/pic-labo/llimg/setsumei02.jpg) center center no-repeat;
      width: 640px;
      height: 246px;
}

/* FES クレジット表記 */
.genzairyo_credit_FES  {
      color: #000000;
      text-align: right;
      background: url(http://rumiaflower.info/pic-labo/FES_cre.png) center center no-repeat;
      width: 360pｘ;
      height: 72px;
}

/* 商品説明枠Top */
.genzairyo_post	{width: 530px;
	background-color: #b8e964;
        margin: 0 auto;  
}

.genzairyo_post_blue	{width: 530px;
	background-color: #4169e1;
        margin: 0 auto;  
}

.genzairyo_post_inner	{padding: 10px;}

.genzairyo_post h2	{font-size: 1em;
	border-bottom: dotted 3px #ffffff;
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: 3px;}

.genzairyo_posttext	{font-size:large;
	line-height: 1.5;}

.genzairyo_posttext p	{margin: 0;
	margin-bottom: 20px;}

.genzairyo_posttext_w	{font-size: large;
	line-height: 1.5;
	color: #ffffff;}


.postA h2	{font-size: 1em;
	margin: 0;
	margin-bottom: 15px;
	background-color: #b8e964;
	line-height: 32px;
	padding-left: 10px;}

.posttextA	{font-size: 0.875em;
	line-height: 1.5;}

.posttextA p	{margin: 0;
	margin-bottom: 20px;}



/* 商品説明枠Middle */
.genzairyo_postm	{width: 530px;
        margin: 0 auto;
}

.genzairyo_postm h2	{font-size: 1em;
	margin: 0;
	background-image: url(http://rumiaflower.info/pic-labo/icon_flower.png);
	background-repeat: no-repeat;
	border-bottom: solid 2px #ffcc00;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 45px;
	margin-bottom: 12px;}


/* FES ページ設定 */
.genzairyo_prezenFES  {
	margin: 0 auto;
	padding: 0;
	color: #000000;
}



.genzairyo_prezenFES table.prezen_topFES {
        width: 670px;
	border: 0 none;
}

/* thの指定 */
.genzairyo_prezenFES table.prezen_topFES th.FES {
        background: url(http://rumiaflower.info/pic-labo/banner_FES003.jpg) left top no-repeat;
        background-position: center;
        width: 670px;
        height: 260px;
        text-align: center;
        padding: 3px;
	border: 0 none;
}


/* tr tdの指定 */
.genzairyo_prezenFES table.prezen_topFES td.FES1 {
        background: url(http://rumiaflower.info/pic-labo/banner_FES001_detail2.jpg) left top no-repeat;
        background-position: center;
        width: 646px;
        height: 500px;
        padding: 3px;
	border: 0 none;
}

.genzairyo_prezenFES table.prezen_topFES td.FES2 {
        background: url(http://rumiaflower.info/pic-labo/banner_FES005.jpg) left top no-repeat;
        background-position: center;
        width: 646px;
        height: 40px;
        padding: 3px;
	border: 0 none;
}





/* 商品詳細FES*/

.genzairyo_prezenFES table.table_presenFES {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 450px;
  border-collapse: collapse;
  border: solid 1px #999;
  font-size: 100%;
}

.genzairyo_prezenFES table.table_presenFES tr td {
        border-color: #52234F;
        border: solid 10px #52234F;
        text-align: left;
        padding: 30px;
	border: 3 solid;
	color: #52234F;
	font-size:14px;
        font-weight: bold;
}


/* 枠のデザイン */
.post	{background-image: url(http://rumiaflower.info/pic-labo/waku_middle.png);
	background-repeat: repeat-y;}

.post_inner1	{background-image: url(http://rumiaflower.info/pic-labo/waku_top.png);
	background-repeat: no-repeat;}

.post_inner2	{background-image: url(http://rumiaflower.info/pic-labo/waku_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 30px;}

/* 見出しと文章のデザイン */
.post	{width: 530px;}

.post h2	{font-size: 2em;
	border-bottom: solid 1px #0c907c;
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: 3px;}

.posttext	{font-size: 1em;
	line-height: 1.5;}

.posttext p	{margin: 0;
	margin-bottom: 20px;}

/* カラーミーより転記 */
/* ************************************************ 
 *	fufufu_style.css　より転記
 * ************************************************ */

.midashi {
	width:400 px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 6px 7px;
	background: #f9f9f9 url(http://rumiaflower.info/pic-labo/h3_back.gif) repeat-x;
	border: 1px #c0c0c0 solid;
	clear:both;
}

.ad_left {
	margin: 0px 10px 20px 20px;
	padding: 0;
	float: left;
}

.ad_right {
	margin: 0px 10px 20px 20px;
	padding: 0;
	float: right;
}


/* ************************************************ 
 *	サイドバー追加項目
 * ************************************************ */

#side div.okaidoku {
	border: 1px solid #ffb6c1;
}

#side div.okaidoku h3 {
	font-size: 10px;
	line-height: 10px;
	background: url(http://rumiaflower.info/pic-labo/sale14.png) no-repeat center bottom;
	text-indent: -9999px;
	height: 50px;
	border-bottom: 1px solid #ffb6c1;
        background-color: #ffb6c1;}


/* ************************************************ 
 *	フリーページ　メニュー用リンク
 * ************************************************ */

#contents div.freemokuji ul {
	padding: 8px 0px;
}
#contents div.freemokuji ul li {
	line-height: 0;
	background: url(http://rumiaflower.info/pic-labo/bu_b1s_click2.gif) no-repeat 3px 3px;
	padding: 2px 70px 2px 70px;
}
#contents div.freemokuji ul li a {
	line-height: 1.8em;
	text-decoration: underline;
	color: #E16A94;
}
#contents div.freemokuji ul li a:hover {
	text-decoration: none;
}

#contents div.freemokuji ul li a:visited {
	color: #dda0dd;

}


/* ************************************************ 
 *	商品データテーブル/説明テーブル
 * ************************************************ */

table.data {width: 700px;
	border-collapse: collapse;}

.data th {width: 60px;
	border: solid 1px #aaaaaa;
	padding: 8px;
	background-color: #ff7f50;
	text-align: left;
	vertical-align: top;
	color: #ffffff;}

.data td {border: solid 1px #aaaaaa;
	padding: 8px;
	vertical-align: top;}
}


/* ************************************************ 
 *	商品詳細ページ
 * ************************************************ */

/* 商品詳細ページ */

/* 使い方見出し */


#syohin_midashi_usage{
  border: 1px solid #CC3366; /* 4辺のボーダーを、1px幅の実線、線色#CC3366に */
  border-left: 10px solid #CC3366;
}


#syohin_midashi h2	{font-size: 1em;
	margin: 0;
	background-image: url(http://rumiaflower.info/pic-labo/ueki.gif);
	background-repeat: no-repeat;
	border-bottom: solid 2px #ffcc00;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 45px;
	margin-bottom: 12px;}


/* ************************************************ 
 *	商品ラベル用テーブル
 * ************************************************ */

table.label {width: 700px;
	border-collapse: collapse;}

.label th {width: 100px;
	border: solid 1px #aaaaaa;
	padding: 8px;
	background-color: #ffd700;
	text-align: left;
	text-valign: top;}

.label td {border: solid 1px #aaaaaa;
	padding: 8px;
	text-valign: top;}
}

/* ************************************************ 
 *	枠なしテーブル/setumei_ancient
 * ************************************************ */

#wakunasi 

table.nasitbl{width: 500px;
       border: none; 
	border-collapse: collapse;}

.nasitbl th {width: 100px;
	border: none;
	padding: 8px;
	background-color: #b8e964;
	text-align: left;
	text-valign: top;}

.nasitbl td {border: none;
	padding: 8px;
	text-valign: top;}
}



table.setumei_tbl {
       width: 700px;
	border-collapse: collapse;}

.setumei_tbl th {width: 700px;
	border: none;
	padding: 8px;
	border: solid 1px #aaaaaa;
	background-color: #b8e964;
	text-align: left;
	text-valign: top;}

.setumei_tbl tr {
	border: none;
	padding: 8px;
	border: solid 1px #aaaaaa;
	text-align: left;
	text-valign: top;}

.setumei_tbl td{
        border: none;
	padding: 8px;
	border: solid 1px #aaaaaa;}


.setumei_tbl table.nasitbl {width: 500px;
       border: none; 
	border-collapse: collapse;}

.setumei_tbl th.nasitbl {width: 100px;
	border: none;
	padding: 8px;
	background-color: #b8e964;
	text-align: left;
	text-valign: top;}

.setumei_tbl td.nasitbl {border: none;
	padding: 8px;
	text-valign: top;}
}


/* ************************************************ 
 *	他のお勧め商品を目立たせる時の枠
 * ************************************************ */

#contents p.osusume {
       margin: 30px 30px;
       padding: 10px;
       border: thin solid #ff4500;
}


table.osusume {border-collapse: none;}


.osusume td

   {border: none;
	padding: 20px;
	text-valign: top;
        background: #ffe4e1;}

/* ************************************************ 
 *	店主からのメッセージ
 * ************************************************ */

#tenshu{
    padding: 20px;
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;
}

/* ************************************************ 
 *	文字外枠
 * ************************************************ */
p.soto {
       margin: 20px 20px;
       padding: 10px;
       border: thin solid #ff00ff;
}

/* ************************************************ 
 *	文字外枠 waku_ori
 * ************************************************ */
.waku_ori {
    padding: 20px;
    background: #fff;
    border: 4px #66cdaa solid;
    position: relative;
    z-index: 10;
}
 
.waku_ori:before {
    content: "";
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 2px #7accb0 solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

/* ************************************************ 
 *	文字装飾
 * ************************************************ */
moji_sample09 {
    border-bottom: 2px solid #ff3333;
    font-size: 120%;
}

/* ************************************************ 
 *	アンシェントメモリーオイル「注意項目」
 * ************************************************ */

table.cyui {border-collapse: none;}


.cyui td

   {border: none;
	padding: 20px;
	text-valign: top;
        background: #ffe4e1;}


/* ************************************************ 
 *	「使用上の注意項目」
 * ************************************************ */

table.cyui_siyo {
    width: 800px;
    border-collapse: none;
　　border: solid 1px #ff467a;}

.cyui_siyo th	{width: 500px;
	padding: 8px;
	background-color: #ff467a;
	color: #ffffff;
	font-size: 0.875em;
	text-align: left;}

.cyui_siyo td	{
	padding: 8px;
	font-size: 0.875em;
        border: solid 1px #ff467a}

/* ************************************************ 
 *	「トップ表示用商品詳細」
 * ************************************************ */

table.syohin_shosai {    
width: 700px;
border-collapse: none;}


.syohin_shosai td

   {border: none;
	padding: 20px;
	text-align: left;
	text-valign: top;
        background: #98fb98;}



/* ************************************************ 
 *	「問い合わせはコチラ」
 * ************************************************ */

p.toiawase {
	line-height: 10px;
	height: 24px;
	font-size: 10px;
	text-indent: -9999px;
	background: #FFF;
	width: 170px;
	margin-left: 820px;
}
p.toiawase a {
	display: block;
	height: 100%;
	background: url(http://rumiaflower.info/pic-labo/toiawase.gif);
}

/* ************************************************ 
 *	ページ先頭へ
 * ************************************************ */

p.pagetop_k {
	line-height: 10px;
	height: 28px;
	font-size: 10px;
	text-indent: -9999px;
	background: #FFF;
	width: 136px;
}
p.pagetop_k a {
	display: block;
	height: 100%;
	background: url(http://rumiaflower.info/pic-labo/0301_footer_pagetop.gif);
}


/* ************************************************ 
 *	メルマガ登録
 * ************************************************ */

table.maga {border-collapse: none;}

.maga th

   {border: none;
	padding: 10px;
	color: #ffffff;
	text-valign: top;
        background: #0000ff;}

.maga td

   {border: none;
	padding: 20px;
	text-valign: top;
        background: #add8e6;}






/* ************************************************ 
 *　dropDownメニュー　tps://allabout.co.jp/gm/gc/23911/10/より
 * ************************************************ */

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   background-color: #cc0000; /* バーの背景色(濃い赤色) */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
   width: 125px;          /* メニュー項目の横幅(125px) */
   display: inline-block; /* ★横並びに配置する */
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
}
ul.ddmenu a {
   background-color: #cc0000; /* メニュー項目の背景色(濃い赤色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが2階層以上ある場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover > ul {
   display: block;         /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
}

/* -------------------------------- */
/* ▼サブメニュー(以降の)項目の装飾 */
/* -------------------------------- */

ul.ddmenu ul li {
   width: 220px;               /* サブメニュー1項目の横幅(135px) */
   border-top: 1px solid pink; /* 項目上側の枠線(ピンク色で1pxの実線) */
}
ul.ddmenu ul li a {
   line-height: 35px;   /* サブメニュー1項目の高さ(35px) */
   text-align: left;    /* 文字列の配置(左寄せ) */
   padding-left: 5px;   /* 文字列前方の余白(5px) */
   font-weight: normal; /* 太字にはしない */
}
ul.ddmenu ul li a:hover {
   background-color: #ffff80; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}

/* ----------------------------------- */
/* ▼3階層目以降(孫メニュー以降)の装飾 */   /* ※下ではなく横(右)に表示します。 */
/* ----------------------------------- */
ul.ddmenu ul ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
   top: -1px;           /* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
   left: 100%;          /* ★基準位置からの距離を親ボックスの幅100％にする */
   border-left: 1px solid pink; /* 左側に引く枠線(ピンク色で1pxの実線) */
}