@charset "utf-8";


/*------------------------------*/
/* STYLE */
/*------------------------------*/
.anchor {
	width: 180px;
	height:100%;
	min-height:570px;
	position:fixed;
	top:0;
	left:-160px;
	background:url(../img/common/b50chip.png) repeat;
	z-index:10000;
}

.anchor ul {
	height:385px;
	margin-top:-100px;
	position:absolute;
	top:50%;
	left:16px;
}

.anchor p{
	position:absolute;
	top:40%;
	margin-top:-100px;
	left:16px;
}

.anchor p.rama{
	position:absolute;
	top:50%;
	margin-top:-100px;
	left:0;
	padding-bottom: 0;
}

.anchor li.sub, .sub2  {
	margin-bottom:-5px;
}
.anchor li.sub   {
	margin-top: 40px;
}
.anchor li > .sub :nth-child(2)   {
	margin-top: 0px;
}
.anchor li:first-child {
	margin-bottom:15px;
}
.anchor li:nth-child(2)  {
	margin-bottom:15px;
}
.anchor li.mr0{
	margin-bottom: 0 !important;
}

/*.anchor li:nth-child(3)  {
	pointer-events: none;
}*/
/*.anchor li:not(:last-child) {
	margin-bottom:10px;
}*/
.anchor li {
cursor:pointer;
}
.anchor li a {
	display:block;
	height:30px;
}

.anchor li:nth-child(1) .anchorOn {background:url(../img/lineup/btn01_on.png) left top no-repeat;}
.anchor li:nth-child(2) .anchorOn {background:url(../img/lineup/btn02_on.png) left top no-repeat;}
.anchor li:nth-child(3) .anchorOn {background:url(../img/lineup/btn03_on.png) left top no-repeat;}
.anchor li:nth-child(4) .anchorOn {background:url(../img/lineup/btn04_on.png) left top no-repeat;}
.anchor li:nth-child(5) .anchorOn {background:url(../img/lineup/btn05_on.png) left top no-repeat;}
.anchor li:nth-child(6) .anchorOn {background:url(../img/lineup/btn06_on.png) left top no-repeat;}
.anchor li:nth-child(7) .anchorOn {background:url(../img/lineup/btn07_on.png) left top no-repeat;}

.load_content{
	display:none;
	position:absolute;
	top:100%;
	width:100%;
}


.contentsProducts{
	width:100%;
	position:absolute;
	background:#FFFFFF;
}


.contentsLineup{
	position:absolute;
	top:0;
	width:100%;
}

.contentsLineup .in_cont{
	min-width:960px;
	min-height:570px;
}


.lineupText{
	margin: 0 auto;
	padding-top:150px;
	width:750px;
	text-align:left;
}
.lineupText b{
	display:block;
	font-size:18px;
	background-color:#FFFFFF;
	width:742px;
	height:50px;
}

.lineupText span{
	font-size:12px;
	display:block;
	letter-spacing:0.01em;
	background-color:#FFFFFF;
	color:#191919;
	line-height:2em;
	padding-bottom:50px;
}

.lineupWText{
	margin: 0 auto;
	padding-top:150px;
	width:742px;
	text-align:left;
}
.lineupWText b{
	display:block;
	font-size:13px;
	background-color:#FFFFFF;
	width:742px;
	height:50px;
	font-weight:400;
}

.lineupWText span{
	font-size:12px;
	display:block;
	letter-spacing:0.01em;
	background-color:#FFFFFF;
	color:#191919;
	line-height:2em;
	padding-bottom:70px;
}


.lineupCText{
	margin: 0 auto;
	padding-top:150px;
	padding-left:48px;
	width:790px;
	text-align:left;
}


#accessories .lineupCText{
	margin: 0 auto;
	padding-top:150px;
	padding-right: 145px;
	width:790px;
	text-align:left;
}

.lineupCText b{
	display:block;
	font-size:18px;
	background-color:#FFFFFF;
	width:742px;
	height:50px;
}

.lineupCText span{
	font-size:12px;
	display:block;
	letter-spacing:0.01em;
	background-color:#FFFFFF;
	color:#666;
	line-height:2em;
	padding-bottom:50px;
}


/*
------------------------------------------memo*/
.imgText{
	position:absolute;
	cursor:pointer;
}

.contentsLineup #block {
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup01.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}

.t1{
	top:52%;
	left:18%;
	width:505px;
	height:197px;
}


.contentsLineup #block .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup01a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}


.contentsLineup #block .A2{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup01a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}

.contentsLineup #block .A3{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup01a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:33;
	display:none;
}

.contentsLineup #block .A4{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup01a4.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:34;
	display:none;
}

.contentsLineup #block .A5{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup01a5.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:36;
	display:none;
}

.contentsLineup #block .A6{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup01a6.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:36;
	display:none;
}

.contentsLineup #block .A7{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup01a7.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:37;
	display:none;
}

.contentsLineup #block .A8{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup01a8.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:38;
	display:none;
}




.contentsLineup #white {
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup02.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}


.t2{
	top:50%;
	left:21%;
	width:456px;
	margin-top:-100px;
	height:185px;
}


.contentsLineup #white .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup02a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}


.contentsLineup #white .A2{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup02a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}



.contentsLineup #block-r{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup03.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}

