/* intro.css                                */
/* Use with tokiwa website                     */
/***********************************************/
div#novstyle div#novstyle-main div#page-title {
	height: 89px;
}

div#novstyle div#novstyle-main h3 {
	background: url(images/trial_tit.gif) 0 0 no-repeat;
	width: 397px;
	height: 52px;
	float: left;
	position: relative;
	top: 29px;
	left: 23px;
}
div#trial-main h4,
div#trial-main h5,
div#trial-main h6,
div#graph table td#nov2-btn ,
div#graph table td#nov3-btn ,
div#graph table td#ac-btn ,
div#trial-main p.all-data ,
div#trial-main th dl dt ,
div#trial-main td p.buy-btn {
	text-indent: -9999px;
}

/***********************************************/
/*                  　　上の表                   */
/***********************************************/

div#graph {
	padding: 0 0 20px 20px;
}
div#graph table td {
	width: 348px;
}
div#graph table td#nov2-btn ,
div#graph table td#acne-btn {
	height: 171px;
}
div#graph table td#nov3-btn ,
div#graph table td#ac-btn {
	height: 161px;
}
div#graph table td#nov2-btn {
	background: url(images/trial_topnavi_nov2.jpg) 0 0 repeat;
}
div#graph table td#nov3-btn {
	background: url(images/trial_topnavi_nov3.jpg) 0 0 repeat;
}
div#graph table td#acne-btn {
	background: url(images/trial_topnavi_acne.jpg) 0 0 repeat;
}
div#graph table td#ac-btn {
	background: url(images/trial_topnavi_ac.jpg) 0 0 repeat;
}
div#graph table td p a {
	display: block;
	width: 348px;
}
div#graph table td#nov2-btn p a {
	height: 171px;
}
div#graph table td#nov3-btn p a,
div#graph table td#ac-btn p a {
	height: 161px;
}
div#graph table td#nov2-btn a {
	background: url(images/trial_topnavi_nov2_on.jpg) 0 0 repeat;
}
div#graph table td#nov3-btn a {
	background: url(images/trial_topnavi_nov3_on.jpg) 0 0 repeat;
}
div#graph table td#ac-btn a {
	background: url(images/trial_topnavi_ac_on.jpg) 0 0 repeat;
}
div#graph table td#nov2-btn p a:hover ,
div#graph table td#nov3-btn p a:hover ,
div#graph table td#ac-btn p a:hover {
	background: none;
}
div#graph table td#acne-btn p {
	line-height: 130%;
	padding: 87px 0 0 199px;
}
div#graph table td#acne-btn p span {
	line-height: 180%;
}
div#graph table td#acne-btn p a {
	display: inline;
}


/***********************************************/
/*                　スキンケア タイプ                    */
/***********************************************/
div#mook {
	padding: 0 0 30px 28px;
}
div#type {
	position: relative;
	width: 681px;
	height: 254px;
	background: url(images/trial_type_bg.gif) 0 0 no-repeat;
}
div#type dl.type-nov3 dt {
	position: absolute;
	top: 15px;
	left: 35px;
}
div#type dl.type-nov3 dd.mook3 {
	position: absolute;
	top: 90px;
	left: 45px;
}
div#type dl.type-nov3 dd.mook3-price {
	position: absolute;
	top: 95px;
	left: 156px;
}
div#type dl.type-nov3 dd.mook3-detail {
	position: absolute;
	top: 138px;
	left: 162px;
}
div#type dl.type-nov3 dd.mook3-buy {
	position: absolute;
	top: 167px;
	left: 169px;
}

div#type dl.type-nov2 dt {
	position: absolute;
	top: 15px;
	left: 364px;
}
div#type dl.type-nov2 dd.mook2 {
	position: absolute;
	top: 90px;
	left: 371px;
}
div#type dl.type-nov2 dd.mook2-price {
	position: absolute;
	top: 95px;
	left: 485px;
}
div#type dl.type-nov2 dd.mook2-detail {
	position: absolute;
	top: 138px;
	left: 491px;
}
div#type dl.type-nov2 dd.mook2-buy {
	position: absolute;
	top: 167px;
	left: 498px;
}


/***********************************************/
/*                　本文共通                    */
/***********************************************/

/** レイアウト **/

div#trial-main h4 {
	height: 35px;
}
div#trial-main h5 {
	height: 26px;
}
div#trial-main h5 a {
	display: block;
	height: 26px;
}
div#trial-main h6 {
	height: 52px;
	margin: 0 0 20px 0;
}
div#trial-main th {
	padding: 27px 37px 0 48px;
	vertical-align: top;
	font-weight: normal;
}
div#trial-main td {
	width: 278px;
	vertical-align: top;
}

