@charset "utf-8";

/* ========== intro ========== */

/* ----- slider ----- */

#main div#intro_slider {
	width: 760px;
	height: 240px;
	overflow: hidden;
	margin-bottom: 6px;
}

#main div#intro_slider ul, #main ul#intro {	
	width: 760px;
	height: 240px;
	overflow: hidden;
}

#main ul#intro { margin-bottom: 20px; }

#main div#intro_slider li, #main ul#intro li {
	width: 760px;
	height: 240px;
	overflow: hidden;
}
	
#main div#intro_slider h2, #main ul#intro h2,
#main div#intro_slider p, #main ul#intro p {
	display: none;
}

/* slide button */
#main ol#slide_controls, #main ol#slide_controls li {
	list-style: inside none;
}

#main ol#slide_controls {
	width: 44px; /* スライド数が3個の時は66px */
	margin: 0 0 0 auto;
}
* html #main ol#slide_controls { width: 50px; }
*+html #main ol#slide_controls { margin-bottom: 10px; }

#main ol#slide_controls li {
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 0 10px 6px;
	overflow: hidden;
}

#main ol#slide_controls li a {
	display: block;
	width: 16px;
	height: 0px;
	padding-top: 16px;
	overflow: hidden;
	background: url(../../img/common/slider_button.gif) left top no-repeat;
}

#main ol#slide_controls li a:hover,
#main ol#slide_controls li a:active {
	background: url(../../img/common/slider_button.gif) center top no-repeat;
}

#main ol#slide_controls li.current a,
#main ol#slide_controls li.current a:hover,
#main ol#slide_controls li.current a:active {
	background: url(../../img/common/slider_button.gif) right top no-repeat;
}
	

/* normal */
#main li.intro {
	background: url(../img/intro.jpg) left top no-repeat;
}

#main li.intro a.scholarship {
	display: block;
	float: left;
	margin: 184px 0 0 10px;
	width: 406px;
	height: 0;
	padding-top: 56px;
	background: url(../img/btn_scholarship.png) left top no-repeat;
	overflow: hidden;
}
#main li.intro a.scholarship:hover {
	background: url(../img/btn_scholarship.png) left -56px no-repeat;
}

#main li.intro a.request {
	display: block;
	float: right;
	margin: 164px 22px 0 0;
	width: 286px;
	height: 0;
	padding-top: 48px;
	background: url(../img/btn_request.png) left top no-repeat;
	overflow: hidden;
}
* html #main li.intro a.request { margin: 164px 11px 0 0; }
#main li.intro a.request:hover {
	background: url(../img/btn_request.png) left -48px no-repeat;
}


/* ao */
#main li.intro_ao {
	background: url(../img/intro_ao.jpg) left top no-repeat;
}

#main li.intro_ao a {
	margin: 180px 0 0 496px;
	display: block;
	width: 264px;
	height: 0;
	padding-top: 60px;
	background: url(../img/btn_aoweb.png) left top no-repeat;
	overflow: hidden;
}
#main li.intro_ao a:hover,
#main li.intro_ao a:active {
	background: url(../img/btn_aoweb.png) left -60px no-repeat;
}

/* ao pre */
#main li.intro_ao.pre a {
	background: url(../img/btn_aoweb_pre.png) left top no-repeat;
}
#main li.intro_ao.pre a:hover,
#main li.intro_ao.pre a:active {
	background: url(../img/btn_aoweb_pre.png) left -60px no-repeat;
}

/* kisotsu */
#main li.intro_kisotsu {
	background: url(../img/intro_kisotsu.jpg) left top no-repeat;
}

#main li.intro_kisotsu a {
	margin: 180px 0 0 488px;
	display: block;
	width: 272px;
	height: 0;
	padding-top: 60px;
	background: url(../img/btn_kisotsu.png) left top no-repeat;
	overflow: hidden;
}
#main li.intro_kisotsu a:hover,
#main li.intro_kisotsu a:active {
	background: url(../img/btn_kisotsu.png) left -60px no-repeat;
}

	
/* ---------- flowchart ---------- */
#main ol.flowchart {
	background: url(../img/bg_flowchart.gif) left top no-repeat;
	margin-bottom: 20px;
}

#main ol.flowchart li {
	list-style: inside none;
	float: left;
	width: 140px;
	height: 150px;
	margin: 0;
	padding: 6px;
}

#main ol.flowchart li dl dt {
	font-size: 116%;
	font-weight: bold;
	padding: 0 0 3px 4px;
}

#main ol.flowchart li dl dd {
	font-size: 93%;
	padding: 3px 10px 0 12px;
	line-height: 1.5;
}
	


/* ----- テーブル ----- */
#main .table01 td { text-align: center; }

#main .table01 td li { font-size: 100%; }

#main .table01 p {
	font-size: 100%;
	margin-bottom: 0;
	}
	
/* 入学検定料 */
#main .table01.pay { margin-bottom: 30px; }

#main .table01.pay th {
	padding-left: 1.3em;
	text-indent: -1em;
	text-align: left;
	width: 12em;
}
	
#main .table01.pay td { text-align: left; }


/* ----- 追記事項 ----- */
.ps {
	margin: 0 10px 20px 10px;
	line-height: 120%;
	}

.ps ol { margin-left: 15px; }

.ps ul { margin-left: 15px; }

.ps li { font-size: 93%; }


/* ----- attention ----- */
.h2_attention {
	float: left;
	height: 24px;
	line-height: 28px;
	margin: 0;
	overflow: hidden;
	color: #f00;
}

.h3_attention {
	line-height: 24px;
	float: left;
	margin: 0;
	color: #f00;
}

