@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
* =================================================================== */

/* =====================================================================
*
*    0. Summer Seminar 2012 Index
*
* =================================================================== */

div.course-set { width: 640px; padding: 0 23px 0; float: right; position: relative;}
div.course-set section.cover { width: 600px; border: 1px solid #000; border: 0;}
div.course-set section.cover p.main-img { padding-bottom: 40px;}
div.course-set section.cover p.icon-img { position: absolute; top: -15px; left: 520px;}

ul.navi-course-set { width: 599px; height: 41px; border-right: 1px solid #DDDDDD;}
	ul.navi-course-set li               { height: 41px; border-left: 1px solid #DDDDDD; float: left;}
/*	ul.navi-course-set li.nowhere       { height: 41px; border-left: 1px solid #DDDDDD;}
*/	ul.navi-course-set li:hover         { height: 41px; border-left: 1px solid #DDDDDD; background-color: #FFFFFF;}
/*		html.ie7 ul.select-course li:hover           { height: 41px; background-color: #FFFFFF;}
	ul.navi-course-set li.nowhere:hover { height: 41px; border-left: 1px solid #DDDDDD; background-color: #FFFFFF;}
		html.ie7 ul.navi-course-set li.nowhere:hover { height: 41px; background-color: #FFFFFF;}
*/
	div.course-set section.cover h1 { padding-bottom: 30px; font-size: 32px; font-weight: bold; line-height: 1.4em;}
	div.course-set section.cover h1 a { font-weight: bold; text-decoration: underline;}
	div.course-set section.cover h4 { padding-bottom: 30px; font-size: 107%; font-weight: bold;}
	div.course-set section.cover h4 a { font-weight: bold; text-decoration: underline;}
	div.course-set section.cover p.lead { padding-bottom: 40px; font-size: 93%; line-height: 1.6em;}

		/* ---- unit A ---- */
		div.course-set article.unitA { width: 280px; padding: 0 0 40px;}
		div.course-set article.unitA h2 { width: 280px; padding-bottom: 8px; font-size: 122%;}
		div.course-set article.unitA img { padding-bottom: 14px;}
		div.course-set article.unitA h3 { width: 280px; padding-bottom: 8px; font-size: 107%; font-weight: bold;}
		div.course-set article.unitA p { width: 280px; padding: 0 0 16px; font-size: 93%; line-height: 1.7em;}
		div.course-set article.unitA p a { font-weight: bold; text-decoration: underline;}
		div.course-set article.unitA address a { font-weight: bold; text-decoration: underline;}

		/* ---- unit B ---- */
		div.course-set article.unitB { width: 280px; padding: 0 0 10px; position: relative;}
		div.course-set article.unitB h2 { width: 280px; height: 26px; padding: 10px 0 8px; background: url(/juken/common/images/bg-unitB.gif) 0 0 no-repeat; font-size: 122%;}
		div.course-set article.unitB p.link-detail { text-align: right; position: absolute; top: 8px; right: 0;}
		div.course-set article.unitB p.link-detail a { font-size: 93%; line-height: 1.7em; font-weight: bold; text-decoration: underline;}
		div.course-set article.unitB p { width: 280px; font-size: 93%; line-height: 1.7em;}
		div.course-set article.unitB ol { width: 280px;}
		div.course-set article.unitB li { padding-left: 5px; font-size: 93%; line-height: 1.7em; list-style: decimal inside;}

		/* ---- unit C ---- */
		div.course-set article.unitC { width: 278px; border: 1px solid #DDDDDD; padding: 0 0;}
		div.course-set article.unitC h2 { width: 268px; height: 26px; padding: 8px 0 8px 10px; background: url(/juken/common/images/bg-unitC.gif) 0 0 no-repeat; font-size: 107%;}
		div.course-set article.unitC ul { padding: 0 9px 8px;}
		div.course-set article.unitC li { padding-right: 3px; font-size: 77%; float: left;}
			html.ie7 div.course-set article.unitC li { float: none;}

		/* ---- unit C ver.PDF ---- */
		div.course-set article.unitC-pdf { width: 278px; border: 1px solid #DDDDDD; padding: 0 0;}
		div.course-set article.unitC-pdf dl { position: relative;}
		div.course-set article.unitC-pdf dt { width: 228px; height: 26px; padding: 8px 0 8px 50px; background: url(/juken/common/images/bg-unitC.gif) 0 0 no-repeat; font-size: 107%; font-weight: bold;}
		div.course-set article.unitC-pdf dd.pdficon { position: absolute; top: -7px; left: 10px;}
		div.course-set article.unitC-pdf ul { padding: 0 9px 8px 12px;}
		div.course-set article.unitC-pdf li { list-style: disc inside; font-size: 93%; line-height: 1.7em; font-weight: bold;}

		/* ---- unit D ---- */
		div.course-set ul.unitD { width: 280px; padding: 0;}
		div.course-set ul.unitD li { font-size: 77%; line-height: 1.7em;}

		/* ---- unit E ---- */
		div.course-set article.unitE { width: 280px; padding: 0 0 10px;}
		div.course-set article.unitE h2 { width: 280px; height: 30px; border: 1px solid #000; border: 0; padding: 14px 0 0; background: url(/juken/common/images/bg-course.gif) 0 0 no-repeat; font-size: 122%;}
		div.course-set article.unitE div { width: 280px; border-top: 2px solid #333333; padding: 12px 0; background: #FFFFFF;}
		div.course-set article.unitE p { width: 280px; padding-bottom: 15px; font-size: 93%; line-height: 1.7em;}
		div.course-set article.unitE ul { width: 280px; background: url(/juken/common/images/bg-courseID.gif) 0 0 repeat;}
		div.course-set article.unitE li { width: 92px; padding-right: 2px; float: left;}
		div.course-set article.unitE li.third-item { padding-right: 0;}
		div.course-set article.unitE li.last-item { padding-bottom: 2px;}
		div.course-set article.unitE dl { width: 92px;}
		div.course-set article.unitE dt { width: 92px; height: 31px; padding-top: 9px; text-align: center; font-size: 197%; font-weight: bold; line-height: 1.0em;}
		div.course-set article.unitE dd { width: 92px; height: 36px; padding-top: 4px; text-align: center; font-size: 93%; line-height: 1.4em;}

		/* ---- unit F ---- */
		div.course-set article.unitF { width: 280px; padding: 0 0 0;}
		div.course-set article.unitF h2 { width: 280px; padding-bottom: 4px; font-size: 107%;}
		div.course-set article.unitF h3 { width: 280px; height: 30px; padding: 17px 0 8px; background: url(/juken/common/images/bg-unitF.gif) 0 0 no-repeat; font-size: 136%; font-weight: bold;}
		div.course-set article.unitF p { width: 280px; padding: 0 0 16px; font-size: 93%; line-height: 1.7em;}

		/* ---- unit G ---- */
		div.course-set article.unitG { width: 280px; padding: 0px; position: relative;}
		div.course-set article.unitG h2,
		div.course-set article.unitG h3 { width: 280px; height: 27px; padding: 9px 0 0; background: url(/juken/common/images/bg-unitB.gif) 0 0 no-repeat; font-size: 77%; font-weight: normal;}
		div.course-set article.unitG h4 { width: 280px; padding: 9px 0 0; font-size: 77%; font-weight: normal;}
		div.course-set article.unitG p { width: 280px; padding: 20px 0 40px; text-align: center;}
		div.course-set article.unitG p a img {border: 1px solid #CC006A;}

		/* ---- unit H ---- */
		div.course-set article.unitH { width: 160px; padding: 0 0 10px;}
		div.course-set article.unitH h2 { width: 160px; height: 26px; padding: 10px 0 0; background: url(/juken/common/images/bg-unitB.gif) 0 0 no-repeat; font-size: 122%;}
		div.course-set article.unitH p.school { width: 160px; text-align: right; font-size: 77%; line-height: 1.7em;}
		/* ---- unit I ---- */
		div.course-set article.unitI { width: 410px; padding: 0 0 10px;}
		div.course-set article.unitI p { width: 410px; font-size: 93%; line-height: 1.7em;}



/* =====================================================================
*
*    1. Course Detail
*
* =================================================================== */

ul.dep { width: 602px;}
ul.dep li { float: left; width: 178px; height: 46px; margin: 0 2px 2px 0; padding: 8px 0 0 20px;}
ul.dep li.last { margin: 0 0 2px 0;}
ul.dep li a { color: #FFFFFF; font-size: 93%; font-weight: bold;}
	ul.dep li { background: url(/juken/common/images/arrow-w.png) 9px 13px no-repeat;}
	ul.dep li.c-op { background-color: #A93A68;}
	ul.dep li.c-jp { background-color: #6E628C;}
	ul.dep li.c-dc { background-color: #4E974D;}
	ul.dep li.c-nu { background-color: #C56364;}
	ul.dep li.c-a  { background-color: #868045;}
	ul.dep li.c-ma { background-color: #158AC1;}
	ul.dep li.c-b  { background-color: #B1703D;}
	ul.dep li.c-bj { background-color: #005294;}
	ul.dep li.c-l  { background-color: #FED517;}
	ul.dep li.c-pc { background-color: #D63E44;}

ul.goal-link { width: 480px; padding: 0 60px 40px;}
ul.goal-link li { float: left; padding: 0 16px;}

/* =====================================================================
*    parent navi 
* =================================================================== */
ul.select-course { width: 600px; height: 47px; position: relative;}
	ul.select-course li { height: 47px; border-left: 1px solid #DDDDDD; float: left;}
	ul.select-course li.last { border-right: 1px solid #DDDDDD;}
/*	ul.select-course li.nowhere { height: 33px; border-bottom: 0; padding-bottom: 1px; background: url(/juken/common/images/bg-local.gif) left bottom repeat-x;}*/
	ul.select-course li:hover { height: 47px; background-color: #FFFFFF;}
/*		html.ie7 ul.select-course li:hover { height: 32px; border-bottom: 1px solid #E7E7E1; padding-bottom: 1px; background-color: #FFFFFF;}
	ul.select-course li.nowhere:hover { height: 33px; padding-bottom: 1px; background-color: #FFFFFF;}
		html.ie7 ul.select-course li.nowhere:hover { height: 33px; border-bottom: 0; padding-bottom: 1px; background-color: #FFFFFF;}
*/
/* =====================================================================
*    child navi
*    local navigation has 3 items // default
* =================================================================== */
ul.c-op,
ul.c-jp,
ul.c-dc,
ul.c-nu,
ul.c-a,
ul.c-ma,
ul.c-b,
ul.c-bj { position: absolute; top: 47px; left: 0;}
ul.c-l,
ul.c-pc { position: absolute; top: 0; left: 0;}
	/* list config */
	ul.item3 li { width: 200px; height: 125px;}
	ul.item3 li:hover { height: 125px;}
/*		html.ie7 ul.item3 li:hover { height: 126px;}
*/	ul.course-nav li { border: 0; border-bottom: 1px solid #DDDDDD; float: left; line-height: 1.0em;}
	ul.course-nav li:hover { background-color: #FFFFFF;}
/*		html.ie7 ul.course-nav li:hover { border-bottom: 2px solid #333333; background-color: #FFFFFF;}
*/	/* link area */
	ul.item3 li a { width: 200px; height: 20px;}
	ul.course-nav li a { display: block; padding: 100px 0 0; text-align: center; font-size: 77%; color: #666666;}
	ul.course-nav li a:hover { background-color: #FFFFFF;}
	/* backgorund images & position */
	ul.item3 li.icon-course a  { background: url(/juken/common/images/icon-course.png) 65px 20px no-repeat;}
	ul.item3 li.icon-course1 a { background: url(/juken/common/images/icon-course-1.png) 65px 20px no-repeat;}
	ul.item3 li.icon-course2 a { background: url(/juken/common/images/icon-course-2.png) 65px 20px no-repeat;}
	ul.item3 li.icon-course3 a { background: url(/juken/common/images/icon-course-3.png) 65px 20px no-repeat;}
	ul.item3 li.icon-message a { background: url(/juken/common/images/icon-message.png) 65px 20px no-repeat;}
	ul.item3 li.icon-works a   { background: url(/juken/common/images/icon-works.png) 65px 20px no-repeat;}

	/* nowhere list config */
	ul.item3 li.nowhere { border: 0; height: 120px;}
	ul.c-op li.nowhere { border-bottom: 6px solid #A93A68;}
	ul.c-jp li.nowhere { border-bottom: 6px solid #6E628C;}
	ul.c-dc li.nowhere { border-bottom: 6px solid #4E974D;}
	ul.c-nu li.nowhere { border-bottom: 6px solid #C56364;}
	ul.c-a  li.nowhere { border-bottom: 6px solid #868045;}
	ul.c-ma li.nowhere { border-bottom: 6px solid #158AC1;}
	ul.c-b  li.nowhere { border-bottom: 6px solid #B1703D;}
	ul.c-bj li.nowhere { border-bottom: 6px solid #005294;}
	ul.c-l  li.nowhere { border-bottom: 6px solid #FED517;}
	ul.c-pc li.nowhere { border-bottom: 6px solid #D63E44;}
	ul.item3 li.nowhere:hover { height: 120px;}
/*		html.ie7 ul.item3 li.nowhere:hover { height: 120px;}
*/	/* nowhere link area */
	ul.course-nav li.nowhere a:hover { background-color: #FFFFFF;}
	ul.c-op li.nowhere a { color: #A93A68;}
	ul.c-jp li.nowhere a { color: #6E628C;}
	ul.c-dc li.nowhere a { color: #4E974D;}
	ul.c-nu li.nowhere a { color: #C56364;}
	ul.c-a  li.nowhere a { color: #868045;}
	ul.c-ma li.nowhere a { color: #158AC1;}
	ul.c-b  li.nowhere a { color: #B1703D;}
	ul.c-bj li.nowhere a { color: #005294;}
	ul.c-l  li.nowhere a { color: #FED517;}
	ul.c-pc li.nowhere a { color: #D63E44;}
	/* nowhere backgorund images & position */
	ul.item3 li.icon-curriculum a.active { background: url(/juken/common/images/active/icon-message.png) 65px 20px no-repeat;}
	ul.item3 li.icon-course a.active { background: url(/juken/common/images/active/icon-course.png) 65px 20px no-repeat;}
	ul.item3 li.icon-works a.active { background: url(/juken/common/images/active/icon-works.png) 65px 20px no-repeat;}


/* =====================================================================
*    local navigation has 2 items
* =================================================================== */
	/* list config */
	ul.item2 li { width: 300px; height: 125px;}
	ul.item2 li:hover { height: 125px;}
/*		html.ie7 ul.item2 li:hover { height: 124px;}
*/	/* link area */
	ul.item2 li a { width: 300px; height: 20px;}
	/* backgorund images & position */
	ul.item2 li.icon-course a  { background: url(/juken/common/images/icon-course.png) 115px 20px no-repeat;}
	ul.item2 li.icon-course1 a { background: url(/juken/common/images/icon-course-1.png) 115px 20px no-repeat;}
	ul.item2 li.icon-course2 a { background: url(/juken/common/images/icon-course-2.png) 115px 20px no-repeat;}
	ul.item2 li.icon-message a { background: url(/juken/common/images/icon-message.png) 115px 20px no-repeat;}
	ul.item2 li.icon-works a   { background: url(/juken/common/images/icon-works.png) 115px 20px no-repeat;}

	/* nowhere list config */
	ul.item2 li.nowhere { border: 0; height: 120px;}
	ul.c-dc li.nowhere { border-bottom: 6px solid #4E974D;}
	ul.c-bj li.nowhere { border-bottom: 6px solid #005294;}
	ul.c-l  li.nowhere { border-bottom: 6px solid #FED517;}
	ul.item2 li.nowhere:hover { height: 120px;}
/*		html.ie7 ul.item2 li.nowhere:hover { height: 126px;}
*/	/* nowhere backgorund images & position */
	ul.item2 li.icon-course a.active  { background: url(/juken/common/images/active/icon-course.png) 115px 20px no-repeat;}
	ul.item2 li.icon-message a.active { background: url(/juken/common/images/active/icon-message.png) 115px 20px no-repeat;}
	ul.item2 li.icon-works a.active   { background: url(/juken/common/images/active/icon-works.png) 115px 20px no-repeat;}

/* =====================================================================
*    local navigation has 5 items
* =================================================================== */
	/* list config */
	ul.item5 li { width: 120px; height: 138px;}
	ul.item5 li:hover { height: 138px;}
/*		html.ie7 ul.item5 li:hover { height: 124px;}
*/	/* link area */
	ul.item5 li a { width: 120px; height: 33px;}
	/* backgorund images & position */
	ul.item5 li.icon-course1 a  { background: url(/juken/common/images/icon-course-1.png) 25px 20px no-repeat;}
	ul.item5 li.icon-course2 a  { background: url(/juken/common/images/icon-course-2.png) 25px 20px no-repeat;}
	ul.item5 li.icon-course3 a  { background: url(/juken/common/images/icon-course-3.png) 25px 20px no-repeat;}
	ul.item5 li.icon-message a { background: url(/juken/common/images/icon-message.png) 25px 20px no-repeat;}
	ul.item5 li.icon-works a   { background: url(/juken/common/images/icon-works.png) 25px 20px no-repeat;}

	/* nowhere list config */
	ul.item5 li.nowhere { border: 0; height: 138px;}
	ul.c-b li.nowhere { height: 133px; border-bottom: 6px solid #B1703D;}
	ul.item5 li.nowhere:hover { height: 133px;}
/*		html.ie7 ul.item5 li.nowhere:hover { height: 126px;}
*/	/* nowhere backgorund images & position */
	ul.item5 li.icon-course a.active  { background: url(/juken/common/images/active/icon-course.png) 25px 20px no-repeat;}
	ul.item5 li.icon-message a.active { background: url(/juken/common/images/active/icon-message.png) 25px 20px no-repeat;}
	ul.item5 li.icon-works a.active   { background: url(/juken/common/images/active/icon-works.png) 25px 20px no-repeat;}

/* =====================================================================
*    local navigation has 4 items
* =================================================================== */
	/* list config */
	ul.item4 li { width: 150px; height: 123px;}
	ul.item4 li:hover { height: 123px;}
		html.ie7 ul.item4 li:hover { height: 124px;}
	/* link area */
	ul.item4 li a { width: 150px; height: 38px;}
	/* backgorund images & position */
	ul.item4 li.icon-curriculum a { background: url(/juken/common/images/icon-message.png) 40px 20px no-repeat;}
	ul.item4 li.icon-course a { background: url(/juken/common/images/icon-course-1.png) 40px 20px no-repeat;}
	ul.item4 li.icon-course-2 a { background: url(/juken/common/images/icon-course-2.png) 40px 20px no-repeat;}
	ul.item4 li.icon-works a { background: url(/juken/common/images/icon-works.png) 40px 20px no-repeat;}

	/* nowhere list config */
	ul.item4 li.nowhere { height: 126px;}
	ul.item4 li.nowhere:hover { height: 126px;}
		html.ie7 ul.item4 li.nowhere:hover { height: 126px;}
	/* nowhere backgorund images & position */
	ul.item4 li.icon-curriculum a.active { background: url(/juken/common/images/active/icon-message.png) 40px 20px no-repeat;}
	ul.item4 li.icon-course a.active { background: url(/juken/common/images/active/icon-course-1.png) 40px 20px no-repeat;}
	ul.item4 li.icon-course-2 a.active { background: url(/juken/common/images/active/icon-course-2.png) 40px 20px no-repeat;}
	ul.item4 li.icon-works a.active { background: url(/juken/common/images/active/icon-works.png) 40px 20px no-repeat;}