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

#report-wrapper{
	width:760px;
	margin:0 auto;
	background:url(/images/pages/report/201406_03/bg_page.png);
	padding-bottom:20px;
	float:left;	
}

/* top */
.top {
	background:url(/images/pages/report/201407_03/pc/bg_top.png) no-repeat;
	height:479px;
	position:relative;
}
.ribbon {
	background:url(/images/pages/report/201406_03/bg_ribbon.png) no-repeat;
	position:absolute;
	top:20px;
	left:302px;	
	padding:30px 0;
	text-align:center;
	width:115px;
	height:55px;
	color: #fffefe;
	line-height:26px;
}
.vol {
	font-size:165%;	
	font-weight:normal;
}

.shoptitle {
	position: absolute;
	top: 142px;
	left: 303px;
	color: #393735;
	font-size: 184%;
	line-height: 32px;
}

.txt01 {
	position:absolute;
	top:33px;
	left:435px;
	color:#393735;
	font-size:184%;
	line-height:32px;
}

.comment {
	background:url(/images/pages/report/201406_03/bg_comment.png) no-repeat;
	color:#fff;
	font-size:84%;
	padding:3px 0 0 23px;
	position:absolute;
	top:278px;
	left:405px;	
	height:36px;
	width:100px;
}
.txt02 {
	position:absolute;
	top:325px;
	left:302px;	
	line-height:18px;
}
.content01 {
	width: 694px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.ct01 {
	background:url(/images/pages/report/201406_03/bg_inner02.png) no-repeat 0 100%;
	padding-bottom:13px;
    width: 694px;	
	margin:0 auto;
}
.inner {
	background:url(/images/pages/report/201406_03/bg_inner.png) repeat-y;
	width:680px;
	padding:0 7px 20px;
	position:relative;
}
.border {
	background:#393735;
	width:680px;
	height:5px;
	margin:0 7px;	
}
.title {
	float:left;	
	margin:-7px 0 0 -7px;
}
.girl {
	position: absolute;
	top:-17px;
	left: 167px;
	z-index:5
}
.text {
	width:345px;
	float:right;
	margin:	35px 35px 0 0;
	font-size:117%;
}
.txt03 {
	text-align:center;	
	border-bottom:1px solid #847f7a;
	margin-bottom:10px;	
	font-weight:bold;
}
.pink {
	color:#ff4e91;
	font-weight:bold;	
}
.girl02 {
	position:absolute;
	top:9px;
	left:145px;	
}
.girl03 {
	position:absolute;
	top:25px;
	right:25px;	
}
.text02 {
	width:280px;
	padding:50px 0 0;	
	float:left;
	line-height:18px;
}
.txt04 {
	padding-left:10px;	
}
.pink01 {
	font-weight:bold;
	color:#ff4e91;	
	line-height:20px;
}
.gray {
	color:#5c4a31;
	font-weight:bold;
	line-height:20px;
}
.image {
	text-align:center;
	padding:20px 0 10px;
	clear:both;	
}

/*/////////// 
CONTENT02
//////////////////*/
.content02 {
	background:url(/images/pages/report/201406_03/bg_inner05.png) no-repeat 0 100%;
	width:734px;
	margin:0 auto 20px;	
	padding-bottom:14px;
}
.bg-top-content02 {
	background:url(/images/pages/report/201406_03/bg_inner03.png) no-repeat;
	height:5px;
	margin-left:1px;	
}
.inner02 {
	background:url(/images/pages/report/201406_03/bg_inner04.png) repeat-y;	
	width:720px;
	padding:0 7px 30px;
	
}
.m-title {
	background:url(/images/pages/report/201406_03/m_title01.png) no-repeat;
	width:760px;
	left:-20px;	
	height:120px;
	position:relative;
	top:-10px;
}
.title01 {
	padding:40px 0 0 278px;
	font-size:150%;
	color:#fff;
	font-weight:bold;	
}
.title02 {
	background: url(/images/pages/report/201406_03/border02.png) no-repeat 50% 100%;
	padding-bottom: 5px;
	margin: -20px 0 10px;
	fonts-size: 117%;
	font-weight: bold;
	position: relative;
	z-index: 2;
	font-size: 125%;
}
.step {
	font-size:171%;
	padding:0 20px 0 15px;
}
.step01 {
	margin-left:15px;	
}
.step02 {
	float:left;
	width:228px;	
}
.txt05 {
	margin:0 6px;
	line-height:16px;
	border-bottom:1px solid #d1c0a5;
	letter-spacing: 0.1em;	
}
.step03 {
	margin-left:125px;	
}
.step05 {
	margin-left:75px;	
}
.step05-img {
	float:left;	
}
.girl04 {
	position:absolute;
	top:9px;
	right:15px;	
}
.text03 {
	padding:10px 30px 0 20px;	
	clear:both;	
}
.w250 {
	width:250px;
	float:left;	
}
.left {
	float:left;	
}
.right01 {
	padding:0 0 10px 65px;
	font-family :"Meiryo";
}
.right02 {
	padding:0 0 20px 76px;
	font-family :"Meiryo";
	letter-spacing:1px;	
}
.question {
	margin-bottom:45px;	
}
.leg {
	margin:-15px 0 0;	
}
.step06 {
	margin-left:135px;	
}
.step08 {
	background:url(/images/pages/report/201406_03/bg_flower.png) no-repeat 50% 130px;
	padding:20px 0 0 70px;
}	
.step07 {
	float:left;
	width:254px;	
}
.ml-70 {
	margin-left:70px;	
}
.txt06 {
	padding-left:10px;
	font-size:117%;
}

/*/////////////////////////
CONTENT03
///////////////////////////*/
.content03 {
	background:url(/images/pages/report/201406_03/bg_inner08.png) no-repeat 0 100%;
	padding-bottom:14px;
	width:734px;
	margin:0 auto;
		
}
.bg-top-content03 {
	background:url(/images/pages/report/201406_03/bg_inner06.png) no-repeat;
	height:3px;	
	width:730px;
	margin:0 2px;
}
.inner03 {
	background:url(/images/pages/report/201406_03/bg_inner07.png) repeat-y;
	width:720px;
	padding:0 7px 20px;	
	position:relative;
}
.m-title02 {
	background:url(/images/pages/report/201406_03/m_title02.png) no-repeat;	
}
.title03 {
	padding-left:225px;	
}
.girl05 {
	position:absolute;
	bottom:-2px;
	right:10px;	
}
.m-title03 {
	background:url(/images/pages/report/201406_03/m_title03.png) no-repeat;	
}
.title04 {
	padding-left:302px;
		
}
.tex04 {
	margin:	-30px 0 0 20px;
}
.left02 {
	float:left;	
}
.text05 {
	width:340px;
	float:right;
	margin-right:20px;
}
.txt07 {
	font-size:109%;	
	line-height:22px;
}
.text06 {
	width:440px;
	float:right;
	margin-right:20px;	
}
.title05 {
	background:url(/images/pages/report/201406_03/border03.png) no-repeat 0 100%;
	margin-bottom:30px;
}
.tit {
	font-weight:bold;
	font-size:165%;
	color:#231815;
	float:left;
}
.text-right {
	float:right;
	font-size:142%;
	color:#231815;
	margin-right:20px;	
}
.left03 {
	float:left;	
}
.text08 {
	width:350px;
	float:right;	
}
.txt08 {
	border-bottom:1px solid #847f7a;
	width:300px;
	margin-bottom:5px;	
}
.box {
	background:url(/images/pages/report/201407_03/pc/bg_box.jpg) no-repeat 0 100%;
	margin-left: 20px;
	height: 300px;
    padding: 10px;
}

.txt09 {
	width: 640px;
	color:#231815;
	line-height:20px;
	padding:10px;	
	background: #fff;
	
}
.btn01 {
	display:block;
	text-align: center;
}
.nozomi{
	width:340px;	
}
.sutatfu {
	width:340px;	
}


/*
/////////////////////////////////////
汎用クラス
common.css
updata�E�E013/11/25
/////////////////////////////////////
*/

/* ----- YUI FONTSIZE ---- */

.text10 { font-size: 84%; }
.text11 { font-size: 92%; }
.text12 { font-size: 100%; }
.text13 { font-size: 109%; }
.text14 { font-size: 117%; }
.text15 { font-size: 125%; }
.text16 { font-size: 134%; }
.text17 { font-size: 142%; }
.text18 { font-size: 150%; }
.text19 { font-size: 159%; }
.text20 { font-size: 167%; }
.text21 { font-size: 175%; }
.text22 { font-size: 184%; }
.text23 { font-size: 192%; }
.text24 { font-size: 200%; }
.text25 { font-size: 209%; }
.text26 { font-size: 217%; }


/*alpha*/
.alpha:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*clearfix*/
.cf:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*breadcrumbs*/
#Breadcrumbs {
	color:#84745F;
	height:25px;
	margin:10px 0 0 0;
}
#Breadcrumbs li {
	height:15px;
	float: left;
	padding: 5px 5px 5px 0;
}
#Breadcrumbs a{
	color: #84745F;
	padding: 0 5px 0 0;
}
#Breadcrumbs a:hover{
	text-decoration:none;
	color: #84745F;
}

