body{
	margin:0;
	padding:0;
}
#design {
	width: 850px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:1px;
	margin-right:0px;
	padding:0;
}
#ocuvitetop {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:14px;
	margin-right:0px;
	padding:0;
}
#header_common{
	width: 848px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:1px;
	padding:0;
	float:left;
}
#footer_common{
	width: 848px;
	margin-top: 29px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	padding:0;
	float:left;
}

#footer_lineup{ /* 製品ラインアップ用*/
	width: 848px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	padding:0;
	float:left;
}

br {
	margin:0px;
	padding:0px;
}
p {
	margin:0px;
	padding:0px;
}
h2 {
	margin:0px;
	padding:0px;
}
h1 {
	margin:0px;
	padding:0px;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	margin:0px;
	padding:0px;
}

img {
	border:	0px;
}

#main
{
	float		:	left;
	margin		:	0px 0px 9px 0px;
	width		:	820px;
	height		: 	295px;
}

#menu_banner01{
	float		:	left;
	margin		:	0px 10px 0px 0px;
	border:			0px;
	}
#menu_banner02{
	float		:	left;	
	margin		:	0px 10px 0px 0px;
	border:			0px;
}
#menu_banner03{
	float		:	left;
	height		:	85px;
	margin		:	2px 0px 8px 0px;
	border		:	0px;
	
}
#menu_banner04{
	float		:	left;
	margin		:	0px 0px 0px 0px; /* FF用*/
	_margin		:	0px 0px 0px -4px;  /* IE6用ハック*/
	border:			0px;
}
#menu_banner05{
	float		:	left;
	margin		:	0px 0px 0px 8px;
	_margin		:	0px 0px 0px 5px;  /* IE6用ハック*/
	border:			0px;
}
#lineup1{
	float		:	left;
	width		:	387px;
	height		:	300px;
	margin		:	15px 12px 20px 10px;
	_margin		:	15px 12px 20px 7px;  /* IE6用ハック*/
}


#lineup2{
	float		:	left;
	width		:	387px;
	margin		:	15px 25px 20px 12px;
	_margin		:	15px 20px 20px 12px;  /* IE6用ハック*/
}

#banner_mixed{
	float		:	left;
	text-align	:	center;
	width		:	820px;
	margin		:	0px;
	padding		:	14px 0px 0px 0px;
	border-top	:	2px solid #003399;
}

#content {
	float: left;
	margin:	0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.3em;
	text-align: left;
	width: 580px;
	}

#sidebar {
	float: left;
	width: 225px;
	font-size: 12pt;
	text-align: left;
	}

#sidebar img.top10{
	margin-top:10px;
}

#sidebar img.top15{
	margin-top:15px;
}

.sidebar-navigation{
	background:url(../images/r_menu01.gif);
	float: left;
width: 215px; /* FF以外用*/
/width: 225px; /* FF用ハック*/
	height: 38px;
	line-height: 38px;
	color: #ffffff;
	text-align: left;
	font-size: 12pt;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}


ul.r_menu_link03 li a,
dl.r_menu_link04 dt a{
	height:1%;
}

html>/**/body ul.r_menu_link03 li a,
html>/**/body dl.r_menu_link04 dt a{
	height:auto;
}

ul.r_menu_link03 {
	float: left;
	width: 215px; /* FF以外用*/
	/width: 225px; /* FF用ハック*/
	border:1px #333 solid;
/*	background-color:#CCC;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0 7px;
/*	margin: 10px 0 0 7px;*/
	list-style:none;
	
}

ul.r_menu_link03 li {
	font-weight: bold;
	margin: 8px 0 4px 0;
}
/* dl.r_menu_link02 dd {
	line-height: 1.2em;
	margin: 0 0 11px 0;
} */

ul.r_menu_link03 li a{
	display:block;
	padding: 1px 0 0 20px;
	background: url("../../common/images/arrow_01.gif") no-repeat top left;
}
ul.r_menu_link03 li.on{
	background: url("../../common/images/arrow_01_on.gif") no-repeat top left;
	padding-left:20px;
}

dl.r_menu_link04 {
	margin: 10px 11px 0 8px;
}
dl.r_menu_link04 dt {
	line-height: 17px;
}
dl.r_menu_link04 dt a {
/*	display:block;*/
	padding: 1px 0 1px 20px;
	background: url("../../common/images/arrow_01.gif") no-repeat top left;
}
dl.r_menu_link04 dd {
	margin: 0 0 10px 20px;
}


/* ブロック関係 */

.right_block{	
	width		:	297px;
	_width		:	302px;
	float		:	left;
	margin		:	0px 0px 20px 0px;
	padding		:	0px;
}

.comment_box580{
	clear		:	both;
	width		:	548px;
	_width 		:	580px;
	margin		:	0px 0px 20px 10px;
	_margin		:	0px 0px 20px 0px;
	padding		:	10px;
	border		:	#999 1px solid;
}

