/* ########### 全体の設定 ############################################### */

body
{
	margin : 0;
	padding : 0;
	font-size : 12px;
	text-align : center;
}

img
{
	margin : 0;
	padding : 0;
	border : 0;
}

a
{
	text-decoration : none;
	color : #3366FF;
	font-weight : bold;
}

a:link
	{ text-decoration: none;}

a:active { text-decoration: underline; }

a:visited { text-decoration: none;color:}

a:hover {
  text-decoration: underline;}


/* ########### テンプレート設定 ######################################### */

/* 一番外枠のdiv */
#wrapper
{
	width : 760px;
	margin : 0 auto;
	padding : 0;
	border-right : 1px solid #000000;
	border-left : 1px solid #000000;
}

/* ヘッダ部分大枠 */
#head
{
	width : 760px;
	margin : 0 auto;
	padding : 0;
	border-top : 6px solid #000;
}

/* トップヘッダ設定 */
#head_top
{
	width : 760px;
	margin : 0 auto;
	padding : 0;
}

#catch
{
	width : 377px;
	height : 25px;
	padding :0;
	background-image : url(/images/trebol/head/top/head_1.jpg);
	background-position : left;
	background-repeat : no-repeat;
	text-align:left;
}

#catch-p
{
	margin : 5px 0px 0px 20px;
	padding : 0;
	text-align:left;
	width : 300px;
	color:#FFFFFF;
}

/* カシスヘッダ設定 */
#head-cassis
{
	width : 760px;
	margin : 0 auto;
	padding : 0;
}

#catch-c
{
	width : 377px;
	height : 25px;
	background-image : url(/images/trebol/head/cassis/cassis_head_1.jpg);
	background-position : left;
	background-repeat : no-repeat;
	text-align:left;
}

/* グレープフルーツヘッダ設定 */
#head-grape
{
	width : 760px;
	margin : 0 auto;
	padding : 0;
}

#catch-g
{
	width : 377px;
	height : 25px;
	background-image : url(/images/trebol/head/grape/grape_head_1.jpg);
	background-position : left;
	background-repeat : no-repeat;
}


/* ページ遷移ディレクション */
#direction
{
	width : 750px;
	margin : 0 auto;
	padding : 5px;
	text-align : left;
	border-bottom : 1px solid #999999;
}


/* メニュー部分 */
#menu
{
	width : 160px;
	float : left;
	margin : 3px 0px;
	padding : 0;
}

.menu_a
{
	width : 160px;
	margin : 0;
	padding : 0;
}

.menu_b
{
	margin : 2px 0px;
	padding : 0;
}



/* コンテンツ部分 */
#contents
{
	width : 590px;
	margin : 3px 0px;
	padding : 0;
	float : right;
}

#info
{
	width : 575px;
	margin : 10px auto;
	padding : 0;
	border-top : 10px solid #CCCCCC;
	border-bottom : 10px solid #CCCCCC;
}

#info-left
{
	width : 400px;
	margin : 0;
	padding : 5px;
	float : left;
}

#info h2
{
	width : 400px;
	font-size : 16px;
	margin : 5px;
	padding : 0;
	text-align : left;
}

#info p
{
	text-align : left;
	line-height : 1.5em;
	margin : 5px;
	padding : 0;
}

#info td
{
	text-align:left;
}

#info th
{
	text-align:right;
}



/* PAGE TOP */
#to-top
{
	width : 730px;
	margin : 5px auto;
	padding : 3px 0px;
	text-align : right;
}


/* フッター部分 */
#footer
{
	width : 760px;
	margin : 0 auto;
	padding : 5px 0px;
	background-color : #000000;
	color : #FFFFFF;
	text-align : center;
}

#footer a
{
	color : #FFFFFF;
}



/* ########### トレボルとは？(/tre_about.html) ######################################### */
.f-left
{
	float:left;
	margin : 5px;
	padding : 0;
}

.f-right
{
	float:right;
	margin : 10px 5px 5px 5px;
	padding : 0;
}

.about-box
{
	width : 570px;
	margin : 10px auto;
	padding : 0;
}

.about-box h2
{
	width : 570px;
	margin : 10px auto 3px auto;
	padding : 0;
	text-align:center;
}

.about-ex
{
	margin : 5px;
	padding : 5px;
	text-align:left;
	line-height:1.4em;
	font-size:14px;
}

.about-ex2
{
	margin : 0px 10px;
	padding : 0px 5px;
	text-align:left;
	line-height:1.5em;
	font-size:14px;
}

#concept-t
{
	width : 550px;
	margin : 10px auto;
}

#concept-t th
{
	text-align:left;
	padding : 5px;
	width : 150px;
	vertical-align:top;
}

#concept-t td
{
	text-align:left;
	padding : 5px;
	width : 400px;
	line-height:1.5em;
	font-size:14px;
}





/* ########### グレープフルーツ(/tre_grapefruits.html) ######################################### */
.mass-title
{
	width : 580px;
	margin : 5px auto;
	padding : 0px;
	text-align : center;
}

.mass-title h2
{
	margin : 3px 0px;
	padding : 2px 0px;
}

#product
{
	width : 580px;
	margin : 10px auto;
	padding : 0;
	text-align : center;
}

#product-left
{
	width : 280px;
	margin : 0px 5px 5px 4px;
	padding : 0;
	float : left;
}

#product-right
{
	width : 280px;
	margin : 0px 4px 5px 0px;
	padding : 0;
	float : right;
}

#product-right h2
{
	width : 280px;
	margin : 0px 0px 5px 0px;
	padding : 0;
	text-align : center;
}

