@charset "utf-8";
/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : 
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
margin: 0;
padding: 0;
}	
html{
height: 100%;
font-size: 75%;
}	
body{
background-image:url(images/bg.png);
background-position:center;
background-repeat:repeat-y;
}

/* ----- IDS ----- */

#container{
	width:850px;
	background-image:url(images/bg_container_top.png);
	background-position:top;
	background-repeat:no-repeat;
	margin:0 auto;
	padding: 0;
	text-align:center;
}
	
#header{
	position:relative;
	top:30px;
	left:20px;
	width:830px;
	height:90px;
	text-align:left;
}

#header-navi{
	float: right;
	margin-top:30px;
	width: 245px;
	font-weight: bold;
	color: gray;
	*font-size: 14px;

}
	
#visual{
	position:relative;
	width:690px;
	height:320px;
	margin:0 auto;
	padding:0;
	text-align:center;
	border:2px solid #dbdbdb;

}
#visual02{
	width:825px;
	height:178px;
	margin:0 auto;
	padding:0;
	text-align:center;
	border:1px solid #dbdbdb;
}

#navigation{
	width:694px;
	background-image:url(images/bg_navigation.png);
	background-repeat:repeat-x;
	border:0;
	margin: 3px auto 0;
	padding :0;
	text-align : center;
}

		
#contents-wrapper{
	clear:both;
/* 	height:500px; */
	position:relative;
	width:750px;
	margin: 0 auto;
	top:10px;
	text-align:left;
}

		#mainContent{
			position:relative;
			width:100%;
			margin-bottom:30px;
			}	


#map{
width:500px;
margin:10px auto;
}

#map .p{
margin:10px 10px 10px 10px;
font-size:110%;
}

#map .ul{
margin:10px 10px 20px 10px;
font-size:110%;
}

#map .li{
margin:2px;
font-size:110%;
}


#footer{
	clear:both;
	width:846px;
	background-image:url(images/bg_fotter.png);
	background-repeat:repeat-x;
	height:55px;
	border-top:1px solid #FD49A5;
	border-bottom:5px solid #EB0D7E;
	margin:20px auto 0;
	padding: 0;
}


/* ----- CLASSES ----- */

/* for modern brouser */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	max-height: 0;
	visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/**/

#header .logo{
	height:50px;
	width:353px;
}

#mainContent .mainBlock{
	clear:both;
	width:700px;
	background-color:#ffffff;
	margin:20px auto 30px;
}
#mainContent .mainBlock .mainPanel{
}

#mainContent .mainBlock .img{
display: block;
padding:10px 10px 10px 10px;
}
#mainContent .imgBlock{
	width:200px;
	float:right;
	margin-top:35px;
}	
#mainContent .imgBlock img{
	display: block;
	margin-bottom:40px;
}

#mainContent .blog img{
	display: block;
	margin-top:20px;
}

#footer .footerBlock{
}

.hide{
}
.show{
}

/* ----- HEADINGS ----- */

h1{
	
}
#header h1 span{
	display:none;
}
h2{
}
#mainContent h2 span{
	display:none;
}

#mainContent h2{
	clear:both;
	padding-top:20px;
	height:30px;
}
#mainContent h3{
	color:#ff9900;
}
ul.map {
	font-size:12px;
}

ul.map li {
	font-style:oblique 
	float : left;
	padding: 5px;
}

ul#menu {
	font-size:12px;
	margin : 0px auto;
	width : 696px;
}

ul#menu li {
	list-style: none;
	width : auto;
	display : block;
	float : left;
	padding-left : 0px;
}

#mainContent h3 span{
	display:none;
}
#mainContent h3{
	position:relative;
	left:0px;
	height:30px;
}
#mainContent h3.courseTitle{
	margin-top:20px;
	margin-bottom:15px;
}
#mainContent h4{
	background-image:url(images/list_circle_blue.png);
	background-position:left;
	background-repeat:no-repeat;
	margin:20px 5px 5px 35px;
	padding-left:20px;
	font-size:120%;
}
#mainContent h4.middleTitle{
	background-image:none;
	font-size:120%;
	border-bottom:1px dotted #006cce;
	color:#006cce;
	margin:20px 5px 5px 0;
	padding0;
}
#mainContent h5{
/*
	background-image:url(images/list_circle_orange.png);
	background-position:left;
	background-repeat:no-repeat;
*/
	margin:15px 5px 5px 45px;
	font-size:120%;
	color:#ea2f00;
}