.comment_560{
	clear		:	both;
	width		:	560px;
	margin		:	0px 10px 15px 10px ;
}
.note_560{
	float		:	right;
	clear		:	both;
	width		:	560px;
	margin		:	0px 0px 5px 10px ;
	text-align	:	right;
}
.indent14{
	padding-left:	14px;
	text-indent	:	-14px;
	width		:	546px;
	_width		:	560px;
}

.block_2{
	float		:	left;
	width		:	280px;	
	margin		:	0px 0px 0px 10px;
	padding		:	0px;
}
* html .block_2{
	width		:	275px;	
	float		:	left;
	margin		:	0px 0px 0px 10px;
	padding		:	0px;
}

.comment_box280{
	clear		:	both;
	width		:	100％;
	margin		:	10px 0px 10px 0px;
	padding		:	10px;
	border		:	#999 1px solid;
}

/* 属性など */


.line_up_text{
	padding-left:	16px;
	padding-right:  16px;
}

.price{
	margin		:	20px 0px 2px 0px;
	padding		:	0px 0px 8px 5px ;
	border-bottom:dotted 1px gray;
}

.prdct_name{
	width		:	124px;
	margin-left	:	10px;
	_margin-left:	auto;
}

.two_line{
	margin-top:11px;
}


/* h2 */

.btm20{
	 margin-bottom: 20px;
}
.btm17{
	 margin-bottom: 17px;
}

.btm15{
	 margin-bottom: 15px;
}

.btm10{
	 margin-bottom: 10px;
}

/* h3 ul table */

.blue{
	color		:	#003399;
	width		:	560px;
	padding-left:	20px;
	_width		:	580px;
	_padding-left:	20px;
	height		:	32px;
	background	:	url("../../ocuvite/images/h3_blue.gif") no-repeat top left;
}


.btm15{
	 margin-bottom: 15px;
}

.btm10{
	 margin-bottom: 10px;
}

.top30{
	 margin-top: 30px;
}

.top20{
	 margin-top: 20px;
}

.top15{
	 margin-top: 15px;
}

.line_h3{
	clear		:	both;
	color		:	#003399;
	width		:	570px;
	padding 	:	22px 0px 15px 10px;
	_width		:	580px;
	background	:	url("../../ocuvite/voice/images/line5.gif") no-repeat top left;
	border-bottom:	solid #336699 1px;
}

.h3_using{
	width		:	558px;
	height		:	48px;
	margin		:	0px;
	padding 	:	12px 10px 5px 12px;
	_width		:	580px;
	_margin		:	0px;
	_padding 	:	12px 0px 5px 12px;
	color		:	#FFF;
	background	:	url("../../ocuvite/voice/images/image111000-27.gif") no-repeat top left;
}

.using_box{
	float		:	left;
	width		:	558px;
	_width 		:	580px;
	margin		:	-17px 0px 0px 0px;
	_margin		:	0px 0px 0px 0px;
	padding		:	20px 0px 10px 20px;
	border		:	1px solid #999;
	border-top	:	none;
}

/* .using_box{
	float		:	left;
	width		:	523px;
	_width 		:	580px;
	margin		:	-17px 0px 0px 0px;
	_margin		:	0px 0px 0px 0px;
	padding		:	20px 30px 10px 25px;
	border		:	1px solid #999;
	border-top	:	none;
} */


.simple_list{
	list-style	:	disc;
	width		:	540px ;
	margin		:	8px 10px 30px 30px ;

	
	_width		:	560px ;
	_margin		:	8px 10px 30px 10px ;
	_padding	:	0px 0px 0px 16px;


}
.enq_list{
	list-style	:	disc;
	width		:	462px ;
	margin		:	8px 0px 30px 30px ;
	_width		:	474px ;
	_margin		:	8px 0px 30px 10px ;
	_padding:0px 0px 0px 16px;
}
.nutrients_1day{
	margin		:	10px 10px 10px 10px;
	border		:	#999 1px solid;	/* 追加  */
}

.pic{
	margin		:	8px;
}
	
.line_full{
	border		:	#999 1px solid;
}
.line_trbl{
	border		:	#999 1px solid;
}
.line_t2rbl2{
	border-top:	#999 2px solid;
	border-right:	#999 1px solid;
	border-bottom:	#999 1px solid;
	border-left	:	#999 2px solid;
}

.line_t2r2b{
	border-top	:	#999 2px solid;
	border-right:	#999 2px solid;
	border-bottom:	#999 1px solid;
}
.line_rb2l2{
	border-right:	#999 1px solid;
	border-bottom:	#999 2px solid;
	border-left	:	#999 2px solid;

}
.line_t{
	border-top	:	#999 1px solid;
}
.line_rbl{
	border-right:	#999 1px solid;
	border-bottom:	#999 1px solid;
	border-left	:	#999 1px solid;
}
.line_rbl2{
	border-right:	#999 1px solid;
	border-bottom:	#999 1px solid;
	border-left	:	#999 2px solid;
}

