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

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

body {
  color: #333333;
  background: #FFFFFF;
}

#container {
  background: transparent;
  width: 925px;
  margin: 0 auto;
}

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

#header_index {
/* background: url(../img/header_index.gif) no-repeat left top;*/
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

#header {
  background: url(../img/header_bg.gif) no-repeat left top;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  height:94px;
  /* 10.23 add */
	display:block;
	position:relative;
  	overflow:visible;
	z-index:999;
 　/* ---- */
}

.header_box01 {
text-align: right;
vertical-align: top;
padding-top: 6px;
padding-right: 7px;
}

.header_box02 {
text-align: left;
vertical-align: top;
/*padding-top: 6px;
padding-right: 7px;*/
}

.header_box03 {
text-align: right;
vertical-align: top;
padding-top: 2px;
padding-right: 7px;
}



#frame {
    /*
        absoluteの親要素が、relativeの場合のみ
        中央揃えでも絶対指定ができるようになる。
        （省略不可）
    */
    position: relative;
}
#layer1 {
    background: #ffffff;
    position: absolute;
    top:0px;                      /* TOPとLEFTの値は適宜変更 */
    left:0px;
    width:925px;
    height:167px;
    z-index:1;
}




/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定
 * ---------------------------------------------------------------- */
.navi{
padding-top:53px;
padding-left:95px;
}


/* ---------------------------------------------------------------- *
	FLASH部分の設定
 * ---------------------------------------------------------------- */

#advertise {
  width:925px;
  height:353px;
  margin:0 auto;
/*  background: url(../img/adv_bg.gif) no-repeat left top;*/
}
/*
.adv_left {
  width:261px;
  height:233px;
  float:left;
  padding-left:1.0em;
  padding-top:0.5em;
}

.adv_right{
  width:630px;
  height:210px;
  float:right;
  right:5px;
  left:auto;
  padding-right:1.0em;
  padding-top:2.25em;
}
*/
#gallery {
  width:634px;
  height:434px;
  margin:0 auto;
/*  background: url(../img/adv_bg.gif) no-repeat left top;*/
}


/* ---------------------------------------------------------------- *
	４カラムボックスの設定
 * ---------------------------------------------------------------- */

#box {
  width:925px;
  height:242px;
  background: url(../img/4column_bg.gif) no-repeat left top;
/*  padding-left:0.75em;
  padding-top:0.75em;
  padding-bottom:0.12em;*/
/*  border:1px solid #999999;*/
}

.box3 {
	margin-bottom: 10px;
	width:227px;
	height:12px;
	background: url(../img/box_btm_001.gif) no-repeat top;
}

.box1_a {
	margin-bottom: 10px;
	width:227px;
	height:34px;
	background: url(../img/box_ttl_001.gif) no-repeat top;
}

.box1_b {
	margin-bottom: 10px;
	width:227px;
	background: url(../img/box_ttl_002.gif) no-repeat top;
}

.box1_c {
	margin-bottom: 10px;
	width:227px;
	background: url(../img/box_ttl_003.gif) no-repeat top;
}

.box1_d {
	margin-bottom: 10px;
	width:227px;
	background: url(../img/box_ttl_004.gif) no-repeat top;
}

.box1_left {
  padding-left:5px;
  width:100px;
  float:left;
/*  border:1px solid #888888;*/
}
.box1_right{
  padding-right:15px;
  margin-bottom:0;
  width:93px;
  float:right;
  left:auto;
  border:1px solid #888888;
}
.box1_btn{
  display:inline;
  vertical-align:bottom ;
}

.box1 {
	margin-bottom: 10px;
	width:227px;
	min-height:222px;
	background: url(../img/box_bg_001.gif) repeat-y top;
	vertical-align:top;
}
.box1 p {
	margin-bottom: 5px;
/*	width:205px;*/
	padding:0 10px 0 10px;
/*	width:222px;*/
/*	min-height:222px;*/
}
.box1 h6 {
	margin-bottom: 10px;
	width:205px;
	padding:0 10px 0 10px;
/*	width:222px;*/
/*	min-height:222px;*/
}
.box1 .imgbox {
	margin-bottom: 10px;
	width:205px;
	padding:0 10px 0 10px;
/*	width:222px;*/
/*	min-height:222px;*/
}

#box_grn {
  padding:0;
  margin:0;
}

#box_grn .box1_a {
	margin-bottom: 10px;
	width:222px;
	height:34px;
	background: url(../img/box_ttl_001.gif) no-repeat top left;
}

