@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.seminar-set { width: 640px; padding: 0 23px 0; float: right; position: relative;}

ul.navi-seminar-set { width: 600px; height: 41px;}
	ul.navi-seminar-set li { height: 38px; float: left; border-bottom: 3px solid #333333;}
	ul.navi-seminar-set li.nowhere { height: 41px; border-bottom: 0; background: url(/juken/common/images/bg-local.gif) left bottom repeat-x;}
	ul.navi-seminar-set li:hover { height: 38px; background-color: #FFFFFF;}
		html.ie7 ul.select-course li:hover { height: 39px; border-bottom: 2px solid #333333; background-color: #FFFFFF;}
	ul.navi-seminar-set li.nowhere:hover { height: 41px; background-color: #FFFFFF;}
		html.ie7 ul.navi-seminar-set li.nowhere:hover { height: 41px; border-bottom: 0; background-color: #FFFFFF;}

div.seminar-set section.cover { width: 600px; border: 1px solid #000; border: 0;}

div.seminar-set section.cover p.main-img { padding-bottom: 40px;}
div.seminar-set section.cover p.icon-img { position: absolute; top: 0; left: 520px; }
	div.seminar-set section.cover h1 { position: relative; padding-bottom: 30px; font-size: 32px; font-weight: bold; line-height: 1.4em;}
	div.seminar-set section.cover h1 a { font-weight: bold; text-decoration: underline;}
	div.seminar-set section.cover h4 { padding-bottom: 30px; font-size: 107%; font-weight: bold;}
	div.seminar-set section.cover h4 a { font-weight: bold; text-decoration: underline;}
	div.seminar-set section.cover p.lead { padding-bottom: 40px; font-size: 93%; line-height: 1.6em;}

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

		/* ---- unit B ---- */
		div.seminar-set article.unitB { width: 280px; padding: 0 0 10px; position: relative;}
		div.seminar-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.seminar-set article.unitB p.link-detail { text-align: right; position: absolute; top: 8px; right: 0;}
		div.seminar-set article.unitB p.link-detail a { font-size: 93%; line-height: 1.7em; font-weight: bold; text-decoration: underline;}
		div.seminar-set article.unitB p { width: 280px; font-size: 93%; line-height: 1.7em;}
		div.seminar-set article.unitB ol { width: 280px;}
		div.seminar-set article.unitB li { padding-left: 5px; font-size: 93%; line-height: 1.7em; list-style: decimal inside;}

		/* ---- unit C ---- */
		div.seminar-set article.unitC { width: 278px; border: 1px solid #DDDDDD; padding: 0 0;}
		div.seminar-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.seminar-set article.unitC ul { padding: 0 9px 8px;}
		div.seminar-set article.unitC li { padding-right: 3px; font-size: 77%; float: left;}
			html.ie7 div.seminar-set article.unitC li { float: none;}

		/* ---- unit C ver.PDF ---- */
		div.seminar-set article.unitC-pdf { width: 278px; border: 1px solid #DDDDDD; padding: 0 0;}
		div.seminar-set article.unitC-pdf dl { position: relative;}
		div.seminar-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.seminar-set article.unitC-pdf dd.pdficon { position: absolute; top: -7px; left: 10px;}
		div.seminar-set article.unitC-pdf ul { padding: 0 9px 8px 12px;}
		div.seminar-set article.unitC-pdf li { list-style: disc inside; font-size: 93%; line-height: 1.7em; font-weight: bold;}

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

		/* ---- unit E ---- */
		div.seminar-set article.unitE { width: 280px; padding: 0 0 10px;}
		div.seminar-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.seminar-set article.unitE div { width: 280px; border-top: 2px solid #333333; padding: 12px 0; background: #FFFFFF;}
		div.seminar-set article.unitE p { width: 280px; padding-bottom: 15px; font-size: 93%; line-height: 1.7em;}
		div.seminar-set article.unitE ul { width: 280px; background: url(/juken/common/images/bg-courseID.gif) 0 0 repeat;}
		div.seminar-set article.unitE li { width: 92px; padding-right: 2px; float: left;}
		div.seminar-set article.unitE li.third-item { padding-right: 0;}
		div.seminar-set article.unitE li.last-item { padding-bottom: 2px;}
		div.seminar-set article.unitE dl { width: 92px;}
		div.seminar-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.seminar-set article.unitE dd { width: 92px; height: 36px; padding-top: 4px; text-align: center; font-size: 93%; line-height: 1.4em;}

		/* ---- unit F ---- */
		div.seminar-set article.unitF { width: 280px; padding: 0 0 0;}
		div.seminar-set article.unitF h2 { width: 280px; padding-bottom: 4px; font-size: 107%;}
		div.seminar-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.seminar-set article.unitF p { width: 280px; padding: 0 0 16px; font-size: 93%; line-height: 1.7em;}

		/* ---- unit G ---- */
		div.seminar-set article.unitG { width: 280px; padding: 0px; position: relative;}
		div.seminar-set article.unitG h2,
		div.seminar-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.seminar-set article.unitG p { width: 280px; padding: 20px 0 40px; text-align: center;}
		div.seminar-set article.unitG p a img {border: 1px solid #CC006A;}



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

/* =====================================================================
*    parent navi 
* =================================================================== */
ul.select-course { width: 600px; height: 34px; position: relative;}
	ul.select-course li { height: 32px; border-bottom: 1px solid #E7E7E1; padding-bottom: 1px; float: left;}
	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: 32px; padding-bottom: 1px; 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 5 items // default
* =================================================================== */
ul.course-nav { position: relative; top: 35px; left: 0;}
	/* list config */
	ul.item5 li { width: 120px; height: 138px;}
	ul.item5 li:hover { height: 138px;}
		html.ie7 ul.item5 li:hover { height: 139px;}
	ul.course-nav li { border-bottom: 3px solid #333333; 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.item5 li a { width: 120px; height: 38px;}
	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.item5 li.icon-curriculum a { background: url(/juken/common/images/icon-curriculum-n.png) 25px 20px no-repeat;}
	ul.item5 li.icon-course a { background: url(/juken/common/images/icon-course-n.png) 25px 20px no-repeat;}
	ul.item5 li.icon-curriculum-p a { background: url(/juken/common/images/icon-curriculum-p.png) 25px 20px no-repeat;}
	ul.item5 li.icon-course-p a { background: url(/juken/common/images/icon-course-p.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 { height: 141px;}
	ul.course-nav li.nowhere { border-bottom: 0; background: url(/juken/common/images/bg-local.gif) left bottom repeat-x;}
	ul.item5 li.nowhere:hover { height: 141px;}
		html.ie7 ul.item5 li.nowhere:hover { height: 141px;}
	/* nowhere link area */
	ul.course-nav li.nowhere a:hover { background-color: #FFFFFF;}
	ul.course-nav li.nowhere a { color: #33CCFF;}
	/* nowhere backgorund images & position */
	ul.item5 li.icon-curriculum a.active { background: url(/juken/common/images/active/icon-curriculum-n.png) 25px 20px no-repeat;}
	ul.item5 li.icon-course a.active { background: url(/juken/common/images/active/icon-course-n.png) 25px 20px no-repeat;}
	ul.item5 li.icon-curriculum-p a.active { background: url(/juken/common/images/active/icon-curriculum-p.png) 25px 20px no-repeat;}
	ul.item5 li.icon-course-p a.active { background: url(/juken/common/images/active/icon-course-p.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-curriculum.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-curriculum.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;}

/* =====================================================================
*    local navigation has 3 items
* =================================================================== */
    ul.course-nav { position: absolute; top: 35px; left: 0;}
	/* list config */
	ul.item3 li { width: 120px; height: 138px;}
	ul.item3 li:hover { height: 138px;}
		html.ie7 ul.item3 li:hover { height: 139px;}
	ul.course-nav li { border-bottom: 3px solid #333333; 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: 120px; height: 38px;}
	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-curriculum a { background: url(/juken/common/images/icon-curriculum-n.png) 65px 20px no-repeat;}
	ul.item3 li.icon-course a { background: url(/juken/common/images/icon-course-n.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 { height: 141px;}
	ul.course-nav li.nowhere { border-bottom: 0; background: url(/juken/common/images/bg-local.gif) left bottom repeat-x;}
	ul.item3 li.nowhere:hover { height: 141px;}
		html.ie7 ul.item3 li.nowhere:hover { height: 141px;}
	/* nowhere link area */
	ul.course-nav li.nowhere a:hover { background-color: #FFFFFF;}
	ul.course-nav li.nowhere a { color: #33CCFF;}
	/* nowhere backgorund images & position */
	ul.item3 li.icon-curriculum a.active { background: url(/juken/common/images/active/icon-curriculum-n.png) 65px 20px no-repeat;}
	ul.item3 li.icon-course a.active { background: url(/juken/common/images/active/icon-course-n.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 3 items
* =================================================================== */
	/* list config */
/*ul.item3 li { width: 200px; height: 123px;}
	ul.item3 li:hover { height: 123px;}
		html.ie7 ul.item3 li:hover { height: 124px;}
	/* link area */
/*ul.item3 li a { width: 200px; height: 38px;}
	/* backgorund images & position */
/*ul.item3 li.icon-curriculum a { background: url(/juken/common/images/icon-curriculum.png) 65px 20px no-repeat;}
	ul.item3 li.icon-course a { background: url(/juken/common/images/icon-course.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 { height: 126px;}
	ul.item3 li.nowhere:hover { height: 126px;}
		html.ie7 ul.item3 li.nowhere:hover { height: 126px;}
	/* nowhere backgorund images & position */
/*ul.item3 li.icon-curriculum a.active { background: url(/juken/common/images/active/icon-curriculum.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: 123px;}
	ul.item2 li:hover { height: 123px;}
		html.ie7 ul.item2 li:hover { height: 124px;}
	/* link area */
	ul.item2 li a { width: 300px; height: 38px;}
	/* backgorund images & position */
	ul.item2 li.icon-curriculum a { background: url(/juken/common/images/icon-curriculum.png) 115px 20px no-repeat;}
	ul.item2 li.icon-course a { background: url(/juken/common/images/icon-course.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 { height: 126px;}
	ul.item2 li.nowhere:hover { height: 126px;}
		html.ie7 ul.item2 li.nowhere:hover { height: 126px;}
	/* nowhere backgorund images & position */
	ul.item2 li.icon-curriculum a.active { background: url(/juken/common/images/active/icon-curriculum.png) 115px 20px no-repeat;}
	ul.item2 li.icon-course a.active { background: url(/juken/common/images/active/icon-course.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;}