@charset "euc-jp";

/*------------------------------------------------
	2007.10.31 base.css、liquid.css、present.css importから外し、ご愛用者の声用スタイル追記
------------------------------------------------*/


/*------------------------------------------------
	基本
------------------------------------------------*/

body {
	margin: 0 auto;
	padding: 0;
	background: #EFEADB url(../images/common_bg01.gif) top center;
	text-align: center;
	color: #9D7C4A;
	}

#body {
	margin: 0 auto;
	padding: 0 5px;
	width: 790px;
/*	height: 100%;*/
	text-align: center;
	background-color: #FFFFFF;
	border-left: 1px solid #C6A97F;
	border-right: 1px solid #C6A97F;
}





/*------------------------------------------------
	ヘッダ
------------------------------------------------*/

/*　サイトタイトル　*/
#head {
	margin: 0 auto;
	padding: 0 0 10px 0;
}




/*------------------------------------------------
	コンテンツ
------------------------------------------------*/
#content {
	margin: 0 auto;
	padding: 0;
	background-color: #FFFFFF;
}

td.left {
	margin: 0;
	padding: 0;
	width: 185px;
}

td.right {
	margin: 0;
	padding: 0 0 0 5px;
	width: 600px;
}

/*　トップページ中テーブル　*/
td.left2 {
	margin: 0;
	padding: 0;
	width: 385px;
}

td.left3 {
	margin: 0;
	padding: 0 10px 0 0;
}

td.right2 {
	margin: 0;
	padding: 0 0 0 5px;
	width: 215px;
}

td.right3 {
	margin: 0;
	padding: 0 0 0 10px;
}

td.right4 {
	margin: 0;
	padding: 0 0 0 10px;
	width: 238;
}




/*------------------------------------------------
	左メニュー
------------------------------------------------*/

/*　ナビゲーション　*/
#menu {
	margin: 0 0 10px 0;
	padding: 0;
}

/*　ナビゲーション　ボタン（左側）　*/
.menu_bt {
	margin: 0 0 3px 0;
	padding: 0;
}

/*　商品ラインナップ　*/
.lineup_hr {
	margin: 0 0 3px 0;
	padding: 8px 0 15px 10px;
	border-bottom: 1px solid #CDC0AD;
}

.lineup {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/common_ic01.gif) no-repeat top left;
}

.lineup2{
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/common_ic01.gif) no-repeat center left;
}

.help_bg {
	margin: 0 0 3px 0;
	padding: 0 0 0 6px;
	height: 41px;
	background: url(../images/left_navi06bg.gif) no-repeat top left;
}

.contact_bg {
	margin: 0;
	padding: 0 0 0 6px;
	height: 41px;
	background: url(../images/left_navi07bg.gif) no-repeat top left;
}

.banner_bg {
	margin: 10px 0 0;
	padding: 3px 0 0;
	border-top: 1px solid #CDC0AD;
}





/*------------------------------------------------
	上段ナビゲーション
------------------------------------------------*/

/*　上段ナビ　*/
#navi {
	margin:0 0 2px 0;
	padding: 9px 0 8px 0;
	float: right;
	width: 600px;
	background: url(../images/menu_navi00.gif) no-repeat top left;
}

/*　上段ナビゲーション　ボタン　*/
.navi_bt {
	margin: 0 10px;
	padding: 0;
	float: right;
}

/*------------------------------------------------
	フッタ
------------------------------------------------*/

#foot {
	margin: 30px 0 0 0;
	padding: 0px 0 10px 0px;
	width: 790px;
}

/*　ナビゲーション　*/
#navi_f {
	margin:0 0 10px 0;
	padding: 10px 0 10px 0;
	text-align: left;
	border-bottom: 1px solid #E0D0CA;
	border-top: 1px solid #E0D0CA;

}

/*　ナビゲーション　ボタン　*/
.navi_f_bt {
	margin: 0 10px;
	padding: 0;
}

