@charset "utf-8";


/* top */
/* =========================================================== */

/* sideBar */
#sideBar dl.poster {
	margin: 0 0 25px 0;
}

#sideBar dl.poster dt {
	margin: 0 0 10px 0;
}

#sideBar dl.letters {
	margin: 0 0 25px 0;
}

#sideBar dl.letters dt {
	margin: 0 0 10px 0;
}

#sideBar dl.portal {
	margin: 0 0 25px 0;
	border-bottom: solid 1px #CCCCCC;
}

#sideBar dl.portal dt {
	margin: 0 0 10px 0;
}

#sideBar dl.portal dd {
	padding: 0 0 7px 0;
	background: url(../top_images/portal_bg.gif) repeat-y left;
}

#sideBar dl.portal dd ul {
	margin: 0 10px;
}

#sideBar dl.portal dd ul li {
	margin: 7px 0 0 0;
	list-style: none;
	font-size: 70%;
	line-height: 1.5;
}

#sideBar dl.portal img {
	display: inline;
}

#sideBar dl.keitai {
	margin: 0 0 25px 0;
}

#sideBar dl.keitai dt {
	margin: 0 0 6px 0;
}

#sideBar dl.keitai dd.url {
	margin: 0 0 6px 0;
	font-size: 78%;
	line-height: 1.5;
}

#sideBar dl.keitai dd.qr {
	display: table;
	width: 185px;
}

#sideBar dl.keitai dd.qr p.txt {
	display: table-cell;
	width: 90px;
	vertical-align: middle;
	font-size: 78%;
	line-height: 1.5;
	/display: inline;
	/zoom: 1;
}

#sideBar dl.keitai dd.qr p.img {
	display: table-cell;
	width: 95px;
	margin: 0 0 1px 0;
	text-align: right;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}

#sideBar ul.icon {
	margin: 0 0 5px 0;
}

#sideBar ul.icon li {
	float: left;
	list-style: none;
}

#sideBar ul.icon li img {
	vertical-align: middle;
}


/* flash,info */
#topArea {
	padding: 0 0 18px 0;
}

#topArea dl.topInfo {
	float: left;
	width: 320px;
}

#topArea dl.topInfo dd p.txt01 {
	float: left;
	width: 150px;
}

#topArea dl.topInfo dd p.txt02 {
	float: right;
	width: 155px;
}

#topArea dl.topInfo dd.btn {
	background: url(../top_images/topinfo_btn_bg.gif) repeat-y left;
	text-align: center;
}

#topArea #flash {
	float: right;
	width: 530px;
}


/* course */
#main dl.course {
	margin: 0 0 30px 0;
	border-bottom: solid 1px #CCCCCC;
}

#main dl.course dt {
	padding: 0 0 10px 0;
}

#main dl.course dt span.link {
	margin: 0 0 0 15px;
	padding: 0 0 0 12px;
	background: url(../common/arw_red.gif) no-repeat left 0.45em;
	line-height: 1.5;
}

#main dl.course dt span.link a {
	font-size: 78%;
	line-height: 1.5;
}

/* Hides form IE-mac \*/
* html #main dl.course dt span.link {
	margin: 0 0 0 15px;
	padding: 0 0 0 12px;
	background: url(../common/arw_red.gif) no-repeat left center;
	line-height: 1.5;
}
/* End hide from IE-mac */



#main dl.course dd {
	width: 665px;
	margin: 0 -40px 0 0;
	padding: 0 0 5px 0;
}

#main dl.course dd div {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}

#main dl.course h2 {
	width: 200px;
	height: 70px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
}

#main dl.course h2.course01 {
	background: url(../top_images/course_img01.jpg) no-repeat left top;
}

#main dl.course h2.course02 {
	background: url(../top_images/course_img02.jpg) no-repeat left top;
}

#main dl.course h2.course03 {
	background: url(../top_images/course_img03.jpg) no-repeat left top;
}

#main dl.course h2.course04 {
	background: url(../top_images/course_img04.jpg) no-repeat left top;
}

#main dl.course h2.course05 {
	background: url(../top_images/course_img05.jpg) no-repeat left top;
}

#main dl.course h2.course06 {
	background: url(../top_images/course_img06.jpg) no-repeat left top;
}

#main dl.course p {
	margin: 0 0 6px 0;
	font-size: 78%;
	line-height: 1.5;
}

#main dl.course p.link a {
	padding: 0 0 0 12px;
	background: url(../common/arw_red.gif) no-repeat left 0.2em;
}

#main dl.course p.link span.icon {
	margin: 0 0 0 10px;
}

#main dl.course dd.culumn2 div {
	float: left;
	width: 310px;
	margin: 0 20px 0 0;
}

#main dl.course h2.course07 {
	width: 310px;
	height: 70px;
	text-indent: -9999px;
	background: url(../top_images/course_img07.jpg) no-repeat left top;
}

