@charset "euc-jp";
body { margin:0px; }
body,td { font-size:12px; line-height:16px; vertical-align:top; }
img { border:0px; }
p{margin:0; padding:0;}
/* ---------------------------------- */
/*  */
/* ---------------------------------- */

/*  */
a:link { color:#000099; text-decoration:none; }
a:visited { color:#000099; text-decoration:none; }
a:hover { color: #FF0000; text-decoration:underline; }
a:active { color: #0099FF;}

/*  */
a:link.XXXXX { color:#FFFFFF; text-decoration:none; }
a:visited.XXXXX { color:#FFFFFF; text-decoration:none; }
a:hover.XXXXX { color:#FFCC66; text-decoration:none; }
a:active.XXXXX { color:#CCCCCC;}

/* ---------------------------------- */
/*  */
/* ---------------------------------- */

/* */
.center { text-align:center; }
.right { text-align:right; }
.right_f { float:right; }
.clear { clear:both; }

/*  */
.red { color:#FF0000; }
.gray { color:#444444; }

/*  */
.bd { border:1px #999999 solid; }

/* */
.s { font-size:10px; }

/* */
.ime_off { ime-mode:disabled; }

/* */
.div_s { margin:0px; font-size:0; line-height:0; }

/* ---------------------------------- */
/* head */
/* ---------------------------------- */
#head_area{
	width:100%;
	text-align:center;
	height:100px;
	overflow:hidden;
	background:url(../img/head_bk.gif) 0 0 repeat-x;
}
	#head{
		width:800px;
		margin:auto;
	}
		#logo{
			float:left;
			text-align:left;
		}
			h1{
				font-size:10px;
				color:#FFFFFF;
				font-weight:normal;
				line-height:3.2em;
				padding:8px 0 0 0;
				margin:0;
			}
		#head_right{
			float:right;
			width:320px;
			height:90px;
			background:url(../img/head_r.gif) 0 0 no-repeat;
			overflow:hidden;
		}
			#h_tel{
				float:left;
				padding:5px 0 0 7px;
			}
			#h_privacy{
				float:right;
				padding:5px 7px 0 0;
			}
/* ---------------------------------- */
/* main */
/* ---------------------------------- */
#main_area{
	width:100%;
	text-align:center;
}
	#main{
		width:800px;
		text-align:left;
		margin:auto;
		background:url(../img/main_bk.gif) 0 0 repeat-y;
	}
		#main_l{
			width:240px;
			float:left;
		}
			
		#main_r{
			width:560px;
			float:right;
		}
#l_company{
	margin:0px 0 20px 12px;
	font-size:14px;
	line-height:18px;
}
	#l_company span{
		font-size:16px;
		font-weight:bold;
		color:#009780;
		line-height:2em;
	}
.l_bnr{
	margin:10px 0 5px 0px;
}
/*-------------------------------*/
/*menu*/
#menu_area{
	width:220px;
	margin:10px;
	padding:0;
}
	#menu_area li{
		list-style:none;
	}
/*menu01*/
.menu01_on{
	width:220px;
	height:30px;
	overflow:hidden;
	background:url(../img/menu/menu1_on.gif) 0 0 no-repeat;
	color:#009780;
	line-height:2.2em;
	padding:0 0 0 35px;
	font-size:14px;
}
.menu01{
	width:220px;
	height:30px;
	overflow:hidden;
}
	.menu01 a{
		font-size:14px;
		display:block;
		width:220px;
		height:30px;
		background:url(../img/menu/menu1.gif) 0 0 no-repeat;
		color:#009780;
		line-height:2.2em;
		padding:0 0 0 35px;
	}
	.menu01 a:visited{
		color:#009780;
	}
	.menu01 a:hover{
		background:url(../img/menu/menu1_on.gif) 0 0 no-repeat;
		text-decoration:none;
		color:#009780;
	}
