@charset "UTF-8";
@import "content.css";

/* ------------------------
SET DEFAULT reset browser settings
--------------------------- */
:link,:visited {
text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
table {
border-spacing:0;
}
fieldset,img,abbr,acronym {
border:0;
}
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
q:before,q:after {
content:'';
}
a {
text-decoration:underline;
outline:none;
}
hr {
border:0;
height:1px;
color:#666;
background-color: #666;
margin: 10px auto 10px auto;
}
a img,:link img,:visited img {
border:none;
}
address {
font-style:normal;
}
/*---------------------*/
* {
padding: 0;
margin: 0;
}
img { border: none;}
form { margin: 0; }
/* ------------------------
FONTS and COLORS
--------------------------- */
body {
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana", "Arial", "Helvetica", sans-serif;
color: #000;
font-size: 1em;
}
#header { font-size: 0.8em; color: #666; }
#content-path { font-size: 0.7em; }
#main-content { font-size: 0.9em; }
#main-menu { font-size: 0.9em; }
#footer-info { font-size: 0.8em; }
#copyright { font-size: 9px; }
#error { font-size: 0.9em; }
h1, h2, h3 {color: #000; font-weight: bold;}
h4, h5, h6 {color: #000; font-weight: bold;}
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em;}
strong {
color: #000;
font-weight: bold;
padding: 0px 2px;
}
/*
a:link { color: #3333CC; text-decoration: underline; }
a:visited { color: #336666; text-decoration: underline; }
a:hover { color: #339999; text-decoration: underline; }
a:active { color: #339999; text-decoration: underline; }
*/
a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { text-decoration: underline; }
a:active { text-decoration: underline; }
.caption { color: #000; font-size: 0.7em; }
.note { color: #666; font-size: 0.8em; font-weight: normal; }
.req { color: #F30; font-size: 0.8em; }
.error { color: #F30; font-weight: bold;}
.remark { color: #FFBE00;}
/* ------------------------
BACKGROUND
--------------------------- */
body,#container { background: #D8f8cf; } 
#container #header { background: #fff; }
#container #content { background: #fff; }
#container #footer { background: #fff; }
/* ------------------------
LAYOUT
--------------------------- */
#container {
	position: relative; /* center on everything else */
	height: auto;
	width: 100%;
	margin: 0 auto;
}
#container-inner {
	position: relative; /* center on everything else */
	width: 800px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}
#container #header,
#container #content,
#container #footer {
padding-left: 20px;
padding-right: 20px;
text-align: left;
height: auto;
}
#container #header {
position: relative;
height: 70px;
padding-top: 10px;
}
*html #header {
height: 66px; /*for IE*/
}
#container #content {
position: relative;
height: auto; /*temp*/
z-index: 0;
}
#container #content #main-menu {
position: relative;
height: 30px; 
}
#container #content #main-content {
width: 760px;
height: auto;
margin-top: 20px;
padding-bottom: 15px;
z-index: -1;
}
#footer {
position: relative;
height: 60px;
}
/*-----------*/
#error {
margin: 2em auto 2em auto;
}
/*------COLUMNS-----*/
body.top-page #column-alpha {
	width: 465px;
	height: auto;
	float: left;
}
body.top-page #column-beta {
	width: 280px;
	height: auto;
	float: right;
}
body.content-page #column-alpha {
	width: 700px; 
	height: auto;
	padding: 15px;
}

/* ------------------------
HEADER
--------------------------- */
#header h1#title {
	text-indent: -9999px;
	background: url(../img/ttl_escale.gif) no-repeat left top;
	width: 445px;
	height: 36px;
}
#header span {
	font-size: 10px;
}