/** 商品説明テキスト **/

div#trial-main p.exp-text{
	color: #555;
	font-size: 9pt;
	line-height: 20px;
	background: url(images/trial_exp_bg.gif) 0 0 repeat;
}

/** 全成分を見るボタン **/

div#trial-main p.all-data {
	margin: 10px 0 10px 247px;
	width: 125px;
	height: 23px;
}
div#trial-main p.all-data a {
	display: block;
	width: 125px;
	height: 23px;
	background: url(../images/btn_alldata.gif) 0 0 no-repeat;
}

/** 内容 **/

div#trial-main th dl { width: 372px;}
div#trial-main th dl.three-line {
	height: 90px;
	background: url(images/trial_content_bg_1.gif) 0 0 no-repeat;
}
div#trial-main th dl.four-line {
	height: 105px;
	background: url(images/trial_content_bg_2.gif) 0 0 no-repeat;
}
div#trial-main th dl dt {
	height: 27px;
}
div#trial-main th dl dd {
	padding: 2px 20px 0 15px;
	font-size: 9pt;
	line-height: 140%;
}

/** 購入ボタン **/

div#trial-main td p.buy-btn {
	padding: 0 0 0 59px;
}
div#trial-main td p.buy-btn a {
	display: block;
	background: url(../images/btn_buy_green.gif) 0 0 no-repeat;
	width: 130px;
	height: 27px;
}
div#trial-main td p.buy-btn a:hover {
	background-position: 0 -27px;
}

/** ページの先頭へもどる **/

div#novstyle div#novstyle-main p.backtotop {
	padding-top: 20px;
	padding-left: 566px;
}
/***********************************************/
/*              　　ノブIIシリーズ              */
/***********************************************/
div#novstyle div#trial-main div#nov2 h4 {
	background: url(images/trial_nov2_stit.gif) 0 0 no-repeat;
}
div#novstyle div#trial-main div#nov2 h5 a {
	background: url(images/trial_nov2_bar_btn.gif) 0 0 no-repeat;
}
div#novstyle div#trial-main div#nov2 h5 a:hover {
	background-position: 0 -26px;
}
div#novstyle div#trial-main div#nov2 h6 {
	background: url(images/trial_nov2_name.gif) 0 0 no-repeat;
}

div#novstyle div#trial-main div#nov2 th {
	background: url(images/trial_nov2_bg.gif) 0 0 no-repeat;
}
div#novstyle div#trial-main div#nov2 td p.attention {
	font-size: 7pt;
}
/***********************************************/
/*              　　ノブIIIシリーズ              */
/***********************************************/

div#novstyle div#trial-main div#nov3 h4 {
	background: url(images/trial_nov3_stit.gif) 0 0 no-repeat;
}
div#novstyle div#trial-main div#nov3 h5 a {
	background: url(images/trial_nov3_bar_btn.gif) 0 0 no-repeat;
}
div#novstyle div#trial-main div#nov3 h5 a:hover {
	background-position: 0 -26px;
}
div#novstyle div#trial-main div#nov3 th#nov3-l h6 {
	background: url(images/trial_nov3_name_l.gif) 0 0 no-repeat;
}
div#novstyle div#trial-main div#nov3 th#nov3-r h6 {
	background: url(images/trial_nov3_name_r.gif) 0 0 no-repeat;
}

div#novstyle div#trial-main div#nov3 th#nov3-l {
	background: url(images/trial_nov3_bg_l.gif) 0 0 no-repeat;
	padding-bottom: 20px;
}
div#novstyle div#trial-main div#nov3 th#nov3-r {
	background: url(images/trial_nov3_bg_r.gif) 0 0 no-repeat;
}
div#novstyle div#trial-main div#nov3 td {
	padding: 21px 0 0;
}
/***********************************************/
/*            　　ノブ AC スキンケア             */
/***********************************************/
div#novstyle div#trial-main div#ac h4 {
	background: url(images/trial_ac_stit.gif) 0 0 no-repeat;
}
div#novstyle div#trial-main div#ac h5 a {
	background: url(images/trial_ac_bar_btn.gif) 0 0 no-repeat;
}
div#novstyle div#trial-main div#ac h5 a:hover {
	background-position: 0 -26px;
}
div#novstyle div#trial-main div#ac h6 {
	background: url(images/trial_ac_name.gif) 0 0 no-repeat;
}
div#novstyle div#trial-main div#ac th {
	background: url(images/trial_ac_bg.gif) 0 0 no-repeat;
}
div#novstyle div#trial-main div#ac td {
	padding: 21px 0 0;
}