@charset "EUC-JP";

/*
--------------------------------------
20090630
  1-1 RESET
  1-2.Universal selector
  1-3.Structure Module

   1-3-1.maincontainer
   1-3-2.sidebox

  1-4.Text Module
  1-5.Hypertext Module
  1-6.List Module
  1-7.Edit Module
  1-8.Forms Module
  1-9.Tables Module
  1-10.Image Module
  1-11.Object Module
  1-12.Navigation Module
  
  2-1商品ページ

---------------------------------------*/
.demo{color:#669966; background-color:#eeffee; 
border-width:1px; border-style:outset ; padding:8px; text-align:center; }


/*===============================
 1-1.RESET---
================================*/

/*===============================
 1-2.Universal selector
================================*/
/*===============================
 1-3.Structure Module
================================*/

.maincolor-style {
	background: #f3fcd2;
	color:#666666;
	font-weight: 700;
}

.fltrt {
float:right;
margin-left:8px;
}

.fltlft {
float:left;
margin-right:8px;
}

.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0;
}


/*
======================================
	1-3-1. メインコンテナ
=======================================*/
body {
font:95% Verdana, Arial, Helvetica, sans-serif;
background:#eef5b1;
margin:0;
padding:0;
/*for IE6*/
	zoom:1;
	
text-align:center;}/*IE用*/



.wrapper {
	width : 900px;
	line-height:125%;
	text-align: center;
	margin:0 auto;
	background: url(../img/headerback0311.gif) no-repeat;

	
	/*for IE6*/
	zoom:1;
}
#header {
	margin: 0px 50px;
	width: 800px;
	text-align: left;
	height: 150px;
	position:relative;
}


.container {
	width:815px;
	text-align: center;
	margin:0;
	background:url(../img/body-back0212.png) repeat-y -43px;
	padding:0px;
	/*for IE6*/
	zoom:1;
	margin-left: 40px;
	padding-left: 6px;
}

* html .container {
	
	margin-left: 0px;
	padding-left: 0px;
}


.contents {
	width:815px;
	text-align: center;
	margin:0;
	zoom:1;
}

#main {
	width:485px;
	float: left;
	overflow:hidden;
}
#main-visual {
	
	margin: 10px 5px 10px 0;
	padding:0;
	height: 200px;
	overflow:hidden;
}

img#main-img-banner {
	width:600px;
	height:200px;
}


#rightcolum {
	width:143px;
	float: right;
}
#left {
	width:143px;
	text-align: center;
	margin-left:5px;
}

#page  {
	padding-right:20px;
	text-align:left;
	width: 610px;
}
.page  {
	padding-right:20px;
	text-align:left;
	width: 610px;
}



#footer {
	background: url(../img/footer.gif) no-repeat;
	padding: 10px;
}
.footnavi {
	text-align: right;
	margin: 10px;
}




/*===============================
1-3-2.サイドボックス
=================================*/


.box-top {
	background: url(../../sunlab/img/sidebar-box_01.png) no-repeat;
	height: 25px;
	color: #003300;
	font-size:14px;
	letter-spacing: 0.2em;
	margin-top:10px;
	line-height:25px;
	zoom:1;
}
.box-middle {
	background: url(../../sunlab/img/sidebar-box_02.png) repeat-y;
	padding-left: 8px;/*padingの数値変更不可*/
	text-align: left;
	padding-top: 5px;
	
	
}
.box-footer {
	background: url(../../sunlab/img/sidebar-box_03.png) no-repeat;
	height: 8px;
}

/*===============================
  1-4.Text Module
================================*/
.wrapper #header h1 {
	font-size: 14px;
}
.kyoutyou {
	font-size: 14pt;
	color: #CC0033;
}

h2 {
	color: #006633;
	background: url(../img/h2-back.gif) no-repeat;
	text-indent: 30px;
	letter-spacing: 0.3em;
	text-align: left;
	font: normal 16px/40px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
	
	.faq {
	background: url(../img/FAQoperator.jpg) no-repeat;
	text-indent: 0px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 5px;
	font: 900 16pt/2em "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	border-bottom: 1px solid #0F8888;
	width:620px;
}
	
p {
	line-height:1.5em;
	font-size: 1em;
	}
	
.honbun {
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 10px;
}
h4{
font-weight:800;
/*text-indent:0;*/
}

/*FAQのページデザイン*/

#page h3 {
	text-align: left;
	color: #003333;
	border-top: 1px none #003333;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #006633;
	background: url(../img/blue_gra.gif) repeat-x;
	padding: 5px;
	margin-right:30px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 13pt;
	font-weight: 800;
	}
	

