@charset "shift_jis";
/* CSS Date Document */


/*####################　共通設定　####################*/

*{margin:0; padding:0;}

hr{display:none;}
img {border:0;}
ul {list-style:none;}
a {color:#3366cc; overflow:hidden;}

body {
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:135%;
	color:#333;
	text-align:center;
	padding-bottom:30px;
	}

/*見出し飛ばし*/
#Header h2,
#LeftContainer h2,
#Footer h2,
#Copyright h2
{position:absolute; top:-9999px; left:-9999px;}


/*パンくずリスト*/
#PanList {
	color:#666;
	margin-bottom:15px;
	}
#RightContainer h2 {
	margin-bottom:10px;
	}


/*ページトップ*/
.reTop {
	margin:0 10px 10px;
	text-align:right;
	clear:both;
	}



/*####################　枠設定　####################*/
.wrap {zoom:1;}
.wrap:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
	}



#Container {
	width:776px;
	margin:0 auto;
	text-align:left;
	background:url(../img/common/wall-container_middle.gif) repeat-y;
	}
#Header {
	width:770px;
	margin:0 3px;
	}
#LeftContainer {
	width:187px;
	margin-left:8px;
	display:inline;
	float:left;
	}
#RightContainer {
	width:565px;
	float:right;
	}


#Footer {
	margin:0 13px;
	padding:15px 0 0;
	background:url(../img/common/wall-footer.gif) center top no-repeat;
	clear:both;
	}
#Copyright {
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
	color:#fff;
	width:776px;
	margin:0 auto;
	padding:8px 0 11px;
	background:url(../img/common/wall-copyright.gif) no-repeat bottom;
	clear:both;
	}


/*####################　ヘッダ　####################*/

#Header {
	}

h1 {
	height:53px;
	margin-left:10px;
	float:left;
	display:inline;
	}

/*テキストリンク*/
#NaviH {
	width:312px;
	float:left;
	margin:15px 0 0 20px;
	}
#NaviH li{
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
	float:left;
	margin-right:6px;
	padding-left:15px;
	background:url(../img/common/arrow-header.gif) left center no-repeat;
	}

/*電話番号*/
#Header .tel{
	width:123px;
	height:53px;
	background:url(../img/common/tel-header.gif);
	float:left;
	}
#Header .tel p{
	position:absolute;
	top:-9999px;
	left:-9999px;
	}
/*お問い合わせボタン*/
#Header .contact{
	width:125px;
	height:40px;
	margin-top:10px;
	float:left;
	}


/*####################　グローバルナビゲーション　####################*/

#NaviG {
	width:750px;
	height:36px;
	margin:0 10px 8px;
	clear:both;
	}
#NaviG li{float:left;}
#NaviG li a {
	display:block;
	height:36px;
	background:top no-repeat;
	text-indent:-9999px;
	background-position:top;
	}

#NaviG .menu01 a{background:url(../img/common/navi_01.gif); width:110px;}
#NaviG .menu02 a{background:url(../img/common/navi_02.gif); width:109px;}
#NaviG .menu03 a{background:url(../img/common/navi_03.gif); width:144px;}
#NaviG .menu04 a{background:url(../img/common/navi_04.gif); width:134px;}
#NaviG .menu05 a{background:url(../img/common/navi_05.gif); width:143px;}
#NaviG .menu06 a{background:url(../img/common/navi_06.gif); width:110px;}

#NaviG li a:hover{background-position:bottom;}




#PageClass #NaviG li.menu01 a,
#PageClass1 #NaviG li.menu01 a,
#PageClass2 #NaviG li.menu01 a,
#PageClass3 #NaviG li.menu01 a,
#PageClass4 #NaviG li.menu01 a,

#PageAbroad #NaviG li.menu02 a,
#PageIntern #NaviG li.menu03 a,
#PageStay #NaviG li.menu04 a,
#PageDispatchCom #NaviG li.menu05 a,s
#PageDispatchLesson #NaviG li.menu05 a,
#PageDispatchTrans #NaviG li.menu05 a,
#PageDispatchCorrect #NaviG li.menu05 a,
#PageDispatch #NaviG li.menu05 a,
#PageBook #NaviG li.menu06 a
{background-position:bottom;}





/*####################　ヘッダイメージ　####################*/

#HeadImg {
	width:770px;
	margin:0 0 7px 3px;
	clear:both;
	}
#HeadImg h2,
#HeadImg p {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}

#HeadImg2 {
	width:770px;
	margin:0 0 7px 3px;
	clear:both;
	}
