@charset "utf-8";

/* -----------------------------------------------------------
	QUALIER
	for pickup dir
	1. book.html
	2. invitattion.html
	
----------------------------------------------------------- */

/* -----------------------------------------------------------
  1. class for book.html
----------------------------------------------------------- */
/* Layout --- */
div.book div#main div.inner {
	clear:both;
	margin:0 40px 30px;
	color:#333333;
}
div.book div#main div.inner div.lc {
	float:left;
	width:140px;
}
div.book div#main div.inner div.rc {
	float:right;
	width:430px;
}
div.book div#main div.inner div.rc p.latestIcon {margin-bottom:5px;}
div.book div#main div.inner div.netshop {
	border:1px solid #003399;
	padding:15px 20px 20px;
}
div.book div#main div.inner div.rc div.netshop ul li {
	display:inline;
}
div.book div#main div.inner div.rc div.netshop ul li a {
	margin-right:15px;
	background:url(../../share/images/linkout.gif) no-repeat right center;
	padding-right:15px;
}

/* text --- */
div.book div#main p.lead {
	margin:0 40px 30px;
	line-height:2;
}
div.book div#main div.inner h4 {
	margin-bottom:10px;
	font-size:1.4em;
}
div.book div#main div.inner div.rc p {
	margin-bottom:10px;
	line-height:2;
}
div.book div#main div.inner div.rc p.pubInfo {
	line-height:1.5;
	font-weight:bold;
}
div.book div#main div.inner div.rc div.netshop p {
	color:#003399;
	line-height:1.5;
}

/* -----------------------------------------------------------
  2. class for invitation.html
----------------------------------------------------------- */
/* Layout --- */
div.invitation div#main h2 {
	margin-bottom:10px;
}
div.invitation div#main h3 {
	clear:both;
	margin:0 0 15px;
}
div.invitation div#main div.inner {
	padding:20px 20px 0;
	color:#333333;
}
div.invitation div#main div.inner div.lc {float:left;}
div.invitation div#main div.inner div.cc {float:left;}
div.invitation div#main div.inner div.rc {float:right;}

div.invitation div#main div.inner p {
	line-height:1.8;
}

/* course */
div.invitation div#main div.inner div.explanation {margin-bottom:20px;}
div.invitation div#main div.inner div.explanation div.lc {width:570px;}
div.invitation div#main div.inner div.explanation div.rc {width:266px;}

div.invitation div#main div.inner div.feature {
	clear:both;
	margin-bottom:20px;
}
div.invitation div#main div.inner div.feature p {padding:10px;}
div.invitation div#main div.inner div.feature div.lc,
div.invitation div#main div.inner div.feature div.cc,
div.invitation div#main div.inner div.feature div.rc {
	background:#ffffff;
	width:268px;
	margin-bottom:0;
}
div.invitation div#main div.inner div.feature div.cc {margin-left:28px;}

div.invitation div#main div.inner div.outline {clear:both;}

/* link in page --- */
div.invitation div#main ul#linkInPage{
	margin-bottom:45px;
}
div.invitation div#main ul#linkInPage li {
	display:block;
	float:left;
	margin-left:13px;
	padding-bottom:7px;
}
div.invitation div#main ul#linkInPage li.navi01 {
	margin-left:0;
	background:url(../images/invi_linkbg01.gif) repeat-x left bottom;
}
div.invitation div#main ul#linkInPage li.navi02 {
	background:url(../images/invi_linkbg02.gif) repeat-x left bottom;
}
div.invitation div#main ul#linkInPage li.navi03 {
	background:url(../images/invi_linkbg03.gif) repeat-x left bottom;
}
div.invitation div#main ul#linkInPage li.navi04 {
	background:url(../images/invi_linkbg04.gif) repeat-x left bottom;
}
div.invitation div#main ul#linkInPage li a {
	background:url(../images/invi_link.gif) no-repeat left center;
	padding-left:15px;
}

div.invitation div#main h4 {
	padding:0 20px;
	color:#ffffff;
	font-size:1.5em;
	line-height:3.2;
}
div.invitation div#main p.lead {
	font-size:1.1em;
}

/* preschool course --- */
div.invitation div#main div#coursePre {
	margin-bottom:15px;
	background:#C2E1B3 url(../images/invi_bg02.gif) no-repeat left bottom;
	padding-bottom:20px;
}
div.invitation div#main div#coursePre h4 {
	background:#339900 url(../images/invi_bg01.gif) no-repeat left top;
	height:60px;
}
div.invitation div#main div#coursePre h4 a {
	color:#ffffff;
	text-decoration:none;
}
div.invitation div#main div#coursePre h4 a:hover {
	text-decoration:underline;
}
div.invitation div#main div#coursePre table {
	border-collapse:separate;
	border-spacing:1px;
	background:#66cc00;
	width:100%;
}
div.invitation div#main div#coursePre table th,
div.invitation div#main div#coursePre table td {
	border:1px solid #ffffff;
	padding:10px 15px;
}
div.invitation div#main div#coursePre table th {
	background:#ffffcc;
	width:60px;
	text-align:center;
}
div.invitation div#main div#coursePre table td {
	background:#ffffff;
}