#page p
{margin-right:10px;}

ul.FAQ-title{
list-style:none;
margin:0;
padding:0;
}
ul.FAQ-title li{
margin:0;
padding:0;

}
ul.FAQ-title li a{
	display:block;
	padding-right:10px;
	padding-bottom:3px;
	padding-top:2px;
	margin-right:30px;
	
	
}
/*ul.FAQ-title li a:hover{
	background: url(../img/gray-gra.gif) repeat-x bottom;
} */


/*ul.FAQ-title-mini{
list-style:none;
margin:0;
padding:0;
}
ul.FAQ-title-mini li{
margin:0;
padding:3px;
width:200px;
float:left;
margin-right:5px;

}
ul.FAQ-title-mini li a{
	font-weight:bold;	
	display:block;
	width:200px;
	background: url(../img/gray-gra.gif) repeat-x;
}
ul.FAQ-title li a:hover{
	background: url(../img/blue_gra.gif) repeat-x;
} */

ul.children{
padding-left:30px;

} 
ul.children a{
	display:block;
	padding-right:10px;
	padding-bottom:3px;
	padding-top:2px;
	margin-right:30px;

	


} 

ol {
	line-height:1.5em;
	font-size: 14px;
	padding-left: 2em;
	list-style: decimal;	
}
.Q {
	font-weight: 700;
	color: #CC0066;
	padding-left:50px;
	text-indent:-30px;
	display: block;
	border-top: 1px solid #999999;
	font-size:15px;
	padding-bottom:10px;
		padding-top:10px;
	}

.A {
	text-indent: 50px;
	display: block;
	padding-left:30px;
	text-indent:-12px;
	margin-right:40px;
	margin-left:40px;
	border-left: 3px solid #FF9933;	/*background: url(../img/a-img.gif) no-repeat left top;*/
}
.A .free-dial {
	color: #000;
	font-weight: 600;
}

/*===============================
 1-5.Hypertext Module
================================*/
.contents a:hover{
	
	position:relative;
	right:-1px;
	top:1px;
}
/*===============================
1-7.Edit Module
================================*/
/*===============================
 1-8.Forms Module
================================*/
/*===============================
 1-9.Tables Module
================================*/
td {
	font-size:10pt;

}

.table-midasi{
	background-color:#f3fcd2;
	padding:4px 7px;
	margin:5px 0px;
	margin-top:5px;
	color:#333399;
	text-align:left;
	border-bottom: 1px solid #999999;
}
.table-midasi-top{
	margin-top:0px;
	background-color:#f3fcd2;
	padding:4px 7px;
	margin:5px 0px;
	margin-top:5px;
	color:#333399;
	text-align:left;
	border-bottom: 1px solid #999999;
}
.table-p {
	line-height: 1.2em;
	color: #666666;
}
.table-3culm {
	text-align: left;
	width: 240px;
	padding-right: 9px;
	padding-left: 10px;
	vertical-align:top;
	line-height: 1.3em;
	color: #333333;
}

/*===============================
 1-10.Image Module
================================*/
/*===============================
  1-11.Object Module
================================*/
/*===============================
   1-12.Navigation Module

================================*/
/* リスト全体 */
#globalNavi-block {
	position: absolute;
	top: 105px;
	left: 0px;
}


ul#globalNavi
   {
	width:800px;            /* リスト全体の幅 */
	height:23px;            /* リスト全体の高さ */
	list-style:none;        /* リストマークを無しにする */
	text-align:center;      /* 文字を中央 */
	font-size:12px;         /* 文字を大きく */
	line-height:23px;       /* 行の高さを調整 */
   }

/* 各項目 */
ul#globalNavi li
   {
	width:115px;            /* 項目の幅 */
	height:23px;            /* 項目の高さ */
	float:left;             /* 各項目を左側から回り込み */
   }