/* ------------------------
MAIN MENU
--------------------------- */
#main-menu {
	height: 30px;
}
#content #main-menu #main-menu-list {
	padding-left: 1px;
	padding-right: 1px;
	width: 758px;
	height: 30px;
	clear: both;
}
#main-menu #main-menu-list div {
	float: left;
	margin-right: 1px;
	text-indent: -9999px;
}
#main-menu #main-menu-list .main-menu-item a {	text-decoration: none;}
#main-menu #main-menu-list .main-menu-item a:hover {	text-decoration: underline;}
#main-menu #main-menu-list .main-menu-item a,
#main-menu #main-menu-list .main-menu-item a:hover {
	display: block;
	height: 30px;
	width: 188px;
}
#main-menu #main-menu-list #menu-top a {
	background: url(../img/menu_top_off.gif) no-repeat;
}
#main-menu #main-menu-list #menu-top.selected a,
#main-menu #main-menu-list #menu-top a:hover {
	background: url(../img/menu_top_on.gif) no-repeat;
}
#main-menu #main-menu-list #menu-course a {
	background: url(../img/menu_course_off.gif) no-repeat;
}
#main-menu #main-menu-list #menu-course.selected a,
#main-menu #main-menu-list #menu-course a:hover {
	background: url(../img/menu_course_on.gif) no-repeat;
}
#main-menu #main-menu-list #menu-about a {
	background: url(../img/menu_about_off.gif) no-repeat;
}
#main-menu #main-menu-list #menu-about.selected a,
#main-menu #main-menu-list #menu-about a:hover {
	background: url(../img/menu_about_on.gif) no-repeat;
}
#main-menu #main-menu-list #menu-apply a {
	background: url(../img/menu_apply_off.gif) no-repeat;
}
#main-menu #main-menu-list #menu-apply.selected a,
#main-menu #main-menu-list #menu-apply a:hover {
	background: url(../img/menu_apply_on.gif) no-repeat;
}

#container #content #main-menu #main-menu-list #menu-course ul,
#container #content #main-menu #main-menu-list #menu-about ul {
	visibility: hidden;
	position: absolute;
}
#container #content #main-menu #main-menu-list #menu-course ul {
	left: 190px;
	top: 30px;
}
#container #content #main-menu #main-menu-list #menu-about ul {
	left: 380px;
	top: 30px;
}
#main-menu #main-menu-list #menu-course ul#submenu1 li a,
#main-menu #main-menu-list #menu-about ul#submenu2 li a {
	background: #F1FBBD;
/*	border-bottom: 1px solid #FFBE00;
	border-left: 1px solid #FFBE00;
	border-right: 1px solid #FFBE00;*/
	border-bottom: 1px solid #68FF1E;
	border-left: 1px solid #68FF1E;
	border-right: 1px solid #68FF1E;
	text-indent: 10px;
	font-size: 0.8em; 
	height: 22px; /*25-3*/
	padding-top: 3px;
	width: 186px;
}
#main-menu #main-menu-list div ul li{
	float: none;
}

/* ------------------------
TOP PAGE
--------------------------- */
#top-news {
	background: #fff;
}
#top-news h3 {
	text-indent: -9999px;
	background: url(../img/ttl_topnews.gif) no-repeat left center;
	width: 465px; /*465-*/
	height: 22px;
	padding: 0;
}
#top-news ul {
	padding: 0;
}
#top-news ul li {
	line-height: 1.5em;
	list-style: none outside;
	padding: 0.5em 0;
	border-bottom: 1px dotted #ccc;
}

#top-blog {
	background: #fff;
}
#top-blog h3 {
	text-indent: -9999px;
	background: url(../img/ttl_blog.gif) no-repeat left center;
	width: 465px; /*465-*/
	height: 22px;
	padding: 0;
}
#top-blog ul {
	padding: 0;
}
#top-blog ul li {
	line-height: 1.5em;
	list-style: none outside;
	padding: 0.5em 0;
	border-bottom: 1px dotted #ccc;
}

.top-banner {
	margin-bottom: 10px;
}
/* ------------------------
FOOTER
--------------------------- */
#footer-inner {
border-top: 1px solid #CCCCCC;
}
#footer-info {
width: 100%;
}
#footer-info ul {
margin-left: 5px;
margin-right: 5px;
padding-top: 5px;
}
#footer-info ul li {
float: left;
display: block;
padding-left: 10px;
padding-right: 10px;
}
#copyright {
clear: both;
text-align: center;
padding-top: 5px;
padding-bottom: 10px;
}