/*
	App_Recommend Style Rev B
*/
@charset "SHIFT-JIS";
/* common Style */
*
	{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 0;
	padding: 0;
	}
body
	{
	background-color: #fff;
	color: #333;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 12px;
	line-height: 20px;
	word-wrap: normal;
	}
img
	{
	display: block;
	}
.imgContent img
	{
	margin: 0 auto;
	}
img.alp05
	{
	opacity: 0.5;
	}
ul,
ol
	{
	list-style: none;
	}


/* Type Mobile Style */
.extendRecStyle .display_mb_
	{
	display: none;
	}
@media (max-width: 480px) {
	.extendRecStyle .display_mb_
		{
		display: block;
		}
}


/* Text Style */
.parHd
	{
	margin-bottom: 10px;
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color: #535353;
	}
.taCenter
	{
	text-align: center;
	}
.taLeft
	{
	text-align: left;
	}
.taRight
	{
	text-align: right;
	}
.txtCnt
	{
	display: inline-block;
	padding: 0 5px;
	}
.txtCnt:before
	{
	content: "“";
	}
.txtCnt:after
	{
	content: "”";
	}
.fwBold
	{
	font-weight: bold;
	}
.txtOnImg
	{
	position: relative;
	}
.txtOnImg p
	{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3px;
	width: 100%;
	color: #fff;
	background-color: rgba(50, 50, 50, 0.7);
	border-radius: 5px;
	}
.txtOnImg p.clear
	{
	color: #333;
	background-color: transparent;
	}
.txtOnImg p.top
	{
	top: 0;
	bottom: auto;
	}


/* Font Size */
.fs10
	{
	font-size: 10px !important;
	}
.fs11
	{
	font-size: 11px !important;
	}
.fs12
	{
	font-size: 12px !important;
	}
.fs14
	{
	font-size: 14px !important;
	}
.fs16
	{
	font-size: 16px !important;
	}
.fs18
	{
	font-size: 18px !important;
	}
.fs20
	{
	font-size: 20px !important;
	}
.fs24
	{
	font-size: 24px !important;
	}
.fs28
	{
	font-size: 28px !important;
	}
.fs30
	{
	font-size: 30px !important;
	}
.fs40
	{
	font-size: 40px !important;
	}


/* Line Height */
.lh15
	{
	line-height: 15px !important;
	}
.lh20
	{
	line-height: 20px !important;
	}
.lh25
	{
	line-height: 25px !important;
	}
.lh30
	{
	line-height: 30px !important;
	}
.lh35
	{
	line-height: 35px !important;
	}
.li40
	{
	line-height: 40px !important;
	}

/* Text Marker */
.txtMark
	{
	display: inline-block;
	padding: 0 10px;
	background-color: #fff0f0;
	}


/* Margin Style */
.mb0
	{
	margin-bottom: 0 !important;
	}
.mb5
	{
	margin-bottom: 5px !important;
	}
.mb10
	{
	margin-bottom: 10px !important;
	}
.mb15
	{
	margin-bottom: 15px !important;
	}
.mb20
	{
	margin-bottom: 20px !important;
	}
.mb25
	{
	margin-bottom: 25px !important;
	}
.mb30
	{
	margin-bottom: 30px !important;
	}
.mb35
	{
	margin-bottom: 35px !important;
	}
.mb40
	{
	margin-bottom: 40px !important;
	}
.mb45
	{
	margin-bottom: 45px !important;
	}
.mb50
	{
	margin-bottom: 50px !important;
	}
.mb55
	{
	margin-bottom: 55px !important;
	}
.mb60
	{
	margin-bottom: 60px !important;
	}

.mt5
	{
	margin-top: 5px !important;
	}
.mt10
	{
	margin-top: 10px !important;
	}
.mt15
	{
	margin-top: 15px !important;
	}
.mt20
	{
	margin-top: 20px !important;
	}
.mt25
	{
	margin-top: 25px !important;
	}
.mt30
	{
	margin-top: 30px !important;
	}
.mt35
	{
	margin-top: 35px !important;
	}
.mt40
	{
	margin-top: 40px !important;
	}


/* Padding Style */
.pd5
	{
	padding: 5px !important;
	}
.pd10
	{
	padding: 10px !important;
	}
