@charset "utf-8";

/*--------------------------------------------------------------------

	feature/style_feature_k.css

--------------------------------------------------------------------*/

#content{
	font-size: 100%;
}


/*---------------------------------------------
	wrap & maintitle
---------------------------------------------*/
#feature-wrap {
	background: url(../imgs/bg.jpg) no-repeat center top;
}
#feature-wrap *{/* reset */
	margin: 0px;
	padding: 0px;
}
#feature-wrap h2 {
	margin: 0px auto 10px;
	padding: 0px;
	font-size: 0px;
}

/*---------------------------------------------
	section
---------------------------------------------*/
#feature-wrap div.section {
	margin: 0px auto 25px;
	padding: 0px;
}
#feature-wrap div.section h3 {
	margin: 0px auto 15px;
}
#feature-wrap div.section p {
	margin: 0px auto 10px;
	padding: 0px 10px;
	font-size: 100%;
	line-height: 1.6;
}

#feature-wrap div.section p.link-left {
	margin: 10px auto 15px;
}
#feature-wrap div.section p.link-left a {
	margin: 0px auto;
	padding: 1px 0px 1px 15px;
	background: url(../../../imgs/common/mark_arrow_sq_red.gif) no-repeat left 50%;
}


/*---------------------------------------------
	feature-intro
---------------------------------------------*/
#feature-wrap #feature-intro {
	position: relative;
	height: 290px;
}
#feature-wrap #feature-intro h2 {
	margin: 0px 10px;
	padding: 40px 0px 0px;
}
#feature-wrap #feature-intro h3 {
	margin: 25px 10px;
}

/*---------------------------------------------
	feature-multi
---------------------------------------------*/
#feature-wrap #feature-multi {}
#feature-wrap #feature-multi p.feature-repeat_maintxt{
	float: left;
	width: 400px;
	margin: 0px;
	padding: 0px;
}

#feature-wrap #feature-multi dl {
	width: 700px;
	margin: 15px auto;
	padding: 10px 0px;
	overflow: hidden;
	*zoom:1;
}
#feature-wrap #feature-multi dt {
	float: right;
	width: 265px;
	margin: 0px;
	font-size: 93%;
	text-align:center;
}
#feature-wrap #feature-multi dt img{
	display: block;
	margin: 0px auto 10px;
}
#feature-wrap #feature-multi dt span a{
	margin: 10px auto;
	padding: 1px 0px 1px 15px;
	background: url(../../../imgs/common/mark_arrow_sq_red.gif) no-repeat left 50%;
}
#feature-wrap #feature-multi dd {
	float: left;
	width: 400px;
	margin: 0px;
}


/*---------------------------------------------
	feature-repeat
---------------------------------------------*/
#feature-wrap #feature-repeat {}

#feature-wrap #feature-repeat div.feature-repeat_box {
	margin: 0px auto 25px;
	overflow: hidden;
	*zoom: 1;
}
#feature-wrap #feature-repeat .feature-repeat_box div{
	float: left;
	width: 227px;
	margin: 0px 9px 0px 0px;
	padding: 0px 0px 4px;
	background: url(../imgs/bg_repeat_bottom.jpg) no-repeat 0px bottom;
}
#feature-wrap #feature-repeat .feature-repeat_box div#feature-repeat_box03{	margin: 0px;}

#feature-wrap #feature-repeat .feature-repeat_box div div.bgbox{
	width: 215px;/* 225 */
	margin: 0px auto;
	padding: 5px 5px 10px;
	background: url(../imgs/bg_repeatbox.jpg) repeat-x left 0px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;	
}
#feature-wrap #feature-repeat .feature-repeat_box div h4{
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}
#feature-wrap #feature-repeat .feature-repeat_box div p{
	font-size: 100%;
}

/*---------------------------------------------
	feature-point
---------------------------------------------*/
#feature-wrap #feature-point {}

#feature-wrap #feature-point dl {
	overflow: hidden;
	*zoom:1;
}


#feature-wrap #feature-point dl dt{
	/* ADD20130305 JALロゴ追加時修正 */
	/*float: left;
	width: 300px;*/
	margin: 0px;
	padding: 0px;
}
	#feature-wrap #feature-point dl dt p{
		padding-right:5px;
	}
#feature-wrap #feature-point dl dd{
	/* ADD20130305 JALロゴ追加時修正 */
	/*float: right;
	width: 400px;*/
	margin: 0px;
	padding: 0px;
}
#feature-wrap #feature-point dl dd ul{
	/* ADD20130305 JALロゴ追加時修正 */
	/*width: 560px;*/

	margin: 0px auto 0px 45px;
	padding: 0px;
	overflow: hidden;
	*zoom: 1;
}