#box_grn .box1 {
	margin-bottom: 10px;
	width:222px;
	min-height:222px;
	background: url(../img/box_bg_001.gif) repeat-y top left;
	vertical-align:top;
}

#box_grn .box3 {
	margin-bottom: 10px;
	width:222px;
	height:12px;
	background: url(../img/box_btm_001.gif) no-repeat top left;
}

#box_grn .box1 h5 {
	height:38px;
	position:relative; /* add */
/*	padding:2px 0;*/
	background: #FFFFFF url(../img/box_ttl_001.gif) no-repeat top left;
}

div.box1_body .small{
  font-size:8px;
  font-weight:normal;
  line-height:1.3em;
}

#box_grn .box1_body {
/*	padding:10px;
	background: url(../img/box_btm_001.gif) no-repeat bottom;
/*	min-height:164px;*/
}

.box1_body img.fig {
  float: right;
/*  margin-top: 0;*/
  margin-bottom: 0.5em;
/*  margin-right: 1em;
  margin-left: 0;*/
}
.box1_body img.fig2 {
  float: left bottom;
/*  margin-top: 0;*/
  margin-bottom: 0.5em;
  vertical-align:bottom;
/*  margin-right: 1em;
  margin-left: 0;*/
}


.box2{
	margin-bottom: 10px;
	width:222px;
/*	min-height:222px;*/
	background: url(../img/box_bg_001.gif) repeat-y top;
}

#box_grn .box2 {
	margin-bottom: 10px;
	width:222px;
	min-height:222px;
	background: url(../img/box_bg_001.gif) repeat-y top;
}
#box_grn .box2 h5 {
	height:38px;
	position:relative; /* add */
/*	padding:2px 0;*/
	background: #FFFFFF url(../img/box_ttl_002.gif) no-repeat top left;
}

/*
.box3{
  width:222px;
  height:222px;
  float:left;
  background: url(../img/box3_bg.gif) no-repeat left top;
}
*/
/*
#box_grn .box3 {
	margin-bottom: 10px;
	width:222px;
	min-height:222px;
	background: url(../img/box_bg_001.gif) repeat-y top;
}*/
#box_grn .box3 h5 {
	height:38px;
	position:relative; /* add */
/*	padding:2px 0;*/
	background: #FFFFFF url(../img/box_ttl_003.gif) no-repeat top left;
}

.box4{
  width:222px;
  height:222px;
  float:right;
  background: url(../img/box4_bg.gif) no-repeat left top;
}
#box_grn .box4 {
	margin-bottom: 10px;
	width:222px;
	min-height:222px;
	background: url(../img/box_bg_001.gif) repeat-y top;
}
#box_grn .box4 h5 {
	height:38px;
	position:relative; /* add */
/*	padding:2px 0;*/
	background: #FFFFFF url(../img/box_ttl_004.gif) no-repeat top left;
}

/* ---------------------------------------------------------------- *
	２カラムボックスの設定
 * ---------------------------------------------------------------- */

#box_gry .box5 {
	margin-bottom: 10px;
	width:222px;
	background:  url(../product/img/box_bg_002.gif) repeat-y top;
}
#box_gry .box5 h5 {
	height:31px;
	position:relative; /* add */
/*	padding:2px 0;*/
	background: #FFFFFF url(../product/img/box_ttl_005.gif) no-repeat;
}

#box_gry .box5_body {
/*	padding:10px;*/
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:5px;
	background:  url(../product/img/box_btm_002.gif) no-repeat bottom;
	min-height:166px;
}

#box_wht .box6 {
	margin-bottom: 10px;
	width:222px;
	background:  url(../product/img/box_bg_002.gif) repeat-y top;
}

#box_wht .box6 h5 {
	height:21px;
	margin-bottom: 0;
	position:relative; /* add */
/*	padding:2px 0;*/
	background: #FFFFFF url(../img/box_ttl_null.gif) no-repeat;
}

#box_wht .box6_body {
/*	padding:10px;*/
	padding-top:0;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:5px;
	background:  url(../product/img/box_btm_002.gif) no-repeat bottom;
	min-height:166px;
}

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

.sidenavi {
  width: 228px;
/*  background: #FFFFFF;
  top: auto;
  left: 0;
  right: auto;*/
  float:left;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
/*  z-index: 1;*/
}

.sidenavi ul {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom:5px;
    padding: 0;
}

.sidenavi ul li {
  margin: 0;
  padding: 0px 3px 2px 3px;
  list-style-type: none;
}

.sidenavi ul li img {
  vertical-align:middle;
  padding-right:0.5em;
}