.t3{
	top:40%;
	right:25%;
	margin-right:-180px;
	width:346px;
	height:200px;
}

.contentsLineup #block-r .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup03a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #block-r .A2{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup03a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}

.contentsLineup #block-r .A3{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup03a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}

.contentsLineup #dotpad{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup04.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}

.t4{
	top:45%;
	left:25%;
	margin-left:-110px;
	width:456px;
	height:185px;
}

.contentsLineup #dotpad .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup04a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #dotpad .A2{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup04a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}

.contentsLineup #dotpad .A3{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup04a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}


/*ミーティングパッド*/
.contentsLineup #meetingpad{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup14.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}

.t14{
	top: 44%;
  right: 20%;
  margin-right: -180px;
  width: 346px;
  height: 200px;
}

.contentsLineup #meetingpad .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup14a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #meetingpad .A2{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup14a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}

.contentsLineup #meetingpad .A3{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup14a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}


/*
------------------------------------------note*/

.contentsLineup #webnote{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup05.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:40;
}


.t5{
	top:70%;
	left:80%;
	margin-top:-150px;
	margin-left:-160px;
	width:352px;
	height:243px;
}




.contentsLineup #webnote .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup05a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}


.contentsLineup #webnote .A2{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup05a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}

.contentsLineup #webnote .A3{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup05a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}

.contentsLineup #classic{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup06.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}


.t6{
	top:50%;
	right:75%;
	margin-right:-280px;
	margin-top:-139px;
	width:358px;
	height:279px;
}

.contentsLineup #classic .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup06a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #classic .A2{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup06a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}

.contentsLineup #classic .A3{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup06a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
	z-index:100000;
}

.t7{
	top:57%;
	right:55%;
	width:372px;
	margin-top:-67px;
	height:134px;
}



/*
------------------------------------------accessory*/


.contentsLineup #Accessories{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup07.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}



.contentsLineup #Accessories .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup07a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #Accessories .A2{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup07a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}

.contentsLineup #Accessories .A3{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup07a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:32;
	display:none;
}
/*
------------------------------------------rama*/

.contentsLineup #rama{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup09.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}

.contentsLineup #rama .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup09a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #rama .A2{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup09a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #rama .A3{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup09a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}



.t9{
	top:50%;
	left:75%;
	margin-left: -200px;
	margin-top:60px;
	width:432px;
}
/*
------------------------------------------goal*/

.contentsLineup #goal{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup11a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}

.contentsLineup #goal .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup11a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #goal .A2{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup11a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}


.t11{
	top:50%;
	left:75%;
	margin-left: -200px;
	margin-top:60px;
	width:432px;
}
/*
------------------------------------------parpetual*/

.contentsLineup #parpetual{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup12a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}

.contentsLineup #parpetual .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup12a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #parpetual .A2{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup12a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #parpetual .A3{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup12a4.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

/*ロゴの位置*/
.t12_logo{
	top:10%;
    margin-left: 20%;
	margin-top:60px;
	width:150px;
	pointer-events: none;
}

/*コピーの位置*/
.t12{
	top:60%;
    margin-left: 18%;
	margin-top:30px;
	width:432px;
}

/*
------------------------------------------meetingbook*/

.contentsLineup #meetingbook{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup13a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}

.contentsLineup #meetingbook .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup13a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #meetingbook .A2{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup13a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #meetingbook .A3{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup13a4.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

/*コピーの位置*/
.t13{
	top:40%;
  margin-left: 20%;
	margin-top:30px;
	width:432px;
}


/*
------------------------------------------diary*/

.contentsLineup #Diary{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup08.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}

.contentsLineup #Diary .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup08a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #Diary .A2{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup08a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #Diary .A3{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup08a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup img{
	pointer-events: none;
}

.t8{
	top:50%;
	right:75%;
	width:362px;
	margin-top:-250px;
	margin-right: -170px;
	height:217px;
}
/*
------------------------------------------writingtool*/

.contentsLineup #Writingtool{
	width: 100%;
	height:100%;
	background:url(../img/lineup/lineup10.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
	z-index:30;
}

.contentsLineup #Writingtool .A1{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup10a1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #Writingtool .A2{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup10a2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

.contentsLineup #Writingtool .A3{
	width: 100%;
	height:100%;
	background: url(../img/lineup/lineup10a3.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:absolute;
	z-index:31;
	display:none;
}

#writing-in{
	margin-left: -50px;
}

.t10{
	top:25%;
	left:25%;
	margin-left: -170px;
	margin-top:-25px;
	width:auto;
	height: 170px;
}




/*
------------------------------------------in_pro*/

.in_pro{
	display:none;
}

.in_pro ul{
	width:100%;
}

.in_pro li{
	border-top:1px solid #E0E0E0;
	margin-top:-5px;
	padding-left:0px;
	position:relative;

}

#accessories .in_pro li{
	padding-top: 40px;
    padding-bottom: 40px;
}
/*
------------------------------------------etc*/

.arrow_left, .arrow_leftFix {
	margin-top:-30px;
	position:absolute;
	top:50%;
	left:160px;
	z-index:15;

}

.arrow_right {
	margin-top:-30px;
	position:absolute;
	top:50%;
	right:12px;
	z-index:20;
}

.anchorOn img {
	visibility:hidden;
}