/* リンク部分 */
ul#globalNavi li a
   {
	display:block;            /* リンク範囲をブロックに変換 */
	width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
	height:100%; /* 背景画像繰り返し表示しない */
	color:#333333;            /* リンク文字色 */
	background: url(../img/top-tab.gif) no-repeat 0px 0px;
   }

ul#globalNavi li a:link
   {
	color:#333333;
}         /* まだ見ていないリンク色 */

ul#globalNavi li a:visited
   {color:#333333;}         /* 既に見たリンク色 */
 
ul#globalNavi li a:hover
   {
	background-image:url(../img/top-tab.gif);     /* マウスが上に来た時の背景画像設定 */
	
	background-position:0px -23px;  /* ★背景画像を（0px -35px）に移動★ */
	color:#006633;          /* マウスが上に来た時の文字色 */
   }


/* bascket各項目 */
ul#globalNavi li#bascket
   {
	width:164px;            /* 項目の幅 */
	height:23px;            /* 項目の高さ */
	float:left;             /* 各項目を左側から回り込み */
	margin-left:30px;
   }

/* リンク部分 */
ul#globalNavi li#bascket a
   {
	display:block;            /* リンク範囲をブロックに変換 */
	width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
	height:100%; /* 背景画像繰り返し表示しない */
	color:#333333;            /* リンク文字色 */
	background: url(../img/order-tab.gif) no-repeat 0px 0px;
   }

ul#globalNavi li#bascket a:link
   {color:#333333;}         /* まだ見ていないリンク色 */

ul#globalNavi li#bascket a:visited
   {color:#333333;}         /* 既に見たリンク色 */
 
ul#globalNavi li#bascket a:hover
   {
	background-image:url(../img/order-tab.gif);     /* マウスが上に来た時の背景画像設定 */
	background-position:0px -23px;  /* ★背景画像を（0px -35px）に移動★ */
	color:#330000;          /* マウスが上に来た時の文字色 */
   }
   
   
/*サブナビゲーション*/


div#top{
	width:118px;
	height:25px;
	position:
	absolute;
	z-index: 2;
	left: 5px;
	top: 126px;
	font-size: 0.9em;
	padding-left:0px;
}


img#top {
	width:115px;
	height:25px;
}
div#teiki
{
	width:118px;
	height:25px;
	position:
	absolute;
	z-index: 2;
	left: 366px;
	top: 126px;
	font-size: 0.9em;
	padding-left:0px;
	
}


img#teiki {
	width:115px;
	height:25px;
}
div#annai
{
	width:92px;
	height:25px;
	position:
	absolute;
	z-index: 2;
	left: 485px;
	top: 126px;
	font-size: 0.9em;
	padding-left:0px;
}

img#annai {
	width:92px;
	height:25px;
}

div#point
{
	width:98px;
	height:25px;
	position:
	absolute;
	z-index: 2;
	left:580px;
	top: 126px;
	font-size: 0.9em;
	padding-left:0px;
}

img#point {
	width:98px;
	height:25px;
}

div#support
{
	width:98px;
	height:25px;
	position:
	absolute;
	z-index: 2;
	left:690px;
	top: 126px;
	font-size: 0.9em;
	padding-left:0px;
}

img#support {
	width:98px;
	height:25px;
}

div#campany-logo
{
	width:200px;
	height:65px;
	position:
	absolute;
	z-index: 3;
	left: 0px;
	top: 30px;
	font-size: 0.9em;
	padding-left:0px;
}

img#campany-logo {
	width:200px;
	height:65px;
}

/*左メニュー*/

#products ul li a{
	margin: 0;
	text-decoration: none;
	background: url(../img/gray-gra.gif) repeat-x;
	height:40px;
	padding-left:3px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
}



ul.subnavi li a/*リンク文字(通常時)*/ {

}

#products ul li a:hover{
	background: #FFFFFF url(../img/oranji_gra.gif) repeat-x;
		color: #FF6633; /*リンク文字が白に*/
		padding-bottom: 0px;
		padding-right: 0px;
		right:0;
	top:0;

}








/* 商品情報
---------------------------------------------------- */

a.prodList{
display:block;
width:130px;
}

/*a.firstChild{
border:none;
}*/

a.prodList span{
display:table-cell;
vertical-align:middle;
padding-top:3px;
padding-bottom:3px;
}