/*　コピーライト　*/
#copy {
	margin:0;
	padding: 0;
	text-align: right;
}





/*------------------------------------------------
	各コンテンツ　見出し
------------------------------------------------*/

/*　大見出し　*/
h1.pt {
	margin: 0 0 10px 0;
	padding: 0;
}

h1.bar20 {
	margin: 0 0 20px 0;
	padding: 0;
}

h1.bar05 {
	margin: 0 0 5px 0;
	padding: 0;
}

/*　中見出し　*/
h2.line {
	margin: 0;
	padding: 0;
}

h2.bar10 {
	margin: 0 0 10px 0;
	padding: 0;
}

h2.bar05 {
	margin: 0 0 5px 0;
	padding: 0;
}

h2.bar00 {
	margin: 0;
	padding: 0;
}

/*　中見出し サブコンテンツ　*/
h2.sub {
	margin: 0 0 5px 0;
	padding: 0;
}

/*　小見出し　*/
h3.box {
	margin: 0;
	padding: 0;
}
h3.bar05 {
	margin: 0 0 5px 0;
	padding: 0;
}





/*------------------------------------------------
	各コンテンツ　マージン・背景
------------------------------------------------*/

/* -- 共通 -- */

/*　章 マージン　*/
#chapter00 {
	margin: 0;
	padding: 0;
}

/*　パラグラフ　*/
#paraglaph00 {
	margin: 0;
	padding: 0;
}


#paraglaph05 {
	margin: 0 0 5px 0;
	padding: 0;
}

#paraglaph20 {
	margin: 0 0 20px 0;
	padding: 0;
}

#paraglaph00s {
	margin: 0;
	padding: 0 10px;
}

#paraglaph05s {
	margin: 0 0 5px 0;
	padding: 0 10px;
}

#paraglaph20s {
	margin: 0 0 20px 0;
	padding: 0 10px;
}

#paraglaph30s {
	margin: 0 0 30px 0;
	padding: 0 10px;
}

/*　センテンス　*/
.sentence00 {
	margin: 0;
	padding:0;
	text-align: left;
}

.sentence05 {
	margin: 0;
	padding:0 0 5px 0;
}

.sentence08 {
	margin: 0;
	padding:0 0 8px 0;
	text-align: left;
}

.sentence10 {
	margin: 0;
	padding:0 0 10px 0;
}

.sentence20 {
	margin: 0;
	padding:0 0 20px 0;
	text-align: left;
}

.sentence20s {
	margin: 0 0 20px 0;
	padding: 0 10px;
}

.sentence25 {
	margin: 0;
	padding:0 0 25px 0;
	text-align: left;
}

.sentence30 {
	margin: 0;
	padding:0 0 30px 0;
	text-align: left;
}

.sentence50 {
	margin: 0;
	padding:0 0 0 50px;
	text-align: left;
}

/*　右寄せ センテンス　*/
.sentence_right {
	margin: 0;
	padding: 0;
	text-align: right;
}

/*　トップページ　WHAT'S NEW 破線付 センテンス　*/
.sentence_hrt {
	margin: 9px 10px 0 10px;
	padding:0 0 10px 0;
	background: url(../images/common_hr01.gif) no-repeat bottom left;
	text-align: left;
}

.sentence_hrs {
	margin: 9px 10px 0 10px;
	padding:0 0 10px 0;
	text-align: left;
}

/*　破線付 センテンス　*/
.sentence_hr {
	margin: 0;
	padding:0 0 11px 0;
	background: #FFFFFF url(../images/common_hr01.gif) no-repeat bottom left;
	text-align: left;
}

.sentence_hrl {
	margin: 0;
	padding:0 0 25px 0;
	background: #FFFFFF url(../images/common_hr02.gif) no-repeat bottom left;
	text-align: left;
}

.sentence_hr3 {
	margin: 0;
	padding:0 0 40px 0;
	background: #FFFFFF url(../images/common_hr03.gif) no-repeat bottom center;
	text-align: left;
}