#main dl.course h2.course08 {
	width: 310px;
	height: 70px;
	text-indent: -9999px;
	background: url(../top_images/course_img08.jpg) no-repeat left top;
}



/* pickup */
#main dl.pickup {
	margin: 0 0 30px 0;
}

#main dl.pickup dt {
	padding: 0 0 10px 0;
}

#main dl.pickup dd {
	width: 665px;
	margin: 0 -40px 0 0;
}

#main dl.pickup div {
	float: left;
	width: 310px;
	margin: 0 20px 0 0;
}

#main dl.pickup p.banner {
	float: left;
	width: 120px;
	margin: 0 10px 0 0;
}

#main dl.pickup p.txt {
	float: left;
	width: 175px;
	font-size: 78%;
	line-height: 1.5;
}


/* infomation event */
#main div.newsArea {
	width: 665px;
	margin: 0 -40px 30px 0;
	background: url(../top_images/newsarea_bg.gif) repeat-y left;
}

#main div.newsArea dl {
	float: left;
	width: 310px;
	margin: 0 20px 0 0;
}

#main div.newsArea dt {
	padding: 0 0 10px 0;
	background: #FFFFFF;
}

#main div.newsArea dt span.ttl {
	float: left;
	width: 100px;
}

#main div.newsArea dt span.link {
	float: right;
	width: 250px;
	text-align: right;
	font-size: 78%;
	line-height: 1.5;
}

#main div.newsArea dt span.link a {
	padding: 0 0 0 12px;
	background: url(../common/arw_red.gif) no-repeat left center;
}

#main div.newsArea dd {
	margin: 12px 15px 0 15px;
}

#main div.newsArea dd p {
	font-size: 78%;
	line-height: 1.5;
}

#main div.newsArea dd p.ttl {
	margin: 0 0 12px 0;
	padding: 0 0 0 12px;
	background: url(../common/arw_red.gif) no-repeat left 0.5em;
}



/* kanren */
#main dl.kanren {
	margin: 0 0 30px 0;
}

#main dl.kanren dt {
	padding: 0 0 10px 0;
	background: url(../top_images/line01.gif) no-repeat left bottom;
}

#main dl.kanren dd {
	width: 665px;
	margin: 0 -40px 0 0;
}

#main dl.kanren dd p {
	float: left;
	width: 200px;
	margin: 10px 20px 0 0;
	font-size: 70%;
	line-height: 1.2;
}

#main dl.kanren dd p a img {
	margin: 0 0 4px 0;
}

#main dl.kanren dd p a:link span,
#main dl.kanren dd p a:visited span {
	color: #555555;
	text-decoration: none;
}

#main dl.kanren dd p a:hover span,
#main dl.kanren dd p a:active span {
	color: #555555;
	text-decoration: underline;
}




/* inquiryArea */
#main div.inquiryArea {
	width: 640px;
	margin: 0 0 30px 0;
	background: url(../top_images/inquiryarea_bg01.gif) repeat-y left;
}

#main div.inquiryArea dl.taiken {
	float: left;
	width: 310px;
	padding: 0 0 10px 0;
}

#main div.inquiryArea dl.taiken dd.txt02 {
	padding: 0 0 0 13px;
}

#main div.inquiryArea dl.taiken dd.txt02 div {
	float: left;
	width: 140px;
	margin: 0 7px 0 0;
	font-size: 70%;
	line-height: 1.5;
}

#main div.inquiryArea dl.pamphlet {
	float: right;
	width: 310px;
	padding: 0 0 10px 0;
}

#main div.inquiryArea dl.pamphlet dd.txt02 div {
	float: left;
	width: 134px;
	margin: 0 0 0 13px;
	text-align: center;
	/display: inline;
	font-size: 70%;
	line-height: 1.5;
}

#main div.inquiryArea dl.pamphlet dd.txt02 div span {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5;
}


#main div.inquiryArea div.btnArea {
	clear: both;
	padding: 0 0 10px 0;
	background: url(../top_images/inquiryarea_bg02.gif) no-repeat left bottom;
}

#main div.inquiryArea div.btnArea div.taiken {
	float: left;
	width: 310px;
}

#main div.inquiryArea div.btnArea div.taiken a {
	margin: 0 0 0 13px;
}

#main div.inquiryArea div.btnArea div.taiken ul {
	margin: 8px 0 0 0;
}

#main div.inquiryArea div.btnArea div.taiken ul li {
	margin: 0 8px 0 13px;
	list-style: none;
	font-size: 70%;
	line-height: 1.4;
}

#main div.inquiryArea div.btnArea div.pamphlet {
	float: right;
	width: 310px;
}

#main div.inquiryArea div.btnArea div.pamphlet a {
	margin: 0 0 0 13px;
}

#main div.inquiryArea div.btnArea div.pamphlet ul {
	margin: 8px 0 0 0;
}

#main div.inquiryArea div.btnArea div.pamphlet ul li {
	margin: 0 8px;
	list-style: none;
	text-align: center;
	font-size: 70%;
	line-height: 1.4;
}