#HeadImg2 h2,
#HeadImg2 p {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}

#HeadImg3 {
	width:770px;
	margin:0 0 7px 3px;
	clear:both;
	}
#HeadImg3 h2,
#HeadImg3 p {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}

#HeadImg41 {
	width:770px;
	margin:0 0 7px 3px;
	clear:both;
	}
#HeadImg41 h2,
#HeadImg41 p {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}


#HeadImg42 {
	width:770px;
	margin:0 0 7px 3px;
	clear:both;
	}
#HeadImg42 h2,
#HeadImg42 p {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}


#HeadImg43 {
	width:770px;
	margin:0 0 7px 3px;
	clear:both;
	}
#HeadImg43 h2,
#HeadImg43 p {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}


/*####################　サイドメニュー　####################*/

#LeftContainer h3 {
	padding:7px 8px 0;
	background:url(../img/common/wall-sidebox_top.gif) 3px top no-repeat;
	}
#LeftContainer .wrap ul {
	background:url(../img/common/wall-sidebox_middle.gif) 3px 0 repeat-y;
	}
#LeftContainer .wrap {
	background:url(../img/common/wall-sidebox_bottom.gif) 3px bottom no-repeat;
	padding-bottom:10px;
	}

#LeftContainer .wrap ul li a{
	height:24px;
	margin:0 5px 0 8px;
	padding:0 0 0 ;
	display:block;
	text-indent:-9999px;
	background-position:left;
	}

#LeftContainer ul .menu01 a{ background:url(../img/common/sidemenu-o1.gif);}
#LeftContainer ul .menu02 a{ background:url(../img/common/sidemenu-o2.gif);}
#LeftContainer ul .menu03 a{ background:url(../img/common/sidemenu-o3.gif);}
#LeftContainer ul .menu04 a{ background:url(../img/common/sidemenu-o4.gif);}

#LeftContainer ul .menu04_1 a{ background:url(../img/common/sidemenu-o4_1.gif);}
#LeftContainer ul .menu04_2 a{ background:url(../img/common/sidemenu-o4_2.gif);}
#LeftContainer ul .menu04_3 a{ background:url(../img/common/sidemenu-o4_3.gif);}

#LeftContainer ul .menu05 a{ background:url(../img/common/sidemenu-g1.gif);}
#LeftContainer ul .menu06 a{ background:url(../img/common/sidemenu-g2.gif);}
#LeftContainer ul .menu07 a{ background:url(../img/common/sidemenu-g3.gif);}
#LeftContainer ul .menu08 a{ background:url(../img/common/sidemenu-g4.gif);}
#LeftContainer ul .menu09 a{ background:url(../img/common/sidemenu-b1.gif);}
#LeftContainer ul .menu10 a{ background:url(../img/common/sidemenu-b2.gif);}
#LeftContainer ul .menu11 a{ background:url(../img/common/sidemenu-b3.gif);}
#LeftContainer ul .menu12 a{ background:url(../img/common/sidemenu-b4.gif);}

/*
#LeftContainer ul .menu01 a{ background:url(../img/common/sidemenu-o1.gif);}
#LeftContainer ul .menu02 a{ background:url(../img/common/sidemenu-o2.gif);}
#LeftContainer ul .menu03 a{ background:url(../img/common/sidemenu-o3.gif);}
#LeftContainer ul .menu04 a{ background:url(../img/common/sidemenu-o4.gif);}
#LeftContainer ul .menu05 a{ background:url(../img/common/sidemenu-g1.gif);}
#LeftContainer ul .menu06 a{ background:url(../img/common/sidemenu-g2.gif);}
#LeftContainer ul .menu07 a{ background:url(../img/common/sidemenu-g3.gif);}
#LeftContainer ul .menu08 a{ background:url(../img/common/sidemenu-g4.gif);}
#LeftContainer ul .menu09 a{ background:url(../img/common/sidemenu-b1.gif);}
#LeftContainer ul .menu10 a{ background:url(../img/common/sidemenu-b2.gif);}
#LeftContainer ul .menu11 a{ background:url(../img/common/sidemenu-b3.gif);}
#LeftContainer ul .menu12 a{ background:url(../img/common/sidemenu-b4.gif);}
*/


#LeftContainer .wrap ul li a:hover{
	background-position:right;
	}



#LeftContainer .wrap ul.text {
	margin-top:5px;
	}

#LeftContainer .wrap .text li {
	margin:0 0 0 7px;
	padding:3px 0 0 0;
	}