/*　グレー枠付背景色ありセンテンス トップページ最新情報　*/
.sentence_gray {
	margin: 0;
	padding: 0 0 20px;
	width: 210px;
/*	height: 524px;*/
	border: 1px solid #DDDDDD;
	background-color:  #F7F3ED;
}

/*　グレー枠付 センテンス トップページ綺麗力.com　*/
.sentence_kirei {
	margin: 0;
	padding: 3px 3px 9px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

/*　ピンク枠付 センテンス　*/
.sentence_pink10 {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #FFD8C7;
}

/*　ブルー枠付 センテンス　*/
.sentence_blue10 {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #99CCFF;
}

/*　オレンジ枠付 センテンス　*/
.sentence_orange10 {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #FFCC66;
}

/*　グレー枠付 センテンス　*/
.sentence_gray08 {
	margin: 0;
	padding: 8px 10px;
	border: 1px solid #DDDDDD;
}

/*　下線付 センテンス　*/
.sentence_line05 {
	margin: 0 0 5px 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #E0D0CA;
	text-align: center;
}

/*　下線付 センテンス 下余白20px　*/
.sentence_line20 {
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #CDC0AD;
	text-align: left;
}

/*　下線付 センテンス 下余白10px　*/
.sentence_line10 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CDC0AD;
	text-align: left;
}

.sentence_line05 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #CDC0AD;
	text-align: left;
}

.sentence_line03 {
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #CDC0AD;
	text-align: left;
}

/*　下線付 センテンス 下余白なし　*/
.sentence_line00 {
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CDC0AD;
	text-align: left;
}





/*　上線 表組　*/
.tbl_line {
	border-top: 1px solid #EBD7D9;
/*	border-bottom: 1px solid #EBD7D9;*/
}

/*　上下線 表組　*/
.tbl_line2 {
	border-top: 1px solid #EBD7D9;
	border-bottom: 1px solid #EBD7D9;
}

/*　上下マージン有・背景付 表組　*/
th.tbl_bgtop {
	margin: 0;
	padding: 5px 10px;
	background-color: #F6ECE9;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
}

/*　下マージンのみ・背景付 表組　*/
th.tbl_bg {
	margin: 0;
	padding: 5px 10px;
	background-color: #F6ECE9;
	border-bottom: 1px solid #FFFFFF;
	text-align: left;
}

/*　上線付・背景無 表組　*/
td.tbl_hr {
	margin: 0;
	padding: 5px 10px;
	border-top: 1px solid #EBD7D9;
	text-align: center;
}

/*　下線無・背景無 表組　*/
td.tbl {
	margin: 0;
	padding: 5px 10px;
	text-align: left;
}





/*　フォーム　*/
.form {
	margin: 0;
	padding: 0;
	border: 1px solid #E0D0CA;
}

.textfield_30 {
	width: 30px;
}

.textfield_60 {
	width: 60px;
}

.textfield_80 {
	width: 80px;
}

.textfield_200 {
	width: 200px;
}

.textfield_300 {
	width: 300px;
}

.textarea_300 {
	width: 300px;
	height: 120px;
}

.textfield_340 {
	width: 340px;
}

.textarea_340 {
	width: 340px;
	height: 120px;
}

.select_100 {
	margin: 0 0 10px 0;
	width: 100px;
}

.select_120 {
	width: 120px;
}


.hr1 {
	margin: 9px 0;
	padding: 0;
	border-top: 1px solid #EEE7DB;

}


/*　サブコンテンツ　枠付 センテンス　*/
.sentence_sub10 {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #E2E2E2;
}

.sentence_sub05 {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid #E2E2E2;
	text-align: center;
}





/*　トップページ　メインビジュアル　*/
#main {
	margin: 0 0 5px 0;
	padding: 0;
}

