@charset "utf-8";
/* CSS Document */
.section{
	text-align:center;
}
#section1Inner,
#section2Inner,
#section3Inner {
	width: 1000px;
	margin: 0 auto;
}
.nextBtn {
	position: absolute;
	left: 50%;
	margin-left: -60px;
	bottom: 63px;
}

.fukidashi {
/*	background: url(../img/bg_fukidashi_btm.png) no-repeat left bottom;*/
	padding-bottom: 53px;
	text-align: left;
	position: absolute;
}
.fukidashi p {
	width: 315px;
/*	background: url(../img/bg_fukidashi_top.png) no-repeat left top;*/
	padding: 15px 20px 0;
	line-height: 1.8;
	color: #fff;
}


/* -------------------------------------------------------------------
 TOP
-------------------------------------------------------------------- */
#section1 {
	background: #000 url(../img/top_bg.jpg) no-repeat center center;
	background-size: cover;
}
#section1Inner {
	height: 500px;
	position: relative;
}
#s01Main {
	width: 985px;
	margin: 0 auto;
}
#s01L {
	width: 417px;
	float: left;
	margin-top: 109px;
}
#s01R {
	width: 568px;
	float: right;
}
/*
#s01L .fukidashi {
	background: url(../img/top_bg_fukidashi_btm.png) no-repeat left bottom;
	left: 0;
	bottom: 293px;
}
#s01L .fukidashi p {
	background: url(../img/top_bg_fukidashi_top.png) no-repeat left top;
}
*/
#fukidashi1 {
	background: url(../img/bg_fukidashi1.png) no-repeat;
	width: 354px;
	height: 157px;
	top: 20px;
	opacity: 0;
	z-index: 21;
}

#kanzo {
	background-image: url(../img/top_kanzo_move.png?151201);
	background-repeat: no-repeat;
	background-position: right 0;
	width: 417px;
	height: 314px;
    animation: play 0.7s steps(17) 1;
	-webkit-animation: play 0.7s steps(17) 1;
}

@keyframes play
{
      0% { background-position:    0px 0; } 
    100% { background-position: -7089px 0; }
}

@-moz-keyframes play
{
      0% { background-position:    0px 0; } 
    100% { background-position: -7089px 0; }
}

@-webkit-keyframes play
{
      0% { background-position:    0px 0; } 
    100% { background-position: -7089px 0; }
}




#fukidashi1 p,
#fukidashi2-1 p,
#fukidashi2-2 p,
#fukidashi2-3 p,
#fukidashi2-4 p,
#fukidashi2-5 p,
#fukidashi3 p
{opacity: 0;}
#fukidashi1 p span,
#fukidashi2-1 p span,
#fukidashi2-2 p span,
#fukidashi2-3 p span,
#fukidashi2-4 p span,
#fukidashi2-5 p span,
#fukidashi3 p span
/*{opacity:0;}*/

{display: none; float: left;}

#fukidashi1 p span.cur,
#fukidashi2-1 p span.cur,
#fukidashi2-2 p span.cur,
#fukidashi2-3 p span.cur,
#fukidashi2-4 p span.cur,
#fukidashi2-5 p span.cur,
#fukidashi3 p span.cur
{display: block;}


