@charset "UTF-8";
/* CSS Document */

/* =====================================================================
*    0. Bace Color
*    ---
*         Funabi Magenta        #CC006A
*         Funabi Lte Blue       #33CCFF
*         Funabi Beige          #F8F7F1
*    ---
*    1.   Header
*    1.1. Global Menu
*    2.   Contents
*    2.1. Left Area
*    2.2. Center Area
*    2.3. Right Area
*    3.   Footer
*    3.1. Sitemap Area
*    3.2. Footer Area
* =================================================================== */

* { color: #333333;}

/* =====================================================================
*
*    1. Main Area
*
* =================================================================== */

div#container { width: 986px; margin-top: 30px; position: relative;}

#container div.box-foot { width: 753px; float: right; }

#container section.main-box { width: 753px; margin-bottom: 32px; padding: 0 0 10px 0; background: url(/juken/common/images/main-foot.png) bottom left no-repeat; }

#container section.main-box .contents-wrapper { width: 753px; border: 1px solid #000; border: 0; background: url(/juken/common/images/main-body.png) 0 0 repeat-y; }

section.main-box .vertical { width: 30px; padding: 56px 0 0 35px; float: left;}
	p#progress,
	.pager { display: none;}
	.nehan-vertical-text-line { font-weight: bold; line-height: 1.3em !important;}
	.img-char { margin: -14px 0 14px !important;}

section.main-box article { width: 640px; padding: 0 23px 0; float: right;}

/* ------ category cover set ------ */

article section.cover       { position: relative;}
section.cover p.main-img    { padding-bottom: 40px;}
section.cover p.circle-flag { position: absolute; top: -15px; left: 495px;}
section.cover h1            { padding-bottom: 30px; font-size: 32px; font-weight: bold; line-height: 1.4em;}
section.cover h1 a          { font-weight: bold; text-decoration: underline;}
section.cover h2            { padding-bottom: 30px; font-size: 107%; font-weight: bold;}
section.cover h2.sub        { margin-bottom: 20px; border-bottom: 2px solid #000; padding: 5px 0 1px !important; background: url(/juken/common/images/bg-course.gif) 0 0 repeat-x; font-size: 32px !important; font-weight: bold; line-height: 1.2em;}
section.cover h2 a          { font-weight: bold; text-decoration: underline;}
section.cover p.lead        { padding-bottom: 40px; font-size: 93%; line-height: 1.6em;}

section.cover ul.link-img { width: 500px; float: right;}
section.cover ul.link-img li { width: 220px; height: 100px; border: 1px solid #000; border: 0; padding: 0 20px 20px 0; float: left;}
section.cover ul.link-img dl { width: 220px; height: 100px; position: relative; background-color: #000000;}
section.cover ul.link-img dd { border: 1px solid #000; border: 0; position: absolute; top: 11px; left: 11px;}
section.cover ul.link-img dd a { color: #F8F7F1; font-size: 144%; font-weight: bold;}

section.cover ul.link-txt { width: 140px; float: left;}
section.cover ul.link-txt li { padding: 0 0 9px 12px; background: url(/juken/common/images/arrow-v1.gif) 0 1px no-repeat;}
section.cover ul.link-txt li.blank { background: url(/juken/common/images/blank-v1.gif) 0 1px no-repeat;}
section.cover ul.link-txt li a { background: #FFFF00; font-size: 107%; font-weight: bold;}
section.cover ul.link-txt li.past    { margin: 10px 20px 0 0; border-top: 1px dotted #CC006A; padding-top: 10px; background-position: 0 11px;}
section.cover ul.link-txt li.past a  { background: none;}
section.cover ul.link-txt li.past2 a { background: none;}

section.cover ul.part-box { width: 240px; float: left;}
section.cover ul.part-box li.link-img { width: 220px; height: 100px; border: 1px solid #000; border: 0; padding: 0 20px 13px 0; float: left;}
section.cover ul.part-box dl { width: 220px; height: 100px; position: relative; background-color: #000000;}
section.cover ul.part-box dd { border: 1px solid #000; border: 0; position: absolute; top: 11px; left: 11px;}
section.cover ul.part-box dd a { color: #F8F7F1; font-size: 144%; font-weight: bold;}
section.cover ul.part-box li.dep { width: 198px; padding-left: 22px; float: left;}
section.cover ul.part-box li.dep a { width: 198px; height: 24px; display: block; font-weight: bold; font-size: 100%; color: #333333;}
section.cover ul.part-box li.dep li { width: 186px; padding-left: 12px; float: left;}
section.cover ul.part-box li.dep li a { width: 186px; height: 20px; display: block; font-size: 85%; font-weight: normal; color: #4E974D;}

section.cover ul.ver-day { background: url(/juken/course/images/bg-link-day.gif) 0 110px no-repeat !important;}
section.cover ul.ver-night { background: url(/juken/course/images/bg-link-night.gif) 0 110px no-repeat !important;}
section.cover ul.ver-weekend { background: url(/juken/course/images/bg-link-weekend.gif) 0 110px no-repeat !important;}
section.cover ul.ver-basic { background: url(/juken/course/images/bg-link-basic.gif) 0 110px no-repeat !important;}

section.cover table    { width: 599px; border-left: 1px solid #CCC; border-top: 1px solid #B3B3B3;}
section.cover tr       { border-bottom: 1px solid #CCC;}
section.cover tr.zebra { background: #FFF;}
section.cover th       { border-right: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; padding: 3px 4px 2px; font-weight: bold; text-align: center; background: #DADAD4;}
section.cover td       { border-right: 1px solid #CCC; padding: 3px 6px 2px;}
section.cover td.mny   { text-align: right;}
section.cover td.ctr   { text-align: center;}



/* ------ utility ------ */
.read-area p     { width: 600px; border: 1px solid #000; border: 0; padding-bottom: 20px; font-size: 114%; line-height: 1.8em;}

.read-area dl    { width: 600px; border-top: 1px solid #CCCCCC; }
.read-area dl dt { width: 90px; border-top: 2px solid #CCCCCC; padding: 10px 0 12px 10px; float: left; font-weight: bold; font-size: 93%; color: #666666;}
.read-area dl dd { width: 480px; padding: 12px 0 12px 20px; float: right; font-size: 107%; color: #666666; line-height: 1.6em;}
	.read-area dl:hover    { background: #FFFFFF;}
	.read-area dl:hover dt { color: #333333;}
	.read-area dl:hover dd { color: #000000;}

.signature     { width: 600px; text-align: right; font-size: 93%;}
.signature img { padding-left: 20px;}
.date          { width: 600px; padding: 50px 0; text-align: right; font-size: 93%; color: #666666;}

/* google map caption */
#map_canvas { width: 640px; height: 400px;}

span.blank a { width: 284px; padding: 0 0 0 16px; display: block; background: url(/juken/common/images/blank-v1.gif) 0 1px no-repeat;}

.box-caption { border: 1px solid #CCC; border: 0; padding-bottom: 60px;}
.box-caption h4.title { padding: 46px 0 16px; font-size: 107%; font-weight: bold;}
.box-caption address { padding-bottom: 16px; font-size: 93%;}
.box-caption p { padding-bottom: 16px;}

p.link-pdf a { width: 260px; height: 18px; padding: 6px 0 6px 40px; display: block; background: url(/juken/common/images/bg-link-pdf.png) 0 0 no-repeat; font-size: 83%;}

/* foot link area */
ul.foot-link { width: 589px; height: 109px; border: 1px solid #000; border: 0; padding: 11px 0 0 11px; background: url(/juken/common/images/bg-footlink.png) 0 0 no-repeat;}
ul.foot-link li { padding-right: 1px; float: left;}

/* page transition */
ul.page-transition { width: 600px; border: 1px solid #000; border: 0; padding-top: 70px;}
ul.page-transition li.next,
ul.page-transition li.prev { width: 300px; border-top: 1px solid #CCCCCC; padding: 10px 0 0;}
ul.page-transition li.next { float: right;}
ul.page-transition li.prev { float: left;}
ul.page-transition li.next a,
ul.page-transition li.prev a { width: 280px; padding: 0 0 6px; font-size: 100%; display: block;}
ul.page-transition li.next a { padding-right: 20px; background: url(/juken/common/images/page-next.png) 284px 0 no-repeat; text-align: right;}
ul.page-transition li.prev a { padding-left: 20px; background: url(/juken/common/images/page-prev.png) 0 0 no-repeat;}

/* 流し込み用 横幅700px */
.tmp700 #container section.main-box .contents-wrapper { width: 700px; padding: 0 33px 0 20px;}
.tmp700 section.main-box article { width: 600px; padding: 0 50px ; float: right;}

/* ここまで */

/* =====================================================================
*
*    2. aside
*
* =================================================================== */
div#container aside { width: 233px; float: left;}
aside div.nav1st { padding: 0 0 10px; background: url(/juken/common/images/aside-foot.png) right bottom no-repeat;}

aside ul.global { padding: 35px 0 0 22px; background: url(/juken/common/images/aside-bg.png) 0 0 repeat-y;}
aside ul.global li.last-item { height: 49px; border: 1px solid #000; border: 0; background: url(/juken/images/bg-submenu.gif) 1px 44px no-repeat;}
aside ul.submenu { height: 134px; padding-left: 1px; border: 1px solid #000; border: 0; padding: 5px 0 0 22px; background: url(/juken/common/images/aside-bg.png) 0 0 repeat-y;}
aside ul.submenu li.bnr { padding: 30px 0 0 11px;}

/* Global Navigation */
#subMenuAbout { width: 441px; height: 40px; position:absolute; top: 115px; left:22px; display:none;}
#subMenuAppeal { width: 421px; height: 40px; position:absolute; top:155px; left:22px; display:none;}
#subMenuCourse { width: 761px; height: 40px; position:absolute; top:195px; left:22px; display:none;}
	html.ie7 #subMenuAbout { top:81px;}
	html.ie7 #subMenuAppeal { top:121px;}
	html.ie7 #subMenuCourse { top:152px;}

/* child layer */
.hover-nav { width: 201px; float: left;}
.layer-menu ul.w300 { width: 300px;}
.layer-menu ul.w240 { width: 240px;}
.layer-menu ul.w220 { width: 220px;}
.layer-menu ul.w260 { width: 260px;}
.layer-menu li { height: 29px; border-bottom: 1px solid #FFFFFF; background-color: #33CCFF;}
	html.ie7 .layer-menu li { margin-top: -1px;}
.layer-menu ul.w300 li { border-right: 1px solid #FFF;}

.layer-menu li a { height: 23px; padding: 6px 0 0 24px; display: block; font-size: 93%; background: url(/juken/common/images/bg-layer-cld.png) 0 0 repeat-y;}
.layer-menu ul.w260 li a { background: url(/juken/common/images/bg-layer-cld-b.png) 0 0 repeat-y;}

.layer-menu li.bbc { border-bottom: 1px solid #23BCFF !important;}
.layer-menu li.bbn { border-bottom: none;}

.layer-menu li a:hover { background: url(/juken/common/images/bg-layer-cld.png) 0 -20px no-repeat; background-color: #FFFFFF;}
.layer-menu ul.w260 li a:hover { background: url(/juken/common/images/bg-layer-cld-b.png) 0 -20px repeat-y; background-color: #FFFFFF;}

/* sns box */
.sns-box    { width: 233px; height: 298px; border: 1px solid #000; border: 0; padding: 17px 0 0 23px; background: url(/juken/common/images/bg-sns.png) 0 14px no-repeat;}
.sns-box ul { width: 200px; height: 278px; position: relative}
.sns-box li { border: 1px solid #000; border: none; position: absolute;}
.sns-box li.fb { top: 18px; left: 18px;}
.sns-box li.mf { top: 130px; left: 18px;}
.sns-box li.mc { top: 200px; left: 18px;}
.sns-box li.gr { top: 240px; left: 18px;}
.sns-box li.tw { top: 18px; left: 127px;}
.sns-box li.gp { top: 100px; left: 127px;}
.sns-box li.en { top: 180px; left: 127px;}
div.fb-like span iframe { height: 92px !important;}