/*　トップページ　WHAT'S NEW　*/
.new10 {
	margin: 0;
	padding: 3px 2px 0 2px;
}


/*　お問い合わせ 表　*/
.conbg {
	margin: 0;
	padding: 0 0 2px 0;
	background: url(../images/common_bg04.gif) no-repeat bottom left;
}

th.conbg1 {
	margin: 0;
	padding: 11px 20px;
	width: 218px;
	background: url(../images/common_bg02.gif) no-repeat top left;
	text-align: left;
}

th.conbg1_2 {
	margin: 0;
	padding: 11px 20px;
	width: 160px;
	background: url(../images/common_bg02.gif) no-repeat top left;
	text-align: left;
}

td.conbg2 {
	margin: 0;
	padding: 11px 12px;
	background: url(../images/common_bg03.gif) no-repeat top left;
	text-align: left;
}

td.conbg3 {
	margin: 0;
	padding: 2px 0;
	background: url(../images/common_bg04.gif) no-repeat top left;
	text-align: center;
}

td.conbg4 {
	margin: 0;
	padding: 7px 0 5px 0;
	background: url(../images/common_bg04.gif) no-repeat top left;
	text-align: center;
}

td.conbg5 {
	margin: 0;
	padding: 12px 0;
	background-color: #E7DCCB;
	text-align: right;
}




/*　ご愛用者の声　*/

.tbsetbg {
	margin: 0 0 25px 0;
	padding: 10px 10px 0 10px;
	background-color: #f6f5f2;
	border:1px solid #bdbbb7;
	}

.tblist {
	margin: 0 0 25px 0;
	padding: 0 0 10px 0;
}

.tblist .sideborder {
	margin: 0;
	padding: 0 0 0 10px;
	border-left:6px solid #eceff0;
}

.pluralreview {
	margin: 0 10px 0 0;
	padding: 1px 5px;
	float:left;
	color: #fff;
	font-size: 12px;
	font-family: "Verdana", sans-serif;
	background-color: #3357cd;
	}

.tblist h1 {
	margin: 7px 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	font-family: "Verdana", sans-serif;
}

.tblist h1 a {
	font-weight: bold;
	color: #39c;
}

.tblist h1 a:link {
	color: #39c;
	
}

.tblist h1 a:visited {
	color: #39c;
}

.tblist h1 a:hover {
	color: #5be;
}

.tblist h1 a:active {
	color: #5be;
}

.tblist h2 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	font-family: "Verdana", sans-serif;
}

.tblist h2 a {
	font-weight: bold;
	color: #39c;
}

.tblist h2 a:link {
	color: #39c;
	
}

.tblist h2 a:visited {
	color: #39c;
}

.tblist h2 a:hover {
	color: #5be;
}

.tblist h2 a:active {
	color: #5be;
}

.tblist h3 {
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	font-family: "Verdana", sans-serif;
}

.tblist h3 a {
	font-weight: bold;
	color: #ed9646;
}

.tblist h3 a:link {
	color: #ed9646;
	
}

.tblist h3 a:visited {
	color: #ed9646;
}

.tblist h3 a:hover {
	color: #fa5;
}

.tblist h3 a:active {
	color: #fa5;
}

.tblist h4 {
	margin: 0;
	padding: 0;
	color: #c66;
	font-weight: bold;
	font-size: 12px;
	font-family: "Verdana", sans-serif;
}





/*------------------------------------------------
	各コンテンツ　画像・アイコン
------------------------------------------------*/

img {
	border-style: none;
}

/*　商品ラインナップアイコン　*/
.arrow {
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/common_ic01.gif) no-repeat top left;
}

/*　矢印アイコン　*/
.arrow2 {
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/common_ic02.gif) no-repeat top left;
}

/*　what's new アイコン　*/
.new_i{
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/common_ic03.gif) no-repeat top left;
	color: #663300;
}

.new_i2{
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/common_ic06.gif) no-repeat top left;
	color: #663300;
}

