@charset "UTF-8";
@import url(common.css);
@import url(b_textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定
 * ---------------------------------------------------------------- */

body {
  color: #ABABAC;
  background: #000000 url(img/back.jpg) no-repeat ;
}

#container {
  background: transparent;
  width: 860px;
  margin: 0 auto;
  line-height:145%;
}


/


/* ---------------------------------------------------------------- *
	ヘッダ部分の設定
 * ---------------------------------------------------------------- */

#header {
  /* --- 背景 --- */
  background: #ffffff;
  /* --- マージン --- */
  /* Note：上下マージン折りたたみ */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディング --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分
 * ---------------------------------------------------------------- */

#navi {
  /* --- 背景 --- */
  background: #000000 url(img/bg.png) repeat-x;
  /* --- マージン設定 --- */
  /* Note：上下マージン折りたたみ注意 */
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-bottom: 1px solid #000000;
}

#navi ul {

 margin: 0;
 padding: 0;
 height: 20px;
}

#navi ul li {
  margin: 0;
  padding: 0;
  float: left;
}

#navi ul li a {
  margin: 0;
  padding: 5px 19px 6px 19px;
  display: block;
  border-right: 1px solid #000000;
  border-bottom: 5px solid #EE9BB8;
  background: url(../img/arrow.gif) no-repeat;
  background-position:2px 0;
  font-weight: bold;
}

#navi a:hover {
  border-bottom: 5px solid #F5C2D5;
  /* Note：16×16 ピクセル以下*/
  background: #161B1E url(../img/arrow2.gif) no-repeat;
  background-position:2px 0;
  text-decoration: none;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定
 * ---------------------------------------------------------------- */

#main {
  padding-right: 0;
  background: tranparent;
  margin-top: 20px;
  margin-bottom: 0;
}


.toplink {
	width: 600px;
	margin:0 auto;
	padding: 10px 0 20px;
	text-align: right;
	clear: both;
}


/* ---------------------------------------------------------------- *
	サイドメニュー部分
 * ---------------------------------------------------------------- */

#sidenavi {
  width: 210px;
  top: auto;
  left: 0;
  right: auto;
  padding-top: 40px;
  padding-bottom: 0;
  z-index: 1;
}

#sidenavi ul {
    margin: 0;
    padding: 8px;
   
}

#sidenavi ul li {
    margin: 0;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px;
    background: #000000;
    list-style-type: none;
}

  /* Note：上マージン確保，IE6/IE7垂直配置ズレ回避 */
[id="sidenavi"]#sidenavi {
  /* ★ --- 上マージンを設定 --- */
  /* Note：コンテンツ部分の上マージンと同値 */
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  margin-top: 0;
}


.sideBanner{
margin-top:15px;
padding-left:0;
}

p.sideBanner{
padding:5px 5px 5px 0;
font-size:11px;
line-height: 1.3;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分
 * ---------------------------------------------------------------- */

.contents{
  /* --- 背景）--- */
  background: #000000;
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 1em;
  padding-right: 5em;
  padding-bottom: 1em;
  padding-left: 1em;
}

 
 
form#mailform {
  /* --- 背景）--- */
  background: #000000;
  margin-top:20px;
  margin-bottom: 15px;
  padding-top: 1em;
  padding-right: 5em;
  padding-bottom: 1em;
  padding-left: 1em;
}



/* ---------------------------------------------------------------- *
	コンテンツ画像
 * ---------------------------------------------------------------- */

.contents img.fig {
  float: left;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}

/* ---------------------------------------------------------------- *
	linkロゴ
 * ---------------------------------------------------------------- */
 
 .logoFloat{
 margin-top:7px;
 }
 
/* ---------------------------------------------------------------- *
	画像のみのボックス
 * ---------------------------------------------------------------- */

.imgbox {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	罫線
 * ---------------------------------------------------------------- */
 
.dot{
padding:7px 0;
}


/* ---------------------------------------------------------------- *
	テーブル
 * ---------------------------------------------------------------- */

table{

width:580px;
padding-left: 1em;
}

table.orderLevel{

padding-left:10px;

}


th.sell{
width:290px;
text-align:left;
color:#ED82E2;
padding:10px 0;
}

th.sellright{
padding:10px 0;

}

td.left{
width:290px;
padding-right:15px;
text-align:left;
vertical-align:top;

}

td.right{
width:290px;
text-align:left;
vertical-align:top;
letter-spacing:-1px;
}


 /*	会社概要 */
 
 
th.cell01{
margin: 0;
	padding: 4px 5px 4px 15px;
	text-align: left;
	vertical-align:middle;
	width: 90px;
	font-weight: normal;
}
 
 
td.cell01  {
	margin: 0;
	padding:4px 20px;
	text-align: left;
	vertical-align:middle;
	background: url(../img/line.gif)  no-repeat top;
	background-position:0 50%;
}


 /*	特定商取引法に基づく表記 */
 
th.cell02{
margin: 0;
	padding: 5px 5px 5px 15px;
	text-align: left;
	vertical-align:top;
	width: 120px;
	font-weight: normal;
}
 
 
td.cell02  {
	margin: 0;
	padding:5px 20px;
	text-align: left;
	vertical-align:top;
	background: url(../img/line.gif) no-repeat top;
	background-position:0 5px;
}



/* ---------------------------------------------------------------- *
	オーダーメード石けん申し込み利用規約：overflow
 * ---------------------------------------------------------------- */


#agreement {
			width: 350px;
			height: 200px;
			margin: 10px;
			overflow: auto;
			line-height: 1.4;
		}
		