.pd15
	{
	padding: 15px !important;
	}
.pt5
	{
	padding-top: 5px !important;
	}
.pt10
	{
	padding-top: 10px !important;
	}
.pt15
	{
	padding-top: 15px !important;
	}
.pb5
	{
	padding-bottom: 5px !important;
	}
.pb10
	{
	padding-bottom: 10px !important;
	}
.pb15
	{
	padding-bottom: 15px !important;
	}
.pl5
	{
	padding-left: 5px !important;
	}
.pl10
	{
	padding-left: 10px !important;
	}
.pl15
	{
	padding-left: 15px !important;
	}
.pr5
	{
	padding-right: 5px !important;
	}
.pr10
	{
	padding-right: 10px !important;
	}
.pr15
	{
	padding-right: 15px !important;
	}
.pr20
	{
	padding-right: 20px !important;
	}
.pr25
	{
	padding-right: 25px !important;
	}


/* Width Style */
.wid_100_
	{
	width: 100%;
	}
.hei_100_
	{
	height: 100%;
	}
.mw650
	{
	max-width: 650px;
	}
.mw600
	{
	max-width: 600px;
	}
.mw550
	{
	max-width: 550px;
	}
.mw500
	{
	max-width: 500px;
	}
.mw450
	{
	max-width: 450px;
	}
.mw400
	{
	max-width: 400px;
	}
.mw350
	{
	max-width: 350px;
	}
.mw300
	{
	max-width: 300px;
	}
.mw250
	{
	max-width: 250px;
	}
.mw200
	{
	max-width: 200px;
	}
.mw150
	{
	max-width: 150px;
	}
.mw120
	{
	max-width: 120px;
	}
.mw100
	{
	max-width: 100px;
	}


/*
	VerticalAlign
*/
.vaMiddle,
.vaMiddle_cnt,
.vaMiddle_cnt span
	{
	display: inline-block;
	vertical-align: middle;
	}
.vaMiddle_cnt:before
	{
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	}


/* ClearFix */
.clearFix
	{
	overflow: hidden;
	}
.clearFix:after
	{
	content: '';
	display: block;
	clear: both;
	}


/* Table Style */
table
	{
	border-collapse: separate;
	border-spacing: 2px;
	}
table th,
table td
	{
	padding: 5px 0;
	}
table th
	{
	color: #fff;
	background-color: #535353;
	}
table td
	{
	border: 1px dotted #e6e6e6;
	}

/* special display Style */
.displayNone
	{
	display: none !important;
	}


/* Extend Reccomend Style */
.extendRecStyle
	{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 700px;
	min-width: 320px;
	}

/* Header Style */
#header
	{
	margin: 0 auto 40px;
	width: 100%;
	max-width: 700px;
	}
#header h1#recTitle
	{
	margin-bottom: 10px;
	padding: 10px;
	background-color: #ed193a;
	border-radius: 10px;
	}
#header h1#recTitle img
	{
	margin: 0 auto;
	width: 100%;
	max-width: 483px;
	}
#header nav#recNavigation div
	{
	float: left;
	margin-bottom: 5px;
	width: 49%;
	}
#header nav#recNavigation div#recNavA,
#header nav#recNavigation div#recNavC
	{
	margin-right: 2%;
	}
#header nav#recNavigation div#recNavE
	{
	width: 100%;
	}
#header nav#recNavigation div a
	{
	display: block;
	padding: 12px 7px;
	width: 100%;
	height: 100%;
	border: 3px solid #ed193a;
	border-radius: 10px;
	}
#header nav#recNavigation div.imgNavi a
	{
	margin: 0 2%;
	width: 96%;
	padding: 0;
	border: none;
	border-radius: 0;
	}
#header nav#recNavigation div img
	{
	width: 100%;
	max-width: 371px;
	}
#header nav#recNavigation div#recNavE img
	{
	margin: 0 auto;
	max-width: 500px;
	}


/* Price Box */
.extendRecStyle .price_box_
	{
	
	}
.extendRecStyle .ferture_description .price_box_
	{
	margin-bottom: 10px;
	padding: 10px 5px 5px;
	border-radius: 3px;
	}