#feature-wrap #feature-point dl dd li{
	position: relative;
	display: inline-block;
	width: 150px;
	height: 60px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	letter-spacing: -0.2em;
	white-space: -0.2em;
	text-align: left;
	list-style: none;
	border: 1px solid #ddd;
	vertical-align: middle;
}	
	* html #feature-wrap #feature-point dl dd li{display: inline; margin-right: 3px;}
	*+html #feature-wrap #feature-point dl dd li{display: inline; margin-right: 3px;}


	/* ADD20130305 JALロゴ追加時修正 span.noneを追加 */
	/* MOD20130419 楽天ロゴ追加、縦位置中央表示用のスタイル指定に変更。 */
	#feature-wrap #feature-point dl dd li a,
	#feature-wrap #feature-point dl dd li span.none	{
		display: table-cell;
		width: 150px;
		height: 60px;
		line-height: 60px;
		padding: 0px;
		/*padding: 16px 0px 0px;*/
		font-size: 0px;
		text-align: center;
		overflow: hidden;
		vertical-align: middle;
	}
		/* IE 6 */
		* html #feature-wrap #feature-point dl dd li a{
			display:inline;
			height: 44px;
			padding: 16px 0px 0px;
			zoom:1;
		}
		/* IE 7 */
		*+html #feature-wrap #feature-point dl dd li a{
			display:inline;
			padding: 16px 0px 0px;
			zoom:1;
		}

		#feature-wrap #feature-point dl dd li a img,
		#feature-wrap #feature-point dl dd li span.none img{
			max-width: 150px !important;
			height: auto !important;
			max-height: 60px !important;
			width: auto !important;
			vertical-align: middle;
		}

		#feature-wrap #feature-point dl dd li.logo_apple{
			display: block;
			float: left;
			width:150px;
			height:125px;
			margin-right: 3px;
		}

			#feature-wrap #feature-point dl dd li.logo_apple a{	padding-top: 30px;}
			* html #feature-wrap #feature-point dl dd li.logo_apple a{	padding-top: 35px; margin-right: 0px;}
			*+html #feature-wrap #feature-point dl dd li.logo_apple a{	padding-top: 35px;}

		#feature-wrap #feature-point dl dd li.logo_rakuten a{
			padding: 0px;
		}
			* html #feature-wrap #feature-point dl dd li.logo_rakuten a{height: 60px;}



/*---------------------------------------------
	feature-whole
---------------------------------------------*/
#feature-wrap #feature-whole {
	width: 700px;
	margin-bottom: 50px;
	padding-bottom: 40px;
	background: url(../imgs/bg_sep.jpg) no-repeat center bottom;
}




/*---------------------------------------------
	feature-charm
---------------------------------------------*/

#feature-wrap #feature-charm {
	width: 700px;
	overflow: hidden;
	*zoom: 1;
}
#feature-wrap #feature-charm h3 {
	margin: 0px auto 15px;
}
#feature-wrap #feature-charm dl{
	float: left;
	width: 228px;/* 230 */
	min-height: 185px;
	*height: 185px;
	margin: 0px 3px 3px 0px;
	padding: 0px;
	border: 1px solid #ddd;
}
	/* ADD20121227 */
	body.font_l #feature-wrap #feature-charm dl {
		min-height: 190px;
		*height: 190px;
	}


#feature-wrap #feature-charm dl.h-bottom{
	min-height: 180px;
	*height: 180px;
}
#feature-wrap #feature-charm dt{
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}
#feature-wrap #feature-charm dd{
	margin: 0px 0px 0px;
	padding: 5px;
	*padding: 3px;
}
#feature-wrap #feature-charm dd p{
	margin: 0px auto 5px;
	padding: 0px 7px;
	line-height: 1.3;
	font-size: 100%;
}

#feature-wrap #feature-charm dd p.link-left{
	margin: 0px auto 5px;
}
#feature-wrap #feature-charm dd p.link-left a{
	padding-left: 10px;
	line-height: 1.4;
	background: url(../../../imgs/common/mark_arrow_red.gif) no-repeat left 50%;
}
#feature-wrap #feature-charm dd p.imgfleft{
	overflow: hidden;
	*zoom: 1;
}
#feature-wrap #feature-charm dd p.imgfleft img{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}