@charset "utf-8";

body {font-family: Arial, Helvetica, sans-serif;}
td {font-family: Arial, Helvetica, sans-serif;}
th {font-family: Arial, Helvetica, sans-serif;}

h1 {
	font-size:11px;
	color:#333333;
	text-align:left;
	margin-left:5px;
	padding:3px;
}

h2 {
	font-size:10px;
	color:#C82863;
	text-align:right;
	text-decoration:none;
	border:none;
	padding:3px;
}
			
h3 {
	font:bold;
	font-size:14px;
	color:#333333;
	padding:3px;
}

br.fclear {
	clear:both;
	line-height:0;
}
	
* {
	margin:0 auto;
   	padding:0;
   	font-size:100%;
   	font-weight:normal;
}

body {margin:0;
	  padding:0;
	  text-align:center;
	  }

/*---Struct---*/
/*---
 container
 	header
 	box
		main
			main_contents
		main_right
	main_left 
 	footer
---*/
#container {
	width:800px;
 	margin:0;
	padding:0;
	margin-right:auto;
	margin-left:auto;
}
			
#header {
	width:800px;
    background-color:#FFCCCC;
	margin:0px;
	padding:0px;
	height:70px;
}
			 
	p#header_logo {vertical-align:middle;}
	p#header_tagami {vertical-align:middle;}
	p#header_1 {vertical-align:middle;}
	p#header_2 {vertical-align:middle;}
	p#header_3 {vertical-align:middle;}

/*--- main ---*/
/*--- main_contents / main_right ---*/
#box {
	float:right;
	width:100%;
	margin-left:-150px;*/
}

#box .main {
	float:left;
	width:100%;
	margin-left:-150px;*/
}

/*---main---*/
#box .main .main_contents {
	float:left;
	width:480px;
	background-color:#FFFFFF;
	color:#0060B6;
	margin-right:-300px;
	margin-left:7px;
	padding-left:300px;
	/*
	text-align:left;
	line-height:1.5;
	border:solid 1px #FFCCCC;
	*/
	font-size:11px;
}

	.t_get {
		background:url(images/t_get.gif) no-repeat;
		width:132px;
		height:12px;
		margin:0;
		padding:0;
		display:block;
	}
	.t_get:hover {background:url(images/t_get2.gif) no-repeat;}

	.g_get {
		background:url(images/g_get.gif) no-repeat;
		width:132px;
		height:12px;
		margin:0;
		padding:0;
		display:block;
	}
	.g_get:hover {background:url(images/g_get2.gif) no-repeat;}
	