#agreementIn{
width: 300px;
margin-left:20px;
}		
		
#agreementIn ol li{
list-style:decimal;
}


ol.lower-alpha{
  list-style-type:lower-alpha; /* 小文字のアルファベット */
}



/* ---------------------------------------------------------------- *
	特定商取引法に基づく表記
 * ---------------------------------------------------------------- */
 
 
dt.privacy{
color:#BFAD95;
padding:10px 0;
}

dd.privacy{
margin-left:0;
}


li.privacy{
margin-left:0;
list-style:inherit;
}



/* ---------------------------------------------------------------- *
	クイックカート
 * ---------------------------------------------------------------- */
 
 
 .button{
 padding:7px 0;
 
 }
 
 
 


/* ---------------------------------------------------------------- *
	フォーム
 * ---------------------------------------------------------------- */
 
 
 
 form h3{
 color:#BFAD95;
 }
 
 
 form p{
 padding-top:10px;
 }
 

 .level{
 padding-top:50px;
 padding-right:5px;
 }
 
 
#basicSelect{
margin: 20px 0;
 }
 
 
 
 
 /*	オーダーメイド：オーダーレベル */
 
table#orderLevel{
padding-top:15px;
}
 
 
 th.sellright{
width:260px;
text-align:left;
color:#ED82E2;
padding-left:10px;
}
 

td.tdRight2{
width:260px;
padding-left:10px;
text-align:left;
vertical-align:top;
letter-spacing:-1px;
}
 
 
td.leftAwadachivolume{
width:290px;
height:130px;
padding-right:0;
text-align:right;
vertical-align:top;
background:url(ordermade/img/awadachivolume.jpg) no-repeat;
letter-spacing:1.3px;
}
 
 
td.leftAwadachidanryoku{
width:290px;
height:130px;
padding-right:0;
text-align:right;
vertical-align:top;
background:url(ordermade/img/awadachidanryoku.jpg) no-repeat;
}
 
 
td.leftHadahoshitsukan{
width:290px;
height:130px;
padding-right:0;
text-align:right;
vertical-align:top;
background:url(ordermade/img/hadahoshitsukan.jpg) no-repeat;
}

td.senjyoYogoreguai{
width:290px;
height:130px;
padding-right:0;
text-align:right;
vertical-align:top;
background:url(ordermade/img/senjyoyogoreguai.jpg) no-repeat;
letter-spacing:1.5px;
}

 
 
  /*　オーダーメイド：オプションメニュー */

#optionBiyou{
margin-bottom:20px;
}

#optionBiyou ul{
margin: 0;

}


#optionBiyou ul li{
 margin: 0;
padding-bottom:7px;
}
 
 .square{
padding:1px 4px 1px 4px;
color:#333333;
border:1px solid #ffffff;
margin:0 10px 0 0;
background:#BFAD95;

}

 .square2{
padding:1px 4px 1px 4px;
color:#333333;
border:1px solid #ffffff;
margin:0 10px 0 0;
background:#A5C6A2;

}

 .square3{
padding:1px 3px 1px 3px;
color:#333333;
border:1px solid #ffffff;
margin:0 3px 0 3px;
background:#BFAD95;

}

#optionAloma{
margin-bottom:20px;
}

#optionAloma ul{
margin: 0;
}


#optionAloma ul li{
 margin: 0;
padding-bottom:7px;
}
 
 
#blendSample{
margin-top:30px;
}


#comment{
margin-top:30px;
}


  /*　Ｑ＆Ａ */
  
#qalist{
margin:10px 0 30px;
}

 
/* ---------------------------------------------------------------- *
	フッタ
 * ---------------------------------------------------------------- */

#footer {

  background: #000000;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 0.6em;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 0;
  border-top: 1px dotted #EE9BB8;
}

#footer ul {
    margin-bottom: 4px;
    padding: 0;
    border-left: 1px solid #EE9BB8;
}

#footer ul li {
  margin: 0;
  padding: 0 5px;
  border-right: 1px solid #EE9BB8;
  /* Note：16×16 ピクセル以下 */
  background-image: none;
}


/* ---------------------------------------------------------------- *
	サンクス
 * ---------------------------------------------------------------- */

div#thanks {
	padding: 40px 0px 40px 0px;
	text-align: center;
}
div#thanks p {
	font-size: 16px;
}
div#thanks p strong {
	font-size: 18px;
	color: #CC0000;
}


/* ---------------------------------------------------------------- *
	リンクバナー
 * ---------------------------------------------------------------- */

.vmiddle{
margin-left: 20px;
margin-right: 5px;
vertical-align:middle;
}





/* ---------------------------------------------------------------- *
	Highslide JS
 * ---------------------------------------------------------------- */


.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
	color:#333333;
}
.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
    visibility: hidden;
}
.highslide img {
    border: 1px solid #333333;
	margin-bottom:7px;
	margin-left:5px;
}
.highslide:hover img {
    border: 1px solid #333333;
}
.highslide-wrapper, .rounded-white {
    background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 10px 5px 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
    color: black;
    font-size: 8pt;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
    border: 1px solid black;
    background-color: white;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits {
position: relative;
    top: -10px;
	left:5px;
    padding: 1px;
    color: #cecece;
    text-decoration: none;
    font-size: 9px;
}

a.highslide-credits i {
    padding: 1px;
    color: #cecece;
    text-decoration: none;
    font-size: 9px;
}

a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: #cecece;
}
a.highslide-full-expand {
    background: url(highslide/graphics/fullexpand.gif) no-repeat;
    display: block;
    margin: 0 10px 10px 0;
    width: 34px;
    height: 34px;
}