/*　アスタリスク アイコン　*/
.asterisk {
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/common_ico06.gif) no-repeat top left;
}

/*　ページトップへ　*/
#gotop {
	margin: 20px 0 0 0;
	padding: 0 0 0 660px;
	width: 730px;
	background: url(images/pretop_ic01.gif) no-repeat top left;
	text-align: left;
}

/*　サムネイル画像　*/
.thumb {
	margin: 0 10px 0 0;
	padding: 0;
}

/*　バナー画像　*/
.bn05 {
	margin: 0 0 5px 0;
	padding: 0;
}





/*------------------------------------------------
  リンク
------------------------------------------------*/

/* -- 共通 -- */
a {
	font-weight: bold;
}

a:link {
	color: #663300;
	text-decoration: none;
}

a:visited {
	color: #663300;
	text-decoration: none;
}

a:hover {
	color: #663300;
	text-decoration: none;
}

a:active {
	color: #663300;
	text-decoration: none;
}

/* -- ページトップへ -- */
a.go { 
text-decoration: underline!important;
font-weight: normal;
}


/* -- トップページWHAT's NEWリンク -- */
a.news{
	color: #663300;
	text-decoration: underline;
	font-weight: normal;
}

a:link.news {
	color: #663300;
	text-decoration: underline;
	
}

a:visited.news {
	color: #663300;
	text-decoration: underline;
}

a:hover.news {
	color: #663300;
	text-decoration: underline;
}

a:active.news {
	color: #663300;
	text-decoration: underline;
}



/*------------------------------------------------
  テキスト
------------------------------------------------*/

/* -- 共通 サイズ固定 -- */

/*　本文用　*/
.l26{font-size: 26px; line-height: 39px;}

.l18{font-size: 18px; line-height: 27px;}

.l14{font-size: 14px; line-height: 21px;}

.l12{font-size: 12px; line-height: 18px;}

.l10{font-size: 10px; line-height: 15px;}

.l09{font-size:  9px; line-height: 13px;}

/*　行間狭　*/
.m26{font-size: 26px; line-height: 33px;}

.m18{font-size: 18px; line-height: 21px;}

.m14{font-size: 14px; line-height: 18px;}

.m12{font-size: 12px; line-height: 15px;}

.m10{font-size: 10px; line-height: 12px;}

.m09{font-size:  9px; line-height: 11px;}

/*　行間指定なし　*/
.s26{font-size: 26px;}

.s18{font-size: 18px;}

.s14{font-size: 14px;}

.s12{font-size: 12px;}

.s10{font-size: 10px;}

.s09{font-size: 9px;}

/*　薄い茶色　*/
.lbr {
	color: #9D7C4A;
}

/*　太字　薄い茶色　*/
.llbr {
	color: #9D7C4A;
	font-weight: bold;
}


/*　濃い茶色　*/
.br {
	color: #663300;
}

/*　太字　濃い茶色　*/
.bbr {
	color: #663300;
	font-weight: bold;
}

/*　太字 赤　*/
.rb {
	color: #CC3333;
	font-weight: bold;
}

/*　太字 ピンク　*/
.pb {
	color: #D06565;
	font-weight: bold;
}

/*　太字 薄いピンク　*/
.lpb {
	color: #FF9999;
	font-weight: bold;
}

/*　太字 ブルー　*/
.lbb {
	color: #55B2E1;
	font-weight: bold;
}

/*　太字 オレンジ　*/
.lob {
	color: #FFCC66;
	font-weight: bold;
}

/*　薄いグレー　*/
.gr {
	color: #9A9A9A;
}


.smpico {
	padding: 0 0 0 18px;
	background: url(../images/common_ic05.gif) no-repeat center left;
}


/*　よくある質問　*/

ul.qaico {
	margin: 0 0 0 10px;
	padding: 0;
}

.qaico li {
	padding: 0 0 0 22px;
	list-style:none;
	background: url(../images/common_ic05.gif) no-repeat center left;
}