/*---right menu---*/
#box .main_right {
	float:right;
	width:150px;
	background-color:#FFFFFF;
	color:#333333;
	margin:0;
	padding:0;
}

	.r_navi_tsugaku {
		background:url(images/r_navi_tsugaku.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.r_navi_tsugaku:hover {background:url(images/r_navi_tsugaku2.gif) no-repeat;}

	.r_navi_gasshuku {
		background:url(images/r_navi_gasshuku.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.r_navi_gasshuku:hover {background:url(images/r_navi_gasshuku2.gif) no-repeat;}
				
	.r_navi_t_campaign {
		background:url(images/r_navi_t_campaign.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.r_navi_t_campaign:hover {background:url(images/r_navi_t_campaign2.gif) no-repeat;}

	.r_navi_g_campaign {
		background:url(images/r_navi_g_campaign.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.r_navi_g_campaign:hover {background:url(images/r_navi_g_campaign2.gif) no-repeat;}

/*---left menu---*/					
#main_left {
	float:left;
	width:150px;
	background-color:#FFFFFF;
	color:#333333;
	margin:0;
	padding:0;
}

	.navi01 {
		background:url(images/navi_top.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi01:hover {background:url(images/navi_top2.gif) no-repeat;}
				
	.navi02 {
		background:url(images/navi_tsugaku.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi02:hover {background:url(images/navi_tsugaku2.gif) no-repeat;}

	.navi03 {
		background:url(images/navi_gasshuku.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi03:hover {background:url(images/navi_gasshuku2.gif) no-repeat;}

	.navi04 {
		background:url(images/navi_type.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi04:hover {background:url(images/navi_type2.gif) no-repeat;}

	.navi05 {
		background:url(images/navi_feature.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi05:hover {background:url(images/navi_feature2.gif) no-repeat;}

	.navi06 {
		background:url(images/navi_lecture.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi06:hover {background:url(images/navi_lecture2.gif) no-repeat;}

	.navi14 {
		background:url(images/navi_training.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi14:hover {background:url(images/navi_training2.gif) no-repeat;}

	.navi07 {
		background:url(images/navi_request.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi07:hover {background:url(images/navi_request2.gif) no-repeat;}

	.navi08 {
		background:url(images/navi_question.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi08:hover {background:url(images/navi_question2.gif) no-repeat;}

	.navi09 {
		background:url(images/navi_qa.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi09:hover {background:url(images/navi_qa2.gif) no-repeat;}

	.navi10 {
		background:url(images/navi_sitemap.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi10:hover {background:url(images/navi_sitemap2.gif) no-repeat;}

	.navi11 {
		background:url(images/navi_staff.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi11:hover {background:url(images/navi_staff2.gif) no-repeat;}

	.navi12 {
		background:url(images/navi_voice.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi12:hover {background:url(images/navi_voice2.gif) no-repeat;}

	.navi13 {
		background:url(images/navi_process.gif) no-repeat;
		width:150px;
		height:22px;
		margin:0;
		padding:0;
		display:block;
	}
	.navi13:hover {background:url(images/navi_process2.gif) no-repeat;}

#footer {
	width:800px;
	background-color:#FFCCCC;
	text-align:left;
	margin-bottom:0;
	font-size:11px;
	color:#3F3F3F;
	height:55px;} 

	.f_navi_profile {
		background:url(images/profile.gif) no-repeat;
		width:90px;
		height:12px;
		margin:0;
		padding:0;
		display:block;
		text-decoration:none
	}
	.f_navi_profile:hover {
		background:url(images/profile2.gif) no-repeat;
		text-decoration:none;
	}

	.f_navi_privacy {
		background:url(images/privacy.gif) no-repeat;
		width:125px;
		height:12px;
		margin:0;
		padding:0;
		display:block;
		text-decoration:none
	}
	.f_navi_privacy:hover {
		background:url(images/privacy2.gif) no-repeat;
		text-decoration:none;
	}

	.f_navi_sitemap {
		background:url(images/sitemap.gif) no-repeat;
		width:90px;
		height:12px;
		margin:0;
		padding:0;
		display:block;
		text-decoration:none
	}
	.f_navi_sitemap:hover {
		background:url(images/sitemap2.gif) no-repeat;
		text-decoration:none;
	}

/*---  ---*/
/*---  ---*/
/*---  ---*/
/*---  ---*/
/*---  ---*/
								   
#home {
	width:800px;
	background-color:#FFFFFF;
	text-align:left;
	height:18px;
	margin-top:5px;
} 
			 
.home {
	font-size:10px;
	color:#C82863;
	text-align:left;
	margin-left:5px;
	text-decoration:none;
}
.home:hover {color:#0060B6;} 

.h2 {
	color:#C82863;
	text-decoration:none
}
.h2:hover {
	color:#0060B6;
	text-decoration:none;
}

#campaign {
	width:480px;
	margin:0;
	padding:0;
	text-align:left;
}
			   
p#special_title {
	font-size:14px;
   	line-height:1.5;
	color:#3366FF;
	margin-left:80px;
}

p#special_title2 {
	font-size:14px;
	line-height:1.5;
	color:#FF3366;
	margin-left:80px;
}
				   
p#special_subtitle {
	font-size:11px;
   	line-height:1.2;
	color:#00AAE7;
	margin-left:80px;
}
				   
p#special_comment {
	font-size:11px;
	color:#333333;
	text-align:left;
	margin-left:5px;
	padding:3px;
	line-height:1.5;
}	


p#sp_title1 {font-size:14px;
			color:#0060B6;
			margin-left:215px;
			margin-top:-25px;
			}

p#info_comment5 {font-size:11px;
				line-height:1.8;
				color:#333333;
				margin-left:10px;
				}
				
p#info_comment6 {font-size:13px;
				line-height:1.8;
				color:#FF3366;
				margin-left:10px;
				}

p#info_comment8 {font-size:11px;
				line-height:1.8;
				color:#0060B6;
				margin-left:10px;
				}

p#info_comment10 {font-size:10px;
				line-height:1.8;
				color:#333333;
				margin-left:40px;
				}
p#t_comment {
	line-height:1.8;
   	color:#0060B6;
	margin-left:10px;
}

p#g_comment {
	line-height:1.8;
   	color:#0060B6;
	margin-left:5px;
}

p#info_comment {
	line-height:1.8;
	color:#666666;
	margin-left:5px;
	text-decoration:none;
}

.calendar {
	color:#666666;
	text-decoration:none;
}
.calendar:hover {
	color:#C82863;
	text-decoration:none;
}


/*---田上からのおしらせ---*/
#infomation {
	width:470px;
	height:320px;
	margin:5px 5px 5px 5px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border:1px solid #ccc;
}

#infomation p{
	margin:5px 5px;
	padding-bottom:3px;
	border-bottom:1px dashed #999;
	}

.infomation {
	color:#C82863;
	text-decoration:none;
}
.infomation:hover {
	color:#0060B6;
	text-decoration:none;
}

p#yokoku_title {
	font-size:14px;
	font-weight:bold;
   	line-height:1.5;
	color:#3366FF;
	margin-left:5px;
}

p#yokoku_title2 {
	font-size:14px;
	line-height:1.5;
	color:#FF3366;
	margin-left:5px;
}
				   
p#yokoku_subtitle {
	font-size:11px;
   	line-height:1.2;
	color:#00AAE7;
	margin-left:5px;
}
				   
p#yokoku_comment {
	font-size:11px;
	color:#333333;
	text-align:left;
	margin-left:5px;
	padding:3px;
	line-height:1.5;
}
				   
p#yokoku_comment2 {
	font-size:9px;
	color:#333333;
	text-align:left;
	margin-left:0px;
	padding:3px;
	line-height:1.2;
}


.price_title {
		text-align:left;
		margin-left:0px;
		font-size:12px;
		font-weight:bold;
		color:#555555;
		line-height:1.5;
		} 

.price {
		text-align:left;
		margin-left:0px;
		font-size:14px;
		font-weight:bold;
		color:#555555;
		line-height:1.5;
		} 

.price_red {
		text-align:left;
		margin-left:0px;
		font-size:14px;
		font-weight:bold;
		color:#CC0000;
		line-height:1.5;
		} 

div#special-img {
	width: 480px;
	text-align: center;
	padding-top:10px;
	padding-bottom: 10px;
}

div#special-tn {
	padding-top: 10px;
}

div#special-tn p {
	width: 80px;
	text-align: center;
	float: left;
}

div#special-greeting {
	width: 480px;
	float: right;
	padding-bottom: 20px;
}