@charset "Shift_JIS";

.cover											{ position: relative; width: 695px; height: 242px; background: url(../img/index_01.jpg) right bottom no-repeat;}
.cover h2										{ position: absolute; top: 22px; left: 0; display: block; width: 522px; height: 58px; text-indent: -9999px; background: url(../img/index_02.png) 0 0 no-repeat;}
.cover p										{ position: absolute; top: 97px; left: 5px; font-size: 13px; line-height: 24px;}

.mds_blue										{ display: block; width: 695px; height: 35px; text-align: center; background: url(../img/index_03.png) 0 0 repeat-x;}
.grayBox										{ border-bottom: 1px solid #ccc; padding-left: 20px; width: 675px; height: 27px; line-height: 28px; font-size: 14px; font-weight: 700; overflow: hidden; background: url(../img/index_05.png) 0 0 #f1f2f3 no-repeat;}

.areaBoxFoot									{ padding-bottom: 20px; background: url(../img/index_06.png) left bottom no-repeat;}
.areaBoxHead									{ padding-top: 20px; background: url(../img/index_07.png) 0 0 no-repeat;}
.areaBox										{ padding: 5px 20px; width: 675px; background: url(../img/index_08.png) 0 0 repeat-y;}
.areaBox dt, .areaBox dd						{ float: left; height: 25px; font-size: 13px; font-weight: 700;}
.areaBox dt										{ padding-right: 15px; width: 125px; text-align: right;}
.areaBox dd										{ width: 500px;font-weight: normal;}
.areaBox dd a										{ font-weight: bold;}

.gokakuriyu										{ width: 695px; height: 175px; background: url(../img/index_10.jpg) right 0 no-repeat;}
.gokakuriyu dt									{ font-size: 14px; font-weight: 700;}
.gokakuriyu dd									{ padding-left: 20px; padding-bottom: 10px;}

/***************************************
 * Ҷ޷���
 ***************************************/
div#cover										{ background: url(../img/index_12.png) 30px -20px no-repeat;}
.cover-L										{ margin-top: 20px; display: inline; float: left; width: 480px;}
.cover-L p										{ margin-top: 15px;}
.cover-R										{ display: inline; float: right; padding: 38px 20px 0 15px; width: 157px; min-height: 190px; height: auto !important; height: 190px;}
.pho-Teacher									{ padding: 0;}
.pho-Teacher-txt								{ margin-top: 21px; font-family: "�l�r �o�S�V�b�N",Osaka,"�q���M�m�p�S Pro W3"; font-size: 12px; font-weight: 700; line-height: 140p%; color: #151546;}

/***************************************
 * �󌱏����ޯ��
 ***************************************/
.pref_flow										{ padding: 12px 0 11px 7px; width: 688px; font-size: 12px; background-color: #ebebeb;}
.pref_flow dl									{ float: left;}
dl#pref_flow1, dl#pref_flow2					{ width: 230px;}
dl#pref_flow3									{ width: 228px;}
.pref_flow dt									{ height: 27px; background: url(../img/top_01.png) 210px 0 no-repeat;}
.pref_flow dt span								{ display: block; width: 210px; height: 27px; line-height: 28px; font-size: 14px; font-weight: 900; text-indent: 10px; color: #fff; background-color: #1d1c6a;}
.pref_flow dd									{ position: relative; margin-top: 15px; height: 190px;}
.pref_flow dd h2								{ font-weight: 900; color: #333;}
.pref_flow dd img								{ border: 1px solid #ccc; margin-top: 2px; width: 208px; height: 85px;}
.pref_flow dd p									{ width: 210px; line-height: 16px;}
.pref_flow dd a									{ position: absolute; bottom: 5px; right: 20px; background: url(../img/top_02.png) 0 0 no-repeat; display: block; height: 24px; margin-left: 89px; text-decoration: none; text-indent: -9999px; width: 121px;}
.pref_flow dd a:hover							{ background-position: 0 -24px;}

/***************************************
 * �ʼn�������
 ***************************************/
.threeBtn										{ padding-left: 26px; width: 669px;}
.threeBtn p										{ float: left; margin-right: 20px; width: 200px;}
.threeBtn p a									{ width: 200px; height: 42px; background-image: url(../img/3btn.png); background-repeat: no-repeat;}
.tB1											{ background-position: 0 0;}
.tB1:hover										{ background-position: -200px 0;}
.tB2											{ background-position: 0 -42px;}
.tB2:hover										{ background-position: -200px -42px;}
.tB3											{ background-position: 0 -84px;}
.tB3:hover										{ background-position: -200px -84px;}

/***************************************
 * ��۰��ٷ���
 ***************************************/
#prefVisual, #topVisual {
	position: relative;
	margin: 0 auto;
	width: 950px;
	height: 175px !important;
	overflow: hidden;
	}
#prefVisual h1, #topVisual h1 {
	position: absolute;
	top: 52px;
	left: 38px;
	z-index: 0;
	}
#prefVisual p, #topVisual p {
	position: relative;
	top: 101px;
	left: 38px;
	line-height: 1.214;
	}
#topVisual										{ background: url(../img/index_00.jpg) 0 0 no-repeat !important;}
#prefVisual										{ background: url(../img/index_11.jpg) 0 0 no-repeat;}

.mainCntsFrame									{ border-right: 1px solid #000080; border-bottom: 1px solid #000080; border-left: 1px solid #000080; padding: 20px 30px; font-size: 77%;}
.mT10											{ margin-top: 10px;}
.mT15											{ margin-top: 15px;}
.mT20											{ margin-top: 20px;}
.mT30											{ margin-top: 30px;}
.pT30											{ padding-top: 30px;}
.fs12											{ font-size: 12px;}
.fs16											{ font-size: 16px;}
.fs18											{ font-size: 18px;}
.fs19											{ font-size: 19px;}
.fgBlue											{ color: #000080;}
.fgRed											{ color: #ff0000;}
.fgGray											{ color: #888;}
.bold											{ color: #333; font-weight: 700;}