@charset "utf-8";

.hihyoji {
	visibility: hidden;
}

* {
     margin:0;
     padding:0;
     }

a {
	text-decoration: none;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

p {
	font-family: "ＭＳ Ｐゴシック";
	text-align: justify;
	text-justify: inter-ideograph;
	color: #333;
	text-align: left;
	font-size: medium;
	line-height: 1.5em;
	font-weight: normal;
	font-size: 84%;
}

.clear {
	clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/*End hide from IE-mac */


/* ==========================================================

	ブラウザリセット

========================================================== */

body {
	font: 100%/ "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #CEE9FF;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFFFE1;
}

body {
	-webkit-text-size-adjust: none;
}
*:first-child + html body {	/* for IF7 */ 
	font-family: "メイリオ","Meiryo";
}

/* ~~ エレメント / タグセレクター ~~ */

ul:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

ul {
	display:inline-block;
}

ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	list-style:none;
	display:block;
}

ul:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}


/* clearfix
===========================================================*/
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/*End hide from IE-mac */


/* ~~ エレメント / タグセレクター ~~ */


h1 {
	font-size: 84%;
	font-weight: normal;
	text-align: right;
	margin-right: 10px;
}

h2 {
	font-size: 78%;
	font-weight: normal;
	text-align: left;
	margin-left: 10px;
}


h3 {
	display: inline-block;
	font-size: 78%;
	font-weight: normal;
	text-align: left;
	margin-left: 10px;
	clear: both;
}


h4, h5, h6, p {
	font-family: "ＭＳ Ｐゴシック";
	margin: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding: 0;
}


/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}




/** ---------------  トップイメージ　ここから ↓↓↓　------------------------------ */
.top-img {
	float: left;
	width: 950px;
	height: 300px;
	padding-bottom: 15px;
	margin-top: 10px;
	background: url(../../image/temp/menu-shadow.jpg) no-repeat bottom;
}

/** ---------------  トップイメージ　ここまで ↑↑↑　------------------------------ */
/** ---------------  パンくずリスト　ここから ↓↓↓　------------------------------ */
#breadCrumb {
	float: left;
	width: 935px;
	height: auto;
	margin: 10px 0px 10px 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
}

#breadCrumb ul {
	margin: 0;
	padding: 0;
}

#breadCrumb ul li {
	float: left;
	font-size: 78%;
	color: #999;
	margin-right: 10px;
}

#breadCrumb ul li a {
	color:#00F;
	text-decoration:underline;
	margin-right: 10px;
}

#breadCrumb ul li a:hover {
	color:#00F;
	text-decoration:none;
}
/** ---------------  パンくずリスト　ここまで　↑↑↑　------------------------------ */






/** ---------------  共通設定（トップページへ戻るリンク）　ここから　↓--------------------------- */
.page-top {
	overflow: auto;
	display: block;
	font-family: "ＭＳ Ｐゴシック";
	font-size: 80%;
	text-align: right;
	margin-bottom: 30px;
	margin-top: 10px;
	margin-right: 20px;
}


.page-top a {
	color: #00F;
	text-decoration: underline;
}


.page-top a:hover {
	color: #F00;
}
/** ---------------  共通設定（トップページへ戻るリンク）　ここまで ↑--------------------------- */


/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
.container {
	width: 950px;
	background: #FFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */





/** ヘッダーエリア ここから　↓↓↓　*****************************************************************************************************/

div#header {
	overflow: hidden;
	width:950px;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	clear: both;
}

div#header div#logo a {
	height: 74px;
	width:200px;
	float:left;
	margin: 10px;
}

div#header div#intro {
	height: auto;
	width: 465px;
	float: left;
}
	
div#header div#intro h1 {
	font-size: 78%;
	text-align: left;
	margin-top: 10px;
	}

div#header div#intro p {
	font-size:small;
	background-color: #FFF;
	color:#000;
	margin-top: 20px;
	margin-left: 15px;
	}



div#header div#tel-office {
	height: 74px;
	width: 255px;
	float: left;
	margin-top: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-left: 8px;
}


div#header div#tel-office p.yomei {
	font-weight: bold;
	font-size:smaller;
}


div#header div#tel-office ul.tel {
	width: 255px;
	margin-top: 10px;
	background: url(../../image/temp/img-tel.jpg)  no-repeat;
}


div#header div#tel-office li {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 96%;
	font-weight: bold;
	margin-left: 40px;
	color: #60823E;
}


/*ヘッダーここまで　↑*/





/*グローバルナビ1-3ここから　↓*/

div#nav1 {
	width:950px;
	height: 30px;
	margin: 10px 0px;
	}

div#nav1 ul.menu {
	margin:0px;
	padding:0px;
	list-style-type: none;
	width: 950px;
	height: 30px;
	}

