@charset "UTF-8";
/* CSS Document */
/* Huynh Tram */
.image-intro {
	position:relative;
	height:	830px;
	margin-bottom:70px;
}
.image-intro > * {
	position:absolute;	
}
.image-intro .img01 {
	top:20px;
	z-index:3;	
}
.image-intro .img02 {
	bottom:0;
	left:60px;	
}

/* Background */
#Background {
	background:url(/images/pages/feature/201401_04/bg_body.png);
	overflow:hidden;
}
	

/* content01 */
.content01 {
	background:url(/images/pages/feature/201401_04/content01.png) no-repeat;
	margin:0 60px 50px 60px;
	height:475px;
	padding-top:283px;	
}
.comment li {
	color:#4e50a0;
	font-size:134%;
	line-height: 22px;	
}
.cm01 {
	padding:25px 0 20px 50px;	
	margin-bottom:50px;
	width:200px;
}
.cm02 {
	padding:20px 0 20px 0;
	margin-left:180px;	
}
.cm03 {
	padding:30px 0 20px 0;
	margin-left:310px;	
}

/*content02 */
.content02 {
	background:url(/images/pages/feature/201401_04/background03.png) no-repeat 0 100%;
	padding-bottom:40px;	
	width:640px;
	margin:0 60px 60px;
}
.bg-top {
	background:url(/images/pages/feature/201401_04/background01.png) no-repeat;
	height:	40px;
}
.content-inner {
	background:url(/images/pages/feature/201401_04/background02.png) repeat-y;	
	padding:20px;
}
.image {
	height:210px;
	position:relative;	
}
.image > * {
	position:absolute;	
}
.title {
	top:-35px;
	left:5px;	
}
.eyes {
	top:60px;
	left:10px;	
}
.butterfy {
	top:-90px;
	right:-60px;	
}
.inner {
	padding:0 0 20px;
	margin:0 30px 5px;	
	background:url(/images/pages/feature/201401_04/line.png) no-repeat 0 100%;
}
.inner p {
	font-size:125%;
	line-height:25px;
	margin-bottom:20px;	
}
.inner img {
	float:right;
	margin:-40px 20px 0 0;
	vertical-align:middle;	
	
}
.inner strong {
	width:275px;
	font-size:155%;
	color:#f729c9;
}
.anchor02 img {
	margin:0 0 20px 5px;
}
.inner02 {
	margin:0 20px 40px;	
}
.inner02 img {
	float:left;
	width:312px;
}
.inner02 ul {
	width:230px;
	float:left;
	margin-left:10px;	
}
.inner02 li {
	color:#403356;
	font-size:158%;
	font-weight:bold;
	padding:40px 0;
	margin:5px 0 0;
}
.inner02 li:first-child {
	margin-top:0;	
}
.inner03 {
	margin:0 20px;	
}
.inner03 strong {
	color:#ac7ff4;
	font-size:184%;
	margin-left:20px;
}
.inner03 p {
	margin:20px 0 0 20px;
	color:#403356;
	font-size:150%;
	line-height:30px;
}

/* Content03 */
.content03 {
	background:url(/images/pages/feature/201401_04/bg_content03.png) no-repeat 0 100%;
	padding-bottom:39px;
	margin: 0 30px 10px 59px;	
}
.content03 .title {
	margin-left:1px;	
}
.bg-content03-top {
	background:url(/images/pages/feature/201401_04/bg_content01.png) no-repeat;
	height:	20px;
	margin-top:-2px;
}
.content03-inner {
	background:url(/images/pages/feature/201401_04/bg_content02.png) repeat-y;	
	padding: 0 40px 0 20px;
	width:601px;
}
.content05 {
	margin-top:20px;
}
.linkarea {
	margin:0 55px;
	padding-top:20px;	
}
.linkarea a {
	display: block;
	width: 680px;
	float: left;
	margin-right: 0px;
}
.linkarea li + li {
	margin-top:15px;	
}
.linkarea p {
	line-height: 20px;
	color: #3e3a39;
	font-size: 125%;
	padding-top: px;
	width: 680px;
	float: left;
}
.content04 {
	margin-top:-15px;
}
.step {
	
}
.step-detail {
	background:url(/images/pages/feature/201401_04/bg_bottom_step.png) no-repeat 0 100%;
	padding-bottom:6px;	
}
.bg-top-step {
	background:url(/images/pages/feature/201401_04/bg_top_step.png) no-repeat;
	height:6px;	
}
.step-inner {
	background:url(/images/pages/feature/201401_04/bg_step.png) repeat-y;
	position:relative;	
	width:601px;
	min-height:95px;
}
.step-inner .img01 {
	position:absolute;
	top:-6px;
	left:0;	
}
.step-inner .img02 {
	position:absolute;
	left:480px;
	top:0;	
}
.step-inner .img03 {
	position:absolute;
	left:460px;
	top:0;	
}
.step-inner p {
	margin-left:140px;
	padding-top:13px;
	line-height:20px;
	color:#3e3a39;
	font-size:117%;	
}
.step li + li {
	margin-top:	15px;
}
.soshite {
	background:url(/images/pages/feature/201401_04/sun.png) no-repeat 10px 100%;
	padding:15px 10px 40px;
	width:600px;
}
.soshite .title {
	padding:0 0 10px;
}
.soshite p {
	padding-left:95px;
	line-height:20px;
	font-size:125%;
	color:#3e3a39;
}


/* common css */

@charset "utf-8";



/*共通要素*/
#Container{
	background:url(/images/pages/feature/201401_04/bg_top.png) no-repeat;
	width:760px;
	margin:0 auto;
	padding-bottom:120px;
}

/*修正追加最下部link*/

#last {
	line-height: 20px;
	color: #3e3a39;
	font-size: 125%;
	padding-top: px;
  margin: 40px;
	
	text-align:center;
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}

.shop-sns-ul {
	position:absolute;
	right:0
}