/* ---------------------------------------------------------------------------------------------
 @Šξ–{έ’θ
--------------------------------------------------------------------------------------------- */

BODY {
	background-color: #FFBD00;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.wrapper {
	width: 820px;
	hright: auto;
}

.box0 {
	float: left;
	width: 820px;
	height: 30px;
	background-color: #222222;
	font: 10px/30px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #CCCCCC;
	text-align: center;
}

*html .box0 {
	float: left;
	width: 810px;
	height: 30px;
	background-color: #222222;
	font: 10px/30px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #CCCCCC;
	text-align: center;
}

.box1 {
	float: left;
	width: 110px;
	height: 790px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

*html .box1 {
	float: left;
	width: 150px;
	height: 800px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

.box1:not(\*) {
	float: left;
	width: 110px;
	height: 790px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

.box2 {
	float: left;
	width: 660px;
	height: 800px;
	background-color: #FFFFFF;
	padding: 10px 0px 0px 10px;
}

.box3 {
	float: left;
	width: 820px;
	height: 20px;
	background-color: #666666;
	font: 10px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #FFFFFF;
	text-align: center;
}

*html .box3 {
	float: left;
	width: 810px;
	height: 20px;
	background-color: #666666;
	font: 10px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #FFFFFF;
	text-align: center;
}

.box4 {
	float: left;
	width: 820px;
	height: 30px;
	background-color: #222222;
	font: 10px/30px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #CCCCCC;
	text-align: center;
}

*html .box4 {
	float: left;
	width: 810px;
	height: 30px;
	background-color: #222222;
	font: 10px/30px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #CCCCCC;
	text-align: center;
}


/* ---------------------------------------------------------------------------------------------
 @ƒp[ƒc‚̐ݒθ
--------------------------------------------------------------------------------------------- */

.navi {
	width: 640px;
	height: 50px;
}

.txt {
	width: 640px;
	height: auto;
	text-indent: 1em; 
}

.pro {
	width: 650px;
	height: auto;
}

.pro1 {
	float: left;
	width: 300px;
	height: 182px;
	background-color: #000000;
}

.pro2 {
	float: left;
	width: 340px;
	height: 50px;
	background-color: #FFFFFF;
}

.pro3 {
	float: left;
	width: 330px;
	height: 132px;
	background-color: #FFFFFF;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	padding: 10px 10px 10px 10px;
}

P.link {
	width: 100%;
	height: auto;
	font: 10px/15px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: right;
}

P.indent { text-indent: 1em; }

.busi07 {
	clear: both;
	text-align: center;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
}

.busi08 {
	width: 500px;
	height: auto;
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	font-weight: bold;
	color: #009966;
	text-align: left;
}	
	
.busi09 {
	width: 500px;
	height: auto;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
}

.list {
	font: 12px/34px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: right;
	padding-right: 20px;
}

.print01 {
	text-align: left;
	padding-bottom: 10px;
}

.print02 {
	width: 600px;
	height: auto;
	text-align: left;
	padding-left: 22px;
}


/* ---------------------------------------------------------------------------------------------
 @Productƒgƒbƒvƒy[ƒW‚̐ݒθ
--------------------------------------------------------------------------------------------- */

.boxes1 { clear: both;}

.boxes2 {
	float: left;
	width: 120px;
	height: auto;
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
}

.boxes3 {
	float: left;
	width: 350px;
	height: auto;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: left;
	vertical-align: top;
}	


/* ---------------------------------------------------------------------------------------------
 @ƒrƒWƒlƒXƒ_ƒCƒAƒŠ[ƒgƒbƒvƒy[ƒW‚̐ݒθ
--------------------------------------------------------------------------------------------- */

.list1 { clear: both; }

.list2 {
	float: left;
	text-align: left;
}

.list3 {
	float: right;
	font: 12px/34px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: right;
	padding-right: 20px;
}

.diary1 {
	clear: both;
	text-align: center;
}

.diary2 { padding-top: 30px; }

.diary3 {
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: left;
	vertical-align: top;
}


/* ---------------------------------------------------------------------------------------------
 @wƒrƒWƒlƒXƒ_ƒCƒAƒŠ[xƒy[ƒW‚̐ݒθ
--------------------------------------------------------------------------------------------- */

.box1-diary {
	float: left;
	width: 110px;
	height: 1290px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

*html .box1-diary {
	float: left;
	width: 150px;
	height: 1300px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

.box1-diary:not(\*) {
	float: left;
	width: 110px;
	height: 1290px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

.box2-diary {
	float: left;
	width: 660px;
	height: 1300px;
	background-color: #FFFFFF;
	padding: 10px 0px 0px 10px;
}

.diarys { text-align: center; }

.diarys01 {
	width: 470px;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;	
	color: #333333;
	text-align: left;
}	

.diarys02 {
	clear: both;
	width: 450px;
}

.diarys03 {
	float: left;
	background-color: #FFFDF0;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;	
	color: #333333;
	border: #999900;
	border-style: double;
	text-align: left;
	padding: 5px;
}

.diarys04 {
	font: 15px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #990000;
	text-align: center;
}

.diarys05 {
	font: 12px/30px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;	
	color: #333333;
}

.diarys06 {
	width: 450px;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;	
	font-weight: bold;
	color: #333333;
	text-align: center;
}

.diarys07 {
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;	
	color: #FFCC00;
}	

.diarys08 {
	clear: both;
	width: 450px;
}

.diarys09 {
	float: left;
	background-color: #FFCC33;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;	
	color: #009933;
	text-align: left;
}

.diarys10 {
	float: left;
	background-color: #FFFFCC;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;	
	color: #333333;
	text-align: left;
}	

.diarys11 {
	clear: both;
	width: 450px;
}

.diarys12 { float: left; }

.diarys13 {
	float: left;
	padding-top: 10px;
}

.diarys14 {
	float: left;
	background-color: #FFCC33;
	font: 12px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;	
	color: #009933;
	text-align: left;
}

.diarys15 {
	float: left;
	background-color: #FFFFCC;
	font: 12px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;	
	color: #333333;
	text-align: left;
}

/* ---------------------------------------------------------------------------------------------
 @wƒXƒPƒWƒ…[ƒ‹Žθ’ xƒy[ƒW‚̐ݒθ
--------------------------------------------------------------------------------------------- */

.box1-techyo {
	float: left;
	width: 110px;
	height: 990px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

*html .box1-techyo {
	float: left;
	width: 150px;
	height: 1000px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

.box1-techyo:not(\*) {
	float: left;
	width: 110px;
	height: 990px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

.box2-techyo {
	float: left;
	width: 660px;
	height: 1000px;
	background-color: #FFFFFF;
	padding: 10px 0px 0px 10px;
}


/* ---------------------------------------------------------------------------------------------
 @w‘²‹ΖΨ‘ƒzƒ‹ƒ_[xƒy[ƒW‚̐ݒθ
--------------------------------------------------------------------------------------------- */

.box1-folder {
	float: left;
	width: 110px;
	height: 1590px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

*html .box1-folder {
	float: left;
	width: 150px;
	height: 1600px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

.box1-folder:not(\*) {
	float: left;
	width: 110px;
	height: 1590px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

.box2-folder {
	float: left;
	width: 660px;
	height: 1600px;
	background-color: #FFFFFF;
	padding: 10px 0px 0px 10px;
}

.folder01 {
	width: 550px;
	height: 21px;
	background-color: #FFCC00;
	font: 15px/21px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #CC3300;
	text-align: left;
	padding-left: 5px;
}	

.folder02 { padding-left: 20px; }

.folder03 { background-color: #C9C68B; }

.folder04 {
	background-color: #DDDBB7;
	font: 12px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

.folder05 {
	background-color: #FFFFFF;
	font: 12px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: left;
	vertical-align: middle;
	padding: 5px;
}

.folder06 {
	height: 20px;
	background-color: #000099;
	font: 12px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #FFFFFF;
	text-align: left;
	padding-left: 5px;
}

.folder07 {
	height: 165px;
	vertical-align: top;
}

.folder08 {
	height: 123px;
	vertical-align: top;
	padding-top: 10px;
}

.folder09 {
	width: 20px;
	height: auto;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #FF9900;
	text-align: right;
	vertical-align: top;
}		


.folder10 {
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: left;
	vertical-align: top;
}


/* ---------------------------------------------------------------------------------------------
 @wΆ“kŽθ’ xƒy[ƒW‚̐ݒθ
--------------------------------------------------------------------------------------------- */

.box1-student {
	float: left;
	width: 110px;
	height: 1490px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

*html .box1-student {
	float: left;
	width: 150px;
	height: 1500px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

.box1-student:not(\*) {
	float: left;
	width: 110px;
	height: 1490px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	padding: 20px 0px 0px 40px;
}

.box2-student {
	float: left;
	width: 660px;
	height: 1500px;
	background-color: #FFFFFF;
	padding: 10px 0px 0px 10px;
}

.student00 {
	clear: both;
	width: 530px;
	height: auto;
}

.student01 {
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #400000;
	text-align: left;
	vertical-align: top;
}

.student02 {
	text-align: left;
	vertical-align: middle;
}

.student03 {
	width: 200px;
	font: 25px/30px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: left;
}

.student04 {
	height: 80px;
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: left;
	vertical-align: middle;
}

.student05 {
	width: 250px;
	text-align: ledt;
	vertical-align: top;
}

.student06 { padding-left: 50px; }

.student07 { width: 500px; }

.student08 {
	height: 20px;
	background-color: #E5E1B1;
	font: 12px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	font-weight: bold;
	color: #333333;
	text-align: left;
	padding-left: 5px;
}

.student09 {
	height: auto;
	font: 12px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: left;
	vertical-align: top;
	padding: 0px 20px 0px 20px ;
}

.student10 { color: #999900; }

.student11 {
	width: 500px;
	height: auto;
	border: 2px solid #E3E1AE;
	padding: 20px 0px 20px;
}

.student12 {
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #993300;
	font-weight: bold;
	text-align: center;
}

.student13 {
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #008000;
	font-weight: bold;
	text-align: left;
	padding: 20px 20px 0px 20px;
}
	
.student14 {
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	text-align: left;
	padding: 0px 20px 0px 20px;
}	

.student15 {
	font: 15px/20px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #EA2F00;
	font-weight: bold;
	text-align: left;
	padding: 20px 20px 0px 20px;
}

.student16 { text-align: center; }

/* ---------------------------------------------------------------------------------------------
 @Œ©o‚΅ƒ^ƒCƒgƒ‹Šξ–{έ’θ
--------------------------------------------------------------------------------------------- */

.title {
	width: 630px;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding-left: 10px;
	font: 15px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	background-color: #FFFFFF;
	border-left: 3px solid #990000;
	border-bottom: 1px solid #E5E5E5;
}

.title2 {
	width: 550px;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding-left: 10px;
	font: 15px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	background-color: #FFFFFF;
	border-left: 3px solid #990000;
	border-bottom: 1px solid #E5E5E5;
}

	
/* --------------------------------------------------------------------------------------------
 @ŠeŽνƒŠƒ“ƒN‚̐ݒθ
-------------------------------------------------------------------------------------------- */

A img { border-style:none;} 

A:link { color: #333333; }
A:visited { color: #333333; }
A:hover { color: #999999;}
A:active { color: #CCCCCC; }

#link-a:link     { color: #0066CC; }
#link-a:visited { color: #0066CC; }
#link-a:hover  { color: #0066FF; position: relative; top: 1px; left: 1px; }
#link-a:active { color: #000066; } 

#link-b:link { color: #0066CC; font: 15px/30px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;}
#link-b:visited { color: #0066CC; font: 15px/30px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;}
#link-b:hover  { color: #0066FF; font: 15px/30px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•; position: relative; top: 1px; left: 1px; }
#link-b:active { color: #000066; font: 15px/30px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•; } 

#button:hover  { position: relative; top: 1px; left: 1px; }

#link:link     { color: #FFFFFF; }
#link:visited { color: #FFFFFF; }
#link:hover  { color: #666666; }
#link:active { color: #333333; } 
#link {text-decoration: none;} 

#links:link     { color: #FFFFFF; }
#links:visited { color: #FFFFFF; }
#links:hover  { color: #CCCCCC; }
#links:active { color: #999999; } 
#links{text-decoration: none;} 

#linksub:link     { color: #CCCCCC; }
#linksub:visited { color: #CCCCCC; }
#linksub:hover  { color: #666666; }
#linksub:active { color: #333333; } 
#linksub{text-decoration: none;} 


/* --------------------------------------------------------------------------------------------
 @‚»‚Μ‘Όέ’θ
-------------------------------------------------------------------------------------------- */

H1 {
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	line-height:135%;
	font-weight:normal;
	margin: 0px;
	text-align:left;
	display: inline;
}

H2 {
	font: 12px/17px "‚l‚r ‚oƒSƒVƒbƒN", Osaka|“™•;
	color: #333333;
	line-height:135%;
	font-weight:normal;
	margin: 0px;
	text-align:left;
	display: inline;
}

HR {
	color: #CCCCCC;
	border-style: dashed;
	height: 1px;
}

STRONG { font-weight: 100; }

.spacer { padding-left: 10px; }