@charset "shift_jis";

/*---------------------------------
　ベース設定
----------------------------------*/

html{}

body{
font-family:"メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka",verdana,arial,sans-serif;
margin: 0px;
padding: 0px;
background:#FAF4E7 url(../img/bg_common.jpg) repeat-x;
font-size:12px;
}
h1,h2,h3,h4,h5,h6,p,span,pre,blockquote,ul,ol,dl,dd,li,form,hr,address {
margin: 0px;
padding: 0px;
color: #666666;
font-size:12px;
text-align: left;
line-height: 1.5em;
letter-spacing: 0.1em;
}
img {
border:none;
margin: 0px;
padding: 0px;
}
strong {font-weight: normal;}
em {font-style: normal;}
address {
font-style: normal;
font-size: 12px;
float: right;
padding-top: 13px;
padding-right: 10px;
}
a { 
text-decoration: none;
color: #808080;
}
a:hover {
text-decoration: none;
color: #996600;
}

/*--common--*/
.m_r10{margin-right:10px;}

.m_l45{margin-left:45px;}

.m_l15{margin-left:15px;}

.m_t10{margin-top:10px;}
.m_b15{margin-bottom:15px;}
.m_b35{margin-bottom:35px;}
.clear{clear:both;}

ul,ol {
	list-style:none;
}
.f_l{
	float: left;
}

.f_r{
    float: right;
}

#copy {
	margin: 0 0 0 30%;
}
a:hover img.over {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#wrapper {
	width: 900px;
	margin: 0px auto;
	padding: 0 0 30px;
}
.center {text-align:center;}

/*Clearfix--------------------------*/

.clear { clear:both;  } 

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*header------------------*/
#header{
	width:100%;
	height:64px;
	padding: 6px 0 0 0;
	margin: 0 0 10px;
	position: relative;
	background: url(../img/bg_common.jpg) repeat-x;
}
#header h1{
	font-size: 10px;
	color: #FFFFFF;
	float: right;
}
#header h1.logo{
	float: left;
}

#sub_menu{
	width:200px;
	height:23px;
	position:absolute;
	right: 0;
	bottom: 15px;
}

#sub_menu ul{
	height:23px;
}
	
#sub_menu li{
	width:auto;
	float:left;
	padding:0;
	margin:0;
}

/*---------------------------------
top
2013.03.18 ooe
----------------------------------*/
#head_menu_top {
	width: 900px;
	height: 74px;
	float:left;
}
#head_menu_top ul {
	height: 74px;
	margin: 5px 0 0 0;
}

#head_menu_top li {
	width:auto;
	float:left;
}
div#content {
	width: 100%;
	height: auto;
	margin: 20px 0 15px;
	float: left;
	padding: 0 0 30px;
}

div#content_top {
	width: 100%;
	height: auto;
	float: left;
}

#slideArea{
	width: 900px;
	height: 500px;
}



/* ▼以下削除対象-----------------*/
/*left------------------*/
div#leftbox{
	width: 530px;
	height:auto;
	float: left;
}
div#info {
	width: 510px;
	height: auto;
	margin: 0 0 20px 3px;
	background: #534739;
	border-top: #CDAC7B 2px solid;
	border-bottom: #CDAC7B 2px solid;
}
div#info ul {	
	margin: 10px;
}
div#info ul li {
	color: #CDAC7B;
	padding: 5px 0 10px 20px;
	background:url(../img/arrow_info.gif) no-repeat 0px 5px;
	letter-spacing: 1px;
}
div#info ul li a {
	color: #CDAC7B;
	text-decoration: underline;

}
div#info ul li a:hover {
	color: #CCCCCC;
	text-decoration: underline;

}
/*right------------------*/
div#pagelink {
	width: 505px;
	height: auto;
	padding: 0 0 0 5px;
}
div#pagelink img {
	padding: 0 5px 10px 0;
}
/*----------*/
div#pickup{
	width: 360px;
	height: auto;
	margin: 0 10px 0 0;
	float:right;
	text-align:center;
}
div#pickup img{
	margin: 0 0 5px;
}

/* ▲ここまで削除対象-----------------*/

/*---------------------------------
　他ページ
----------------------------------*/

/*ポップアップ用---
#wrapper_2 {
    width: 700px;
    margin: 0px auto;
    padding:0px;
}*/

