@charset "utf-8";
/* CSS Document */

/*---------------------------------
		BaseCSS
---------------------------------*/

/* container */
#container {
}
#container h2 {
	height:90px;
	padding:0 0 0 40px;
	background-image:url(img/h2_bg.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:150%;
	line-height:3.5;
	color:#006600;
}
#contants {
	width:900px;
	margin:10px 0;
}
#left {
	display:inline;
	float:left;
	width:670px;
	margin:10px 0;
}
#right {
	display:inline;
	float:right;
	width:220px;
	margin:10px 0;
}
div.FootBack {
	text-align:right;
}
div.FootBack a {
	text-align:right;
}
/* left */
#left div.article {
	margin:10px 0;
}
#left div.article h3 {
}
#left div.article h3.Nontext {
}
#left div.article div.text {
	margin:10px;
	font-size:80%;
}
#left div.article div.text p {
	margin:10px;
	line-height:1.9;
}
#left div.type01 {
	border-bottom:#CCCCCC solid 1px;
}
#left div.type01 h3 {
	background-image:url(img/icon/simbol01.png);
	background-position:7px 50%;
	background-repeat:no-repeat;
	padding:5px 0 5px 30px;
	color:#009900;
	border-bottom:#009900 solid 2px;
}
#left div.type01 h3.Nontext {
}
#left div.type01 div.text {
}
#left div.type01 div.text h4 {
	margin:30px 0 5px 0;
	padding:0 0 0 15px;
	border-bottom:#CCCCCC solid 1px;
	font-size:110%;
	background-image:url(img/icon/arrow01.png);
	background-position:left 50%;
	background-repeat:no-repeat;
}
#left div.type01 div.text h5 {
	margin:0 0 0 10px;
}
#left div.type02 {
}
#left div.type02 h3 {
}
#left div.type02 h3.Nontext {
}
#left div.type02 div.text {
}
#left div.footBox {
	clear:both;
	margin:10px 0;
	border:#D5D5D5 solid 5px;
	background-image:url(img/footbox_bg.jpg);
	background-position:left 50%;
	background-repeat:no-repeat;
	height:110px;
}
#left div.footBox div.box01 {
	float:right;
	font-size:75%;
	padding:15px 10px 0;
	width:200px;
}
#left div.footBox div.box01 p {
	margin:2px 10px;
}
#left div.footBox div.btnBox {
	margin:0 0 0 215px;
	text-align:center;
}
#left div.footBox div.btnBox img {
	margin:10px auto 10px;
}
#left div.footBox {
}
#left div.footBox {
}
/* right */
#right div.article {
	margin:10px 0;
}
#right div.article h3 {
}
#right div.article h3.Nontext {
}
#right div.article div.text {
	font-size:80%;
}
#right div.article div.text img.banner {
	margin:5px 0;
}
#right div.type01 {
}
#right div.type01 h3 {
}
#right div.type01 h3.Nontext {
}
#right div.type01 div.text {
}
#right div.type02 {
}
#right div.type02 h3 {
}
#right div.type02 h3.Nontext {
}
#right div.type02 div.text {
}
#right div.navi01 {
	border:#D5D5D5 solid 1px;
}
#right div.navi01 h3 {
	font-size:90%;
	background-color:#D5D5D5;
}
#right div.navi01 div.text {
	margin:10px;
}
#right div.navi01 div.text ul {
}
#right div.navi01 div.text ul li {
	padding:10px 0;
	border-bottom:#CCCCCC solid 1px;
	line-height:1.8
}
#right div.navi01 div.text ul li a {
	padding:0 0 0 15px;
	background-image:url(img/icon/arrow01.png);
	background-position:left 50%;
	background-repeat:no-repeat;
}
#right div.navi01 div.text ul li.down {
	margin:0 0 0 10px;
	padding:2px 0;
	border-bottom:#CCCCCC dashed 1px;
}
#right div.navi01 div.text ul li.down a {
	padding:0 0 0 15px;
	background-image:url(img/icon/arrow02.png);
	background-position:left 50%;
	background-repeat:no-repeat;
}
#right div.navi01 div.text ul li.down2 {
	margin:0 0 0 20px;
	padding: 0;
	border-bottom:none;
}
#right div.navi01 div.text ul li.down2 a {
	padding:0 0 0 15px;
	background-image:url(img/icon/arrow02.png);
	background-position:left 50%;
	background-repeat:no-repeat;
}
/*---------------------------------
		PageCSS
---------------------------------*/