/* -------------------------------------------------------------------
 Section02 特徴
-------------------------------------------------------------------- */
#section2 {
	background: #8bdbf5 url(../img/s02_bg.jpg?151201) no-repeat center center;
	background-size: cover;
}
#section2Inner {
	width: 1000px;
	height: 520px;
	margin: 0 auto;
	position: relative;
	background: url(../img/s02_bg_panel.png) no-repeat right 16px;
}
.panelL {
	width: 287px;
	height: 520px;
	float: left;
	margin-left: 15px;
}
.panelR {
	width: 688px;
	height: 500px;
	float: right;
	margin-top: 16px;
	margin-right: 1px;
	position: relative;
}
.panelSlide {
	width: 618px;
	height: 389px;
	background: #fcfcfc;
	text-align: center;
	margin: 33px 38px 12px 32px;
}
.panelBtn {
	width: 940px;
	position: absolute;
	left: -8px;
	top: 368px;
	z-index: 30;
}
.panelBtn li {
	float: left;
}
.panelBtn li a {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.plBtn01,
.plBtn02,
.plBtn03,
.plBtn04,
.plBtn05 {
	margin: 63px 29px 0;
}
.plBtn01 {
	margin-left: 48px;
}
.plBtn05 {
	margin-right: 46px;
}
.plBtnPrev {
	margin-top: 68px;
}
.plBtn01 a,
.plBtn02 a,
.plBtn03 a,
.plBtn04 a,
.plBtn05 a {
	width: 32px;
	height: 32px;
}
.plBtn01 a {
	background: url(../img/panel_btn_01.png) no-repeat left top;
}
.plBtn02 a {
	background: url(../img/panel_btn_02.png) no-repeat left top;
}
.plBtn03 a {
	background: url(../img/panel_btn_03.png) no-repeat left top;
}
.plBtn04 a {
	background: url(../img/panel_btn_04.png) no-repeat left top;
}
.plBtn05 a {
	background: url(../img/panel_btn_05.png) no-repeat left top;
}
.plBtnPrev a {
	width: 102px;
	height: 40px;
	background: url(../img/panel_btn_prev.png) no-repeat left top;
}
.plBtnNext a {
	width: 120px;
	height: 120px;
	background: url(../img/panel_btn_next.png) no-repeat left top;
}
.plBtn01 a:hover,
.plBtn02 a:hover,
.plBtn03 a:hover,
.plBtn04 a:hover,
.plBtn05 a:hover,
.plBtn06 a:hover {
	background-position: left -32px;
}
.plBtnPrev a:hover {
	background-position: left -40px;
}
.plBtnNext a:hover {
	background-position: left -120px;
}
.plBtn01 a.select,
.plBtn02 a.select,
.plBtn03 a.select,
.plBtn04 a.select,
.plBtn05 a.select,
.plBtn06 a.select {
	background-position: left -32px;
}
.fukidashi p {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
#panel01 .kanzo {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
}
#panel01 .fukidashi {
	text-align: center;
	bottom: 250px;
	z-index: 21;
}
#panel01 .fukidashi p {
	padding: 35px 20px 20px;
}

#panel02 .panelSlide {
	background: #faf9f4;
}
#panel02 .kanzo {
	position: absolute;
	left: -5px;
	bottom: 0;
	z-index: 20;
}
#panel02 .fukidashi {
	bottom: 245px;
	z-index: 21;
}
#panel03 .kanzo {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
}
#panel03 .fukidashi {
	bottom: 255px;
	z-index: 21;
}
#panel04 .kanzo {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
}
#panel04 .fukidashi {
/*	background: url(../img/bg_fukidashi_w_btm.png) no-repeat left bottom;*/
	left: 0;
	bottom: 235px;
	z-index: 21;
}
#panel04 .fukidashi p {
/*	background: url(../img/bg_fukidashi_w_top.png) no-repeat left top;*/
	width: 405px;
}
#panel05 .kanzo {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
}
#panel05 .fukidashi {
	bottom: 245px;
	z-index: 21;
}
/* パネルの最後で下スクロールボタン */
#pamelLast_nextBtn {
	position: absolute;
	left: 50%;
	margin-left: -60px;
	bottom: 63px;
	z-index: 100;
	display: none;
}

#fukidashi2-1 {
	background: url(../img/bg_fukidashi2-1.png) no-repeat;
	width: 354px;
	height: 197px;
	top: 90px;
	opacity: 0;
	z-index: 99;
}

#fukidashi2-2 {
	background: url(../img/bg_fukidashi2-2.png) no-repeat;
	width: 364px;
	height: 257px;
	top: 30px;
	opacity: 0;
	z-index: 99;
}

#fukidashi2-3 {
	background: url(../img/bg_fukidashi2-3.png) no-repeat;
	width: 364px;
	height: 197px;
	top: 90px;
	opacity: 0;
	z-index: 99;
}

#fukidashi2-4 {
	background: url(../img/bg_fukidashi2-4.png) no-repeat;
	width: 449px;
	height: 287px;
	top: 10px;
	opacity: 0;
	z-index: 99;
}

#fukidashi2-5 {
	background: url(../img/bg_fukidashi2-5.png) no-repeat;
	width: 364px;
	height: 292px;
	top: 20px;
	opacity: 0;
	z-index: 99;
}
#fukidashi2-5 p {
	width: 335px;
}