/*menu_title*/
.menu_title{
	font-size:0;
	line-height:0;
	margin:10px 0 0 0;
	padding:0;
}
/*menu02*/
.menu02_on{
	width:220px;
	height:30px;
	overflow:hidden;
	background:url(../img/menu/menu2_on.gif) 0 0 no-repeat;
	color:#009780;
	font-size:14px;
	line-height:2.2em;
	padding:0 0 0 35px;
}
.menu02{
	width:220px;
	height:30px;
	overflow:hidden;
}
	.menu02 a{
		font-size:14px;
		display:block;
		width:220px;
		height:30px;
		background:url(../img/menu/menu2.gif) 0 0 no-repeat;
		color:#009780;
		line-height:2.2em;
		padding:0 0 0 35px;
	}
	.menu02 a:visited{
		color:#009780;
	}
	.menu02 a:hover{
		background:url(../img/menu/menu2_on.gif) 0 0 no-repeat;
		text-decoration:none;
		color:#009780;
	}
/*l_contact*/
#l_contact{
	width:220px;
	height:70px;
	overflow:hidden;
	margin:0;
	padding:0;
	background:url(../img/menu/contact_btn_on.gif) 0 0 no-repeat;
}
	#l_contact span{
		display:none;
	}
	#l_contact a{
		width:220px;
		height:70px;
		display:block;
		background:url(../img/menu/contact_btn.gif) 0 0 no-repeat;
	}
	#l_contact a:hover{
		background:url(../img/menu/contact_btn_on.gif) 0 0 no-repeat;
	}
/* link_pen */
#link_pen{
	width:220px;
	height:40px;
	overflow:hidden;
	margin:0 auto 10px;
	padding:0;
	background:url(../img/menu/pen_write_on.gif) 0 0 no-repeat;
}
	#link_pen span{
		display:none;
	}
	#link_pen a{
		width:220px;
		height:40px;
		display:block;
		background:url(../img/menu/pen_write.gif) 0 0 no-repeat;
	}
	#link_pen a:hover{
		background:url(../img/menu/pen_write_on.gif) 0 0 no-repeat;
	}

/* ---------------------------------- */
/* footer */
/* ---------------------------------- */
#footer_area{
	width:100%;
	background-color:#40B9A3;
	border-top:2px solid #009780;
	margin:0;
	text-align:center;
}
	#footer{
		width:800px;
		text-align:right;
		color:#FFFFFF;
		font-size:10px;
		padding:5px 0 60px;
		margin:auto;
	}
/* ---------------------------------- */
/* top */
/* ---------------------------------- */
/*-------------------------------*/
/*top_image*/
#top_img_area{
	width:100%;
	height:258px;
	overflow:hidden;
	border-bottom:1px solid #009780;
	text-align:center;
}
	#top_img{
		width:800px;
		height:258px;
		margin:auto;
		background:url(../img/top/top_image.jpg) 0 0 no-repeat;
		text-align:left;
	}
		/*#topimg_menu01 */
		#topimg_menu01{
			margin:0 0 0 320px;
			padding:0;
			float:left;
			display:inline;
		}
			#topimg_menu01 span{
				display:none;
			}
			#topimg_menu01 a{
				display:block;
				width:120px;
				height:185px;
			}
			#topimg_menu01 a:hover{
				background:url(../img/top/top_imag_menu01_on.jpg) 0 0 no-repeat;
			}
		/*#topimg_menu02 */
		#topimg_menu02{
			margin:0;
			padding:0;
			float:left;
			display:inline;
		}
			#topimg_menu02 span{
				display:none;
			}
			#topimg_menu02 a{
				display:block;
				width:120px;
				height:185px;
			}
			#topimg_menu02 a:hover{
				background:url(../img/top/top_imag_menu02_on.jpg) 0 0 no-repeat;
			}
		/*#topimg_menu03 */
		#topimg_menu03{
			margin:0;
			padding:0;
			float:left;
			display:inline;
		}
			#topimg_menu03 span{
				display:none;
			}
			#topimg_menu03 a{
				display:block;
				width:120px;
				height:185px;
			}
			#topimg_menu03 a:hover{
				background:url(../img/top/top_imag_menu03_on.jpg) 0 0 no-repeat;
			}
		/*#topimg_menu04 */
		#topimg_menu04{
			margin:0;
			padding:0;
			float:left;
			display:inline;
		}
			#topimg_menu04 span{
				display:none;
			}
			#topimg_menu04 a{
				display:block;
				width:120px;
				height:185px;
			}
			#topimg_menu04 a:hover{
				background:url(../img/top/top_imag_menu04_on.jpg) 0 0 no-repeat;
			}

		#topimg_contct{
			padding:0;
			margin:10px 0 0 330px;
		}
			#topimg_contct span{
				display:none;
			}
			#topimg_contct a{
				display:block;
				width:445px;
				height:50px;
				background:url(../img/top/contact_btn.gif) 0 0 no-repeat;
			}
			#topimg_contct a:hover{
				background:url(../img/top/contact_btn_on.gif) 0 0 no-repeat;
			}