[class="sidenavi"].sidenavi {
  margin-top: 0;
}
html:lang(ja) .sidenavi {
  margin-top: 0;
}

.sidenavi_border {
  border-top:1px solid #EAEAEA;
  margin-bottom:7px;
}

/* ---------------------------------------------------------------- *
	商品詳細の設定
 * ---------------------------------------------------------------- */

.left {
  width: 420px;
/*  background: #FFFFFF;
  top: auto;
  left: 0;
  right: auto;*/
  float:left;
  padding-top: 15px;
  padding-bottom: 0;
/*  z-index: 1;*/
/*  border:1px solid #999999;*/
}

[class="left"].left {
  margin-top: 0;
}
html:lang(ja) .left {
  margin-top: 0;
}

.left .product_detail{
  padding-left: 2em;
  padding-bottom: 1em;
}

p.prize{
  padding-left: 1.5em;
  padding-bottom: 1em;
}

.right {
/*  padding-left: 228px;
  padding-right: 210px;*/
  width: 470px;
/*  width: 660px;*/
  float:right;
  padding-top: 30px;
  margin-bottom: 0;
  padding-right:20px;
/*  margin-right: 6px;*/
/*  border:1px solid #999999;*/
/*  background-color:#eeeeee;*/
	background: url(../img/right_bg.gif) no-repeat top right;
	min-height:283px;
}

.left .product_detail img.chg {
	border:1px solid #CCCCCC;
}


/* ---------------------------------------------------------------- *
	１カラムレイアウトの設定
 * ---------------------------------------------------------------- */

.center {
  margin-top: 0;
/*  margin-right: 5.5em;
  margin-left: 4.6em;
  margin-bottom: 15px;
  padding-right: 1em;
  padding-left: 1em;
  border:1px solid #999999;*/

  padding-left: 5.5em;
  padding-right: 5em;
  margin-bottom: 0;
/*  border:1px solid #999999;*/
  background: url(../img/right_bg.gif) no-repeat top right;
}

.center .aboutTbl{
 margin-left:15px;
 margin-right:15px;
}

.center .linkBox{
 margin-left:5em;
 margin-bottom:2em;
}

.bar {
text-align: right;
/*border:1px solid #339933;*/
}

.center td {
  padding:0.5em 0.5em 0.5em 1.5em;
}

.map{
padding-left:2em;
}

.map ul { 
margin: 0 0 0 1em; 
padding: 0; 
} 

.map li { 
line-height:1.75em;
list-style-type: none; 

} 

/*
.map dl { 
margin-left: 0em;
} 

.map dt { 
font-weight: bold;
color: #999999;
} 

.map dd { 
padding:0.2em;
margin-left: 0em;
} 
*/

.contact p {
margin-top:50px;
margin-bottom:40px;
width:100%;
text-align:center;
}

/* ---------------------------------------------------------------- *
	２カラム（商品一覧）レイアウトの設定
 * ---------------------------------------------------------------- */

.main_nobg {
/*  padding-left: 228px;
  padding-right: 210px;*/
  width:680px;
  float:right;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
/*  margin-right: 6px;*/
/*  padding-right:2.5em;*/
  padding-right:0.5em;
/*  padding-left:0.85em;*/
/*  border:1px solid #999999;*/
/*  background: url(../img/right_bg.gif) no-repeat top right;*/
}

.main_border_339933 {
  border-top:1px solid #339933;
  margin-bottom:7px;
  width:90%;
}

.main_nobg td {
/*  padding:0.5em 0.5em 0.5em 1.5em;*/
}

.ebf5eb {
  background-color:#EBF5EB;
}

/* ---------------------------------------------------------------- *
	２カラム（通常ページ）レイアウトの設定
 * ---------------------------------------------------------------- */

.main {
/*  padding-left: 228px;
  padding-right: 210px;*/
  width:640px;
  float:right;
  background: transparent;
  margin-top: 0;
  margin-bottom: 0;
/*  margin-right: 6px;*/
  padding-right:2.5em;
/*  padding-left:0.85em;*/
/*  border:1px solid #999999;*/
  background: url(../img/right_bg.gif) no-repeat top right;
}

.main td {
  padding:0.5em 0.5em 0.5em 1.5em;
}


/* ---------------------------------------------------------------- *
	コンテンツ部分の設定
 * ---------------------------------------------------------------- */

.contents {
/*  margin-top: 80px;*/
  margin-right: 5.5em;
  margin-left: 4.6em;
/*  margin-bottom: 15px;*/
  padding-right: 1em;
  padding-left: 1em;
/*  border:1px solid #999999;*/
}