.extendRecStyle .price_box_ .price_1_,
.extendRecStyle .price_box_ .price_2_
	{
	position: relative;
	padding-right: 30px;
	text-align: right;
	font-size: 20px;
	line-height: 40px;
	}
.extendRecStyle .price_box_ .price_1_ .inner_1_
	{
	display: inline-block;
	}
.extendRecStyle .price_box_ .price_1_.ex_price_ .inner_1_
	{
	width: 40px;
	height: 40px;
	line-height: 15px;
	text-align: center;
	}
.extendRecStyle .price_box_ .price_1_.ex_price_ .inner_1_ span
	{
	display: inline-block;
	line-height: 15px;
	font-size: 12px;
	}
.extendRecStyle .price_box_ .price_1_ strong,
.extendRecStyle .price_box_ .price_2_ em
	{
	display: inline-block;
	width: 150px;
	font-weight: normal;
	}
.extendRecStyle .price_box_ .price_1_ strong span
	{
	display: inline-block;
	margin-right: 5px;
	font-size: 30px;
	font-weight: bold;
	color: #dd1745;
	}
.extendRecStyle .price_box_ .inner_2_
	{
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	padding: 3px 0;
	width: 25px;
	line-height: 15px;
	}
.extendRecStyle .price_box_ .price_1_ .inner_2_
	{
	font-size: 12px;
	text-align: center;
	color: #fff;
	background-color: #dd1745;
	border-radius: 3px;
	}
.extendRecStyle .price_box_ .price_2_
	{
	display: none;
	}

.extendRecStyle .price_box_.exPriceBox
	{
	margin: 0 auto;
	width: 250px;
	}
.extendRecStyle .price_box_.exPriceBox .price_1_,
.extendRecStyle .price_box_.exPriceBox .price_2_
	{
	font-size: 14px;
	line-height: 30px;
	}
.extendRecStyle .price_box_.exPriceBox .inner_1_
	{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 15px;
	width: 65px;
	text-align: left;
	}
.extendRecStyle .price_box_.exPriceBox .price_1_ strong,
.extendRecStyle .price_box_.exPriceBox .price_2_ em
	{
	width: 130px;
	}

.extendRecStyle .price_box_.exPriceBox .price_1_ strong span
	{
	font-size: 24px;
	}
.extendRecStyle .price_box_.exPriceBox .inner_2_
	{
	width: 22px;
	line-height: 13px;
	font-size: 11px;
	}
.extendRecStyle .price_box_.exPriceBox .price_2_ em span
	{
	padding-right: 5px;
	}



/* List Style */
.extendRecStyle .itemNotes,
.extendRecStyle .notes
	{
	margin-bottom: 10px;
	}
.extendRecStyle .itemNotes li,
.extendRecStyle .notes li
	{
	position: relative;
	margin-bottom: 5px;
	padding-left: 30px;
	}
.extendRecStyle .itemNotes li span:first-child,
.extendRecStyle .notes li span:first-child
	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	text-align: center;
	}
.extendRecStyle .notes li
	{
	font-size: 11px;
	}
.extendRecStyle .itemNotes li,
.extendRecStyle .notes.check li
	{
	padding-left: 30px;
	line-height: 25px;
	font-size: 14px;
	}
.extendRecStyle .notes.check li:after
	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 25px;
	background-image: url(/img/icon/icn_refine.png);
	background-repeat: no-repeat;
	}
.extendRecStyle .notes.wide li
	{
	padding-left: 45px;
	min-height: 40px;
	}
.extendRecStyle .notes.wide li span:first-child
	{
	width: 40px;
	line-height: 40px;
	}


/* Stream Container */
.extendRecStyle .streamContainer
	{
	position: relative;
	margin: 0 auto 30px;
	/*
	width: 320px;
	height: 180px;
	*/
	}


/* Youtube Container */
.extendRecStyle .ytContainer
	{
	position: relative;
	margin: 0 auto 30px;
	padding-bottom: 56.25%;
	width: 100%;
	max-width: 640px;
	height: 0;
	}
.extendRecStyle .ytContainer iframe
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}


