@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      base.css
 Adddate:        2010.01.29
 Upddate:        2010.02.02
 Style Info:     トップページ用CSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　レイアウト設定
----------------------------------------------------------- */
#container {
 position: relative;
 width: 964px;
 margin: 0 auto;
}
#contents-wrap {
 position: absolute;
 top: 430px;
 left: 0;
 z-index: 1;
}
#contents {
 width: 964px;
 text-align: left;
}

td#left {
 width: 264px;
 vertical-align: top;
}
td#right {
 width: 689px;
 padding-left: 11px;
 vertical-align: top;
}


/* -----------------------------------------------------------
　　メインFLASHエリア設定
----------------------------------------------------------- */
#main {
 z-index: 0;
 margin-top: -4px;
}
/* 静止画の場合バナー */
body {
 background: url(../../img/bg_main.jpg) no-repeat center 100px;
}
#main {
 position: relative;
 width: 960px;
 height: 640px;
 margin: 0 auto;
}
#main-liner {
 display: none;
}
ul#main-bn {
 position: absolute;
 left: 727px;
 top: 21px;
 z-index: 1;
}
ul#main-bn li {
 margin-bottom: 12px;
}


/* -----------------------------------------------------------
　　（左エリア）キャンペーン情報設定
----------------------------------------------------------- */
#campaign-wrap {
 width: 264px;
 background: url(../../img/bg_cam_middle.png) repeat-y left top;
}
#campaign {
 width: 230px;
 padding: 1px 17px 30px;
 background: url(../../img/bg_cam_bottom.jpg) no-repeat right bottom;
}
#campaign .cam-bn {
 margin-top: 10px;
}

/* -----------------------------------------------------------
　　（左エリア）ネットストア設定
----------------------------------------------------------- */
.store-top-title {
 margin-top: 15px;
}

#store-top-wrap {
 width: 215px;
 padding: 0 7px 10px 8px;
 background: url(../../img/bg_store.gif) no-repeat left bottom;
}
#store-top-wrap .store-txt {
 margin-top: 2px;
 font-size: 85%;
 text-align: center;
}
#store-top-wrap h4 {
 padding: 10px 0 2px;
}

/* -----------------------------------------------------------
　　（左エリア）ブログ・メルマガバナー設定
----------------------------------------------------------- */
#bn-blog-mg {
 width: 240px;
 margin: 15px 2px 0;
 padding: 10px;
 background-color: #F2F2F2;
}

/* -----------------------------------------------------------
　　（左エリア）電話番号エリア設定
----------------------------------------------------------- */
#bn-tel {
 width: 256px;
 background-color: #F2F2F2;
 margin: 15px 2px 0;
 padding: 2px
}
#bn-tel-inner {
 border: 1px solid #FFF;
 padding: 10px 0;
 font-size: 93%;
 text-align: center;
}
.bn-tel-inner-wrap {
 margin-left: 25px;
 text-align: left;
}
.bn-tel-inner-wrap p {
 margin-top: 10px;
}

/* -----------------------------------------------------------
　　What's New
----------------------------------------------------------- */
#whatsnew {
 width: 689px;
 background: url(../../img/bg_whatnew_top.png) no-repeat left top;
 /*height: 37px;*/
 /*overflow: hidden;*/
}
#whatsnew table, #whatsnew th, #whatsnew td {
 border-collapse: collapse;
 border: 0;
}
#whatsnew table {
 width: 689px;
}
#whatsnew th, #whatsnew td {
 /*height: 33px;*/
 /*vertical-align: middle;*/
}
#whatsnew th {
 width: 124px;
 padding: 10px 0 2px;
}
#whatsnew td {
 width: 555px;
 padding: 10px 0 2px 10px;
 font-size: 93%;
}
#whatsnew-cap {
 width: 689px;
 background: url(../../img/bg_whatnew_bottom.png) no-repeat left bottom;
 font-size: 1px;
 line-height: 7px;
}
#whatsnew a, #whatsnew a:link, #whatsnew a:active, #whatsnew a:hover {
 color: #E8600F;
 text-decoration: none;
}
#whatsnew a:active, #whatsnew a:hover {
 text-decoration: underline;
}


/* -----------------------------------------------------------
　　商品紹介設定
----------------------------------------------------------- */
/*
#products {
 width: 689px;
 height: 209px;
 margin-top: 7px;
 padding: 5px 0 0;
 background: url(../../img/bg_products.png) no-repeat left top;
}
#products h3 {
 margin-left: 2px;
}
.products-liner-wrap {
 xposition: relative;
 margin: 10px 0 0 15px;
 width: 674px;
}
td.products-liner {
 vertical-align: center;
}
td.bt_ingredient {
 xposition: absolute;
 padding-right: 10px;
 text-align: right;
 vertical-align: center;
}
*/
#products {
 width: 689px;
 height: 163px;
 margin-top: 7px;
 padding-top: 10px;
 background: url(../../img/bg_products.png) no-repeat left top;
}
.products-liner-wrap {
 margin-left: 10px;
 width: 679px;
}
td.products-title {
 width: 91px;
}
td.products-liner {
 width: 463px;
}
td.bt-ingredient {
 width: 125px;
 padding-right: 8px;
 text-align: right;
}

table.products-list {
 margin: 0 5px 0;
 text-align: center;
}
table.products-list td {
 padding: 0 9px;
 height: 128px;
 vertical-align: bottom;
}

/* -----------------------------------------------------------
　　コンテンツ設定
----------------------------------------------------------- */
h2.topcont-title {
 margin-top: 10px;
}

.topcont-wrap-wrap {
 background: url(../../img/bg_topcont_wrap.jpg) repeat-y top left;
}
.topcont-wrap {
 width: 649px;
 padding: 20px;
 background: url(../../img/bg_topcont.jpg) no-repeat bottom left;
}
table.topcont {
 width: 649px;
 xmargin-top: 20px;
}
td.topcont-left {
 /*float: left;*/
 width: 310px;
}
td.topcont-right {
 /*float: right;*/
 width: 310px;
 padding-left: 29px;
}

td.topcont-left table, td.topcont-right table {
 width: 310px;
 vertical-align: top;
}
td.topcont-img {
 /*float: left;*/
 width: 90px;
}
td.topcont-liner {
 /*float: right;*/
 width: 205px;
 padding-left: 15px;
 vertical-align: top;
}
.topcont-liner p {
 margin-top: 5px;
}

/* -----------------------------------------------------------
　　最新情報設定
----------------------------------------------------------- */
/*#newstitle-wrap {
 position: relative;
 margin-top: 10px;
}
.bt-newslist {
 position: absolute;
 top: 14px;
 left: 114px;
}*/
table#newslist {
 width: 649px;
}
table#newslist td.news-date {
 width: 85px;
 padding: 4px 0 4px;
 border-bottom: 1px dotted #CCC;
 text-align: left;
 vertical-align: top;
}
table#newslist td.news-text {
 xwidth: 654px;
 padding: 4px 0 4px;
 border-bottom: 1px dotted #CCC;
 vertical-align: top;
}

/* -----------------------------------------------------------
　　トライアル、マスクバナー
----------------------------------------------------------- */
.banner-wrap {
 width: 689px;
 margin-top: 5px;
 background-color: #F2FCF8;
 padding: 5px 0 1px 0;
}
.banner-wrap table {
 width: 688px;
}
.banner-wrap table td {
 width: 344px;
 text-align: center;
}
/* -----------------------------------------------------------
　　IE PNG FIX 2.0 設定
----------------------------------------------------------- */
img, div, p, ul { behavior: url(common/js/iepngfix.htc) }