@charset "shift_jis";

/* ================== top page ================== */

#mnvs {
	position: relative;
	width: 950px;
	margin: 0 auto;
}

#mnvs .bt01{
	position: absolute;
	left: 657px;
	top: 162px;
}
	
#mnvs .bt02{
	position: absolute;
	left: 657px;
	top: 254px;
}


/*#mnvs .mnvsin{
position:relative;
height:440px;
overflow:hidden;
}
#mnvs .con{
display: none;
width:100%;
z-index: 100;
}
#mnvs .con.before{
z-index:105;
display:block;
}
#mnvs .con.after{
z-index:104;
display:block;
}
#mnvs .inner{
width:950px;
height:520px;
margin: 0 auto;
position:relative;
}
#mnvs #nav1{
display:block;
}
#mnvs #scn3,
#mnvs #scn4,
#mnvs #scn5,
#mnvs #scn6,
#mnvs #scn7{
display:block;
position:absolute;
}
#mnvs #scn1{
z-index: 113;
}
#mnvs #scn2{
z-index: 112;
position:relative;
display:none;
}
#mnvs #scn2 p.opImg{
position:absolute;
top:0px;
left:0px;
z-index:1;
}
#mnvs #scn2 p.opTitle{
position:absolute;
top:0px;
left:0px;
z-index:2;
display:none;
}
#mnvs #scn2 p.opLogo{
position:absolute;
top:216px;
left:0px;
z-index:3;
display:none;
}
#mnvs #scn2 p.opBtn{
position:absolute;
top:0px;
left:520px;
z-index:4;
display:none;
}
#mnvs #scn3{
background: #FFFFFF;
display:none;
}
#mnvs #scn3 a{
outline-width:0;
}
#mnvs #scn4{
background: #FFFFFF;
display:none;
}
#mnvs #scn4 a{
outline-width:0;
}
#mnvs #scn5{
background: #FFFFFF;
display:none;
}
#mnvs #scn5 a{
outline-width:0;
}
#mnvs #scn6{
background: #FFFFFF;
display:none;
}
#mnvs #scn6 a{
outline-width:0;
}
#mnvs #scn7{
display:none;
}
#mnvs #scn7 a{
outline-width:0;
}


#mnvs .mv_nav{
position:absolute;
left:0;
bottom:0;
height:80px;
background-image:url(../../img/bg_mv_nav.png);
background-repeat:repeat-x;
background-position:left bottom;
display:none;
z-index:120;
width:100%;
}
#mnvs .mv_navBackColor{
background-color:#ffffff;
}

#mnvs .mv_nav ul{
width:670px;
margin:auto;
padding:8px 0 0 0;
}
#mnvs .mv_nav ul li{
float:left;
width:130px;
margin:0 5px 0 0;
}
#mnvs .mv_nav ul li.nav01{
background:url(../../img/btn_nav01_on.jpg) no-repeat left top;
}
#mnvs .mv_nav ul li.nav02{
background:url(../../img/btn_nav02_on.jpg) no-repeat left top;
}
#mnvs .mv_nav ul li.nav03{
background:url(../../img/btn_nav03_on.jpg) no-repeat left top;
}
#mnvs .mv_nav ul li.nav04{
background:url(../../img/btn_nav04_on.jpg) no-repeat left top;
}
#mnvs .mv_nav ul li.nav05{
background:url(../../img/btn_nav05_on.jpg) no-repeat left top;
}

#mnvs .mv_nav ul li a{
display:block;
width:130px;
height:60px;
}
#mnvs .mv_nav ul li a.on,
#mnvs .mv_nav ul li a:hover{
background:transparent;
}
#mnvs .mv_nav ul li a.on img,
#mnvs .mv_nav ul li a:hover img{
visibility:hidden;
}





#mnvs .cv_pdc_btn{
background:url(../../img/btn_caviar_product_on.gif) no-repeat left top;
}
#mnvs .cv_pdc_btn a{
display:block;
width:145px;
height:27px;
}
#mnvs .cv_pdc_btn a:hover{
background:transparent;
}
#mnvs .cv_pdc_btn a:hover img{
visibility:hidden;
}

#mnvs .cmp_btn{
background:url(../../img/btn_shop_campaign_on.gif) no-repeat 456px 30px;
}
#mnvs .cmp_btn a{
display:block;
width:195px;
height:27px;
}
#mnvs .cmp_btn a:hover{
background:transparent;
}
#mnvs .cmp_btn a:hover img{
visibility:hidden;
}

#mnvs .cv_btn{
background:url(../../img/btn_cv_on.gif) no-repeat left top;
}
#mnvs .cv_btn a{
display:block;
width:90px;
height:27px;
}
#mnvs .cv_btn a:hover{
background:transparent;
}
#mnvs .cv_btn a:hover img{
visibility:hidden;
}
#mnvs .ccd_btn{
background:url(../../img/btn_ccd_on.gif) no-repeat left top;
}
#mnvs .ccd_btn a{
display:block;
width:145px;
height:27px;
}
#mnvs .ccd_btn a:hover{
background:transparent;
}
#mnvs .ccd_btn a:hover img{
visibility:hidden;
}
#mnvs .fdt_btn{
background:url(../../img/btn_fdt_on.gif) no-repeat left top;
}
#mnvs .fdt_btn a{
display:block;
width:132px;
height:27px;
}
#mnvs .fdt_btn a:hover{
background:transparent;
}
#mnvs .fdt_btn a:hover img{
visibility:hidden;
}


#mnvs .mv_nav ul li.last{
margin:0;
}
#mnvs .mv_nav ul li img{
display:block;
}

*/