#PageStart {
}
#PageStart div.article div.text div.box01 {
	margin:10px;
	padding:20px;
	border:#CCCCCC solid 2px;
	background-position:right top;
	background-repeat:no-repeat;
}
#PageStart div.article div.text div.box01 h4 {
	padding:0 0 0 35px;
	background-image:url(img/icon/simbol02.png);
	background-position:left 50%;
	background-repeat:no-repeat;
	font-size:140%;
	color:#FF6600;
}
#PageStart div.article div.text div.box01 p {
	margin:10px;
}
#PageStart div.article div.text div.box01 div.detail {
	margin:5px;
	text-align:right;
}
#PageStart div.article div.text div.box01 div.detail a {
	background-color:#FFF;
	padding:5px 5px 5px 23px;
	background-image:url(img/icon/arrow03.png);
	background-position:5px 50%;
	background-repeat:no-repeat;
}
#PageStart div.article div.text div.box01 {
}
#PageStart {
}
#PageStart div.article div.text div.box02 {
	margin:10px;
	padding:0 0 0 80px;
	background-position:left top;
	background-repeat:no-repeat;
}
#PageStart div.article div.text div.box02 img.thumb {
	float:left;
	display:inline;
	margin:0 10px;
}
#PageStart div.article div.text div.box02 h3 {
	margin:0 0 10px 220px;
	padding:4px 20px 4px 20px;
	background-image:url(img/icon/square01.png);
	background-position:5px 50%;
	background-repeat:no-repeat;
}
#PageStart div.article div.text div.box02 p {
	margin:0 0 0 220px;
}
#PageStart div.article div.text div.box03 h5 {
	margin:10px;
	padding:0 0 0 18px;
	background-image:url(img/icon/arrow02.png);
	background-position:left 50%;
	background-repeat:no-repeat;
}
#PageStart div.article div.text div.box03 img.thumb {
	float:right;
}
#PageStart div.article div.text div.box03 p {
	margin:0 220px 0 20px;
}
#PageStart div.article div.text div.box04 {
	border-bottom:#CCCCCC solid 1px;
	padding:10px;
	margin:5px;
}
#PageStart div.article div.text div.box04 h5 {
	margin:5px;
	padding:0 0 0 18px;
	background-image:url(img/icon/arrow02.png);
	background-position:left 50%;
	background-repeat:no-repeat;
	border-bottom:#CCCCCC dashed 1px;
}
#PageStart div.article div.text div.box04 img.thumb {
	float:left;
	margin:15px;
}
#PageStart div.article div.text div.box04 p {
	margin:0 220px 0 20px;
}
#PageStart03 div.article div.text div.box01 {
	float:left;
	width:300px;
	height:180px;
	display:inline;
	margin:10px;
	border-bottom:#CCCCCC solid 1px;
}
#PageStart03 div.article div.text div.box01 img.thumb {
	float:left;
	margin:0 5px;
}
#PageStart03 div.article div.text div.box01 h5 {
}
#PageStart03 div.article div.text div.box01 h5 a {
	color:#C30;
}
#PageStart03 div.article div.text div.box01 p {
	margin:10px 0;
	font-size:90%;
}
#PageStart03 div.article div.text div.box01 {
}
#PageJewelry div.article div.text div.box01 {
}
#PageJewelry div.article div.text div.box01 div.thumb {
	text-align:center;
	float:left;
	width:200px;
	display:inline;
	margin:5px;
}
#PageJewelry div.article div.text div.box01 div.thumb img {
}
#PageJewelry div.article div.text div.box01 table {
	margin:5px 0 5px 220px;
	width:420px;
}
#PageJewelry div.article div.text div.box01 {
}
#PageJewelry div.article div.text div.box01 {
}
#PageEcoriva div.article div.text div.box01 {
	padding:10px 0;
}
#PageEcoriva div.article div.text div.box01 img.thumb {
	float:left;
	margin:0 5px;
}
#PageEcoriva div.article div.text div.box01 p {
	margin:0 0 0 220px;
}
#PageEcoriva div.article div.text div.box01 {
}
#PageEcoriva div.article div.text div.box02 {
	margin:10px;
	padding:0 0 0 80px;
	background-position:left top;
	background-repeat:no-repeat;
	height:150px;
}
#PageEcoriva div.article div.text div.box02 h3 {
	margin:0 0 10px 50px;
	padding:4px 20px 4px 20px;
	background-image:url(img/icon/square01.png);
	background-position:5px 50%;
	background-repeat:no-repeat;
}
#PageEcoriva div.article div.text div.box02 p {
	margin:0 0 0 50px;
}
#PageEvent {
}
#PageEvent #left div.article {
}
#PageEvent #left div.article h3 {
}
#PageEvent #left div.article h3.Nontext {
}
#PageEvent #left div.article div.text {
	margin:10px 0 40px;
}
/* shop */
#base #shop {
}
#base #shop div.article {
}
#base #shop div.article h3 {
}
#base #shop div.article div.text {
	padding:7px 0 15px 0;
}
#base #shop div.article div.text p {
	margin:10px;
}
#base #shop div.article div.text div.box01 {
	float:left;
	display:inline;
	width:280px;
	margin:5px;
	border:#CCCCCC solid 3px;
	height:200px;
}
#base #shop div.article div.text div.box01 h3 {
	margin:3px;
	font-weight:normal;
	color:#0461FE;
	border-bottom:#CCCCCC dashed 1px;
}
#base #shop div.article div.text p {
	margin:10px;
}
#base #shop div.type01 {
	border:#CCCCCC solid 5px;
	padding:5px;
	margin:10px 0;
}
#base #shop div.type01 h2 {
	color:#006AFF;
	text-align:center;
	border-bottom:#CCC solid 1px;
	font-size:120%;
}
#base #shop div.type01 div.text {
}
#base #shop div.type01 div.text ul {
	margin:5px 10px;
}
#base #shop div.type01 div.text ul li {
	padding:0 0 0 25px;
	background-image:url(../shop/common/img/icon/arrow01.png);
	background-position:left 50%;
	background-repeat:no-repeat;
	line-height:2.0;
}
#base #shop div.type01 div.text ul li a {
}
.box05L_p {
	clear:both;
	float:left;
	border:#CCCCCC 1px solid;
	background:#FEEDF7;
	width:250px;
	height:120px;
	margin:5px;
	padding:10px;
}
.box05L_b {
	clear:both;
	float:left;
	border:#CCCCCC 1px solid;
	background:#E4F2FA;
	width:250px;
	height:120px;
	margin:5px;
	padding:10px;
}
.box05R_p {
	float:left;
	border:#CCCCCC 1px solid;
	background:#FEEDF7;
	width:250px;
	height:120px;
	margin:5px;
	padding:10px;
}
.box05R_b {
	float:left;
	border:#CCCCCC 1px solid;
	background:#E4F2FA;
	width:250px;
	height:120px;
	margin:5px;
	padding:10px;
}
#container div.article div.text div.box_voice01 {
	float:left;
	display:inline;
	width:200px;
	margin:5px;
	border:#CCCCCC solid 3px;
	height:200px;
}
#container div.article div.text div.box_voice01 h3 {
	margin:3px;
	text-indent:-25px;
	font-weight:normal;
	color:#0461FE;
	border-bottom:#CCCCCC dashed 1px;
	background:none;
}
#container div.article div.text div.box_voice01 p {
	margin:10px;
}
ol.olclassA li {
	margin-bottom:10px;
}
.box {
	border:#AAAAAA 1px solid;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.box b {
	font-weight:bold;
	color:#030;
}
.calcu {
	line-height:130%;
}
/*contants*/
#container h2.rivatop {
	background-image:url(../images/salon-riva-sprite.jpg);
	background-position:0px 0px;
	display:block;
	width:900px;
	height:300px;
	text-indent:-9999px;
}
#riva-left {
	width:600px;
	float:left;
}
#riva-left h3 {
	background-image:url(../images/salon-riva-sprite.jpg);
	background-repeat:no-repeat;
	background-position:0px -300px;
	display:block;
	width:590px;
	height:20px;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:13px;
	color:#90C;
	font-size:16px;
	margin-bottom:0px;
	cursor:pointer;
}
#riva-left h3:hover {
	color:#C9F;
}
#riva-left h4 {
	font-size:16px;
	font-weight:bold;
	border-bottom:1px dotted #666;
	color:#03C;
	margin-bottom:5px;
}
#riva-left .box06 {
	background-color:#f1f1f1;
	padding:10px;
	-moz-border-radius:10px 10px 10px 10px;
}
#riva-left .box07 {
	width:165px;
	height:130px;
	display:block;
	background-color:#f1f1f1;
	margin-right:5px;
	padding:11px;
	-moz-border-radius:10px 10px 10px 10px;
}
#riva-left .box07 h5 {
	margin-bottom:5px;
	color:#03C;
	border-bottom:1px dotted #FFF;
}
#riva-left .box08 {
	width:558px;
	background-color:#f1f1f1;
	padding:10px;
	-moz-border-radius:10px 10px 10px 10px;
}
#riva-left .frepeat {
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	width:578px;
	font-size:12px;
	padding:10px;
}
#riva-left .fbottom {
	background-image:url(../images/salon-riva-sprite.jpg);
	background-repeat:no-repeat;
	background-position:0px -360px;
	display:block;
	width:600px;
	height:20px;
}
#riva-left a.csl-banner {
	text-align:center;
	margin:0 auto;
	background-image:url(../images/salon-riva-sprite.jpg);
	background-repeat:no-repeat;
	background-position:0px -889px;
	display:block;
	width:527px;
	height:55px;
	text-indent:-9999px;
}
#riva-left a.csl-banner:hover {
	background-position:0px -943px;
}
.dsp {
	display:none;
}
a.csl-banner {
	background-image:url(../images/salon-riva-sprite.jpg);
	background-repeat:no-repeat;
	background-position:0px -392px;
	display:block;
	width:290px;
	height:88px;
	text-indent:-9999px;
	margin-bottom:15px;
}
a.csl-banner:hover {
	background-position:-291px -392px;
}
a {
	outline:none;
}
#riva-right {
	width:290px;
	float:right;
}
#riva-right h3 {
	background-image:url(../images/salon-riva-sprite.jpg);
	background-repeat:no-repeat;
	background-position:-610px -300px;
	display:block;
	width:290px;
	height:20px;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:13px;
	color:#90C;
	font-size:16px;
	margin-bottom:0px;
}
#riva-right .frepeat {
	width:270px;
	font-size:12px;
	padding:10px;
	background-color:#fee1ff;
}
#riva-right .fbottom {
	background-image:url(../images/salon-riva-sprite.jpg);
	background-repeat:no-repeat;
	background-position:-610px -360px;
	display:block;
	width:290px;
	height:6px;
}
.riva-img1 {
	width:289px;
	height:185px;
	display:block;
	background-image:url(../images/salon-riva-sprite.jpg);
	background-repeat:no-repeat;
	background-position:0px -514px;
	text-indent:-9999px;
}
.riva-img2 {
	width:289px;
	height:185px;
	display:block;
	background-image:url(../images/salon-riva-sprite.jpg);
	background-repeat:no-repeat;
	background-position:-295px -514px;
	text-indent:-9999px;
}
.riva-img3 {
	width:289px;
	height:185px;
	display:block;
	background-image:url(../images/salon-riva-sprite.jpg);
	background-repeat:no-repeat;
	background-position:0px -699px;
	text-indent:-9999px;
}
.riva-img4 {
	width:289px;
	height:185px;
	display:block;
	background-image:url(../images/salon-riva-sprite.jpg);
	background-repeat:no-repeat;
	background-position:-295px -699px;
	text-indent:-9999px;
}
.riva-img5 {
	width:250px;
	height:348px;
	display:block;
	background-image:url(../images/salon-riva-sprite.jpg);
	background-repeat:no-repeat;
	background-position:-648px -365px;
	margin-left:8px;
}
/*campaign*/
.riva-campaign {
	width:900px;
	height:753px;
	display:block;
	background-image:url(../images/1011salon-riva-cp-sprite.jpg);
	background-repeat:no-repeat;
}
.cp-link {
	width:703px;
	margin:0 auto;
}
.cp-link a.csl-banner {
	background-image:url(../images/1011salon-riva-cp-sprite.jpg);
	background-repeat:no-repeat;
	background-position:-479px -812px;
	display:block;
	width:344px;
	height:63px;
	text-indent:-9999px;
	margin-bottom:15px;
}
.cp-link a.csl-banner:hover {
	background-position:-479px -881px;
}
.cp-link a.riva-banner {
	background-image:url(../images/1011salon-riva-cp-sprite.jpg);
	background-repeat:no-repeat;
	background-position:-99px -812px;
	display:block;
	width:344px;
	height:63px;
	text-indent:-9999px;
	margin-bottom:15px;
	margin-right:15px;
}
.cp-link a.riva-banner:hover {
	background-position:-99px -881px;
}
a.cp-banner01 {
	background-image:url(../images/1011salon-riva-cp-banner.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:350px;
	height:127px;
	text-indent:-9999px;
	margin-left:530px;
	margin-top:150px;
}
a.cp-banner01:hover {
	background-position:0px -230px;
}
.aura{
	position:absolute;
	display:block;
	width:280px;
	height:40px;
	padding:10px;
	margin-top:418px;
	margin-left:20px;
	text-indent:-9999px;
	cursor:pointer;
}
.aurainmotion {
	background-color:#bce3ff;
	border:2px solid #FFF;
	position:absolute;
	display:none;
	width:460px;
	height:280px;
	padding:10px;
	margin-top:418px;
	margin-left:224px;
	-moz-border-radius:10px 10px 10px 10px;
}
.miryoku{
	background-image:url(../images/salon-riva-sprite.jpg);
	background-position:0px -1008px;
	display:block;
	width:578px;
	height:260px;
	text-indent:-9999px;
	outline:none;
}
.fL370{
	float:left;
	width:370px;
}
.setumei{
	font-size:12px;
	margin-left:10px;
}
.kakaku{
	width:628px;
	background-color:#F0E4CE;
	padding:10px;
	margin:auto;
	text-align:center;
	font-size:12px;
}
.bottle-contents{
	padding:10px;
	
}
.bottle-contents h4{
	-moz-border-radius:10px 10px 10px 10px;
	background-color:#ECC5FF;
	padding:10px;
	font-size:14px;
}
.nagare h3{
	color:#CC00CC;
	padding:10px;
	font-size:18px;
}
.bottle-contents p{
	font-size:12px;
}
.nagare{
	width:700px;
}
.okurisaki{
	font-weight:bold;
	font-size:12px;
	margin-left:20px;
	float:left;
}
.arrow{
	margin:auto;
	text-align:center;
}
.column p{
	font-size:12px;
}
.okurisaki{
	background-color:#CCCCCC;
	font-size:12px;
	padding:10px;
}
.bokin{
	font-size:12px;
}
.bokinsaki{
	color:#FF0000;
	font-weight:bold;
}
.column h3{
	color:#CC00CC;
	padding:10px;
	font-size:18px;
}

.btl-left{
	width:280px;
	float:left;
}
.btl-right{
	width:600px;
	float:left;
}
.L900{
	width:900px;
}