/* geniuse course --- */
div.invitation div#main div#courseGenius {
	margin-bottom:15px;
	background:#FFE1B3 url(../images/invi_bg04.gif) no-repeat left bottom;
	padding-bottom:20px;
}
div.invitation div#main div#courseGenius h4 {
	background:#FF9900 url(../images/invi_bg03.gif) no-repeat left top;
	height:60px;
}
div.invitation div#main div#courseGenius h4 a {
	color:#ffffff;
	text-decoration:none;
}
div.invitation div#main div#courseGenius h4 a:hover {
	text-decoration:underline;
}
div.invitation div#main div#courseGenius  div.feature p {
	display:block;
	min-height:70px;
	height:auto ! important;
	height:70px;
}
div.invitation div#main div#courseGenius table {
	border-collapse:separate;
	border-spacing:1px;
	background:#cc6600;
	width:411px;
}
div.invitation div#main div#courseGenius table caption {
	margin-bottom:3px;
	color:#990000;
	font-size:1.1em;
	font-weight:bold;
}
div.invitation div#main div#courseGenius table th,
div.invitation div#main div#courseGenius table td {
	border:1px solid #ffffff;
	padding:10px 10px;
}
div.invitation div#main div#courseGenius table th {
	background:#ffffcc;
	width:60px;
	text-align:center;
}
div.invitation div#main div#courseGenius table td {
	background:#ffffff;
}

/* winter course and special event wrapper --- */
div.invitation div#main div.wrapper {margin-bottom:25px;}

/* winter course --- */
div.invitation div#main div#seasonCourse {
	float:left;
	background:#D6E0FF url(../images/invi_bg06.gif) no-repeat left bottom;
	padding-bottom:20px;
	width:435px;
	min-height:345px;
	height:auto ! important;
	height:350px;
}
div.invitation div#main div#seasonCourse h4 {
	background:#3366FF url(../images/invi_bg05.gif) no-repeat left top;
	height:60px;
}
div.invitation div#main div#seasonCourse div.inner {padding-top:15px;}
div.invitation div#main div#seasonCourse div.inner p {margin-bottom:1em;}
div.invitation div#main div#seasonCourse div.inner ul {
	margin-bottom:1em;
	padding-left:1.8em;
}
div.invitation div#main div#seasonCourse div.inner ul li {list-style-type:disc;}
div.invitation div#main div#seasonCourse div.inner ol {padding-left:1.8em;}
div.invitation div#main div#seasonCourse div.inner ol li {list-style-type:decimal;}


/* special event --- */
div.invitation div#main div#spEvent {
	float:right;
	background:#E9DFFF url(../images/invi_bg08.gif) no-repeat left bottom;
	padding-bottom:20px;
	width:435px;
	min-height:345px;
	height:auto ! important;
	height:350px;
}
*:first-child+html div.invitation div#main div#spEvent {
	min-height:345px;
	height:auto ! important;
}
div.invitation div#main div#spEvent h4 {
	background:#6A35D4 url(../images/invi_bg07.gif) no-repeat left top;
	height:60px;
}
div.invitation div#main div#spEvent div.inner {padding-top:15px;}
div.invitation div#main div#spEvent div.inner p {margin-bottom:1em;}
div.invitation div#main div#spEvent div.inner ul li {
	margin:0 0 10px 15px;
	list-style-type:disc;
	font-weight:bold;
}


/* inquiryInfo --- */
div.invitation div#main div.inquiryInfo {
	clear:both;
	border-top:1px solid #cccccc;
	padding:25px 0;
}


/* clearfix --- */
div.invitation div#main div.introduction:after,
div.invitation div#main ul#linkInPage:after,
div.invitation div#main div.inner:after,
div.invitation div#main div.inner div.explanation:after,
div.invitation div#main div.inner div.feature:after,
div.invitation div#main div.inner div.outline:after,
div.invitation div#main div.wrapper:after {
	content: ".";
	display: block;
	font-size: 0.1em;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.invitation div#main div.introduction,
div.invitation div#main ul#linkInPage,
div.invitation div#main div.inner,
div.invitation div#main div.inner div.explanation,
div.invitation div#main div.inner div.feature,
div.invitation div#main div.inner div.outline,
div.invitation div#main div.wrapper {
	zoom: 1;
}


/* for print */
@media print{
	*:first-child+html body div.invitation div#main div.introduction img{margin-left:-1px;}
}