div#nav1 ul.menu li {
	margin:0px;
	float:left;
	font-size:smaller;
	list-style-position: inside;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div#nav1 ul.menu li.shiryo p a {
	padding:0px;
	background-color: #FFF;
	background-image: url(../../image/temp/btn-shiryo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 108px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

div#nav1 ul.menu li.setsumeikai p a {
	padding:0px;
	background-color: #FFF;
	background-image: url(../../image/temp/btn-setsumeikai.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 141px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

div#nav1 ul.menu li.counseling p a {
	padding:0px;
	background-color: #FFF;
	background-image: url(../../image/temp/btn-counseling.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 189px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

div#nav1 ul.menu li.omitsumori p a {
	padding:0px;
	background-color: #FFF;
	background-image: url(../../image/temp/btn-omitsumori.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 124px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

div#nav1 ul.menu li.otoiawase p a {
	padding:0px;
	background-color: #FFF;
	background-image: url(../../image/temp/btn-otoiawase.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 108px;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 10px;
}


div#nav1 ul.menu li.shiryo p a:hover,
div#nav1 ul.menu li.setsumeikai p a:hover,
div#nav1 ul.menu li.counseling p a:hover,
div#nav1 ul.menu li.omitsumori p a:hover,
div#nav1 ul.menu li.otoiawase p a:hover {
	background-position: bottom left;
}



div#nav1 ul.menu li.gaiyo {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	background-color: #FFF;
	background-image: url(../images/nav-kugiri.gif);
	background-repeat: no-repeat;
	background-position: -6px -1px;
	text-indent: 13px;
}

div#nav1 ul.menu li.office {
	width: auto;
	height: 15px;
	font-size: 96%;
	text-indent: 15px;
	margin-left: 10px;
	margin-top: 7px;
}

div#nav1 ul.menu li.office p a {
	display: block;
	color: #666;
	text-decoration: none;
	line-height: 15px;
	background: url(../../image/temp/toppage/link-btn.jpg) no-repeat  ;
	background-repeat: no-repeat;
}


div#nav1 ul.menu li.office p a:hover {
	display: block;
	color: #F00;
	background-position: bottom left;
	text-decoration: underline;
}
/*グローバルナビ1-3ここまで　↑*/



/*グローバルナビ2-3ここから　↓*/

div#list {
	width:950px;
	height: 60px;
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	background: url(../../image/temp/menu-shadow.jpg) no-repeat bottom;
}


div#list ul.list-menu {
	margin:0px;
	padding:0px;
	list-style-type: none;
	width: 950px;
	height: 60px;
	}

div#list ul.list-menu li {
	display: block;
	width: 190px;
	height: 60px;
	margin:0px;
	padding:0px;
	float:left;
	font-size:smaller;
	list-style-position: inside;
	list-style-type: none;
}

div#list ul.list-menu li.top-program p a {
	display: block;
	width: 190px;
	height: 60px;
	color: #FFF;
	text-indent: -9999px;
	background: url(../../image/temp/menu-bar01.jpg) no-repeat;
}


div#list ul.list-menu li.top-country p a {
	display: block;
	width: 190px;
	height: 60px;
	color: #FFF;
	text-indent: -9999px;
	background: url(../../image/temp/menu-bar02.jpg) no-repeat;
}


div#list ul.list-menu li.top-taikendan p a {
	display: block;
	width: 190px;
	height: 60px;
	color: #FFF;
	text-indent: -9999px;
	background: url(../../image/temp/menu-bar03.jpg) no-repeat;
}



div#list ul.list-menu li.top-aboutokc p a {
	display: block;
	width: 190px;
	height: 60px;
	color: #FFF;
	text-indent: -9999px;
	background: url(../../image/temp/menu-bar04.jpg) no-repeat;
}


div#list ul.list-menu li.top-campaign p a {
	display: block;
	width: 190px;
	height: 60px;
	color: #FFF;
	text-indent: -9999px;
	background: url(../../image/temp/menu-bar05.jpg) no-repeat;
}


div#list ul.list-menu li.top-program p a:hover,
div#list ul.list-menu li.top-country p a:hover,
div#list ul.list-menu li.top-taikendan p a:hover,
div#list ul.list-menu li.top-aboutokc p a:hover,
div#list ul.list-menu li.top-campaign p a:hover {
	background-position: bottom left;
}

/*グローバルナビ2-3ここまで　↑*/



/** ヘッダーエリア ここまで　↑↑↑　*****************************************************************************************************/


/** メインページ ここから　↓↓↓　*****************************************************************************************************/
.container .content {
	float: left;
	width: 950px;
	height: auto;
	background: url(../../image/program/homestay/shadow-bottom.jpg) bottom no-repeat;
}
/** メインページ ここまで　↑↑↑　*****************************************************************************************************/



/**　フッター　***************************************************************/
.footer {
	width: 950px;
	padding: 7px 0;
	clear: both;}


/**　↓↓↓　******************************************/
.footer .application-area {
	width: 930px;
	height: 240px;
	padding: 0 0 0 20px;
	background: url(../../image/temp/bottom-bg.jpg) no-repeat;
}


.footer .application-area ul {
	width: 930px;
	height: 240px;
	padding: 0;
	margin: 0;
}


/**　共通設定　***************/
.footer .application-area li {
	float: left;
}