/*background--------------*/
#main {
    background-color: #FFFFFF;
}
/*menu--------------*/
#head_menu {
    width: 900px;
    margin: 0 0 10px 0;
}
#head_menu li {
	float: left;
}

/*contents--------------*/
#head_image {
	width: 900px;
	clear: both;
	padding-bottom:10px;
	position: relative;
}

#head_image h2 {
    position: absolute; top: 0; left: 19px;
} 

#head_image p {
    color: #808080;
	position: absolute; top: 110px; left: 19px;
	width: 500px;
}

#contents{
	width:900px;
	background: url(../img/main_bg.jpg) repeat-x left bottom;
	padding-bottom: 100px;
}
.title {
    width: 850px;
	background: url(../img/titel_bg.jpg) repeat-x;
	margin: 0 0 20px 25px;
	height: 25px;
	clear: both;
}	

.title h4 {
	padding: 4px 0 0;
	color: #FFFFFF;
	font-weight: normal;
	height: 25px;
}

.thumbnail {
    clear: both;
	width: 808px;
	margin: 20px 0 0 25px;
	padding: 0 0 0 42px;
}

.thumbnail li {
  float: left;
	margin: 10px 42px 0 0;
	width: 160px;
	height: 235px;/*auto*/
	font-size: 10px;
}

.thumbnail span {
  font-weight: bold;
	font-size: 10px;
	color: #FF3366;
	letter-spacing: 0.1em;
	padding: 0 0 0 5px;
	margin: 0;
}


p.shop_btn {
	margin-top: 10px;
	text-align: center;
}
p.shop_txt {
	margin-top: 30px;
	text-align: center;
}


#page_top{
  float: right;
	padding:30px 50px 0 0;
}




/*footer------------------------*/
#footer{
	clear: both;
	padding: 10px 0 0 15px;
	background: url(../img/line_foot.gif) no-repeat;
	width: 885px;
	height: 50px;
}
#f_sub_menu{
	width:650px;
	height:21px;
}
#f_sub_menu ul{
	clear: both;
	width:650px;
	height:21px;
}	
#f_sub_menu li{
	display: inline;
	margin: 0 0 0 15px;
}

/*プランのみ使用---------------*/
ul#plan {
	width:870px;
    margin: 10px auto 0;
}
ul#plan li {
	width:auto;
	height:auto;
	float:left;
}
div.option {
	width: 840px;
	margin: 20px 0 0 25px;
	padding: 0 5px;
}
div.option2 {
   float: left;
   margin: 0 10px 0 8px;
   width: 260px;
   padding-bottom: 50px;
}
div.option2 h5 {
   background: url(../plan/img/square.gif) left center no-repeat;
   padding: 0 0 0 15px;
   margin-top: 5px;
   color: #645942;
}	
div.option2 p {
   border-bottom: #978664 dotted 1px;
   width: 255px;
   padding: 0 0 0 5px;
   margin: 5px 0;
   color: #808080;
}
div.flow {
   width: 830px;
   margin-left: 25px;
   padding: 0 10px 0 10px;
} 

div.flow li {
   width: 830px;
   margin-bottom: 30px;
   min-height: 106px;
}   
div.flow h6 {
   padding: 15px 0 10px 0;
   color: #333333;
   font-size: 16px;
}
div.flow span {
   color: #FF6666;
}

/*2011.03.11追加　プランページのキャンペーンバナー*/
img.plan_banner {
	margin: 0 0 20px;
   }

/*2011.04.03追加　プランページの「ラヴィ・ピュールだからできること」*/
img.only {
    margin: 0 0 50px;
	}

/*ショップリストのみ使用---------------*/
ul#area {
   padding: 10px 0 20px 20px;
   height: 30px;
}

ul#area li {
   float: left;
}

div.shop {
   width: 640px;
   margin: 0 0 0 70px;
   padding-bottom: 20px;
}

div.shop h4 {
   width: 450px;
   border-bottom: #CCCCCC solid 1px;
   font-weight: bold;
   font-size: 14px;
   margin: 0 0 0 190px;s
   color: #808080;
}

div.shop p {
   color: #808080;
   margin: 10px 0 0 190px;
}

div.btn_box {
   width: 500px;
   margin: 10px 0 0 190px;
}