/* ---------- 入学検定料 ---------- */

#main div.e-shiharai {
	width: 206px;
	height: 140px;
	overflow: hidden;
	float: left;
	margin: 0 10px 10px 0;
}

#main div.e-shiharai a {
	display: block;
	width: 206px;
	height: 0;
	padding-top: 140px;
	overflow: hidden;
	background: url(../img/e-shiharai.jpg) left top no-repeat;
}

#main div.e-shiharai a:hover, #main div.e-shiharai a:active {
	background: url(../img/e-shiharai.jpg) right top no-repeat;
}

/* ----- コンビニ支払い ----- */

#main div.pay_convenience {
	width: 770px;
	padding-bottom: 24px;
	margin-right: -10px;
	background: url(../img/pay_arrow.png) left bottom repeat-x;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#main div.pay_convenience dl {
	background: #FFCFA4 url(../img/pay_arrowline.gif) 64px 8px no-repeat;
	width: 128px;
	margin: 0 10px 0 0;
	padding: 8px 8px 2px 8px;
	float: left;
}

#main div.pay_convenience dl dt,
#main div.pay_convenience dl dd {
	background-color: #ffffff;
	width: 116px;
	padding: 6px 6px 4px 6px;
	overflow-x: hidden;
	margin: 0 0 6px 0;
	text-align: center;
	font-size: 93%;
	line-height: 1.4;
}

#main div.pay_convenience dl dt img {
	margin-bottom: 4px;
}

#main div.pay_convenience dl dd p {
	padding: 0;
	margin: 0;
}

#main div.register {
	position: relative;
	z-index: 0;
	width: 770px;
	margin: -6px -10px 10px 0;
	padding: 0;
	overflow: hidden;
}

#main div.register ul {
	margin: 0 10px 0 0;
	border: 1px solid #97765B;
	padding: 8px 8px 6px 8px;
	float: left;
	line-height: 1.4;
}
#main div.register ul.seveneleven, #main div.register ul.ministop {
	width: 160px;
}
#main div.register ul.lawson { width: 366px; }

#main div.register ul li {
	list-style: outside disc;
	margin: 0 0 0 1.2em;
	padding: 0;
	font-size: 93%;
}

#main div.ps ul.txt_indent1 li {
	margin-left: 1em;
}


/* ----- ペイジー ----- */

#main div.pay_eagy {
	width: 246px;
	float: left;
	margin: 0 10px 10px 0;
	/margin: 0 10px -10px 0;
}

#main div.pay_eagy dl {
	background-color: #F8969F;
	padding: 8px 8px 2px 8px;
}

#main div.pay_eagy dl dt,
#main div.pay_eagy dl dd {
	width: 218px;
	background-color: #ffffff;
	padding: 6px 6px 4px 6px;
	margin: 0 0 6px 0;
	text-align: center;
	font-size: 93%;
	line-height: 1.4;
}

#main div.pay_eagy dl dt {
	height: 7.6em;
}

#main div.pay_eagy dl dt img.mg_bottom40 {
	margin-bottom: 40px;
}

#main div.pay_eagy dl dt.credit p {
	margin: 2px 0 0 0;
	padding-right: 0;
	line-height: 1.2;
}

#main div.pay_eagy dl dt.credit img {
	margin: 0 3px 5px 0;
}


/* ----- ボタン ----- */

/* inline */
div.btn_detail {
	clear: both;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 0 20px 0;
	}

div.btn_detail a {
	vertical-align: top;
	display: inline-block;
	text-align: center;
	width: 260px;
	margin-left: 10px;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	background: url(../img/btn_detail.gif) left top no-repeat;
	text-decoration: none;
	color: #666;
	}
	
div.btn_detail a.fl { margin: 0 0 0 70px; }
* html div.btn_detail a.fl { margin: 0 0 0 35px; }

div.btn_detail a.fr { margin: 0 70px 0 0; }
* html div.btn_detail a.fr { margin: 0 35px 0 0; }

/* ========== left menu ========== */

/* common */
#leftmenu dl.left_root dd.guide_ao ul { display: none; }
#leftmenu.left_ao dl.left_root dd.guide_ao ul,
#leftmenu.left_aoweb dl.left_root dd.guide_ao ul { display: block; }

/* expenses */
#leftmenu dl.left_root#left_expenses dd.left_expenses a { background-color: #ffd3ca; }

/* ao */
#leftmenu.left_ao dl.left_root dd.guide_ao a { background-color: #ffd3ca; }
#leftmenu.left_ao dl.left_root dd.guide_ao a:hover,
#leftmenu.left_ao dl.left_root dd.guide_ao a:active {
	background-color: #ffd3ca;
}

#leftmenu.left_ao dl.left_root dd.guide_ao * a { background-color: #ffffff; }
#leftmenu.left_ao dl.left_root dd.guide_ao * a:hover,
#leftmenu.left_ao dl.left_root dd.guide_ao * a:active {
	background-color: #f5e7bb;
}

/* aoweb */
#leftmenu.left_aoweb ul.subdivision li.guide_aoweb a { background-color: #ffd3ca; }
#leftmenu.left_aoweb ul.subdivision li.guide_aoweb a:hover,
#leftmenu.left_aoweb ul.subdivision li.guide_aoweb a:active {
	background-color: #ffd3ca;
}

#leftmenu.left_aoweb ul.subdivision dd.guide_aoweb * a { background-color: #ffffff; }
#leftmenu.left_aoweb ul.subdivision dd.guide_aoweb * a:hover,
#leftmenu.left_aoweb ul.subdivision dd.guide_aoweb * a:active {
	background-color: #f5e7bb;
}