/* Content Title Style */
.extendRecStyle h1.content-title
	{
	margin: 0 0 20px;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	border-top: 1px solid #9db1cf;
	border-bottom: 1pxsolid #9db1cf;
	background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(100%, #e7eef5));
	background:-webkit-linear-gradient(#ffffff 20%, #e7eef5 100%);
	background:-moz-linear-gradient(#ffffff 20%, #e7eef5 100%);
	background:linear-gradient(#ffffff 20%, #e7eef5 100%);
	background-color:#fff;line-height:1.2;vertical-align:middle;
	}


.extendRecStyle h2.heading_bk_
	{
	margin-bottom: 10px;
	padding: 10px 5px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
	background-color: #535353;
	}
.extendRecStyle .ferture_mv_wrapper img
	{
	width: 100%;
	}
.extendRecStyle .ferture_mv_wrapper .icon_box_ span
	{
	display: inline-block;
	}
.extendRecStyle .ferture_mv_wrapper .icon_box_ span img
	{
	width: auto;
	height: auto;
	}
.extendRecStyle .ferture_description
	{
	margin: 10px;
	}
.extendRecStyle .recContent .ferture_description
	{
	margin: 10px 0;
	}
.extendRecStyle .ferture_description .itemDescription
	{
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	}
.extendRecStyle .ferture_description .itemDescription p span
	{
	display: inline-block;
	font-size: 16px;
	}
.extendRecStyle .ferture_description .itemDescription p span span,
.extendRecStyle .ferture_description .itemDescription p span.cVer
	{
	font-size: 12px;
	}
.extendRecStyle .ferture_description .itemDescription p span.cVer
	{
	margin-right: 3px;
	padding: 0 5px;
	line-height: 20px;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	}


/* Reccomend Button */
.extendRecStyle .recButton
	{
	margin-bottom: 30px;
	}
.extendRecStyle .recButton img
	{
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
	}


/* Reccomend Container */
.extendRecStyle .recContainer
	{
	
	}
.extendRecStyle .recContainer h1.recHd,
.extendRecStyle .recContainer h2.recHd
	{
	padding: 5px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #535353;
	}
.extendRecStyle .recContainer h1.recHd
	{
	border-radius: 5px 5px 0 0;
	}
.extendRecStyle .recContainer h2.recHd
	{
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 5px;
	}
.extendRecStyle .recContainer h1.recHd.ksBgCol,
.extendRecStyle .recContainer h2.recHd.ksBgCol
	{
	background-color: #de1a3b;
	}
.extendRecStyle .recContainer h3.recHd
	{
	margin-bottom: 20px;
	padding: 5px 10px;
	border-bottom: 2px solid #535353;
	}
.extendRecStyle .recContainer h2.recHd.numbered,
.extendRecStyle .recContainer h3.recHd.numbered
	{
	position: relative;
	padding-left: 25px;
	}
.extendRecStyle .recContainer h2.recHd.numbered > span,
.extendRecStyle .recContainer h3.recHd.numbered > span
	{
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 18px;
	border: 1px solid #535353;
	border-radius: 3px;
	}
.extendRecStyle .recContainer h2.recHd.numbered > span
	{
	top: 10px;
	}
.extendRecStyle .recContainer h3.recHd.numbered > span
	{
	top: 5px;
	}
.extendRecStyle .recContainer h2.recHd.icon,
.extendRecStyle .recContainer h3.recHd.icon
	{
	position: relative;
	padding-left: 45px;
	height: 60px;
	}
.extendRecStyle .recContainer h2.recHd.icon:before,
.extendRecStyle .recContainer h3.recHd.icon:before
	{
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	}
.extendRecStyle .recContainer h2.recHd.icon > span,
.extendRecStyle .recContainer h3.recHd.icon > span
	{
	position: absolute;
	top: 10px;
	left: 0;
	display: inline-block;
	width: 40px;
	}
.extendRecStyle .recContainer h2.recHd.icon > span.bd,
.extendRecStyle .recContainer h3.recHd.icon > span.bd
	{
	border: 1px solid #e6e6e6;
	}
.extendRecStyle .recContainer h2.recHd.icon > span img,
.extendRecStyle .recContainer h3.recHd.icon > span img
	{
	width: 100%;
	height: 100%;
	}
.extendRecStyle .recContainer h2.recHd.icon > p,
.extendRecStyle .recContainer h3.recHd.icon > p
	{
	display: inline-block;
	width: 95%;
	vertical-align: middle;
	}
.extendRecStyle .recContainer h3.recHd.txtIcon
	{
	position: relative;
	padding-left: 70px;
	}
.extendRecStyle .recContainer h3.recHd.txtIcon > span:first-child
	{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 60px;
	text-align: center;
	color: #fff;
	background-color: #535353;
	border-radius: 5px;
	}





.extendRecStyle .recContainer .recContent
	{
	padding: 7px;
	border: 3px solid #535353;
	border-top: none;
	}
.extendRecStyle .recContainer .recContent .recElement
	{
	margin-bottom: 30px;
	padding-bottom: 8px;
	border-bottom: 2px dotted #535353;
	}
.extendRecStyle .recContainer .recContent .recElement:last-child
	{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	}

.extendRecStyle .recElement > p
	{
	font-size: 12px;
	margin-bottom: 10px;
	}


/* GridContainer Style */
.extendRecStyle .grid_container_
	{
	margin-bottom: 10px;
	}
.extendRecStyle .grid_container_ .grid_
	{
	overflow: hidden;
	margin-bottom: -10px;
	}
.extendRecStyle .grid_container_ .grid_:after
	{
	content: "";
	display: block;
	clear: left;
	}
.extendRecStyle .grid_container_ .grid_ > li.box_
	{
	float: left;
	margin-right: 2%;
	margin-bottom: 10px;
	}
.extendRecStyle .grid_container_ .grid_.col_2_ > li.box_
	{
	width: 49%;
	}
.extendRecStyle .grid_container_ .grid_.col_2_.rate1-2 > li.box_:first-child,
.extendRecStyle .grid_container_ .grid_.col_2_.rate2-1 > li.box_:last-child
	{
	width: 32%;
	}
.extendRecStyle .grid_container_ .grid_.col_2_.rate1-2 > li.box_:last-child,
.extendRecStyle .grid_container_ .grid_.col_2_.rate2-1 > li.box_:first-child
	{
	width: 66%;
	}
.extendRecStyle .grid_container_ .grid_.col_3_ > li.box_
	{
	width: 32%;
	}
.extendRecStyle .grid_container_ .grid_.col_2_ > li.box_:nth-of-type(2n),
.extendRecStyle .grid_container_ .grid_.col_3_ > li.box_:nth-of-type(3n)
	{
	margin-right: 0;
	}

.extendRecStyle .grid_container_ .grid_.set_item_
	{
	position: relative;
	}
.extendRecStyle .grid_container_ .grid_.set_item_ > li.box_
	{
	margin-right: 8%;
	}
.extendRecStyle .grid_container_ .grid_.col_2_.set_item_ > li.box_
	{
	 width: 46%;
	}
.extendRecStyle .grid_container_ .grid_.col_3_.set_item_ > li.box_
	{
	width: 28%;
	}
.extendRecStyle .grid_container_ .grid_.set_item_ > li.box_ .imgBox
	{
	padding: 4px;
	border: 1px solid #c6c6c6;
	}

.extendRecStyle .grid_container_ .grid_.set_item_ > span.icon_plus_
	{
	position: absolute;
	top: 50%;
	content: "";
	display: block;
	width: 6%;
	height: 0;
	padding-top: 6%;
	background-image: url(//image.ksdenki.com/app_contents/compo/images/icon_plus.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	}
.extendRecStyle .grid_container_ .grid_.set_item_ span.icon_plus_.left
	{
	left: 29%;
	}
.extendRecStyle .grid_container_ .grid_.set_item_ span.icon_plus_.right
	{
	left: 65%;
	}
.extendRecStyle .grid_container_ .grid_.set_item_ span.icon_plus_.center
	{
	left: 47%;
	}
.extendRecStyle .grid_container_ .grid_.set_item_ .caption_
	{
	display: inline-block;
	width: 100%;
	line-height: 15px;
	font-size: 11px;
	text-align: center;
	}


@media (max-width: 480px) {
	.extendRecStyle .grid_container_.type_mb_ .grid_ > li.box_
		{
		float: none;
		margin-right: 0;
		}
	.extendRecStyle .grid_container_.type_mb_ .grid_.col_2_ > li.box_,
	.extendRecStyle .grid_container_.type_mb_ .grid_.col_3_ > li.box_
		{
		width: 100%;
		}
	.extendRecStyle .grid_container_ .grid_.col_2_.rate1-2 > li.box_:first-child,
	.extendRecStyle .grid_container_ .grid_.col_2_.rate2-1 > li.box_:first-child
		{
		margin-right: 2%;
		}
}


/* Slider Container Style */
.extendRecStyle .slider_container_
	{
	position: relative;
	}
.extendRecStyle .slider_container_ .slider_content_
	{
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
	position: relative;
	}
.extendRecStyle .slider_container_ .slider_content_ .slider_item_
	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	}
.extendRecStyle .slider_container_ .slider_btn_next,
.extendRecStyle .slider_container_ .slider_btn_prev
	{
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-image: url(/img/icon/go_next_top_bnr.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	}
.extendRecStyle .slider_container_ .slider_btn_next.bottom_,
.extendRecStyle .slider_container_ .slider_btn_prev.bottom_
	{
	top: auto;
	bottom: 30px;
	}
.extendRecStyle .slider_container_ .slider_btn_next
	{
	right: 5px;
	}
.extendRecStyle .slider_container_ .slider_btn_prev
	{
	left: 5px;
	transform: rotate(180deg);
	}
.extendRecStyle .slider_container_ .slider_panel_
	{
	text-align: center;
	}
.extendRecStyle .slider_container_ .slider_panel_ span
	{
	display: inline-block;
	margin: 0 4px;
	width: 30px;
	height: 20px;
	background-color: #e6e6e6;
	border-radius: 20px;
	cursor: pointer;
	}
.extendRecStyle .slider_container_ .slider_panel_ span.on
	{
	background-color: #535353;
	}


/* PanelContent Style */
.extendRecStyle .panelCnt
	{
	position: relative;
	padding: 5px;
	height: 70px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #535353;
	border-radius: 5px;
	}
.extendRecStyle .panelCnt:before
	{
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	}
.extendRecStyle .panelCnt span
	{
	display: inline-block;
	vertical-align: middle;
	width: 95%;
	}
@media (max-width: 480px) {
	.extendRecStyle .panelCnt
		{
		font-size: 14px;
		}
}


/* BorderBox Style */
.extendRecStyle .border_box_
	{
	padding: 8px;
	border: 2px solid #e6e6e6;
	border-radius: 10px;
	}
.extendRecStyle border_box_.ksBdCol
	{
	border-color: #de1a3b;
	}

/* Border Line Style */
.extendRecStyle .border_line_,
.extendRecStyle .border_dott_,
.extendRecStyle .border_dash_
	{
	margin-bottom: 19px;
	padding-bottom: 19px;
	}
.extendRecStyle .border_line_mb_,
.extendRecStyle .border_dott_mb_,
.extendRecStyle .border_dash_mb_
	{
	margin-bottom: 0;
	padding-bottom: 0;
	border-style: none;
	}
.extendRecStyle .border_line_
	{
	border-bottom: 2px solid #e6e6e6;
	}
.extendRecStyle .border_dott_
	{
	border-bottom: 2px dotted #e6e6e6;
	}
.extendRecStyle .border_dash_
	{
	border-bottom: 2px dashed #e6e6e6;
	}
@media (max-width: 480px) {
	.extendRecStyle .border_line_mb_,
	.extendRecStyle .border_dott_mb_,
	.extendRecStyle .border_dash_mb_
		{
		margin-bottom: 19px;
		padding-bottom: 19px;
		}
	.extendRecStyle .border_line_mb_
		{
		border-bottom: 2px solid #e6e6e6;
		}
	.extendRecStyle .border_dott_mb_
		{
		border-bottom: 2px dotted #e6e6e6;
		}
	.extendRecStyle .border_dash_mb_
		{
		border-bottom: 2px dashed #e6e6e6;
		}
}


/* Ks Color */
.extendRecStyle .ksCol
	{
	color: #ed1a3b;
	}
.extendRecStyle .ksBgCol
	{
	background-color: #de1a3b;
	}


/* Link Button Style */
.extendRecStyle .linkButton
	{
	margin: 5px auto;
	width: 90%;
	max-width: 400px;
	}
.extendRecStyle .linkButton a
	{
	display: block;
	padding: 6px 10px;
	width: 100%;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	color: #333;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	}


/* PageTop Navigation Style */
.extendRecStyle .page-nav
	{
	display: block;
	position: fixed;
	bottom: 10px;
	margin-left: -140px;
	left: 50%;
	width: 280px;
	height: 40px;
	}
.extendRecStyle .page-nav .pagetop
	{
	width: 100%;
	height: 100%;
	}
.extendRecStyle .page-nav a
	{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	background-color: rgba(50, 50, 50, 0.85);
	border-radius: 20px;
	}
.extendRecStyle .page-nav a:after
	{
	content: "";
	display: block;
	position: absolute;
	bottom: 8px;
	left: 20px;
	width: 0px;
	height: 0px;
	border-top: 0px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #fff;
	transform: rotate(45deg);
	}


/* Link Button Style */
.extendRecStyle div.link_button_
	{
	margin: 5px auto;
	width: 90%;
	max-width: 300px;
	}
.extendRecStyle div.link_button_ a
	{
	display: block;
	padding: 6px 10px;
	width: 100%;
	line-height: 20px;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	color: #333;
	text-align: center;
	text-decoration: none;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
	}


/* Carousel Style */
.carousel
	{
	margin: 0 10px 15px 10px;
	border: 1px solid #c1cad4;
	border-radius: 5px;
	position: relative;
	}
.crs-frame
	{
	position: relative;
	}
.crs-items
	{
	margin: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	transition: all 400ms ease;
	}
.crs-items > li
	{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #c1cad4;
	position: relative;
	}
.crs-items > li:last-child
	{
	border-bottom: 0;
	}
.crs-items a.btn-inner
	{
	padding: 10px;
	height: 150px;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	-moz-box-align: center;
	-webkit-box-align: center;
	box-align:
	center;
	}
.crs-items .image
	{
	margin: 0 10px 0 0;
	display: block;
	width: 90px;
	text-align: center;
	}
.crs-items .image .photo
	{
	width:72px;
	}
.crs-items .text
	{
	display: block;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex:1;
	}
.crs-items .text .hd
	{
	margin: 0;
	font-size :12px;
	font-weight :normal;
	line-height:1.5;
	}
.crs-items .text .desc
	{
	margin: 0;
	color: #333;
	font-size: 12px;
	}
.crs-items .text .desc .price
	{
	font-weight:normal;
	}
.crs-control
	{
	margin: 0 0 1px 0;
	width: 100%;
	height: 43px;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	-moz-box-align: center;
	-webkit-box-align: center;
	box-align: center;
	}
.crs-control > li
	{
	display: block;
	}
.crs-control > li.next
	{
	border-style: solid;
	border-color: #c1cad4;
	border-width: 1px 0 0 1px;
	text-align: center;
	vertical-align: middle;
	}
.crs-control > li.next a
	{
	padding: 12px 0;
	border-bottom-right-radius: 5px;
	padding-right :10px;
	display: block;
	position: relative;
	width: 90px;
	color: #333;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, #ffffff), color-stop(100%, #dde8ee));
	background: -webkit-linear-gradient(#ffffff 60%, #dde8ee 100%);
	background: -moz-linear-gradient(#ffffff 60%, #dde8ee 100%);
	background: linear-gradient(#ffffff 60%, #dde8ee 100%);
	font-weight: bold;
	vertical-align: middle;
	}
.crs-control > li.next a:after
	{
	content: "";
	margin-top: -7px;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 9px;
	height: 13px;
	background-image: url(/app_contents/compo/images/arrow.png);
	background-repeat: no-repeat;
	background-position: -16px 0;
	-moz-background-size: 100px auto;
	-webkit-background-size: 100px auto;
	background-size: 100px auto;
	vertical-align: middle;
	}
.crs-control > li.prev
	{
	border-style: solid;
	border-color: #c1cad4;
	border-width: 1px 1px 0 0;
	text-align: center;
	vertical-align: middle;
	}
.crs-control > li.prev a
	{
	padding: 12px 0;
	border-bottom-left-radius: 5px;
	padding-left: 10px;
	display: block;
	position: relative;
	width: 90px;
	color: #333;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, #ffffff), color-stop(100%, #dde8ee));
	background: -webkit-linear-gradient(#ffffff 60%, #dde8ee 100%);
	background: -moz-linear-gradient(#ffffff 60%, #dde8ee 100%);
	background: linear-gradient(#ffffff 60%, #dde8ee 100%);
	font-weight: bold;
	vertical-align: middle;
	}
.crs-control > li.prev a:after
	{
	content: "";
	margin-top: -7px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 9px;
	height: 13px;
	background-image: url(/app_contents/compo/images/arrow.png);
	background-repeat: no-repeat;
	background-position: -16px 0;
	-moz-background-size: 100px auto;
	-webkit-background-size: 100px auto;
	background-size: 100px auto;
	vertical-align: middle;
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
	}
.crs-control > li .disabled
	{
	opacity:0.3;
	}
/* pagination */
.crs-control > li.pagination
	{
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	text-align: center;
	}
.crs-control > li.pagination ul
	{
	margin:0;
	}
.crs-control > li.pagination ul li
	{
	display: inline-block;
	}
.crs-control > li.pagination ul li a
	{
	margin: 0 5px;
	display: inline-block;
	position: relative;
	width: 11px;
	height: 11px;
	text-indent: -999px;
	overflow: hidden;
	}
.crs-control > li.pagination ul li a:before
	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	background-image: url(/app_contents/compo/images/splite.png);
	background-repeat: no-repeat;
	background-position: -120px -26px;
	-moz-background-size: 300px auto;
	-webkit-background-size: 300px auto;
	background-size: 300px auto;
	}
.crs-control > li.pagination ul li a.active:before
	{
	background-position: -120px -15px;
	}
.carousel-top
	{
	position:relative;
	}
.carousel-top .crs-frame
	{
	margin: 0 auto;
	width: 320px;
	height: 92px;
	overflow: hidden;
	}
.carousel-top .crs-frame img
	{
	width: 320px;
	}
.carousel-top .crs-items
	{
	margin:0;
	}
.carousel-top .crs-items:after
	{
	content: "";
	clear:both;
	display:block;
	}
.carousel-top .crs-items
	{
	margin: 0;
	padding: 0;
	border: 0 none;
	}
.carousel-top .crs-items a
	{
	display: block;
	}
.carousel-top .crs-items img
	{
	vertical-align: top;
	}
/* .carousel-top .crs-control */
.carousel-top .crs-control
	{
	height: 48px;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e7edf5));
	background: -webkit-linear-gradient(#ffffff 0%, #e7edf5 100%);
	background: -moz-linear-gradient(#ffffff 0%, #e7edf5 100%);
	background: linear-gradient(#ffffff 0%, #e7edf5 100%);
	}
.carousel-top .crs-control > li
	{
	border: 0 none;
	}
.carousel-top .crs-control > li.next
	{
	border-left: 1px solid #c9d5e4;
	-moz-box-shadow: white 1px 1px 1px inset;
	-webkit-box-shadow: white 1px 1px 1px inset;
	box-shadow: white 1px 1px 1px inset;
	}
.carousel-top .crs-control > li.next a
	{
	padding: 12px 0;
	border-radius: 0;
	display: block;
	position: relative;
	width: 40px;
	color: #333;
	background: transparent none;
	text-indent: -9999px;
	overflow: hidden;
	}
.carousel-top .crs-control > li.next a:after
	{
	margin-top: -6px;
	margin-left: -3px;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 14px;
	background-position: -33px 0;
	}
.carousel-top .crs-control > li.prev
	{
	border-right: 1px solid #c9d5e4;
	-moz-box-shadow: white -1px 1px 1px inset;
	-webkit-box-shadow: white -1px 1px 1px inset;
	box-shadow: white -1px 1px 1px inset;
	}
.carousel-top .crs-control > li.prev a
	{
	padding: 12px 0;
	border-radius: 0;
	display: block;
	position: relative;
	width: 40px;
	color: #333;
	background: transparent none;
	text-indent: -9999px;
	overflow: hidden;
	}
.carousel-top .crs-control > li.prev a:after
	{
	margin-top: -6px;
	margin-left: -3px;
	top: 50%;
	left: 50%;
	width: 7px;
	height: 14px;
	background-position: -33px 0;
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
	}