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

p{
	color:#4d4c4b;
	
	}

#text02{ color:#FFF;}

.reds{color:#ff9999;
	}	
	.reds a{
	color: #FFF;
	font-size: 10px;
	}	
#coffee2{
	
	width: 333px;
	height: 311px;
	/*background-image: url(homepage/coffee.png); */
	position: absolute;
	top: -55px;
	left: 255px;
	z-index: 100;
	}
#content01 a .yellow{.white{
	color:#FFF;
	}

	}
#youtube{
	top:651px;
	position:absolute;
	left:67px;
	width:430px;
	height:241px;
}
#youtube2{
	top:651px;
	position:absolute;
	left:504px;
	width:430px;
	height:241px;
}
#wrapper2{
	width:100%;
	height:3700px;
	position:absolute;
	/*top:1600px*/
	top:-3700px;
	/*background-image:url(pic/index.jpg);*/
	background-repeat:repeat-y;
	overflow:hidden;
	}
#page2{
	width:1015px;
	height:3688px;
	background-image:url(pic/page02/page.png);
	position:absolute;
	left:50%;
	margin-left:-512px;
	margin-top:12px;
	}
	
#cornor2{
	width:1061px;
	height:1550px;
	background-image:url(pic/cornorbig.png);
	margin-left:21%;
	margin-top:0.2%;
	
	}

	


#circle2{
	width:878px;
	height:3007px;
	background-image:url(pic/page02/01.png);
	background-repeat:no-repeat;
	margin-left:6.3%;
	margin-top:1%;
	
	}
	
	
	  


	
#catch2{
	width:880px;
	height:34px;
	/*background-image:url(pic/page01/catch.png);*/
	position:relative;
	margin-left:6.5%;
	margin-top:3%;
	cursor:pointer;
	}
	

#menu2 {
	width:388px;
	height:43px;

	margin-left:32%;
	margin-top:0.2%;
	
	}
	
#menu2 ul li{

  float:left;
  margin-right:2px;

  }
#link2{
	clear: both;
	position: absolute;
	background-image:url("pic/more.png");
	width:56px;
	height:13px;
	left:88%;
	top: 2.1%;
	font-size: 9px;
	color: #dd3946;
	z-index:10;
	cursor:pointer;

	  }
#word0_2{
	position:absolute;
	top:28.5%;
	left:10%;
	font-size:15px;
	line-height:160%;
	color:#666;
	}
	#word0_2 a{
	color:#c72c2c;
	}
#word1_2{
	position:absolute;
	top:43.5%;
	left:10%;
	font-size:15px;
	line-height:160%;
	color:#666;
	}
	#word1_2 a{
	color:#c72c2c;
	}
	
	
#pic01_2{
	position:absolute;
	top:31.5%;
	left:9%;

	
	
	}	

	
#pic02_2{
	position:absolute;
	top:47%;
	left:9%;

	
	
	}
	
#word2_2{
	position:absolute;
	top:54.4%;
	left:10%;
	font-size:9px;
	line-height:160%;
	color:#666;
	}
#word2_2 a{
	color:#c72c2c;
	}		
	
#popbtn02_2{
	width:154px;
	height:29px;
	/*background-image:url(pic/page02/popbtn02.png);*/
	position:absolute;
	top:56%;
	left:50%;
	margin-left:-77px;
	
	}
	
#word03_2{
	position:absolute;
	top:60%;
	left:10%;
	font-size:15px;
	line-height:160%;
	color:#666;
	}
#word04_2{
	position:absolute;
	top:70.85%;
	left:25%;
	font-size:15px;
	line-height:210%;
	color:#666;
	}
#word04_2 .short{
line-height:160%;
	}
	#word04_2 .short01{
line-height:160%;
	}
#word05_2 {
	position:absolute;
	top:78.3%;
	left:25%;
	font-size:15px;
	line-height:210%;
	color:#666;

	}	
	
#word05_2 .short01{
line-height:160%;
	}
	
	