/*-------------------------------*/
/*top*/
h2.top_h2{
	margin:0;
	padding:8px 0 0 14px;
	font-size:14px;
	color:#FFFFFF;
	line-height:14px;
}
/*top_area1*/
#top_area1{
	width:540px;
	height:190px;
	background:url(../img/top/area1.gif) 0 0 no-repeat;
}
	#top_area1 p{
		padding:20px 0 0 14px;
		line-height:1.6em;
	}
	#top_area1 div{
		margin:25px 0 0 1px;
	}
		#top_area1 div a{
			color:#AA2182;
		}
		#top_area1 div a:hover{
			color:#FF6600;
		}
/*top_area2*/
#top_area2{
	width:540px;
	height:150px;
	background:url(../img/top/area2.gif) 0 0 no-repeat;
	margin:10px 0 0 0;
}
	#top_area2 p{
		padding:20px 0 0 14px;
		line-height:1.6em;
	}
	#top_area2 div{
		margin:25px 0 0 14px;
	}
		#top_area2 div a{
			color:#AA2182;
		}
		#top_area2 div a:hover{
			color:#FF6600;
		}
/*top_area3*/
#top_area3{
	width:540px;
	height:256px;
	background:url(../img/top/area3.gif) 0 0 no-repeat;
	margin:10px 0 0 0;
}
	#top_area3 p{
		padding:20px 0 0 14px;
		line-height:1.6em;
	}
		#top_area3 p span{
			color:#009780;
		}
	#top_area3 div{
		margin:33px 0 0 14px;
	}
		#top_area3 div a{
			color:#AA2182;
		}
		#top_area3 div a:hover{
			color:#FF6600;
		}
/*contact_button*/
#top_contact{
	width:540px;
	height:81px;
	margin:20px 0 0 0;
	padding:0;
}
	#top_contact span{
		display:none;
	}
	#top_contact a{
		width:540px;
		height:81px;
		display:block;
		background:url(../img/top/mail.gif) 0 0 no-repeat;
	}
	#top_contact a:hover{
		background:url(../img/top/mail_on.gif) 0 0 no-repeat;
	}
/* ---------------------------------- */
/* cts */
/* ---------------------------------- */
#m_r_padding{
	padding:20px 0 20px 20px;
}	
h2.cts_h2{
	margin:0;
	padding:5px 0 4px 8px;
	background-image:url(../img/cts/h2_bk.gif);
	border-left:5px solid #40B9A3;
	font-size:14px;
	color:#116F63;
	border-bottom:1px solid #009780;
}
h3.cts_h3{
	padding:0;
	margin:10px 0 0 5px;
	font-size:14px;
}
	h3.cts_h3 span{
		color:#CC0000;
	}

/* ---------------------------------- */
/* company */
/* ---------------------------------- */
#company_table{
	width:530px;
	margin:10px 0 20px 5px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}
	#company_table th{
		width:25%;
		padding:5px 10px 4px;
		background-color:#ECECEC;
		border-style:solid;
		border-width:1px 0 1px 1px;
		border-color:#CCCCCC;
		font-size:12px;
		text-align:left;
	}
	#company_table td{
		width:75%;
		padding:5px 10px 4px;
		border-bottom:1px solid #CCCCCC;
	}
#map{
	padding:0 0 0 2px;
}
/* ---------------------------------- */
/* dm */
/* ---------------------------------- */
#price_table{
	width:530px;
	margin:10px 0 0px 5px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
}
	#price_table th{
		width:35%;
		padding:5px 10px 4px;
		font-size:12px;
		text-align:left;
		background-color:#CCCCCC;
		font-weight:normal;
		border-bottom:1px dotted #FFFFFF;
	}
	#price_table th.pri_td_title{
		text-align:center;
		font-weight:bold;
		background-color:#FFFFFF;
		border:1px solid #CCCCCC;
		background-color:#ECECEC;
	}
	#price_table td{
		width:65%;
		padding:5px 10px 4px;
		border-bottom:1px solid #CCCCCC;
	}
	#price_table td.pri_td_title{
		text-align:center;
		font-weight:bold;
		background-color:#ECECEC;
	}
