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

/*=================
コンテンツエリア設定
===================*/
/*コンテンツ内のエリアを960pxにしてセンター寄せに設定*/
#contents{
width:100%;
margin:0 auto;
font-size:1em;
}

#contents_top{
width:960px;
margin:15px auto;
font-size:1em;
overflow: hidden;
}

/*イラストの幅を250pxにして左側に設定*/
.illust {
width:300px;
float:left;
margin:0  auto;
padding: 40px 10px 20px 30px;
}

/*文章の幅を650pxにして右側に設定*/
.acce_description {
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: 1.2em;
letter-spacing:0em;
width:600px;
float:right;
margin:0  auto;
padding: 40px 20px 20px 0;
line-height: 1.8em;
}

#contents_top p.bread{
width: 960px;
margin: 0 auto;
font-size: 0.85em;
color: #666;
text-align: left;
padding: 0 0 30px 0;
}

/*=================
recomended Itemsの設定
===================*/
#contents_bottom01 {
background: url(../vitagejewelryImages/reVitageJewerly_bg.jpg) repeat; 
width: 100%;
/*padding: 40px auto 50px auto;*/
overflow:hidden;
}

#contents_bottom01 #recomendedHeader{
padding-top: 40px;
padding-bottom: 25px;
text-align: center;
}

#contents_bottom01 #box01,
#contents_bottom01 #box02,
#contents_bottom01 #box03,
#contents_bottom01 #box04 {
width: 945px;
margin:0 auto 25px auto;
background:#fff;
border:1px solid #C3C3C3;
padding:5px;
box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
position: relative;
overflow:hidden;
} 

#contents_bottom01 #box05 {
width: 960px;	
margin:0 auto 40px auto;
overflow:hidden;
} 

#box01p_in,
#box02p_in,
#box03p_in,
#box04p_in{
width: 330px;
margin: 0 20px 0 0;
}

#box01_in,
#box02_in,
#box03_in,
#box04_in{
width: 550px;
margin: 25px 20px;
}

#contents_bottom01 h3{
font-size: 1.5em;
font-weight: normal;
color: #666;
border-bottom:3px dotted #ccc;
padding-bottom: 5px;
}

#contents_bottom01 h4.euphoria{
font-family: 'Dancing Script', cursive;
font-size: 1.5em;
font-weight: normal;
color: #666;
margin-top: 5px;
margin-bottom: 105px;
letter-spacing:0.02em;
}

#contents_bottom01 ul li.description01,
#contents_bottom01 ul li.description02,
#contents_bottom01 ul li.description03,
#contents_bottom01 ul li.description04{
color: #666;
line-height: 1.6em;
margin-bottom: 20px;
padding-top: 30px;
}

#contents_bottom01 ul li.country,
#contents_bottom01 ul li.color {
font-size: 0.85em;
color: #666;
line-height: 1.6em;
}

#box05 .contact a,
#box05 .archives a{
width: 398px;
margin-top:25px;
background-color:rgba(255,255,255,0.7);
border:6px solid #999;
padding:25px 30px 20px 30px;
text-align: center;
line-height: 1.6em;
text-decoration:none;
display:block;
}
#box05 .contact a:hover,
#box05 .archives a:hover{
width: 398px;
margin-top:25px;
background-color:rgba(255,255,255,0.7);
border:6px solid #cc6699;
padding:25px 30px 20px 30px;
text-align: center;
line-height: 1.6em;
text-decoration:none;
display:block;
}
#box05 .contact{
margin-right: 2%;
}

.recomendAcce {
margin: 20px;
padding-right: 10px;
}

.recomendAcce img{
vertical-align: bottom;
}