#contents {
padding-top:28px;
}
.sb #gnav,
.sb #gnav ul,
.sb #gnav ul li {
position:static;
}
.sb #gnav ul {
height:28px;
padding:6px 0 0 0;
}
.sb #gnav ul li {
float:left;
}
.sb #gnav ul li ul {
display:none!important;
}
#main {
width:660px;
padding:0;
}
#main #news_area ul {
margin:0 0 8px 0;
padding:6px 0 0 0;
}
#main #news_area li {
padding:7px;
background:url(../img/line_dotted.gif) repeat-x left bottom;
}
#main #news_area li a {
display:block;
padding:0 0 0 9px;
background:url(../img/icn_arw_pink.gif) no-repeat 0 7px;
}
#main #news_area li a:hover {
text-decoration:none;
}
#main #news_area li span.date {
display:block;
float:left;
width:7em;
padding:0 6px 0 0;
}
#main #news_area li a:hover span.date {
cursor:pointer;
color:#666666;
}
#main #news_area li span.link {
display:block;
margin-left:8em;
color:#333333;
}
	* html #main #news_area li span.link {
	padding:3px 0 0 0;
	}
	
#main #news_area li a:hover span.link {
color:#F571A3;
}
#main #news_area li span.link img {
position:relative;
top:1px;
margin:0 0 0 4px;
}
* html .sb #main #news_area li span.link img {
position:static;
}
*+html .sb #main #news_area li span.link img {
position:static;
}

#main #news_area p.more {
margin:0 0 22px 0;
text-align:right;
}
#brand_area {
float:none;
width:660px;
}
#brand_area h3 {
margin:0 0 7px 4px;
}
#brand_area .pdb0 {
padding:0;
}
#brand_area ul {
width:660px;
margin:0;
padding:15px 0 23px 0;
}
#main #brand_area ul li {
margin:0 0 0 0;
padding:0 10px 15px 0;
}
#main #brand_area ul li.last {
	margin-left: 0px;
}
#main #brand_area ul.last02 {
padding:0 0 20px 0;
}
#main #product_area {
clear:both;
padding:0 0 30px 0;
}
#main #product_area h2 {
margin:0 0 26px 0;
}
#main #product_area ul li {
float:left;
padding:0 15px 0 0;
}
#main #product_area ul li.last {
float:left;
padding:0 0 0 0;
}
#main #product_area ul li.sc {
width:338px;
padding:0 1px 0 0;
background:url(../img/bar_dotted.gif) repeat-y right top;
}
#main #product_area ul li.bm {
width:321px;
}

#contents #side {
width:255px;
}
#contents #side .box {
width:255px;
background-image:url(../../img/bg_side_mdl.gif);
color:#666666;
}
#contents #side .box .bg_top {
width:255px;
background-image:url(../../img/bg_side_top.jpg);
}
#contents #side .box .bg_btm {
width:255px;
background-image:url(../../img/bg_side_btm.gif);
}
#contents #side .box ul {
margin:0 12px;
padding:15px 0 0 0;
}
#contents #side .box li {
zoom:1;
margin:0 0 8px 0;
padding:0 0 9px 0;
background:url(/revital_granas/common/img/line_dotted.gif) repeat-x left bottom;
}
#contents #side .box li.last {
margin:0;
padding:0 0 12px 0;
background:none;
}
#contents #side .box img {
display:block;
}
#side ul.list {
width:255px;
}
#side .box .cont {
width:180px;
}
#side .box .cont ul {
margin:0 0 0 10px;
}

/* ================== top page mainVisual ljCSS ================== */
#VisualBtnNoArea {
display:none;
height:520px;
width:100%;
position:absolute;
z-index:999;
background-image:url('img/dammy_img.gif');
background-repeat:repeat;
}

#VisualScnBtnBack {
display:none;
height:20px;
top:200px;
left:20%;
width:20px;
position:absolute;
z-index:998;
}

#VisualScnBtnNext {
display:none;
height:20px;
top:200px;
left:80%;
width:20px;
position:absolute;
z-index:997;
}

#comentbx{
	position: relative;
	width: 660px;
	height: 200px;
	margin: 0 0 30px 0;
	}
	
#comentbx b{
	font-size: 16px;
	line-height: 1em;
	color: #00649E;}
	
#comentbx p{
	padding: 10px 50px 0 20px;
	margin: 0;
	line-height: 1.8em;}
	
#comentbx .img01{
	position: absolute;
	top: 0;
}	
	
#comentbx .img02{
	position: absolute;
	left: 523px;
	top: 34px;
}
	
#comentbx .tx{
	position: absolute;
	left: 90px;
	top: 0;
	width: 520px;
}