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

.wrapper-feature {
	padding: 0 0 20px 0;
}
#wrapper-contents1202 {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 100%;
	font-size: 12px;
	color: #375e72;
	line-height: 150%;
	position: relative;
}
img {
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: none;
}
li {
	list-style: none;
}
/*----------------------トップ一覧-------------------------------*/
.shop-sns-ul {
	position: absolute;
	top: 385px;
	left: 494px;
}
.shop-sns-ul_ {
	position: absolute;
	top: 12px;
	left: 498px;
}
.shop-sns-ul__ {
	position: absolute;
	top: 12px;
	left: 15px;
}
#main-visual {
	background: url(/images/pages/feature/201312_02/main-visual.jpg) no-repeat;
	width: 760px;
	height: 467px;
	position: relative;
}
.main-visual-text {
	position: absolute;
	top: 310px;
	left: 224px;
	text-align: right;
}
#contents01 {
	background: url(/images/pages/feature/201312_02/contents01-img01.jpg) no-repeat;
	width: 760px;
	height: 317px;
	position: relative;
}
.contents01-text {
	position: absolute;
	top: 47px;
	left: 60px;
}
.tab{
	position:relative;
	margin:40px auto 40px;
	width:604px;
}
.tab li{
	cursor:pointer;
}
.tab li:hover{
    background: #d6d9dc;
}
.content {
    clear: both;
    overflow: hidden;
    width: 760px;
    height:500px;
	padding:40px 0 0  0;
}
.area {
    display: none;
}
.tab li.active {
    background: #d6d9dc;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.tab li.active a{
    color:red;
}
.tm01{
	position:absolute;
	top:0;
	left:0px;
	padding:14px 20px 12px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.tm02{
	position:absolute;
	top:0;
	left:201px;
	padding:14px 20px 12px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.tm03{
	position:absolute;
	top:0;
	left:402px;
	padding:14px 20px 12px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.tm03 a{
	width:160px;
	height:31px;
	float: left;
	cursor:pointer;
	background:url(/images/pages/feature/201312_02/tab03_off.png) no-repeat;
}
.tm02 a{
	width:160px;
	height:31px;
	float: left;
	cursor:pointer;
	background:url(/images/pages/feature/201312_02/tab02_off.png) no-repeat;
}
.tm01 a{
	width:160px;
	height:31px;
	float: left;
	cursor:pointer;
	background:url(/images/pages/feature/201312_02/tab01_off.png) no-repeat;
}
.tab01-text {
	width: 570px;
	margin: 0 auto;
	padding:0 0 20px 0
}
.tab02-text {
	width: 310px;
	margin: 0 auto;
	padding:0 0 20px 0
}
.tab03-text {
	width: 440px;
	margin: 0 auto;
	padding:0 0 20px 0
}
.contents02-text {
	background: url(/images/pages/feature/201312_02/contents02-border.jpg) no-repeat;
	width: 600px;
	height: 130px;
	margin: 50px auto 0;
}
.contents02-inner {
	padding: 36px 0 0 20px;
}
#contents03 {
	margin: 70px 0 0 0;
}
.contents03-subtitle {
	margin: 40px auto 0;
	width: 338px;
}
.contents03-box {
	width: 710px;
	margin: 40px auto 0;
}
.contents03-box-text {
	padding: 15px 0 0 104px;
}
.pt30 {
	padding-top: 30px;
}
.contents03-text {
	background: url(/images/pages/feature/201312_02/contents03-border.jpg) no-repeat;
	width: 600px;
	height: 130px;
	margin: 50px auto 0;
}
.contents03-inner {
	padding: 26px 0 0 60px;
}
#contents04 {
	background: url(/images/pages/feature/201312_02/sub-visual.jpg) no-repeat;
	width: 760px;
	height: 430px;
	margin: 70px 0 0 0;
	position: relative;
	color: #375e72;
	font-size: 10px;
}
.contents04-link {
	position: absolute;
	bottom: 20px;
	left: 40px;
}
.contents04-title{
	float:left;
	padding:0 10px 0 0;
}
.company-link {
	font-size:14px;
	font-weight:bold;
	color: #375e72;
	text-decoration: none;
}
.company-link:hover {
	color: #ccc;
}


#tabcontent {
	margin: 40px 0 0 0;
}
.guide {
	font-size: 10px;
	text-align: right;
	line-height: 120%;
	padding: 65px 74px 0 0;
	color: #97abb6;
}
.u00 {
	background: url(/images/pages/feature/201312_02/u01-01.png) no-repeat;
	width: 760px;
	height: 440px;
	position: relative;
}
.u00-link {
	position: absolute;
	top: 300px;
	left: 510px;
}
.u00-text {
	width: 580px;
	margin: 0 auto;
	padding: 352px 0 0 0;
}
.u00-link:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity: 0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}
.collectonme {
	margin: 120px auto;
	background: red;
	width: 50%;
	text-align: center;
	font-size: 1.2em;
	color: #fff;
}

.snowfall-flakes{
	background:url(/images/pages/feature/201312_02/flake.png) no-repeat;
	width:32px;
	height:32px;
}


/* LayerSlider Styles */



.ls-layer {
	display: none;
}
.ls-active, .ls-animating {
	display: block;
}
.ls-layer > * {
	position: absolute;
	left: 0px;
	top: 0px;
}
.ls-layer .ls-bg {
	left: 50%;
	top: 50%;
}
.ls-nav {
	text-align: center;
}
.ls-nav a {
	display: inline-block;
}
/* LayerSlider Light Skin */



