/* [HTML再定義]―――――――――――――――――――――――――― */

*	{
	margin						:0;
	padding						:0;
	font-size					:100%;
	font-weight					:normal;
	font-style					:normal;
	font-family					:"メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS P Gothic" , "Osaka" , Verdana , Arial , Helvetica , sans-serif;
}

body	{
	color						:#dcd8d2;
	line-height					:150%;
	text-align					:center;
	font-size					:80%;
	background					:#523b20 url(./image/back.gif) repeat-y center top;
}
small	{
	font-size					:80%;
	color						:#cccccc;
	margin						:0 2px;
}
strong	{
	font-weight					:bold;
}


/* [layout]-------------------------------------------------------- */

#container{
	margin						:0px auto;
	width						:700px;
	text-align					:left;
}
#header{
	display						:block;
	background					:transparent url(./image/header.jpg) no-repeat center center;
}
#navigation{
	display						:block;
	float						:left;
	width						:180px;
	height						:490px;
}
#contents{
	width						:500px;
	float						:right;
}
@media screen{
	#navigation ,#contents {
		overflow				:hidden;
	}
}

img {
	border						:none;
}
hr , 
#header p {
	display						:none;
}

/* [link] --------------------------------------------------------- */

a{
	color						:#ffcc00;
}
a:visited{
	color						:#ffffff;
}
a:hover{
	color						:#ffcc00;
	text-decoration				:none;
}

#header h1 a{
	text-indent					:-9999px;
	display						:block;
	width						:700px;
	height						:140px;
	text-decoration				:none;
}

/* --------------------------------------------- */

#navigtion h2{
	display				:block;
	width				:180px;
	height				:40px;
	text-indent			:-9999px;
	background			:transparent url(./image/menu.gif) no-repeat top left;
}
#navigtion ul{
	display				:block;
	weight				:180px;
	height				:455px;
	background			:transparent url(./image/menu.gif) no-repeat bottom left;
}
#navigtion ul li{
	display				:block;
	list-style			:none;
}
#navigtion ul li a{
	display				:block;
	weight				:180px;
	height				:50px;
	text-decoration		:none;
	text-indent			:-9999px;
	background-position	:left bottom;
	background-repeat	:no-repeat;
}
#navigtion ul li.select a ,
#navigtion ul li a:hover {
	background-position	:left top;
}
#navigtion ul li.top a{
	background-image	:url(./image/menu_top.gif);
}
#navigtion ul li.prof a{
	background-image	:url(./image/menu_prof.gif);
}
#navigtion ul li.study a{
	background-image	:url(./image/menu_study.gif);
}
#navigtion ul li.class a{
	background-image	:url(./image/menu_class.gif);
}
#navigtion ul li.abroad a{
	background-image	:url(./image/menu_abroad.gif);
}
#navigtion ul li.contact a{
	background-image	:url(./image/menu_contact.gif);
}
#navigtion ul li.info a{
	background-image	:url(./image/menu_info.gif);
}
#navigtion ul li.faq a{
	background-image	:url(./image/menu_faq.gif);
}
#navigtion ul li.business a{
	background-image	:url(./image/menu_business.gif);
}

/* =========================================================== */
/* コンテンツ - contents ========================================= */
/* =========================================================== */

#contents table ,
#contents dl ,
#contents ul ,
#contents p {
	margin		:0 20px 30px;
	display		:block;
}
#contents #message p {
	margin:0 5px 5px 10px;
}
#contents #message .eng,
#contents #message .jan{
margin:0 10px 20px;
}
#contents #message .jan{
border-top:1px solid #e4a55c;
padding-top:10px;
margin-top:10px;
}

/* ---- index ------------------------------------------- */


#contents #prof dl{
margin:0 5px 20px 10px;
}
#contents #prof dl dt{
color:#ccb17a;
}
#contents #prof dl dd{
margin:0 0 0 20px;
}
#contents #prof div.prof{
float:right;
width:200px;
}
#contents #prof div.img{
	float	:left;
	width	:150px;
	margin	:0 10px 10px 0;
}
#contents #support div.img{
	float:right;
	width:200px;
}
#contents #abroad div.img{
	float:right;
	width:160px;
}
#contents #study div.img{
float:right;
text-align:right;
width:160px;
	margin	:0 10px 10px 0;
}
#contents #business p img{
	margin	:0 80px;
}



/* ---- h2 ---------------------------------------------- */