.qahr1 {
	margin: 20px 0;
	padding: 0;
	border-top: 1px solid #CDC0AD;
}

.answer {
	margin: 0;
	padding: 0 0 0 30px;
	background: url(../../images/qa_ic01.gif) no-repeat top left;
}

.qabtn {
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right;
}

.pagetop {
	margin: 20px 0 0 0;
	padding: 0 0 0 510px;
	text-align: left;
	background: url(../images/common_ic04.gif) no-repeat center left;
}

/*　マリンプラセンタの秘密　*/


td.h3bg {
	margin: 0;
	padding: 0;
	width :196px;
	background: #FFFFFF url(../../brand/images/brand_bg01.gif) no-repeat bottom left;
}

.txt2010 {
	margin: 0;
	padding:0 10px 10px 10px;
	text-align: left;
}

h3.box {
	margin: 0 0 6px 0;
	padding: 0;
}

/*　マリンプラ28商品紹介　*/

#maripla28iv01 {
	margin: 0 0 2px 0;
	padding: 0;
}

.sentence_center {
	text-align: center;
}

.maripla28hr1 {
	margin: 7px 0 9px 0;
	padding: 0;
	border-top: 1px solid #CDC0AD;
}

.maripla28hr2 {
	margin: 10px 0;
	padding: 0;
	border-top: 1px solid #CDC0AD;
}


.maripla28iv {
	float:left;
	margin: 0 10px 0 0;
}

.maripla28boxheader1 {
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../../product/maripla28/images/maripla28_bg01.gif) no-repeat;
}

.maripla28bg1 {
	float:left;
	margin: 0;
	padding: 0 20px;
	background: url(../../product/maripla28/images/maripla28_bg02.gif) repeat-y;
}

.maripla_left {
	float: left;
	width: 340px;
}

.maripla_gray10 {
	margin: 0;
	padding: 10px;
	border: 1px solid #DDDDDD;
}

.maripla_all {
	width: 540px;
}

.maripla28ph2 {
	float: right;
	margin: 0 10px 0 0;
}

.maripla28md2 {
	margin: 0 0 5px 0;
}

.maripla28bt1 {
	text-align: right;
}

.maripla28bt1t {
	text-align: right;
	margin-top: 10px;
}

.maripla28md3 {
	margin: 10px 0 5px 0;
}

.maripla28boxbottom1 {
	clear:both;
	height: 16px;
	margin: 0;
	padding: 0;
	background: url(../../product/maripla28/images/maripla28_bg03.gif) no-repeat;
}


.maripla28bg2 {
	width: 188px;
	margin: 0 8px 0 0;
	background: url(../../product/maripla28/images/maripla28_bg04.gif) repeat-y;
}

.maripla28bg3 {
	width: 188px;
	margin: 0;
	background: url(../../product/maripla28/images/maripla28_bg04.gif) repeat-y;
}

.maripla28boxtxt {
	margin: 0;
	padding: 10px;
}

.maripla28boxbottom2 {
	height: 17px;
	margin: 0;
	padding: 0;
	background: url(../../product/maripla28/images/maripla28_bg05.gif) no-repeat;
}

.maripla28h2 {
	margin: 0;
	padding: 0;
}

.maripla28bg4 {
	margin: 0;
	padding: 10px 20px;
	background: url(../../product/maripla28/images/maripla28_bg06.gif) repeat-y;
}

.maripla28bg5 {
	margin: 0;
	padding: 0 20px 0 20px;
	background: url(../../product/maripla28/images/maripla28_bg06.gif) repeat-y;
}

.maripla28boxbottom3 {
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../../product/maripla28/images/maripla28_bg07.gif) no-repeat;
}

.maripla28voiceph {
	float: left;
}

.maripla28voice {
	margin: 0 0 0 150px;
	padding: 0;
}

.clear {
	clear:both;
}
