 /* COMMON */
img{ border:none; }

/* BASE CSS */
body{color:#666; margin:0 auto 0 auto; padding:0; background-image:url(images/bodybg.png); background-position:center; background-repeat:repeat-y; text-align:center;}
#container{width:760px; background-color:#fff; margin:0 auto 0 auto; border-top:10px solid #004DCE; text-align:left;}
#wrapper{ width:760px;}
#contents{width:590px; margin:0px; float:right;}
#eyecatch { text-align:center;}
#eyecatch p{ text-align:left; line-height:130%; font-size:12px; margin:5px 0 0 5px;}

.clear{clear:both}
.clear-right{clear:right}
.spot-banner{ margin:0 0 3px 0;}
.spot-link{ margin:5px 15px 5px 10px; padding:0px; display:list-item; list-style-image:url(images/list_linkmark.png); text-align:right; font-size:12px;}
.tel{ font-weight:bold; color:#FF0000; font-size:14px;}
.note{ text-align:right; font-size:10px; color:#FF0000; margin:0 5px 0 0 ;}
.privacy-policy{ text-align:center; font-size:12px; margin:10px 0px 0 0 ;}
.linktext-left{ font-size:12px; margin:5px;}
.inline-imagebox{ float:right; width:180px; margin:0 0 10px 10px; text-align:center; background-color:#FFFFC6;}
.inline-imagebox img{ margin:10px 0 0 0;}
.inline-imagebox p{ font-size:10pt; line-height:130%; margin:0 15px 10px 20px; text-align:left;}
.inline-imagebox h4{ margin:5px 0 5px 10px; text-align:left; border-left:5px solid #00FFAD; padding:0 0 0 5px;}
.inline-imagebox-liquid{ float:right; width:180px; margin:0 0 10px 10px; text-align:center;}
.inline-imagebox-liquid img{ margin:0;}
.inline-imagebox-liquid p{ font-size:10pt; line-height:130%; margin:0 15px 10px 20px; text-align:left;}
.inline-imagebox-liquid h4{ margin:5px 0 5px 10px; text-align:left; padding:0 0 0 5px;}
.imagebox-l{ float:right; width:280px; margin:0 0 10px 10px; text-align:right;}
.imagebox{ text-align:center;}
.imagebox p{ line-height:150%; font-size:14px; margin:10px; }
.arrow{ text-align:center;}
a:link{ color:#009EC6;}
a:visited{ color:#009EC6;}
a:hover{ color:#FF3800;}
.button-link{ display:block; margin:0 0 5px 0;}

/* HEADER CSS */
#header{width:760px; height:75px; margin:0; background-image:url(images/header_bg.png); background-repeat:no-repeat; background-position:top;}
h1{margin:0; padding:2px 5px 2px 5px; font-size:10px; font-weight:normal; float:left;}
#headerinq { margin:0; text-align:right; float:right;}
#header ul{text-align:right; margin:0 5px 0 0;}
#header li{display:inline; margin:0 0 0 3px; font-size:11pt;}
/* 
#header a:link{ padding:0 0 0 13px; background-image:url(images/header_navi_list_o.png); background-position:left; background-repeat:no-repeat; text-decoration:none; color:#00006B;}
#header a:visited{ padding:0 0 0 13px; background-image:url(images/header_navi_list_o.png); background-position:left; background-repeat:no-repeat; text-decoration:none; color:#00006B;}
#header a:hover{ padding:0 0 0 13px; background-image:url(images/header_navi_list.png); background-position:left; background-repeat:no-repeat; text-decoration:none; color:#CE004A;}
*/

/* SIDEMENU CSS */
#sidemenu { width:170px; float:left;}
#sidemenu h2{ margin:0; border-top:3px solid #009EC6; }
#sidemenu ul{ margin:0; padding:0px; font-size:10pt; }
#sidemenu li{ margin:3px 0 3px 3px; list-style-type:none; border:1px solid #009EC6; width:165px; padding:0;vertical-align: text-bottom;}
#sidemenu img{ vertical-align: text-bottom;}
#sidemenu a{ display:block;}
#sidemenu a:link{ color:#00006B;}
#sidemenu a:visited{ color:#00006B;}
#sidemenu a:hover{color:#00006B;}

/* FOOTER CSS */
#footer{width:750px; text-align:center; height:50px; border-top:3px double #004DCE; margin:10px 5px 0 5px;}
#footer h4{ margin:10px; color:#004DCE; font-size:12px; padding:0; letter-spacing:1px;}
#footer p{margin:10px 0 5px 0px; font-size:10pt;}
#footer a{ margin:0 7px 0 7px; letter-spacing:1px;}
#footer a:link{ text-decoration:none; color:#333;}
#footer a:visited{ text-decoration:none; color:#333;}
#footer a:hover{ text-decoration:none; color:#FF3800;}

/* TOPPAGE CONTENTS CSS */
#main { width:580px; margin:5px 5px 0 5px;}
#top-information {
	width:400px;
	text-align:left;
	float:left;
}
#top-information h2{ background-image:url(images/sidemenu_h2_bg.png); background-position:bottom; background-repeat:repeat-x;color:#FFFFFF; font-size:12pt; padding:3px 0 5px 5px; margin:0; border-top:3px solid #009EC6; width:395px; letter-spacing:2px;}

#rss_button {text-align:right; margin:0 15px 0 0; position:relative; top:-22px;}
#top-banner { width:170px; float:right;}
#bannerlist ul{margin:0; padding:0px; font-size:10pt;}
#bannerlist li{ margin:0px 0px 3px 0; list-style-type:none;}
#mobile { border-top:3px dotted #009EC6; margin:10px 0 0 0;}
#mobile h3{ font-size:14px; margin:10px 0 5px 0; color:#009EC6;}
#mobile ul{ margin:0 0 0 10px; padding:0px; font-size:10pt;}
#mobile li{ list-style-image:url(images/mobile_list.png); margin:0 0 3px 5px;}
iframe{ margin:-10px 0 0 0;}



/* SUBPAGE CSS */
#subpage-main { margin:20px 0 0 20px;}
#subpage-main h2{ margin:0 0 10px 0; border-bottom:3px solid #009EC6;}
#subpage-main h3{ margin:15px 0 15px 0; border-left:5px solid #FFB200; padding:0 5px; color:#3155A5; font-size:16px;}
.maintext { margin:0 0 50px 0px;}
.maintext p { line-height:150%; font-size:14px; text-align:justify; text-justify: distribute; margin:0px 10px 10px 10px; }
.maintext ul{ font-size:12px; text-align:justify; text-justify: distribute; margin:0px 10px 20px 10px; line-height:130%;}
.voice li{ list-style-image:url(images/list_voice_01.gif); border-bottom:1px dotted #94CBFF; margin:5px 0 15px 15px;}
.maintext dl{ text-align:justify; text-justify: distribute; margin:0px 10px 10px 10px; line-height:130%;} 
.maintext dt{ font-weight:bold; font-size:14px; background-color:#FFFF94; padding:1px 0 1px 5px; margin:0 0 10px 0;}
.voice dd{ font-size:12px; display:list-item;list-style-image:url(images/list_voice_01.gif);border-bottom:1px dotted #94CBFF; margin:5px 0 15px 15px; line-height:130%;}
.secure dd{ font-size:14px; display:list-item;list-style-image:url(images/list_secure_01.gif);border-bottom:1px dotted #94CBFF; margin:5px 0 15px 15px; line-height:130%;}
#course-introduction p{ margin:10px 10px 10px 10px; line-height:150%; font-size:14px; text-align:justify; text-justify: distribute; }
#course-introduction dl{ text-align:justify; text-justify: distribute; margin:0px 10px 20px 10px; line-height:130%;} 
#course-introduction dt{ font-weight:bold; font-size:14px; padding:1px 0 1px 15px; margin:0 0 5px 0; background-image:url(images/list_courseintro.png); background-position:left; background-repeat:no-repeat;}
#course-introduction dd{ font-size:13px; border-bottom:1px dotted #94CBFF; margin:5px 0 15px 15px; line-height:130%;}
#course-main h4{ border-bottom:1px solid #004DCE; padding:0 0 5px 0;}
#course-main h5{ border-bottom:1px dotted #004DCE; font-size:15px; margin:10px 0 5px 20px; padding:0 0 5px 0;}
#course-main p{ margin:5px 10px 10px 20px; line-height:150%; font-size:14px; text-align:justify; text-justify: distribute; }
#course-main table{ margin:5px 5px 10px 20px; line-height:130%; font-size:14px; text-align:justify; text-justify: distribute; }
#course-main th{ padding:5px 10px 5px 0;}
#course-main dt{ font-weight:bold; font-size:14px; background-color:#C6F3FF; padding:3px 0 3px 5px; margin:0 0 10px 20px;}
.course-separator{ color:#fff; height:0; width:0; margin:30px;}
#course-main dd{ font-size:14px; margin:5px 0 15px 40px; line-height:150%;}
.age{ background-color:#009EC6; width:560px; font-size:14px;}
.age th{ color:#FFFFFF; padding:3px;}
.age td{ background-color:#FFFFFF; padding:3px; text-align:center;}
.course-table{ background-color:#3155A5; width:530px;}
.course-table th{ background-color:#638ADE; color:#FFFFFF; padding:1px; text-align:center; font-size:12px; width:100px;}
.course-table td{ background-color:#FFFFFF; padding:1px; text-align:center; font-size:12px;}
.description{ border:1px dotted #FFB200; background-color:#FFFFC6; width:530px; margin:0 0px 10px 20px;}
#kawai-main h4{ border-bottom:1px solid #004DCE; padding:0 0 5px 0; font-size:16px;}
#kawai-main p{ margin:5px 10px 10px 30px; line-height:150%; font-size:14px; text-align:justify; text-justify: distribute; }
#kawai-main table{ margin:5px 5px 10px 20px; line-height:130%; font-size:14px; text-align:justify; text-justify: distribute; }
#kawai-main th{ padding:5px 10px 5px 0;}
.school-table{ background-color:#3155A5; width:530px;margin:5px 5px 10px 20px; line-height:130%; font-size:14px; }
.school-table th{ background-color:#638ADE; color:#FFFFFF; padding:5px 10px 5px 0; text-align:center; font-size:12px; width:100px;}
.school-table td{ background-color:#FFFFFF; padding:5px; text-align:left; font-size:12px;}
.formarea table{ background-color:#3155A5; width:530px;margin:5px 5px 10px 20px; line-height:130%; font-size:14px; }
.table_left{ background-color:#638ADE; color:#FFFFFF; padding:5px 10px 5px 10px; }
.table_right{ background-color:#FFFFFF; padding:5px; }
.submit{ text-align:center; padding:5px;}
.formarea p{ margin:5px 10px 10px 30px; line-height:150%; font-size:14px; text-align:justify; text-justify: distribute; }
#formpage-block {text-align:center;}
#formpage-block table{ background-color:#3155A5; width:530px;margin:5px 5px 10px 20px; line-height:130%; font-size:14px; }
#formpage-block td,#formpage-block th{ padding:5px; background-color:#FFFFFF;}
#event-main h4{ border-bottom:1px solid #004DCE; padding:0 0 5px 0;}
#event-main p{ margin:5px 10px 10px 20px; line-height:150%; font-size:14px; text-align:justify; text-justify: distribute; }
#event-main dt{ border-bottom:1px dotted #004DCE; font-size:15px; margin:10px 0 5px 20px; padding:0 0 0px 15px; background-image:url(images/list_courseintro.png); background-position:left; background-repeat:no-repeat; color:#009EC6;}
#event-main dd { margin:5px 10px 10px 35px;line-height:150%; font-size:12px; text-align:justify; text-justify: distribute; }
.privacy-policy-list{ margin:5px 10px 10px 10px; line-height:150%;}
.privacy-policy-list dt{ font-size:12px; }
.privacy-policy-list dd{ font-size:12px; padding:0; margin:0 0 0 15px; display:list-item; list-style-type:circle;}
.privacy-policy-list li{ font-size:12px; padding:0; margin:0 0 0 20px; }
.privacy-policy-text { margin:5px 10px 10px 10px; font-size:12px; line-height:150%;}
.sitemap-box{ background-color:#3155A5;}
.sitemap-box th{ background-color:#FFFFC6; text-align:left; padding:5px; font-size:12px;}
.link-cell{ background-color:#E7FFFF; padding:5px; font-size:12px; font-weight:bold;}
.text-cell{ background-color:#FFF; text-align:left; padding:5px; font-size:10px;}
#recruit-main h4{ border-bottom:1px solid #004DCE; padding:0 0 5px 0; font-size:16px;}
#recruit-main .saiyou{ background-color:#FF8C8C; text-align:center; padding:5px 0 0 0;}
#recruit-main p{ margin:5px 10px 10px 30px; line-height:150%; font-size:14px; }
#recruit-main table{ margin:5px 5px 10px 20px; line-height:130%; font-size:14px; text-align:justify; text-justify: distribute; }
#recruit-main th{ padding:5px 10px 5px 0;}
#recruit-main td{ padding:5px 10px 5px 20px; text-align:left; font-size:16px;}


/* ACHIEVEMENT CSS */
.achievement-table { background-color:#009EC6;}
.achievement-table th{ background-color:#FFFFC6; padding:3px; font-size:12px; text-align:left;}
.achievement-table td{ background-color:#fff; padding:3px; font-size:10px; }
.achievement-h4 { color:#FF2F00;}

/* LINK CSS */
#maparea{ text-align:center; float:left; width:500px; margin:20px 0 0 0 ;}
#maparea table{ width:480px; background-color:#3155A5; margin:0 0 30px 0;}
#maparea th{ background-color:#FFFFC6; text-align:left; padding:5px; font-size:12px;}
#maparea td{ background-color:#E7FFFF; padding:5px; font-size:12px; font-weight:bold; width:33%;}
#arealink{ font-size:12px; float:right; width:240px;}
#arealink p{ margin:0 0 0 10px;}