/* -------------------------------------------------------------------
 Section03 購入
-------------------------------------------------------------------- */
#section3 {
	background: #000 url(../img/s03_bg.jpg) no-repeat center center;
	background-size: cover;
}
#section3Inner {
	width: 1000px;
	height: 520px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#s03L {
	width: 415px;
	float: left;
}
#s03R {
	width: 670px;
	float: right;
	margin-right: -63px;
	text-align: left;
    
}
#s03L .fukidashi {
/*	background: url(../img/bg_fukidashi_o_btm.png) no-repeat left bottom;*/
	left: 15px;
	bottom: 285px;
	z-index: 20;
}
#s03L .fukidashi p {
/*	background: url(../img/bg_fukidashi_o_top.png) no-repeat left top;*/
	text-align: left;
	color: #fff;
	font-size: 18px;
	line-height: 1.6;
	width: 415px;
}
#s03L .kanzo {
	position: absolute;
	left: 0;
	bottom: 0;
}
#s03LinkList #btnHouhou {
	width: 149px;
	float: left;
}

#fukidashi3 {
	background: url(../img/bg_fukidashi3.png) no-repeat;
	width: 350px;
	height: 217px;
	top: 90px;
	opacity: 0;
	z-index: 99;
}

/* s03PopUp */
.popupArea {
    width: 720px;
	height: 212px;
	background: url(../img/bg_popup.png);
    padding: 10px;
	position:  absolute;
	left: 50%;
	top: 50%;
	margin-top: -106px;
	margin-left: -360px;
}
.popupAreaInner {
    width: 720px;
}
.popupArea li {
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    padding: 15px 20px 20px;
    position: relative;
    text-align: left;
    z-index: 102;
	color: #000;
}

.productsPopupItemHead {
    font-size: 18px;
	margin: 5px 0 12px 5px;
}

.productsPopupTable {
    border: 1px solid #999999;
    margin-top: 10px;
    width: 100%;
	border-collapse: collapse;
	font-size: 12px;
}

.productsPopupTable th,
.productsPopupTable td {
    padding: 8px 10px;
    vertical-align: top;
}
.productsPopupTable th {
    background-color: #E6E6E6;
    border-right: 1px solid #999999;
    min-width: 80px;
    white-space: nowrap;
}

.popupClose {
    cursor: pointer;
    position: absolute;
    right: 11px;
    top: 11px;
    z-index: 103;
}
#s03RItem {
	width: 224px;
	float: left;
	text-align: center;
	margin-top: 50px;
}
#s03RR {
	width: 346px;
	float: right;
	margin-top: 67px;
}
#s03RRTtl {
	margin-bottom: 18px;
}
#s03BoxLinkWrap {
	padding: 4px 5px 3px;
	background-color:rgba(6,6,6,0.5);
	margin-bottom: 15px;
}
#s03BoxLink a {
	width: 210px;
	height: 22px;
	line-height: 22px;
	padding-top: 1px;
	display: block;
	background: #ba333c;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	margin-bottom: 5px;
}
#s03BoxLink a:hover {
	background: #ce1d28;
}
#seibunNote {
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
}
#haparaLink {
	background-color:rgba(218,72,161,0.5);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 5px 18px;
}
#heparaLinkL {
	width: 200px;
	float: left;
    text-align: right;
}
#heparaLinkR {
	width: 375px;
	float: right;
}
#heparaLinkTtl {
	margin: 15px 0 5px;
}
#heparaLinkTxt {
	font-size: 12px;
	color: #fff;
	margin-bottom: 5px;
}
#btnKonyu {
	margin-bottom: 6px;
}

/* -------------------------------------------------------------------
 Footer
-------------------------------------------------------------------- */
#footerMenuCont {
	width: 100%;
	height: 100%;
	background: url(../common/img/parts/macFFBgHack.png);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	display: none;
}
#fMenuContIn {
	width: 970px;
	height: 560px;
	background: #000;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -485px;
	margin-top: -280px;
}
#fMenuContIn img {
	vertical-align: bottom;
}
#fMenuTtl {
	text-align: center;
	margin-bottom: 20px;
}
.fMenuListTtl {
	margin-top: 5px;
	color: #999;
	font-weight: normal;
	font-size: 12px;
}
.fMenuListTtl .sub {
	font-size: 10px;
}
#wrapBtnBsList {
	width: 840px;
	height: 560px;
	margin: 0 auto;
	display: table;
	text-align: center;
}
#wrapBtnBsListIn {
	display: table-cell;
	vertical-align: middle;
}
#wrapBtnBsList li {
	width: 160px;
	float: left;
	margin: 0 25px 5px;
}
#wrapBtnBsList ul {
	margin-bottom: 20px;
}
#wrapBtnBsList .fMenuListLast {
	margin-bottom: -5px;
}