.line_rb{
	border-right:	#999 1px solid;
	border-bottom:	#999 1px solid;
}
.line_trb{
	border-top	:	#999 1px solid;
	border-right:	#999 1px solid;
	border-bottom:	#999 1px solid;
}
.line_rb{
	border-right:	#999 1px solid;
	border-bottom:	#999 1px solid;
}
line_rb2{
	border-right:	#999 1px solid;
	border-bottom:	#999 2px solid;
}
.line_r2b{
	border-right:	#999 2px solid;
	border-bottom:	#999 1px solid;
}
.line_r{
	border-right:	#999 1px solid;
}
.line_rb2{
	border-right:	#999 1px solid;
	border-bottom:	#999 2px solid;
}
.line_r2b2{
	border-right:	#999 2px solid;
	border-bottom:	#999 2px solid;
}

.line_rl{
	border-right:	#999 1px solid;
	border-left:	#999 1px solid;
	
}
.line_b{
	border-bottom:	#999 1px solid;
}
.line_l{
	border-left:	#999 1px solid;
}
.line_spacer{
	border:none;
}

.spc1tb{
	padding: 1px ;
}

.spc8{
	padding		:	2px 8px;
}
.spc8l{
	padding		:	2px 2px 2px 8px;
}
.spc4{
	padding		:	2px 4px;
}
.spc_dobble{
	padding		:	8px;
}

.table580{
	margin		:	10px 0px;
}
.td_voice{
	padding			:	14px 8px 8px 8px;
}
.td_line{
	background:url(../../ocuvite/voice/images/line.gif) no-repeat;
	color			:	#003399;
}
.td_right{
	text-align	:	right;	
}
.td_indnt20{
	padding-left	:	20px;
}
.td_indnt10{
	padding-left	:	10px;
}
.comment_403{
	float		:	left;
	width		:	403px;
	margin		:	10px 20px 30px 10px ;
}	

/* 特定属性 */

.button_list{/* 一覧へボタン */
	width		:	153px;
	margin		:	0px 416px 15px 10px;	
}


/* お客様の声 */
.consumer_message{
	float		:	left;
	width		:	580px;
	height		:	55px;
	margin		:	0px;
	background	:	url("../../ocuvite/product/images/image111000-11.gif") no-repeat top left;
}

#cunsumer_list_button{/* お客様の声一覧へ */
	width		:	72px;
	height		:	24px;
	margin		:	7px auto 10px 488px;
}

.consumer_box{
	float		:	left;
	width		:	580px;
	height		:	150px;
	margin		:	0px;
	border		:	1px solid #999;
	border-top	:	none;
}


.consumer_case{
	float		:	left;
	width		:	182px;
	height		:	135px;
}
.c_banner-1{ 		padding:10px 4px 10px 8px;}
.c_banner-2{ 		padding:10px 4px 10px 4px;}
.c_banner-3{ 		padding:10px 8px 10px 4px;}

.cunsumer_detail{
	position:relative;
	top: 122x;
	left: 105px;
}

.text13{  /* win_ie.css から移植  */
	font-size:85%;
	line-height:125%;
	font-style:normal;
	}



/* リンク設定　お客様の声用 */ /* 追加  */
a.voice_link:link{color:#00297F;text-decoration:none;font-weight:bold;}
a.voice_link:visited{color:#00297F;text-decoration:none;font-weight:bold;}
a.voice_link:hover{color:#0054aa;text-decoration:underline;font-weight:bold;}
a.voice_link:active{color:#cc0000;text-decoration:underline;font-weight:bold;}


/* preservision.html */


table.elements{
	border		:	#999 1px solid;	/* 追加  */
}



.el3{
	width		:	142px;
	text-align	:	center;
}

.vertical {
  width: 20px;
  writing-mode: tb-rl;
  text-align:center;
  padding:auto 3px;
  margin:auto 3px;
}
.color1{	background-color:#99CCCC;}
.color2{	background-color:#DDECF4;}
.color3{	background-color:#66CCFF;}
.color4{	background-color:#CBEBFF;}
.color5{	background-color:#CCC;}

.font_gray{
	color:#666;
/*	margin-top		:	-15px;
*/}
.font_blue{
	color:#003399;
/*	margin-top		:	-15px;
*/}
.font_paleblue{
	color:#39C;
/*	margin-top		:	-15px;
*/}

.font_q{
	color:#5082b4;
	font-weight:bold;
}
.font_a{
	color:#00468c;
	font-weight:bold;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */