@charset "utf-8";
#wrapper .office #kirin {
	border-bottom: 1px solid rgba(255,255,255,1.00);
	padding-top: 1px;
}
.office #kirin p {
	font: 24px/37pt "小塚明朝 Pro H";
	position: absolute;
	padding: 12px 9px 0px 29px;
	left: 0px;
	top: 83px;
	color: rgba(255,255,255,1.00);
	right: 25px;
	height: 306px;
	text-align: center;
	width: 294px;
	border-top: 1px solid rgba(255,255,255,1.00);
	border-right: 1px solid rgba(255,255,255,1.00);
	background-image: -o-linear-gradient(270deg,rgba(108,108,108,0.67) 0%,rgba(255,255,255,0.00) 56.48%);
	background-image: -webkit-linear-gradient(270deg,rgba(108,108,108,0.67) 0%,rgba(255,255,255,0.00) 56.48%);
	background-image: -moz-linear-gradient(270deg,rgba(108,108,108,0.67) 0%,rgba(255,255,255,0.00) 56.48%);
	background-image: -o-linear-gradient(270deg,rgba(108,108,108,0.67) 0%,rgba(255,255,255,0.00) 56.48%);
	background-image: -o-linear-gradient(270deg,rgba(108,108,108,0.67) 0%,rgba(255,255,255,0.00) 56.48%);
	background-image: linear-gradient(180deg,rgba(108,108,108,0.67) 0%,rgba(255,255,255,0.00) 56.48%);
}
.office #kirin #home {
	width: 62px;
	height: 22px;
	border-left: 1px solid rgba(255,255,255,1.00);
	position: absolute;
	left: 22px;
	top: 79px;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	color: rgba(255,255,255,1.00);
	font-size: 16px;
	padding-left: 8px;
	cursor: pointer;
}

#effect6 #prof  {
	left: 20px;
	position: static;
	top: 37px;
	color: rgba(0,0,0,1.00);
}

.office #kirin #photo {
	background-color: rgba(38,38,38,1.00);
	width: 328px;
	height: 191px;
	position: absolute;
	top: 223px;
	left: 73px;
	border: 1px solid rgba(255,255,255,1.00);
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
}
#wrapper .office #navi {
	position: absolute;
	left: 519px;
	color: rgba(108,255,79,1.00);
	width: 441px;
	height: 41px;
	font-size: 14px;
	cursor: pointer;
}
.office #navi p2 {
	position: absolute;
	top: 6px;
	left: -27px;
	cursor: pointer;
}
.office #navi p3 {
	position: absolute;
	top: 6px;
	left: 58px;
	cursor: pointer;
}
.office #navi p4 {
	position: absolute;
	top: 6px;
	left: 139px;
	cursor: pointer;
}
.office #navi p5 {
	position: absolute;
	top: 6px;
	left: 187px;
	cursor: pointer;
}
.office #navi p6 {
	position: absolute;
	top: 6px;
	left: 254px;
	cursor: pointer;
}
.office #navi p7 {
	position: absolute;
	top: 6px;
	left: 338px;
	cursor: pointer;
}
.office #navi p8 {
	position: absolute;
	top: 26px;
	left: -26px;
	cursor: pointer;
}
.office #navi p9 {
	position: absolute;
	top: 27px;
	left: 58px;
	cursor: pointer;
}
.office #navi p10 {
	position: absolute;
	top: 27px;
	left: 150px;
	cursor: pointer;
}
.office #navi p11 {
	position: absolute;
	top: 26px;
	left: 336px;
	cursor: pointer;
}
#wrapper .office #transitionview2 {
	width: 664px;
	height: 681px;
	overflow-x: hidden;
	position: absolute;
	top: auto;
	left: 336px;
	right: 44px;
	overflow-y: no-content;
	z-index: 8;
}
.office #transitionview {
	width: 664px;
	height: 681px;
	z-index: 8;
	position: absolute;
	left: 336px;
	top: auto;
	overflow-x: hidden;
	overflow-y: no-content;
}


#wrapper .office #effect7 {
	position: absolute;
	top: -129px;
	transition: top 0.6s ease-in-out;
	-webkit-transition: top 0.6s ease-in-out;
	left: -82px;
	height: 933px;
	width: 561px;
}

.office #tipA {
	position: absolute;
	top: 23px;
	cursor: pointer;
	width: 150px;
	height: 33px;
	z-index: 11;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	border-right: 1px solid rgba(255,255,255,1.00);
	border-top: 1px solid rgba(91,91,91,1.00);
	padding-top: 11px;
}
.office #tipA:hover  {
	background-color: rgba(0,0,0,1.00);
}

.office #tipB {
	position: absolute;
	top: 85px;
	width: 150px;
	cursor: pointer;
	height: 33px;
	z-index: 11;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	border-right: 1px solid rgba(255,255,255,1.00);
	border-top: 1px solid rgba(91,91,91,1.00);
	padding-top: 11px;
}
.office #tipB:hover {
	background-color: rgba(0,0,0,1.00);
}



#transitionview #effect6 #stuff {
	position: absolute;
	top: 1000px;
	left: auto;
	width: 660px;
	overflow-y: scroll;
	height: 667px;
	text-align: left;
	padding-left: 2px;
	background-color: rgba(255,255,255,0.36);
}
#wrapper .office #effect06 {
	width: 51px;
	height: 93px;
	position: absolute;
	left: 24px;
	top: -4px;
	transition: top 0.8s ease-in-out;
	-webkit-transition: top 0.8s ease-in-out;
	padding-top: 17px;
	}
	
	#wrapper .office #effect06.apply {
	background-color: rgba(160,10,12,1.00);
	width: 0px;
	height: 0px;
	position: absolute;
	left: 24px;
	top: -1000px;
transition: top 0.8s ease-in-out;
	-webkit-transition: top 0.8s ease-in-out;
	}
	
.office #effect06 #tips {
	width: 232px;
	height: 1484px;
	border-color: rgba(255,255,255,1.00) rgba(57,57,57,1.00) rgba(57,57,57,1.00) rgba(255,255,255,1.00);
	position: absolute;
	top: -3px;
	background-color: rgba(144,144,144,1.00);
	border-style: solid;
	border-width: 1px;
}
#wrapper .office #transitionview06 {
	width: 274px;
	overflow-y: hidden;
	overflow-x: hidden;
	height: 476px;
	position: absolute;
	left: 40px;
	top: 317px;
}
#effect06 #tips #abouttips {
	width: 223px;
	height: 355px;
	position: absolute;
	top: 10px;
}
#tips #abouttips #tip0A {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #abouttips #tip0A:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #abouttips #tip0B {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #abouttips #tip0B:hover  {
	background-color: rgba(0,0,0,1.00);
}

#tips #abouttips #tip0D {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #abouttips #tip0D:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #abouttips #tip0C {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #abouttips #tip0C:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #abouttips #tip0E {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #abouttips #tip0E:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #abouttips #tip0F {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}

#tips #abouttips #tip0H {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#stufftips a #tip00H {
}

#tips #abouttips #tip0F:hover  {
	background-color: rgba(0,0,0,1.00);
}
#tips #abouttips #tip0G {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #abouttips #tip0G:hover {
	background-color: rgba(0,0,0,1.00);
}
#tips #abouttips #tip0H:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #abouttips #tip0I {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #abouttips #tip0I:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #abouttips #tip0J {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #abouttips #tip0J:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #abouttips #tip0K {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;

}
#tips #abouttips #tip0L:hover {
	background-color: rgba(0,0,0,1.00);
}
#tips #abouttips #tip0K:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #abouttips #tip0L {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}

#tips #abouttips #tip0M {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 155px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #abouttips #tip0M:hover {
	background-color: rgba(0,0,0,1.00);
}

#effect06 #tips #stufftips {
	width: 223px;
	height: 276px;
	position: absolute;
	top: 1010px;
}
#tips #stufftips #tip00A {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #stufftips #tip00A:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #stufftips #tip00B {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #stufftips #tip00B:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #stufftips #tip00C {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #stufftips #tip00C:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #stufftips #tip00D {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #stufftips #tip00D:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #stufftips #tip00E {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #stufftips #tip00E:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #stufftips #tip00F {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#tips #stufftips #tip00F:hover {
	background-color: rgba(0,0,0,1.00);
}

#tips #stufftips #tip00G {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}


#tips #stufftips #tip00G:hover {
	background-color: rgba(0,0,0,1.00);
}
#stufftips a #tip00H {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}


#stufftips a #tip00H:hover  {
	background-color: rgba(0,0,0,1.00);
}
#stufftips a #tip00I {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#stufftips a #tip00I:hover {
	background-color: rgba(0,0,0,1.00);
}

#wrapper .office #key {
}


#wrapper .office #key {
	width: 196px;
	height: 161px;
	position: absolute;
	top: 174px;
	left: 0px;
	padding-left: 1px;
	border-left: 1px solid rgba(255,255,255,1.00);
	border-right: 1px solid rgba(96,96,96,1.00);
	border-bottom: 1px solid rgba(61,61,61,1.00);
	border-top: 1px solid rgba(255,255,255,1.00);
	color: rgba(255,255,255,1.00);
	font: bolder 22px "小塚明朝 Pr6N H";
	text-align: center;
	text-shadow: 0px 0px 5px rgba(0,0,0,1.00);
}
.office #transitionview #effect6 {
	width: 40px;
	height: 98px;
	position: absolute;
	top: -2px;
	transition: top 0.6s ease-in-out;
	-webkit-transition: top 0.6s ease-in-out;
}
.office #transitionview #effect6.apply  {
	width: 40px;
	height: 98px;
	background-color: rgba(35,0,0,1.00);
	position: absolute;
	top: -1000px;
		transition: top 0.6s ease-in-out;
	-webkit-transition: top 0.6s ease-in-out;
}
#stufftips a #tip00J {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#stufftips a #tip00J:hover  {
	background-color: rgba(0,0,0,1.00);
}
#stufftips a #tip00K {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#stufftips a #tip00L {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#stufftips a #tip00L:hover  {
	background-color: rgba(0,0,0,1.00);
}
#stufftips a #tip00M {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#stufftips a #tip00M:hover  {
	background-color: rgba(0,0,0,1.00);
}
#stufftips a #tip00N {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#stufftips a #tip00N:hover  {
	background-color: rgba(0,0,0,1.00);
}
#stufftips a #tip00O {
	cursor: pointer;
	color: rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	width: 196px;
	position: static;
	padding-right: 12px;
	margin-top: 5px;
	padding-left: auto;
	border-right: 1px solid rgba(255,255,255,1.00);
	text-align: right;
}
#stufftips a #tip00O:hover  {
	background-color: rgba(0,0,0,1.00);
}








#stufftips a #tip00K:hover  {
	background-color: rgba(0,0,0,1.00);
}