#text01_2{
	float:left;
	width:620px;
	margin-top:21%;
	margin-left:28px;
	font-size:15px;
	line-height:160%;
	color:#666;

	}

	
#text01_2 .gg{

	color:#dd3946;
	font-weight: bold;
	text-decoration:underline;

	}

#text02_2{
	color:#FFF;}
	
#text02_2 .yellow{
	color:#ffff66;}
#text02_2 .blue{
	color:#99ccff;}

	

#content02_2{
    font-size:13px;
	letter-spacing:1.6px; 
	line-height:140%;
    margin-top:250px;
	margin-left:15px;
	width:180px;
	height:300px;
	text-align: justify;
    text-justify:inter-ideograph;
	
	}

#content03_2{
	float:left;
	margin-top:225px;
	margin-left:10px;
	
	}


#content04_2{
	width:202px;
	height:478px;
	float:right;
	margin-right:7px;
	margin-top:20px;
		

	}
#content05_2{
	background-image:url(pic/page01/content05.png);
    clear:both;
	width:836px;
	height:469px;
	position:absolute;
	top:35%;
	left:50%;
	margin-left:-410px;
	

	}
	#content05_2 p{
		margin-top:75px;
	 font-size:15px;
	letter-spacing:1.6px; 
	line-height:140%;

	text-align: justify;
    text-justify:inter-ideograph;

	}
	


#content06_2{
    background-image:url(pic/page01/content06.png);
	width:839px;
	height:400px;
	background-repeat:no-repeat;
	position:absolute;
	top:51.3%;
	left:50%;
	margin-left:-420px;
	

	}
	
		#content06 p{
		margin-top:75px;
		margin-left:8px;
	 font-size:15px;
	letter-spacing:1.6px; 
	line-height:140%;

	text-align: justify;
    text-justify:inter-ideograph;

	}
	
	
#content07_2{
	background-image:url(pic/page01/content07.png);
 
	width:853px;
	height:573px;
	position:absolute;
	top:65%;
	left:50%;
	margin-left:-430px;
	

	}
	#content07_2 p{
		margin-top:51px;
		margin-left:20px;
	 font-size:15px;
	letter-spacing:1.6px; 
	line-height:140%;

	text-align: justify;
    text-justify:inter-ideograph;

	}


	#line2{
	clear:both;
	width:879px;
	height:2px;
	background-image:url(pic/page01/line.png);
	margin-left:6.5%;
	margin-top:-1%;
	
	}


#dd2{
	width:271px;
	margin-top:12px;
	margin-right:16px;
	float:right;
	font-size:16px;
	line-height:160%;
	color:#666;
	
	}
.red{color:#de3845;
}	
	


#ee2{
	clear:both;
	width:875px;
	height:17px;
	margin-left:6.7%;
	margin-top:2%;
	
	

	}
	
#foot2{
	

	width:879px;
	margin-top:1%;
	margin-left:7%;
	font-size:14px;
	line-height:150%;
	text-align: justify;
    text-justify:inter-ideograph;
	letter-spacing:1.6px; 

	color:#666;
	
	}
.blod{
    margin: 0px 0px 2px 0px;
    font-weight: bold;
	font-size:14px;
	line-height:150%;
	text-align: justify;
    text-justify:inter-ideograph;

	color:#666;}


#logo2{
		width:141px;
		height:52px;
		background-image:url(pic/logo.png);
		position:absolute;
		top:98.2%;
		left:50%;
		margin-left:-60px;
		
		}
		
#content05 #tip p{
	position: absolute;
	bottom: -13px;
	right: 0%;
	font-size: 12px;
}		
		
#content06 #tip p{
	position: absolute;
	bottom: 0.0%;
	right: 0%;
	font-size: 12px;
}


#content07 #tip p{
	position: absolute;
	bottom: 0.0%;
	right: 0%;
	font-size: 12px;
}

		
.clear{
　　clear:both;
　　height:0px;
　　margin:0;
　　padding:0;
　　width:0;
　　border:none;
　　overflow:hidden;

}

div img {
  vertical-align : middle;
}