#contents h2 {
	display						:block;
	width						:500px;
	height						:60px;
	text-indent					:-9999px;
	margin						:0 0 5px;
	background					:transparent url("./image/h2.gif") no-repeat top left;
}
#contents #index h2 {
	background-image			:url(./image/h2_index.gif);
}
#contents #prof h2 {
	background-image			:url(./image/h2_prof.gif);
}
#contents #study h2 {
	background-image			:url(./image/h2_study.gif);
}
#contents #message h2 {
	background-image			:url(./image/h2_message.gif);
}
#contents #abroad h2 {
	background-image			:url(./image/h2_abroad.gif);
}
#contents #support h2 {
	background-image			:url(./image/h2_support.gif);
}
#contents #info h2 {
	background-image			:url(./image/h2_info.gif);
}
#contents #contact h2 {
	background-image			:url(./image/h2_contact.gif);
}
#contents #class h2 {
	background-image			:url(./image/h2_class.gif);
}
#contents #faq h2 {
	background-image			:url(./image/h2_faq.gif);
}
#contents #business h2 {
	background-image			:url(./image/h2_business.gif);
}

/* ---- h3 ---------------------------------------------- */

#contents h3{
	float						:none;
	clear						:both;
	display						:block;
	width						:480px;
	height						:25px;
	text-align					:left;
	margin						:5px 5px 10px;
}
#contents .h3_index{
	text-align:right;
	margin:-5px 0 10px;
	color:#ccb17a;
}
#contents h3{
display:block;
width:480px;
height:30px;
text-indent:-9999px;
text-align:left;
margin:0 10px 5px;
background-position:top center;
background-repeat:no-repeat;
}
#contents #index h3.a{
	background-image			:url(./image/h3_index01.gif);
}
#contents #index h3.b{
	margin						:0 0 10px;
	width						:476px;
	background-image			:url(./image/h3_index02.gif);
}
#contents #study h3.a{
	background-image			:url(./image/h3_study01.gif);
}
#contents #study h3.b{
	background-image			:url(./image/h3_study02.gif);
}
#contents #class h3.a{
	background-image			:url(./image/h3_class01.gif);
}
#contents #class h3.b{
	background-image			:url(./image/h3_class02.gif);
}
#contents #class h3.c{
	background-image			:url(./image/h3_class03.gif);
}
#contents #class h3.d{
	background-image			:url(./image/h3_class04.gif);
}
#contents #abroad h3.a{
	background-image			:url(./image/h3_abroad01.gif);
}
#contents #abroad h3.b{
	background-image			:url(./image/h3_abroad02.gif);
}
#contents #abroad h3.c{
	background-image			:url(./image/h3_abroad03.gif);
}
#contents #abroad h3.d{
	background-image			:url(./image/h3_abroad04.gif);
}
#contents #abroad h3.e{
	background-image			:url(./image/h3_abroad05.gif);
}
#contents #abroad h3.f{
	background-image			:url(./image/h3_abroad06.gif);
}
#contents #faq h3{
	display						:block;
	text-align					:left;
	display						:block;
	width						:480px;
	height						:30px;
	line-height					:30px;
	text-indent					:2em;
	margin						:0 10px 5px;
	font-size					:110%;
	font-weight					:bold;
	background					:transparent url("./image/h3_faq.gif") no-repeat top center;
	color						:#ffffff;
}
#contents #faq p {
	margin						:5px 20px 30px;
}

/* =========================================================== */
/* フッター - footer ========================================= */
/* =========================================================== */

div#footer{
	float:none;
	clear:both;
}

#footer address a{
	background				:transparent url(./image/address.gif) no-repeat center top;
	display					:block;
	text-indent				:-9999px;
	width					:700px;
	height					:40px;
}

/* =========================================================== */
/* フッター - footer ========================================= */
/* =========================================================== */

form fieldset	{
	border						:none;
}
form legend	{
	display						:none;
}

form textarea , form input	{
	color						:#523b20;
}
@media screen {
	form input, form select,form textarea {
		font-family				:"ＭＳ ゴシック";
	}
}

em.exp	{
	color						:#ff9999;
	margin						:0 2px;
}

#study ul	{
	margin						:0 5px 20px 40px;
}
#class dl,
#abroad dl ,
#study dl	{
	margin						:0 10px 20px 20px;
}
#class dl dt,
#abroad dl dt,
#study dl dt	{
	font-weight					:bold;
}
#class dl dd,
#abroad dl dd,
#study dl dd	{
	margin						:0 0 5px 20px;
}
#class table{
	border						:1px solid #75624d;
	border-collapse				:collapse;
}
#class table th{
	padding						:5px;
	border						:1px solid #644f37;
	text-align					:left;
	width						:100px;
}
#class table td{
	padding						:5px;
	border						:1px solid #644f37;
}

#contact dl ,
#index dl {
	margin						:0 0 5px 20px;
}
#contact dl dt ,
#index dl dt {
	color						:#ffffff;
	margin						:5px 0;
	font-weight					:bold;
}
#contact dl dd ,
#index dl dd {
	margin						:0 0 10px 20px;
}
#index dl dd p {
	margin						:0;
}
#index .topics {
	width						:480px;
	padding						:1px;
	background					:transparent url("./image/topics.gif") no-repeat left bottom;
	margin						:0 0 30px 10px;
}
* html #index .topics {
	width						:478px;
	padding						:0 1px 1px;
}