.dm_p{
	padding:10px;
	line-height:1.8em;
}
/* ---------------------------------- */
/* 招待状（同窓会等）・冊子小包・セミナー案内 */
/* ---------------------------------- */
.letter_area{
	border:1px solid #009780;
	margin:10px 5px 0;
}
	.letter_area h3.letter_h3{
		background-color:#009780;
		margin:0;
		padding:5px 0 3px 7px;
		font-size:12px;
		color:#FFFFFF;
	}
	.letter_area p{
		line-height:1.6em;
		padding:10px 10px 20px;
	}
	.letter_p1{
		background-image:url(../img/cts/img_syoutai.gif);
		background-position:right bottom;
		background-repeat:no-repeat;
	}
	.letter_p2{
		background-position:right bottom;
		background-repeat:no-repeat;
		background-image:url(../img/cts/img_semina.gif);
	}
	.letter_p3{
		background-position:right bottom;
		background-repeat:no-repeat;
		background-image:url(../img/cts/img_sashi.gif);
	}
/* ---------------------------------- */
/* flow */
/* ---------------------------------- */
.flow_img{
	text-align:center;
	margin:10px 0 20px;
}
/* ---------------------------------- */
/* rule */
/* ---------------------------------- */
#transaction_table{
	width:530px;
	margin:10px 0 0px 5px;
	border-collapse:collapse;
}
	#transaction_table th{
		border-bottom:1px solid #009780;
		border-right:1px dotted #88D6C8;
		width:25%;
		background-color:#DCFDF7;
		font-size:12px;
		text-align:left;
		padding:5px 8px;
		color:#009780;
	}
	#transaction_table td{
		border-bottom:1px solid #009780;
		width:75%;
		padding:5px 8px 4px;
		line-height:18px;
	}
		#transaction_table td span{
			color:#009780;
			font-weight:bold;
		}
		#transaction_table td a{
			color:#FF6600;
		}
		#transaction_table td a:hover{
			color:#33CCCC;
			text-decoration:none;
		}

/* ---------------------------------- */
/* price_list */
/* ---------------------------------- */
#price_wrap{
	margin:20px;
}
	.price_table01{
		width:100%;
		margin:10px 0px 20px;
		border-collapse:collapse;
	}
		.list_00{
			background-color:#00B77B;
			color:#FFFFFF;
			font-weight:bold;
			text-align:center;
			padding:8px 0;
			border:1px solid #FFFFFF;
		}
		.list_01{
			background-color:#6CC19D;
			border:1px solid #009966;
			color:#FFFFFF;
			vertical-align:middle;
			text-align:center;
		}
		.list_02{
			vertical-align:middle;
			padding:5px 8px;
			border:1px solid #009966;
			background-color:#F4FBF9;
		}
		.list_03{
			vertical-align:middle;
			padding:5px 8px;
			border:1px solid #009966;
		}
		.list_04{
			vertical-align:middle;
			padding:5px 8px;
			border:1px solid #009966;
			text-align:center;
			color:#009966;
		}
		.list_05{
			padding:5px 8px;
			border:1px solid #009966;
			text-align:center;
			background-color:#F9FBF0;
		}
			.style2{
				color:#009966;
				font-size:10px;
			}
h2.price_h2{
	border-bottom:3px double #E84429;
	font-size:14px;
	border-left:3px solid #E84429;
	margin:0 0 10px 0;
	padding:5px 0 4px 7px;
}
/* ---------------------------------- */
/* voice */
/* ---------------------------------- */
.voice_box{
	border:1px solid #009780;
	background:url(../img/cts/dm_paso.gif) 0 bottom no-repeat;
	margin:5px 5px 10px;
}
	.voice_box p{
		margin:10px 10px 10px 230px;
	}
		.voice_box ul{
			margin:0 0 0 250px;
			padding:0;
			color:#FF6600;
			line-height:1.8em;
		}