/* ----- PARAGRAPHS ----- */

p{
	font-size:120%;
	line-height:1.4em;
}

#lead p {
	line-height:1.2;
	display:none;
	font-size:100%;
	font-style:strong;
}

#mainContent p.message {
	font-size:120%;
	padding:15px 20px 10px 15px;
	line-height: 1.6em;
}

#mainContent p.message span.schoolname{
	font-family:Arial, Helvetica, sans-serif;
	color:#00008b;
}
#mainContent p.coursedisp{
	padding-left:45px;
}
#mainContent p.coursedisp strong{
	margin-top:10px;
	line-height:150%;
}
#mainContent p.coursedisp02{
	padding-left:15px;
}
#mainContent p.coursedisp03{
	padding-left:55px;
	margin-bottom:5px;
	font-size:100%;
}

#mainContent p.access{
font-size: 120%;
margin:10px 10px 10px 10px;
}

#mainContent p.toTop{
	text-align:right;
	padding-top:5px;
	font-size:90%;
}

#mainContent p.lessonfee{
	font-size:120%;
	padding-top:5px;
	margin-top:2px;
	margin-left:45px;
	border-top:1px dotted #535353;
}
#mainContent p.lessonfee strong{
	color:#0000CC;
	padding-right:25px;
}
#mainContent p.lessonfee span{
	color:#0033CC;
	padding-right:35px;
}

#mainContent p.blogmassage{
	float: right;
	padding-left: 45px;
	padding-top: 30px; 
	line-height: 150%;
	font-size: 120%; 
	
}

#bloglink{
	float:left;
	padding-top: 10px;
	font-weight: bold;
}

.message li{
	margin: 0.25em 0em;
}

.caution{
font-size: 10px;
margin-left: 80px;
}

.comment{
margin:10px;

}


#mainContent p strong{
	color:#7D7D7D;
}

#mainContent p.blogtitle{
	float:left;
	padding-left:10px;
	text-indent:-10px;
	font-size: 120%;
	line-height: 140%;
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}

#header-navi ul{
	list-style: none;
}

#header-navi ul li{
	display:inline;

	color:red;
}

#navigation ul{
	list-style: none;
}
#navigation ul li{
	display:inline;
	margin:0;
	padding:0 8px 0 0;
}
#navigation ul li.last{
	display:inline;
	margin:0;
	padding:0 0 0 0;
}
#navigation ol{
}

#navigation ol li{
}

#mainContent ul{
list-style:none;
}
#mainContent ul li{
	margin-left:100px;
	font-size:120%;
}

#footer ul {
	list-style:none;
	padding-top:10px;
	padding-bottom:5px;
}
#footer ul li{
	display:inline;

}

.ssl_site {
	font-size: 90%;
	margin: 10px 10px;
}

.ssl_site div {
	text-align: center;
	margin: 0pt 0pt 10px;
}

.ssl_site img {
	margin: 0px 0px 0px 0px !important;
}

.ssl_site div object embed {
	margin: 0px 0px 0px 0px !important;
}



/* ----- IMAGES ----- */

img{
	border:none;
}
img a{
	border:none;
}
img a:hover{
	border:none;
}

#lead p img{
	float:right;
	margin-top:5px;
}

#mainContent .mainBlock img{
	display:block;
	margin: 10px;
}

img.portrait{
	float:left;
	padding:15px 30px 15px 35px;
}
img.interview{
	float:right;
	padding:0 0 15px 35px;
}
img.course{
	float:left;
	padding:0 15px 15px 15px;
}

img.blogbanner{
	float:left;
	padding:0px 0px 0px 38px;
}

img.blogimage1{
	width:80px;
	height:75px;
	border:0;
}