/* ---------------------------------------------------------------- *
	商品一覧の設定
 * ---------------------------------------------------------------- */

#list_tab .list1 {
	margin-bottom: 10px;
	width:678px;
	background:  url(../product/img/list_tab_bg.gif) repeat-y;
	min-height:225px;
}

#list_tab .list1_body {
	padding:0.12em;
/*	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;*/
	background:  url(../product/img/list_tab_top01.gif) no-repeat top;
/*    min-height:225px;*/
}

#list_tab .list2_body {
	padding:0.12em;
/*	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;*/
	background:  url(../product/img/list_tab_top02.gif) no-repeat top;
/*    min-height:225px;*/
}

#list_tab .list3_body {
	padding:0.12em;
/*	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;*/
	background:  url(../product/img/list_tab_top03.gif) no-repeat top;
/*    min-height:225px;*/
}

#list_tab .list4_body {
	padding:0.12em;
/*	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;*/
	background:  url(../product/img/list_tab_top04.gif) no-repeat top;
/*    min-height:225px;*/
}

#list_tab .list5_body {
	padding:0.12em;
/*	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;*/
	background:  url(../product/img/list_tab_top05.gif) no-repeat top;
/*    min-height:225px;*/
}

#list_tab .list1_bottom {
	padding:0.1em;
/*	border-left:1px solid #DCDCDC;
	border-right:1px solid #DCDCDC;*/
	background:  url(../product/img/list_tab_bottom.gif) no-repeat bottom;
    min-height:3px;
}

.list_box td {
  padding-top: 0.25em;
  padding-right: 0.25em;
/*  padding-botom: 0.25em;*/
  padding-left: 0.25em;
/*  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 0.5em;
  padding-right: 1.15em;
  padding-bottom: 1.0em;
  padding-left: 1.15em;*/
  border:1px solid #DCDCDC;
  background-color:#FFFFFF;
  height:205px;
  vertical-align:top;
}

.list_box td.blnk {
  border:0;
  height:205px;
  vertical-align:top;
  background-color:transparent;
 
}

/* ---------------------------------------------------------------- *
	商品詳細の設定
 * ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- *
	商品の安全性の設定
 * ---------------------------------------------------------------- */

.sfty_box {
/*  border:1px solid #333333;*/
  text-align:center;
}

.sfty_box td {
  width:33%;
  text-align:center;
}

.sfty_small {
/*  padding-bottom: 200px;
  padding-bottom: 0;
  margin-right: 200px;
  height: 268px;
  background:  url(../safety/img/safety_img001.jpg) no-repeat top right;*/
}

.sfty_bg {
  height:350px;
  background:  url(../safety/img/safety_img001.jpg) no-repeat bottom right;
}


/* ---------------------------------------------------------------- *
	コンテンツ画像の設定
 * ---------------------------------------------------------------- */

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

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

.center img.fig_l {
  float: left;
  margin-top: 0;
  margin-bottom: 1em;
  margin-left: 1em;
  margin-right: 2em;
}

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

.center img.btn {
  float: left;
  margin-top: 4em;
  margin-bottom: 1em;
  margin-right: 1em;
  z-index:100;
}

/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定
 * ---------------------------------------------------------------- */

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

/* ---------------------------------------------------------------- *
	サイドボックス内の画像のみボックスの設定
 * ---------------------------------------------------------------- */

.sidebox .imgbox {
  background: transparent;
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定
 * ---------------------------------------------------------------- */

.c-both { clear:both; }

#footer {
  width:925px;
/*  background: #FFFFFF url(../img/foot.gif) no-repeat right top;*/
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.6em;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 0.1em;
  font-size:0.7em;
  clear:both;
}

#footer ul {
  margin-bottom: 4px;
/*  padding: 0 5px;*/
/*  border-right: 1px solid #339933;*/
}

#footer ul li{
/*  margin: 0 0 0 5px;
  padding: 0 7px 0 5px;*/
  border-left: 1px solid #339933;
/*  background:  url(../img/footer_arw.gif) no-repeat right;*/
}

#footer .small{
  font-size:8px;
  margin-top: 10px;
}

#footer .foot_left{
  float:left;
}

#footer .foot_right{
  float:right;
}

/* FOOTER LEGAL */
#legal {
	margin:0;
	padding:0;
	position:relative;
	width:35%;
	top:4px;
	float:right;
}
#legal p {
	text-align:right;
	font-size:10px;
	line-height:13px;
	color:#999999;
	margin:0;
	padding:0;
}