div.btn_box li {
   float: left;
   margin: 0 5px 5px 0;
}

/*会社概要のみ使用------------------------*/   
dl#company {
   margin: 30px 0 0 70px;
   width: 750px;
   color: #808080;
   padding-bottom: 50px;
}   

dl#company dt {
   border-top: #999999 dotted 1px;
   float: left;
   width: 250px;
   padding: 10px 0 10px 10px;
   clear: both;
}

dl#company dd {
   padding: 10px 0 10px 0;
   border-top: #999999 dotted 1px;
   margin-left:260px;
}

dl#company dt:first-child,dl#company dt:first-child + dd  {
   border-top: medium none;
}




/*プライバシーポリシーのみ使用------------------------*/   
div.privacy {
   width: 750px;
   margin: 0 0 0 75px;
   padding-bottom: 30px;
}

div.privacy h4 {
   color: #808080;
   font-weight: normal;
   width: 750px;
   border-bottom: #333333 dotted 1px;
   margin: 30px 0 5px;
}
div.privacy p {
   color: #808080;
   padding-bottom: 10px;
}

div.privacy ul {
   color: #808080;
   padding-bottom: 30px;
   margin-top: 30px;
}

div.privacy h5 {
   color: #FF3366;
   font-weight: bold;
   width: 750px;
   border-bottom: #333333 dotted 1px;
   margin: 30px 0 5px;
}




/*Ｑ＆Ａのみ使用------------------------*/ 
div.qa {
   width: 750px;
   margin: 0 0 0 75px;
   padding-bottom: 30px;
}

div.qa h4 {
   color: #FF3366;
   font-weight: bold;
   width: 750px;
   border-bottom: #333333 dotted 1px;
   margin: 30px 0 5px;
   padding: 0 0 10px;
   clear: both;
}

div.qa p {
   width: 495px;
   padding: 10px 0 20px 5px;
   float: left;
}

div.qa img{
   float: left;
   padding: 10px 10px 20px 20px;   
}




/*リンクのみ使用------------------------*/ 
div#link {
   margin: 30px 0 0 70px;
   width: 750px;
   padding-bottom: 50px;
} 

div.link_box {
   clear: both;
   padding: 20px 5px;
   width: 750px;
   border-top: #999999 dotted 1px;
}

div#link img {
   float: left;
   padding-right: 20px;
}

div.link_box p {
   display: table-cell;
   vertical-align: middle;
   color: #808080;
}

* html .link_box p {     
    display: inline;     
    zoom: 1;     
}

*:first-child+html .link_box p {     
    display: inline;     
    zoom: 1;     
} 

div#link div.link_box:first-child {
   border-top: none;
}



/*コンセプトのみ使用------------------------*/ 
div.concept {
   clear: both;
   padding: 20px 0 30px 21px;
   background: url(../concept/img/bg.gif) no-repeat top center;
}
div.left_box {
   float: left;
   padding-bottom: 10px;
   width: 460px;
}
div.left_box p {
   color: #808080;
   width: 420px;
   padding: 10px 20px 0 20px;
}
div#contents div.concept:first-child {
   background: none;
}

/* end */




/*GNAV
--------------*/
.en { font-family: 'Great Vibes', cursive; letter-spacing:0;}
#head_menu2 {
 width:100%;
 height:50px;
 display:block;
 margin:0 0 10px;
}
#nav{ width:100%; height:50px; margin:10px 0 20px;}
#nav ul{ width:100%; height:50px; background:url(../../img/common/menu.gif) left bottom repeat-x; padding-bottom:15px;}
#nav ul li{ width:14%; display:inline; float:left; border-left: solid 1px #EADFCB; text-align:center;}
#nav ul li.end{ border-right: solid 1px #EADFCB;}
#nav ul li a{ display:block; color:#AC8D59; font-size:11px; padding:5px 0;}
#nav ul li a span{ display:block; color:#AC8D59; font-size:14px; text-align:center;}
#nav ul li a:hover,
#nav ul li a:hover span { color:#BD7671;}
#nav ul li.now a, 
#nav ul li.now a:hover{ background:url(../img/common/back.jpg) center top repeat-x; color:#856C43;}

#nav ul li.now a span, 
#nav ul li.now a:hover span{ color:#856C43;}