﻿@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;}

#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%;
}