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

#wrapper_feature {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	letter-spacing:0.17em;
	line-height:180%;
	width:760px;
}
img {
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: none;
}
li {
	list-style: none;
}
/*----------------------SNS-------------------------------*/
.sns_group{
	width:250px;
	margin:0 auto;
}
.sns_group_end{
	width:250px;
	margin:0 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;
}

/*----------------------メインビジュアル-------------------------------*/
#main_visual {
	margin:-25px 0 0 0;
}
.main_visual_left{
	float:left;
	width:304px;
}
.main_visual_frame{
	position:relative;
	z-index:100;
}
/*-------------------------------
	Slideshow Customizations
--------------------------------*/


#slideShow{
	width:230px;
	height:304px;
	position:relative;
	z-index:10;
	top:-396px;
	left:56px;
}

ul.bubbleSlideshow{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:230px;
	height:304px;
}

.bubbleSlideshow li{
	position:absolute;
	top:0;
	left:0;
}

.bubbleSlideshow li img{
	display:block;
}

.bubbleSlideshow li div.bubble{
	-moz-border-radius:50%;
	-webkit-border-raidus:50%;
	border-radius:50%;

	background-repeat:no-repeat;
	display:none;
	position:absolute;
}
.main_visual_right{
	float:right;
	width:456px;
	margin:40px 0 0 0;
}
.sns_top_text{
	display:block;
	width:237px;
	margin:30px auto 16px;
}
/*----------------------リード-------------------------------*/
#lead{
	background:url(/images/pages/feature/201407_04/pc/lead_background.jpg) no-repeat;
	width:760px;
	height:679px;
	clear:both;
	position:relative;
	z-index:1;
	top:-427px;
	margin:0 0 -350px 0;
}
.page_link{
	position:absolute;
	top:38px;
	right:30px;
}
.lead_text{
	position:absolute;
	top:166px;
	left:40px;
	width:355px;
}
.lead_text_pt{
	padding:20px 0 0 0;
}
.lead_image_frame{
	background:url(/images/pages/feature/201407_04/pc/lead_image_frame.png) no-repeat;
	width:352px;
	height:352px;
	position:absolute;
	z-index:100;
	top:380px;
	right:20px;
}
#lead_image{
	display:block;
	position:absolute;
	z-index:10;
	top:395px;
	right:67px;
}
/*----------------------コンテンツ-------------------------------*/
#content01{
	position:relative;
	width:720px;
	height:608px;
	margin:0 auto;
}

.content01_title{
	padding:0 0 0 20px;
}
.content01_image01{
	display:block;
	position:absolute;
	left:40px;
	top:150px;
}
.content01_image02{
	display:block;
	position:absolute;
	top:430px;
	left:660px;
}
.content01_image03{
	display:block;
	position:absolute;
	top:520px;
	left:420px;
}
.content01_text{
	width:370px;
	position:absolute;
	top:200px;
	left:330px;
}



#content02{
	background:url(/images/pages/feature/201407_04/pc/content02_background.jpg) no-repeat;
	width:760px;
	height:639px;
	padding:33px 0 0 0;
}
.content02_title{
	padding:0 0 0 20px;
}

.content02_inner{
	position:relative;
	width:720px;
	margin:0 auto;
}
.content02_text{
	width:360px;
	position:absolute;
	top:186px;
	left:46px;
	font-size:13px;
	letter-spacing:0.13em;
}

#content03{
	width:760px;
	height:1190px;
	margin:20px auto 0;
	padding:0 20px;
}
.content03_title{
	padding:0 0 0 20px;
}

.content03_group01{
	position:relative;
	top:30px;
}
.content03_group01_image{
	position:relative;
	z-index:1;
}
.content03_group01_link{
	position:absolute;
	z-index:100;
	top:80px;
	left:20px;
}
.content03_group01_point{
	position:absolute;
	z-index:100;
	color:#12b5f9;
	font-weight:bold;
	top:230px;
	left:264px;
}
.content03_group01_text{
	font-weight:bold;
}

.content03_group02{
	position:relative;
	top:70px;
}
.content03_group02_image{
	position:relative;
	z-index:1;
}
.content03_group02_link{
	position:absolute;
	z-index:100;
	top:100px;
	right:24px;
}
.content03_group02_point{
	position:absolute;
	z-index:100;
	color:#12b5f9;
	font-weight:bold;
	top:240px;
	left:240px;
	text-align:right;
}


.content03_group03{
	position:relative;
	top:130px;
}
.content03_group03_image{
	position:relative;
	z-index:1;
}
.content03_group03_link{
	position:absolute;
	z-index:100;
	top:86px;
	left:20px;
}
.content03_group03_point{
	position:absolute;
	z-index:100;
	color:#12b5f9;
	font-weight:bold;
	top:230px;
	left:260px;
	padding-left: 1em;
    text-indent: -1em;
}