img.blogimage{
	width:80px;
	height:75px;
	border:0;
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{

}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
}
a:hover{
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

a.header-navi_link {
	text-decoration: none;
	color:gray;
}

a.header-navi_link:hover{
	color: Magenta;
}


/* ----- TABLES ----- */

.courselist table {
	font-size:120%;
	border: 2px #000000;
	border-collapse: collapse;
	background-color: #ff69b4;
	margin:20px auto;
}

.courselist td {
	border: 1px #ff69B4 solid;
	color: #ff1493;
	background-color: #ffE4e1;
	text-align: center;
	padding:5px 5px 5px 5px;
}

.courselist th {
	border: 1px #ff69B4 solid;
	color: #ffffff;
	background-color: #ff69b4;
	text-align: left;
	padding:5px 5px 5px 5px;
	text-align:center
}

.blogtd{
	width:500px;
}

.blogtd2{
	width:250px;
	bgcolor:#ffffff;
}

.blogtd3{
	font-size: 120%; 
	line-height: 140%;
	valign:bottom;
}


table.tblAbout{
	color: rgb(0, 0, 204);
	font-size: 14px;
	margin-left: 63px;
}

table.tblAbout td {
	width:200px;
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}


#frmContact {
	margin: 10px;
}

#frmContact p {
	margin: 5px 0px 0px;
}

#frmContact p span {
	color: #ff0000;
}

#frmContact img {
	margin: 0px 0px 0px 0px !important;  
}

#frmContact input[type="text"] {
	width: 190px;
}

#frmContact input[type="submit"] {
	width: 80px;
}

#frmContact input#submit {
	width: 80px;
}

#frmContact textarea {
	width: 400px;
}



table.confirm{
	margin: 0 10px 0 25px;
	width:90%;
	border: 1px #a9a9a9 solid;
	border-collapse: collapse;
	border-spacing: 0;

}

table.confirm th{
	width:25%;
	border: #a9a9a9 solid;
	border-width: 0 1px 1px 0;
	background-color: #eee8aa;
	padding:3px 5px 3px 5px;
}

table.confirm td{
	border: #a9a9a9 solid;
	border-width: 0 0 1px 0;
	padding:3px 5px 3px 5px;
}



/* ----- DEFINITIONS ----- */

dl{
}
dt{
}
dd{
}
#mainContent dl{
	width:540px;
	float:left;
	margin:20px 10px 0 0;
	padding:0;
}

#mainContent dl dt{
	line-height:1.5em;
	padding-top:10px;
	padding-left:40px;
	padding-bottom:10px;
	font-size:115%;
	font-weight:bold;
	color:#ff9900;
	margin-left:10px;
}
#mainContent dl dd{
	font-size:110%;
	margin:2px 5px 15px 45px;
	line-height:1.5em;
}
#mainContent dl dt.rank01{
	background-image:url(images/list_number_01.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#mainContent dl dt.rank02{
	background-image:url(images/list_number_02.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#mainContent dl dt.rank03{
	background-image:url(images/list_number_03.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#mainContent #rank dl{
    width:auto;
}

#mainContent dl.profile{
	float:left;
	margin:0 0 35px 0;
	padding:0;
}
#mainContent dl.profile dt{
	background-image:url(images/list_triangle_blue.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#00008b;
	margin-top:15px;
	padding-left:20px;
	line-height:1.6em;
}
#mainContent dl.profile dd{
	margin:0 0 0 25px;
	padding:0;
	line-height:1.3em;
}
#mainContent dl.menuitem{
	width:500px;
	background-image:url(images/bg_dl_menu.png);
	background-repeat:repeat-y;
	margin-top:5px;
	margin-left:10px;
	padding:0;
}
#mainContent dl.menuitem dt{
	margin-left:10px;
	padding:10px 0 0 0;
}
#mainContent dl.menuitem dd.naviJirei{
	float:right;
	padding:5px 0;
}
#mainContent dl.courseItems{
	margin:0 0 0 10px;
	padding:0 0 20px 0;
	display:block;
	float:none;
	width:100%;
	background-image:url(images/line_gray_dot.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
#mainContent dl.courseItems dt{
	margin:0 0 0 30px;
	padding:0;
	font-size:140%;
	color:#027ABB;
	line-height:160%;
}
#mainContent dl.courseItems dd{
	float:left;
	padding:3px 0 0 15px;
	margin:0 0 0 30px;
	background-image:url(images/bullet_red_triangle.png);
	background-position:left;
	background-repeat:no-repeat;
	font-size:110%;
	white-space: nowrap;

}

#mainContent dl.link{
	margin:0 0 0 10px;
	padding:0 0 20px 0;
	float:none;
	width:100%;
}
#mainContent dl.link dt{
	margin:10px 0 0 10px;
	padding:0;
	font-size:120%;
	color:#027ABB;
	line-height:140%;
}
#mainContent dl.link dd{
	padding:3px 0 0 15px;
	margin:0 0 0 10px;
	line-height:140%;
}