.footer .application-area li a {
	display: block;
	width: 170px;
	height: 104px;
	text-indent: -9999px;
	color: #000;
}


/**　資料請求　***************/
.footer .application-area li.shiryo a {
	margin-right: 15px;
	background: url(../../image/temp/box-shiryo.png) no-repeat;
}


/**　カウンセリング　***************/
.footer .application-area li.counseling a {
	margin-right: 15px;
	background: url(../../image/temp/box-counseling.png) no-repeat;
}


/**　各種セミナー　***************/
.footer .application-area li.seminar a {
	margin-right: 15px;
	background: url(../../image/temp/box-seminar.png) no-repeat;
}



/**　お見積り　***************/
.footer .application-area li.estimate a {
	margin-right: 15px;
	background: url(../../image/temp/box-estimate.png) no-repeat;
}


/**　お問合せ　***************/
.footer .application-area li.contact a {
	background: url(../../image/temp/box-contact.png) no-repeat;
}


.footer .application-area li.shiryo a:hover,
.footer .application-area li.counseling a:hover,
.footer .application-area li.seminar a:hover,
.footer .application-area li.estimate a:hover,
.footer .application-area li.contact a:hover {
	display: block;
	background-position: bottom left;
}

/**　↓↓↓　******************************************/
.footer .ad-banner {
	overflow: hidden;
	width: 940px;
	height: 60px;
	padding: 15px 0px 10px 10px;
	border-bottom: 1px solid #999;
	clear: both;
}


/**　共通　***************/
.footer .ad-banner a li {
	background-color: #FFF;
	color: #000;
}

/**　HIS　***************/
.footer .ad-banner li.his a {
	float: left;
	width: 200px;
	height: 60px;
	margin-right: 10px;
	background: url(../../image/temp/bottombn-his.jpg) no-repeat;
	text-indent: -9999px;
}


/**　STA　***************/
.footer .ad-banner li.sta a {
	float: left;
	width: 195px;
	height: 60px;
	margin-right: 10px;
	background: url(../../image/temp/bottombn-sta.jpg) no-repeat;
	text-indent: -9999px;
}


/**　JAOS　***************/
.footer .ad-banner li.jaos a {
	float: left;
	width: 163px;
	height: 55px;
	font-size: 78%;
	padding-left:72px;
	padding-right: 5px;
	padding-top: 5px;
	margin-right: 10px;
	background: url(../../image/temp/bottombn-jaos.jpg) no-repeat;
	text-decoration: none;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 17px;
	font-weight: normal;
}


/**　教育ローン　***************/
.footer .ad-banner li.loan a {
	float: left;
	width: 265px;
	height: 60px;
	background: url(../../image/temp/bottombn-loan.jpg) no-repeat;
	text-indent: -9999px;
}


/**　共通設定　***************/
.footer .ad-banner li a:hover {
	background-position: bottom left;
}


/**　↓↓↓　******************************************/
.footer .main-program {
	overflow: hidden;
	width: 940px;
	height: auto;
	padding: 15px 0px 15px 10px;
}


.footer .main-program li {
	float: left;
}


/**　1列目　***************/
.footer .main-program li.first {
	width: 186px;
	height: auto;
	border-right: 1px dotted #999;
}


/**　2.3.4列目　***************/
.footer .main-program li.second {
	width: 176px;
	height: auto;
	padding-left: 10px;
	border-right: 1px dotted #999;
}


/**　5列目　***************/
.footer .main-program li.last {
	width: 176px;
	height: auto;
	padding-left: 10px;
}


.footer .main-program li p {
	font-size: 78%;
	line-height: 1.7em;
}




.footer .main-program li p a {
	color: #666;
	text-decoration: none;
}


.footer .main-program li p a:hover {
	color: #00F;
	text-decoration: underline;
}


/**　↓↓↓　******************************************/
.footer .copyright {
	width: 910px;
	height: 20px;
	background-color: #04399D;
	padding: 5px 20px;
	margin-bottom: 10px;
	clear: both;
}


.footer .copyright p {
	display: block;
	width: 400px;
	float: left;
	font-size: 84%;
	color: #FFF;
}

/**　最下部（会社概要 | 個人情報 | 採用情報 | サイトマップ）を追加・削除する場合下記を変更する　**/
.footer .copyright .cr-position {
	display: block;
	width: 375px;           /**リンクを追加する場合数値を増やす　（合計数値 "width"+"padding-left"=560px）**/
	float: left;
	padding-left: 135px;    /**リンクを追加する場合数値を減らす　（合計数値 "width"+"padding-left"=560px）**/
}


.footer .copyright ul.bottom-info {
	width: auto;
}


.footer .copyright li {
	float: left;
	width: auto;
	color: #FFF;
	font-size: 78%;
	margin-right: 10px;
}


.footer .copyright li a {
	margin-right: 10px;
	color: #FFF;
	text-decoration: none;
}


.footer .copyright li a:hover {
	color: #FF0;
	text-decoration: underline;
}

/**　フッター　***************************************************************/