#LeftContainer .wrap .text li a{
	text-indent:0;
	background:url(../img/common/arrow-gray.gif) left 2px no-repeat;
	padding:0 0 0 15px;
	}
#LeftContainer .wrap .text li a:hover{
	background:url(../img/common/arrow-gray.gif) left 2px no-repeat;
	}


#LeftContainer ul.link {
	margin:3px 0 0 2px;
	}
#LeftContainer ul.link li {
	margin-bottom:2px;
	text-align:left;
	}


/*ページ単位設定*/
#PageClass4_1 #LeftContainer ul .menu04_1 a,
#PageClass4_2 #LeftContainer ul .menu04_2 a,
#PageClass4_3 #LeftContainer ul .menu04_3 a,

#PageClass1 #LeftContainer ul .menu01 a,
#PageClass2 #LeftContainer ul .menu02 a,
#PageClass3 #LeftContainer ul .menu03 a,
#PageClass4 #LeftContainer ul .menu04 a,
#PageAbroad #LeftContainer ul .menu05 a,
#PageIntern #LeftContainer ul .menu06 a,
#PageStay #LeftContainer ul .menu07 a,
#PageTravel #LeftContainer ul .menu08 a,
#PageDispatchCom #LeftContainer ul .menu09 a,
#PageDispatchLesson #LeftContainer ul .menu10 a,
#PageDispatchTrans #LeftContainer ul .menu11 a,
#PageDispatchCorrect #LeftContainer ul .menu12 a
{background-position:right;}

#PageAbroad #LeftContainer ul .menu05 ol li a {background-position:left;} 



#LeftContainer .wrap ul li ol {
	margin:5px 10px 0 15px;
	padding:0 0 8px 0;
	list-style:none;
	background:url(../img/common/line-dashed.gif) bottom repeat-x left;
	display:none;
	}
#LeftContainer .wrap ul.text li ol{
	margin:0 10px 0 7px;
	padding:0 0 8px 0;
	list-style:none;
	background:url(../img/common/line-dashed.gif) bottom repeat-x left;
	display:none;
	}

#LeftContainer .wrap ul.text li ol li,
#LeftContainer .wrap ul li ol li {
	margin:0 0 7px 6px;
	padding:0 0 0 0;
	height:1em;
	}

#LeftContainer .wrap ul.text li ol li a,
#LeftContainer .wrap ul li ol li a {
	height:auto;
	background:url(../img/common/arrow-gray2.gif) left 4px no-repeat;
	padding:0 0 0 10px;
	margin:0 0 -2px 0;
	text-indent:0;
	}
#LeftContainer .wrap ul.text li ol li a:hover,
#LeftContainer .wrap ul li ol li a:hover{
	background:url(../img/common/arrow-gray2.gif) left 4px no-repeat;
	}


/*呼び戻し*/
#PageAbroad #LeftContainer .wrap li ol#School,
#PageAbroadJS #LeftContainer .wrap li ol#School,
#PageAbroadList #LeftContainer .wrap li ol#School,
#PageProgramExp #LeftContainer .wrap li ol#Exp {display:block;}





/*####################　フッタ　####################*/

#Footer {zoom:0; padding-bottom:10px;}
#Footer:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}


#Footer td {font-size:12px; line-height:120%;}


/*フッタリンク*/
#Footer #NaviF1,
#Footer #NaviF2{
	width:700px;
	margin:0 10px 10px;
	clear:both;
	}
#Footer #NaviF1 li,
#Footer #NaviF2 li{
	margin-right:6px;
	float:left;
	}

#Footer #NaviF1 li {
	margin-bottom:5px;
	background:url(../img/common/arrow-footer.gif) left 2px no-repeat;
	padding-left:15px;
	}
#Footer #NaviF2 li {
	margin-bottom:15px;
	padding-right:6px;
	border-right:1px solid #3366cc;
	}

/*アクセス*/
#Footer table.access {
	width:750px;
	font-family:"ＭＳ ゴシック", "Osaka−等幅";
	line-height:120%;
	clear:both;
	}
#Footer td.map {
	width:165px;
	}


/*電話番号*/
#Footer td.tel {
	width:154px;
	text-align:right;
	vertical-align:top;
	background:url(../img/common/tel-footer.jpg) no-repeat bottom right;
	}
#Footer td.tel p{
	position:absolute;
	top:-9999px;
	left:-9999px;
	}



/*####################　コピーライト　####################*/

#Copyright a {
	color:#fff;
	text-decoration:none;
	}




/*end*/