#item-info
{
	width : 273px;
	margin : 5px auto;
	border : 1px solid #999999;
	border-collapse : collapse;
}

#item-info th
{
	width : 70px;
	padding : 3px;
	text-align : center;
	background-color:#EBEBEB;
	border : 1px solid #999999;
	border-collapse : collapse;
}

#item-info td
{
	width : 190px;
	padding : 3px;
	text-align : left;
	border : 1px solid #999999;
	border-collapse : collapse;
	line-height:1.2em;
}

#price-t-c
{
	width : 545px;
	height : 56px;
	margin : 5px auto;
	padding :0;
	background-image:url(/images/trebol/cassis/price-bg.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#price-t-c td
{
	text-align : center;
	line-height : 1.5em;
	padding-left : 8px;
	vertical-align : middle;
	width : 181px;
	font-size : 16px;
}

#price-t-g
{
	width : 545px;
	height : 56px;
	margin : 5px auto;
	padding :0;
	background-image:url(/images/trebol/grapefruit/price-bg.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#price-t-g td
{
	text-align : center;
	line-height : 1.5em;
	padding-left : 8px;
	vertical-align : middle;
	width : 181px;
	font-size : 16px;
}

.red-price
{
	color : #FF0000;
	font-weight : bold;
	font-size : 16px;
}

.teiki-info-c
{
	width : 520px;
	margin : 10px auto;
	text-align:left;
	line-height:1.4em;
	font-size:14px;
}

.teiki-info-c a
{
	color:#993399;
}

.teiki-info-g
{
	width : 520px;
	margin : 10px auto;
	text-align:left;
	line-height:1.4em;
	font-size:14px;
}

.teiki-info-g a
{
	color:#FF9900;
}

.red
{	color:#FF0000;}

.sub-title-g
{
	width : 570px;
	margin : 5px auto;
	padding : 3px 0px;
}

.sub-title-g h4
{
	width : 555px;
	margin : 3px auto;
	padding : 0px 5px;
	text-align:left;
	font-size : 14px;
	color : #FF9900;
}

.sub-title-c
{
	width : 570px;
	margin : 5px auto;
	padding : 3px 0px;
}

.sub-title-c h4
{
	width : 555px;
	margin : 3px auto;
	padding : 0px 5px;
	text-align:left;
	font-size : 14px;
	color : #CC3399;
}



.feature
{
	width : 570px;
	margin : 3px auto;
	padding : 0;
}

.feature p
{
	margin : 5px;
	padding : 2px;
	text-align : left;
	line-height : 1.4em;
	font-size:14px;
}

#osusume
{
	width : 480px;
	margin : 5px auto;
	padding : 0;
}

#osusume td
{
	text-align : left;
	vertical-align : middle;
	width : 240px;
	padding : 7px 0px;
	font-weight : bold;
	font-size : 14px;
}


#chart
{
	width : 450px;
	margin : 5px 10px;
	padding : 0;
	border : 1px solid #999999;
	border-collapse : collapse;
}

#three-img
{
	width : 90px;
	padding : 3px 0px;
	text-align : center;
	border : 1px solid #999999;
	border-collapse : collapse;
}

.times
{
	width : 90px;
	padding : 3px 0px;
	text-align : center;
	background-color : #FFCC99;
	font-size : 14px;
	font-weight : bold;
	border : 1px solid #999999;
	border-collapse : collapse;
}

.times-c
{
	width : 90px;
	padding : 3px 0px;
	text-align : center;
	background-color : #FFCCFF;
	font-size : 14px;
	font-weight : bold;
	border : 1px solid #999999;
	border-collapse : collapse;
}

.off
{
	width : 90px;
	padding : 3px 0px;
	text-align : center;
	font-weight : bold;
	color : #FF0000;
	font-size : 14px;
	border : 1px solid #999999;
	border-collapse : collapse;
}

.off-price
{
	width : 90px;
	padding : 3px 0px;
	text-align : center;
	font-weight : bold;
	color : #FF0000;
	font-size : 16px;
	border : 1px solid #999999;
	border-collapse : collapse;
}

.ave
{
	padding : 5px;
	text-align:center;
	border : 1px solid #999999;
	border-collapse : collapse;
	line-height:1.4em;
}

.btn
{
	width : 500px;
	margin : 10px auto;
	padding : 0;
	text-align : center;
}

.f14
{
	font-weight : bold;
	font-size : 14px;
}

.red-b
{
	color : #FF0000;
	font-weight : bold;
	font-size : 14px;
}


/* ###### トレボル用テンプレート(/Templates/d-tre.dwt) ######################## */

/* ページタイトル */
#d-labo-title
{
	width : 556px;
	margin : 10px auto;
	padding : 10px 0px;
	background-color : #000000;
	color:#FFFFFF;
}

#d-labo-title h2
{
	width : 550px;
	margin : 5px auto;
	padding : 3px 5px;
	text-align : left;
	font-size : 16px;
	
}

/* コンテンツのひとつのまとまり */
.d-tmp-mass
{
	width : 540px;
	margin : 10px auto;
	padding : 0;
}

.d-tmp-mass h3
{
	width : 530px;
	margin : 0px 0px 5px 0px;
	padding : 5px;
	background-color : #BFC2F9;
	font-weight : bold;
	text-align : left;
	font-size:14px;
}

.mass-inner
{
	width :540px;
	margin : 0;
	padding : 0;
}

.mass-inner img
{
	float : left;
	margin : 5px;
	padding : 0;
}

.mass-inner p
{
	margin : 5px;
	padding : 5px;
	line-height : 1.4em;
	text-align : left;
}