/*ETC*/

.clear {	clear: both;}
.fl-right { float: right; }
.fl-left { float: left; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.bold {	font-weight: bold; }

/*margin*/
.mt-5				{ margin-top: 5px; }
.mt-10				{ margin-top: 10px; }
.mt-15				{ margin-top: 15px; }
.mt-20				{ margin-top: 20px; }
.mt-25				{ margin-top: 25px; }
.mt-30				{ margin-top: 30px; }
.mt-35				{ margin-top: 35px; }
.mt-40				{ margin-top: 40px; }
.mt-45				{ margin-top: 45px; }
.mt-50				{ margin-top: 50px; }

.mr-10				{ margin-right: 10px; }
.mr-16				{ margin-right: 16px; }
.mr-20				{ margin-right: 20px; }
.mr-25				{ margin-right: 25px; }
.mr-30				{ margin-right: 30px; }
.mr-35				{ margin-right: 35px; }
.mr-40				{ margin-right: 40px; }
.mr-45				{ margin-right: 45px; }
.mr-50				{ margin-right: 50px; }

.ml-10				{ margin-left: 10px; }
.ml-15				{ margin-left: 15px; }
.ml-20				{ margin-left: 20px; }
.ml-25				{ margin-left: 25px; }
.ml-30				{ margin-left: 30px; }
.ml-35				{ margin-left: 35px; }
.ml-40				{ margin-left: 40px; }
.ml-45				{ margin-left: 45px; }
.ml-50				{ margin-left: 50px; }

.mb-5				{ margin-bottom: 5px; }
.mb-10				{ margin-bottom: 10px; }
.mb-15				{ margin-bottom: 15px; }
.mb-20				{ margin-bottom: 20px; }
.mb-25				{ margin-bottom: 25px; }
.mb-30				{ margin-bottom: 30px; }
.mb-35				{ margin-bottom: 35px; }
.mb-40				{ margin-bottom: 40px; }
.mb-45				{ margin-bottom: 45px; }
.mb-50				{ margin-bottom: 50px; }

/*padding*/
.pt-10				{ padding-top: 10px; }
.pt-15				{ padding-top: 15px; }
.pt-20				{ padding-top: 20px; }
.pt-25				{ padding-top: 25px; }
.pt-30				{ padding-top: 30px; }
.pt-35				{ padding-top: 35px; }
.pt-40				{ padding-top: 40px; }
.pt-45				{ padding-top: 45px; }
.pt-50				{ padding-top: 50px; }

.pr-10				{ padding-right: 10px; }
.pr-15				{ padding-right: 15px; }
.pr-20				{ padding-right: 20px; }
.pr-25				{ padding-right: 25px; }
.pr-30				{ padding-right: 30px; }
.pr-35				{ padding-right: 35px; }
.pr-40				{ padding-right: 40px; }
.pr-45				{ padding-right: 45px; }
.pr-50				{ padding-right: 50px; }

.pl-10				{ padding-left: 10px; }
.pl-15				{ padding-left: 15px; }
.pl-20				{ padding-left: 20px; }
.pl-25				{ padding-left: 25px; }
.pl-30				{ padding-left: 30px; }
.pl-35				{ padding-left: 35px; }
.pl-40				{ padding-left: 40px; }
.pl-45				{ padding-left: 45px; }
.pl-50				{ padding-left: 50px; }

.pb-10				{ padding-bottom: 10px; }
.pb-15				{ padding-bottom: 15px; }
.pb-20				{ padding-bottom: 20px; }
.pb-25				{ padding-bottom: 25px; }
.pb-30				{ padding-bottom: 30px; }
.pb-35				{ padding-bottom: 35px; }
.pb-40				{ padding-bottom: 40px; }
.pb-45				{ padding-bottom: 45px; }
.pb-50				{ padding-bottom: 50px; }

.shop-sns-ul {
	z-index:5;
	position:absolute;
	top:681px;
	left:35px;
}

.contents01-0{
	position: relative;
}



.counseling{
	width: 430px;
	float:left;
	margin-right:20px;
}

.counseling-full{
	width: 680px;
}


.text-left {
	float:left;
	font-size:142%;
	color:#231815;
	margin-right:20px;	
}

.images{
	text-align: center;}

.coupon-tlt{
	font-weight: bold;
	font-size: 14px;
	}	
.menu{
	color:#f71359;
	}
	
.coupon-other {
	width: 640px;
	color:#231815;
	line-height:20px;
	padding:0 10px;	
}

	
/*----------------------SNS-------------------------------*/
.sns_background{
	width:100%;
	background:url(/images/pages/feature/201407_02/sp/pattern01.png) repeat;
}
.sns_group{
	width:250px;
	margin:0 auto;
	padding:12px 0;
}
.sns_group_end{
	width:250px;
	margin:20px auto;
}
.fb_button{
	float:left;
	display:block;
	margin:0 12px 0 0;
}
.gp_button{
	float:left;
	width:60px;
}
.tw_button{
	float:left;
	width:80px;
}
.line_button{
	float:left;
}