#content04{
	width:760px;
	height:1450px;
	margin:0 auto;
}
.content04_title{
	padding:0 0 0 20px;
}
.content04_group01{
	margin:40px 0;
}
.content04_title_point{
	display:block;
	float:left;
	padding:0 10px 0 20px;
}
.content04_title_name{
	font-size:20px;
	display:block;
}
.content04_title_price{
	display:block;
	color:#757575;
}
.content04_title_link{
	width:520px;
	display:block;
	float:left;
}
.content04_link{
	display:block;
	float:right;
	margin:0 20px 0 0;
}
.content04_group01_image{
	clear:both;
	position:relative;
	padding:10px 0 0 0;
}
.contnet04_group01_image03{
	position:relative;
	z-index:100;
}
.contnet04_group01_image01{
	position:absolute;
	z-index:110;
	top:0;
	left:0;
}
.contnet04_group01_image02{
	position:absolute;
	z-index:1;
	top:80px;
	right:20px;
}

.content04_group02{
	margin:40px 0;
}
.content04_group02_image{
	clear:both;
	position:relative;
	padding:10px 0 0 0;
}
.content04_group02_image02{
	position:relative;
	z-index:1;
}
.content04_group02_image01{
	position:absolute;
	z-index:110;
	top:0;
	right:40px;
}

.content04_group03{
	margin:50px 0;
	position:relative;
}
.content04_group03_image{
	clear:both;
	position:relative;
	padding:10px 0 0 10px;
}
.content04_group03_image01{
	padding:0 0 0 10px;
	margin:0 -10px 0 0;
}
.content04_group03_image02{
}
.content04_group03_image03{
	position:absolute;
	top:10px;
	right:20px;
}

.contnet04_group04{
	text-align:center;
	margin:-20px 0 0 0;
}


#end{
	height:570px;
}
.end_image{
	display:block;
	width:610px;
	margin:0 auto;
	text-align:center;
}
.sns_bottom_text{
	display:block;
	width:245px;
	margin:30px auto 16px;
}
.border_bottom{
	display:block;
	padding:30px 0 0 0;
}
#next{
	clear:both;
}


#backnumber{
	padding:30px 0 0 0;
}
#backnumber a{
	text-decoration:none;
	color:#999 !important;
}
#backnumber a:link{
	text-decoration:none;
	color:#666 !important;
}
#backnumber a:visited{
	text-decoration:none;
	color:#666 !important;
}
.backnumber_inner{
	border-bottom:2px solid #787878;
	border-left:2px solid #787878;
	border-right:2px solid #787878;
	padding:0 0 20px 0;
}
.backnumber_group01{
	padding:0 0 0 19px;
	width:340px;
	float:left;
}
.backnumber_sub_title{
	padding:0 0 30px 0;
}
.backnumber_sub_title_{
	padding:5px 0 30px 0;
}
.backnumber_label{
	display:inline-block;
	padding:0 3px 0 0;
}
.backnumber_link{
	display:block;
}
.backnumber_link_text{
	display:block;
	font-size:12px;
	line-height:140%;
	width:170px;
	height:50px;
	float:right;
}
.backnumber_image{
	width:160px;
	display:block;
	float:left;
}

.backnumber_title_text{
	padding:20px 0 10px;
}
.backnumber_group02{
	width:340px;
	padding:0 19px 0 0;
	float:right;
}
.backnumber_list{
	width:340px;
	height:90px;
	margin:0 auto 26px;
}












.topic-path-li {
	margin: 0 0 10px;
	float: left;
	max-width: 500px;
	overflow: hidden;
}



.content04_group01_image01 {
	position:absolute;
	z-index:110;
	width:201px;
	height:250px;
	overflow:hidden;
	top:26px;
	left:16px;
}
.content04_group01_image01 div {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    display: none;
}

.content04_group01_image02 {
	position:absolute;
	z-index:1;
	top:88px;
	left:584px;
	width:156px;
	height:196px;
	overflow:hidden;
}
.content04_group01_image02 div {
    position: absolute;
    left: 0;
    top: 0;
	width:156px;
	height:196px;
	overflow:hidden;
    display: none;
}

.content04_group02_image01 {
	position:absolute;
	z-index:110;
	top:0;
	right:50px;
	width:240px;
	height:304px;
	overflow:hidden;
}
.content04_group02_image01 div {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    display: none;
}

.content04_group03_image02 {
	position:absolute;
	z-index:110;
	top:10px;
	left:144px;
	width:208px;
	height:276px;
	overflow:hidden;
}
.content04_group03_image02 div {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    display: none;
}


#sample {
    height:  286px;
    width:   222px;
    padding: 0;
    margin:  0;
}

#sample img {
    height:  286px;
    width:   222px;
    top:  0;
    left: 0
}