.voice_p{
	padding:10px;
	line-height:1.6em;
}
.voice_link{
	padding:3px 0 2px 5px;
	background-color:#FFFF99;
	margin:5px;
}
/* ---------------------------------- */
/* privacy */
/* ---------------------------------- */
#text_wrap_line{
	border:2px solid #CCCCCC;
	margin:10px 0 20px;
}
.privacy_txt{
	padding:10px 15px ;
	line-height:1.6em;
}
h3.pri_h3{
	padding:3px 0 2px 5px;
	margin:10px 10px 0 10px;
	font-size:12px;
	background-color:#D7FFF8;
	border-bottom:1px solid #CCCCCC;

}
.privacy_txt2{
	padding:10px 15px  15px;
	line-height:1.6em;
}
h4.pri_h4{
	color:#009780;
	font-size:12px;
	margin:0 0 0 10px;
	padding:0;
}

	#text_wrap_line ol{
		margin:0px 15px 15px 35px;
		padding:0;
		line-height:18px;
	}
		#text_wrap_line ol li{
			margin-bottom:5px;
		}
/* ---------------------------------- */
/* contact */
/* ---------------------------------- */
.con_box{
	background-color:#ECECEC;
	border:3px double #CCCCCC;
	margin:10px 5px 30px;
}
	.con_box ol{
		margin:10px 15px 15px 35px;
		padding:0;
	}
		.con_box ol li{
			margin-bottom:5px;
		}
	.con_box p{
		background-color:#FFFFFF;
		margin:10px 15px;
		padding:10px;
	}
h3.con_h3{
	background-color:#FFFFFF;
	margin:5px ;
	padding:3px 0 2px 5px;
	font-size:12px;
	border:1px solid #CCCCCC;
}
.con_txt1{
	color:#FF0000;
	padding:0 0 5px 10px;
}
.con_txt2{
	color:#000000;
	padding:20px 10px 10px;
}
.con_table{
	width:530px;
	margin:0 0 0 5px;
}
	.con_table th{
		font-size:12px;
		text-align:left;
		border-style:solid;
		border-color:#40B9A3;
		border-width:0 0 1px 1px;
		padding:5px 0 4px 5px;
		background-color:#D7FFF8;
	}
	.con_table td{
		padding:4px 0 4px 5px;
		border-bottom:1px solid #61D9C3;
	}
		.con_table th span{
			color:#FF0000;
			font-size:10px;
		}
.con_btn{
	text-align:right;
	padding:10px 15px 0 0;
}

/* ---------------------------------- */
/* sitemap */
/* ---------------------------------- */
.site_box{
	margin:10px 0;
	padding:0;
}
	.site_box dt{
		margin:5px 5px 0;
		background-color:#BE56A0;
		color:#FFFFFF;
		padding:5px 0 4px 10px;
		font-weight:bold;
		border-left:3px solid #E17BC3;
	}
		.site_box dt a{
			color:#FFFFFF;
		}
		.site_box dt a:visited {
			color:#FFFFFF;
		}
		.site_box dt a:hover{
			color:#FFFF66;
			text-decoration:none;
		}
	.site_box dd{
		margin:0 5px 0 5px;
		padding:5px 0 4px 15px;
		border-bottom:1px dotted #CCCCCC;
		color:#FF3300;
	}
/* ---------------------------------- */
/* example */
/* ---------------------------------- */
.exam_box{
	margin:8px 0 18px 0;
	border-bottom:1px dotted #BCBCBC;
	padding-bottom:10px;
}
h3.exam_h3{
	font-size:14px;
	color:#116F63;
	/*color:#BE56A0;*/
	margin:5px 0 5px 0;
}
p.exam_p{
	margin:0 0 5px;;
	line-height:1.4;
}
img.exam_pdf{
	float:left;
	margin-right:8px;
}
p.exam_pdftitle{
}
	p.exam_pdftitle a:link { color:#000000; text-decoration:none; }
	p.exam_pdftitle a:visited { color:#000000; text-decoration:none; }
	p.exam_pdftitle a:hover { color: #000000; text-decoration:none; background-color:#D7FFF8;}
	p.exam_pdftitle a:active { color: #000000;}