a.prodList .category_name{
	display:table-cell;
	vertical-align:middle;
	font-size:80%;
	line-height:130%;
	width:100px;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	background: url(../img/orenge-listhead.gif) no-repeat left center;
	font-weight:800;
	color: #000000;
}



*html a.prodList .category_name{
width:90px;
padding-top:0px;
	padding-bottom:0px;


}

*+html a.prodList .category_name{
width:90px;
}

a.prodList .category_name img{
	margin:0px;
}



* html a.prodList span{/* IE 6 */
display:inline;
zoom:1;
padding-top:0px;
padding-bottom:0px;
}

* html a.prodList .category_name{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html a.prodList span{/* IE 7 */
display:inline;
zoom:1;
padding-top:0px;
padding-bottom:0px;
}

*:first-child+html a.prodList p{/* IE 7 */
display:inline;
zoom:1;
}


/*----------ここまで---------*/


ul.vip /*このリストの名前*/
{
list-style-type: none;
margin: 0;
padding: 0;
width: 130px;

}



ul.vip li
{
	margin: 0;
	height:40px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
}



ul.vip a /*リンク文字(通常時)*/ {
	display: block;
	margin: 0;
	text-decoration: none;
	font-weight:normal;
	
	height:40px;
	line-height: 40px;
	padding-left:5px;
	font-size: 12px;
}

* html ul.vip a /*リンク文字(通常時)*/ {
padding-top:10px;
}
.gold{
background-image:url(../img/gold.gif);
background-color: #EEEEEE;
}

.platinum {
background-image:url(../img/platinum.gif);
}

/*トピックパス*/

.wrapper .container .contents #makebanner #page .topic_path ul {
	margin:10px 0;
}
.wrapper .container .contents #makebanner #page .topic_path ul li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
.wrapper .container .contents #makebanner #page .topic_path ul li a {
	padding-right:10px;
	background:url(../img/topic_path.gif) no-repeat right center;
}.wrapper .container .contents #makebanner #page .back-link {
	background: no-repeat left center;
	font-size: 12px;
	text-align: right;
	padding-right: 20px;
}
/*商品ページ*/
#pro_comment {
	border: 1px solid ;
	margin: 20px 0px;
	padding: 10px;
	font-size:14px;
}
.theanine {
	border-color:#F4E8F3;
	color:#662D91;
}

.catechin {
	border-color:#004400;
	color:#336633;
}

.fe {
	border-color:#993366;
	color:#993366;
}
.Q10{
	border-color:#FF9933;
	color:#993333;
}

.sunfiber{
	border-color:#CCFF66;
	color:#669933;
}

dl {
 border:1px solid #999;
 width:290px;
}
dt {
	float:left;
	width:90px;
	padding:5px 0 5px 10px;
	clear:both;
	font-weight:bold;
}
dd {
 width:180px;
 margin-left:90px;
 padding:5px 5px 5px 10px;
 border-left:1px solid #999;
}

.cyui {
	color: #CC0033;
	                 
}

.left-box {
	width: 290px;
	float:left;	
}
.right-box {
	width: 290px;
	float:right;	
}
.page .memo {
	padding: 10px;
	width: 500px;
	border: 1px solid #DDDDDD;
	margin: 30px;
}

.osusume-list {
	color: #111111;
	font-size: 1.5em;
	list-style: url(/design/sunlab/img/product/pink-flower.gif);
	font-weight: 700;
	padding-left: 15px;
	margin-left: 20px;
}
.pro-cyui{
	padding-left: 10px;
	margin-left: 10px;
	list-style-type:disc;
	}
.honbun {
	background: #FFFFFF;
	text-align: left;
	width: 600px;
	margin-right: 15px;
	margin-left: 15px;
	height: auto;	
}
.honbun p {
font-size: 1em;
	text-indent: 0em;
}
.wrapper .container .contents #makebanner #main .news {
	margin-top: 20px;
	background: #EEEEEE;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 0px none;
	border-left: 0px none;	
}
.wrapper .container .contents #makebanner #main .news .news-title {
	font-size: 1em;
	color: #FFFFFF;
	background: #BBBBBB;
	display: block;
	letter-spacing: 0.2em;
	font-weight: 800;
}
/*.wrapper .container .contents #makebanner #main .news .news-list {
	padding-left: 30px;
}
*/