.ls-lightskin {
}
.ls-lightskin .ls-bottom-nav-wrapper {
	text-align: center;
	margin: -28px auto 0px auto;
	position: relative;
}
.ls-lightskin .ls-nav-sides, .ls-lightskin .ls-bottom-slidebuttons a, .ls-lightskin .ls-nav-prev, .ls-lightskin .ls-nav-next, .ls-lightskin .ls-nav-start, .ls-lightskin .ls-nav-stop {
	background-image: url(skin.png);
}
.ls-lightskin .ls-nav-prev {
	background-position: 0px 0px;
}
.ls-lightskin .ls-nav-prev:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity: 0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}
.ls-lightskin .ls-nav-next {
	background-position: -150px 0px;
}
.ls-lightskin .ls-nav-next:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity: 0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}
.ls-lightskin .ls-nav-start {
	background-position: -300px 0px;
}
.ls-lightskin .ls-nav-start:hover {
	background-position: -300px -75px;
}
.ls-lightskin .ls-nav-stop {
	background-position: -450px 0px;
}
.ls-lightskin .ls-nav-stop:hover {
	background-position: -450px -75px;
}
.ls-lightskin .ls-bottom-slidebuttons a {
	background-position: 0px -150px;
}
.ls-lightskin .ls-bottom-slidebuttons a.ls-nav-active {
	background-position: -75px -150px;
}
.ls-lightskin .ls-nav-sideleft {
	background-position: -150px -150px;
}
.ls-lightskin .ls-nav-sideright {
	background-position: -225px -150px;
}
.ls-lightskin .ls-nav-prev {
	width: 50px;
	height: 114px;
	z-index: 10000;
	top: 30%;
	position: absolute;
	background: url(/images/pages/feature/201312_02/arrow-left.png) no-repeat;
}
.ls-lightskin .ls-nav-next {
	width: 50px;
	height: 114px;
	z-index: 10000;
	top: 30%;
	position: absolute;
	background: url(/images/pages/feature/201312_02/arrow-right.png) no-repeat;
	background-position: right;
}
.ls-lightskin .ls-nav-prev {
	left: 10px;
}
.ls-lightskin .ls-nav-next {
	right: 10px;
}
.ls-lightskin .ls-bottom-slidebuttons, .ls-lightskin .ls-bottom-slidebuttons a, .ls-lightskin .ls-nav-start, .ls-lightskin .ls-nav-stop, .ls-lightskin .ls-bottom-nav-wrapper, .ls-lightskin .ls-nav-sides {
	height: 28px;
}
.ls-lightskin .ls-bottom-slidebuttons, .ls-lightskin .ls-bottom-slidebuttons a, .ls-lightskin .ls-nav-start, .ls-lightskin .ls-nav-stop, .ls-lightskin .ls-nav-sides {
	display: inline-block;
}
.ls-lightskin .ls-nav-start, .ls-lightskin .ls-nav-stop {
	width: 54px;
}
.ls-lightskin .ls-bottom-slidebuttons a {
	width: 18px;
}
.ls-lightskin .ls-nav-sides {
	width: 44px;
}


/* LayerSlider Layers and Sublayers unique styles */


#layerslider, #layerslider2 {
	width: 760px;
	height: 440px;
	margin: 20px auto 0;
	padding: 0;
}
#u02-01 {
	left: 270px;
	top: 100px;
}
#u02-link {
	left: 70px;
	top: 145px;
	position: absolute;
	z-index: 100;
}
#u02-title {
	left: 70px;
	top: 40px;
}
#u02-text {
	width: 600px;
	left: 90px;
	top: 350px;
}
#u03-01 {
	left: 338px;
	top: 120px;
}
#u03-link {
	left: 505px;
	top: 140px;
	position: absolute;
	z-index: 100;
}
#u03-title {
	left: 302px;
	top: 0px;
	position:absolute;
	z-index:100;
}
#u03-text {
	width: 600px;
	left: 140px;
	top: 350px;
}
#u04-01 {
	left: 90px;
	top: 130px;
}
#u04-link {
	left: 90px;
	top: 115px;
	position: absolute;
	z-index: 100;
}
#u04-title {
	left: 90px;
	top: 10px;
}
#u04-text {
	width: 600px;
	left: 90px;
	top: 350px;
}
#u05-link {
	left: 470px;
	top: 190px;
	position: absolute;
	z-index: 100;
}
#u05-title {
	left: 280px;
	top: 80px;
}
#u05-text {
	width: 600px;
	left: 170px;
	top: 350px;
}
#u06-link {
	left: 140px;
	top: 200px;
	position: absolute;
	z-index: 100;
}
#u06-title {
	left: 140px;
	top: 60px;
}
#u06-text {
	width: 600px;
	left: 110px;
	top: 350px;
}
#u07-01 {
	left: 120px;
	top: 0;
}
#u07-link {
	left: 390px;
	top: 300px;
	position: absolute;
	z-index: 100;
}
#u07-title {
	left: 380px;
	top: 220px;
}
#u07-text {
	width: 600px;
	left: 110px;
	top: 350px;
}
#u02-link:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity: 0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}
#u03-link:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity: 0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}
#u04-link:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity: 0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}
#u05-link:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity: 0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}
#u06-link:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity: 0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}
#u07-link:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity: 0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
}