@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;
	color:#055588;
}
img {
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: none;
}
li {
	list-style: none;
}
/*----------------------SNS-------------------------------*/
.sns_group{
	width:250px;
	position:absolute;
	z-index:100;
	margin:-90px 0 0 -125px;
	left:50%;
}
.sns_group_end{
	width:250px;
	margin:0  auto;
	position:relative;
	z-index:100;
	top:140px;
}
.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 {
	position:relative;
	z-index:1;
}

/*----------------------リード-------------------------------*/
#lead{
	width:760px;
	height:205px;
	background:url(/images/pages/feature/201407_03/pc/lead_background.png) no-repeat;
	position:relative;
	z-index:100;
}
.lead_text{
	width:660px;
	margin:0 auto;
	padding:14px 0 0 0;
	color:#FFF;
	font-size:14px;
}

#intro{
	width:760px;
	height:386px;
	background:url(/images/pages/feature/201407_03/pc/intro_background.jpg) no-repeat;
}
.intro_text{
	width:420px;
	margin:0 auto;
	padding:34px 0 0 0;
	letter-spacing:0.1em;
	font-size:12px;
	line-height:200%;
}
.pt{
	padding:10px 0 0 0;
}
/*----------------------コンテンツ-------------------------------*/
#content01{
}

.content01_title01{
}

.content01_group01{
	width:760px;
	height:192px;
	background:url(/images/pages/feature/201407_03/pc/content01_group01_background.jpg) no-repeat;
}
.content01_group01_text{
	width:610px;
	margin:0 0 0 70px;
	padding:12px 20px 0 0;
	letter-spacing:0.2em;
	line-height:190%;
}
.content01_group01_text_background{
	background:#3fadf3;
	padding:1px 1px 1px 4px;
	color:#FFF;
}

.content01_group02{
	width:760px;
	height:481px;
	background:url(/images/pages/feature/201407_03/pc/content01_group02_background.jpg) no-repeat;
}
.content01_group02_text{
	width:620px;
	margin:0 0 0 60px;
	padding:14px 20px 0 0;
	letter-spacing:0.2em;
	line-height:190%;
}

#content02{
	width:760px;
	height:521px;
	background:url(/images/pages/feature/201407_03/pc/content02_background.jpg) no-repeat;
	position:relative;
	z-index:1;
}
.content02_title{
	display:block;
	padding:40px 0 24px 0;
	text-align:right;
}
.content02_image{
	display:block;
	position:absolute;
	z-index:100;
	right:0;
	top:24px;
}
.content02_text{
	width:400px;
	color:#FFF;
	padding:16px 0 0 30px;
}
.content02_text_background{
	background:#fbec4b;
	padding:1px 1px 1px 4px;
	color:#1c498d;
}



#content03{
	width:760px;
	height:663px;
	background:url(/images/pages/feature/201407_03/pc/content03_background.jpg) no-repeat;
}
.content03_title{
	display:block;
	padding:40px 10px 24px 0;
	text-align:right;
}
.content03_group01{
	padding:30px 0 0 0;
}
.content03_group01_left{
	float:left;
	padding:0 0 0 30px;
}
.content03_group01_right{
	padding:0 40px 0 10px;
	width:400px;
	float:right;
}
.content03_group02{
	padding:20px 0 0 0;
}
.content03_group02_left{
	padding:0 0 0 30px;
	width:420px;
	float:left;
}
.content03_group02_right{
	float:right;
	padding:0 30px 0 0;
}
.content03_text_background{
	background:#0ec4b1;
	padding:1px 1px 1px 4px;
	color:#FFF;
}

#content04{
	width:760px;
	height:503px;
	background:url(/images/pages/feature/201407_03/pc/content04_background.jpg) no-repeat;
}
.content04_title{
	display:block;
	padding:40px 10px 24px 0;
	text-align:right;
}
.content04_group01{
	padding:14px 0 0 0;
}
.content04_group01_left{
	width:340px;
	padding:0 0 0 30px;
	float:left;
	line-height:184%;
}
.content04_group01_right{
	width:360px;
	padding:0 20px 0 0;
	float:right;
}
.content04_group01_right_image{
	display:block;
	width:348px;
	margin:0 auto;
}
.content04_group01_right_text{
	display:block;
	padding:20px 0 8px 0;
	width:329px;
	margin:0 auto;
}
.content04_group01_right_link{
	display:block;
	width:312px;
	margin:0 auto;
}
.content04_text_background{
	background:#FFF;
	padding:1px 1px 1px 4px;
	color:#e01e87;
}
.pt20{
	padding-top:20px;
}


.font_bold{
}


#end{
	width:760px;
	height:594px;
	background:url(/images/pages/feature/201407_03/pc/end_background.jpg) no-repeat;
}

#next{
	padding:30px 0 0 0;
}
.next_inner{
	border-bottom:2px solid #000;
	border-left:2px solid #000;
	border-right:2px solid #000;
	padding:0 0 20px 0;
}
.next_headline{
	display:block;
	text-align:center;
	padding:20px 0;
}
.next_image{
	float:left;
	padding:0 0 0 40px;
}
.next_lineup{
	float:right;
	padding:0 40px 0 0;
}
.next_list{
	padding:0 0 8px 0;
}


#backnumber{
	padding:30px 0 0 0;
}
#backnumber a{
	text-decoration:none;
	color:#999;
}
#backnumber a:link{
	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_text{
	display:block;
	font-size:12px;
	line-height:140%;
	height:34px;
}
.backnumber_image{
	display:block;
	padding:6px 0 0 0;
}

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












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






.loopslider {
	margin: -11px auto 0;
	width: 760px;
	height: 182px;
	text-align: left;
	position: relative;
	z-index:1;
	overflow: hidden;
}

.loopslider ul {
/*	width: 100%;*/
	float: left;
	display: inline;
	overflow: hidden;
}
.loopslider ul li {
	display:block;
	float: left;
	display: inline;
	overflow: hidden;
}


/* =======================================
	ClearFixElements
======================================= */
.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}