@charset "utf-8";

/*==============================================

released: 2010.03.28

-contents-

01. initialize
02. link set
03. text set
04. top page & page format
05. 2nd page format

===============================================*/


/*----------------------------------------------
	01. initialize
----------------------------------------------*/


* {
	margin: 0;
	padding: 0;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

a {
	outline: 0;
}

a,
img {
	border: 0;
	vertical-align: top;
}

html,
body {
	height:100%;
	font-size: 15px;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 85%;
	*font-size: 90%;
	text-align: center;
	background-color: #FFF;
}

.clear {
	clear: both;
}


/*__ cf __*/

.cf:after {
	content:".";
	display:block;
	clear:both; 
	height:0;
	visibility:hidden;
}
.cf {
	display:inline-block;
}
/* exlude MacIE5 \*/
* html .cf {
	height:1%;
}
.cf {
	display:block;
}
/* end MacIE5 */
.cf + *{
	clear: both;
}


/*----------------------------------------------
	02. link set
----------------------------------------------*/

a:focus{
	outline:none;
}



/*----------------------------------------------
	03. Text set
----------------------------------------------*/


p {
	font-size: 90%;
	line-height: 150%;
}

.red {
	color: #920000;
}

.glay {
	color: #666666;
}

.black {
	color: #000000;
}

.grb {
	font-weight: bold;
	color: #666666;
}


/*----------------------------------------------
	04. toppage & page format
----------------------------------------------*/


/*__ center fix __*/

#wrap,
#foot,
.ftcont,
.coursefig {
	margin: 0 auto 0 auto;
}

#wrap {
	width: 900px;
	height: 100%;
	min-height: 100%;
	background-color: #FFF;
}

/*__ wrap bg height by IE6 __*/
body > #wrap {
    height: auto;
}




/*----------------------------------------------
	05. 2nd page format
----------------------------------------------*/

.head {
	padding: 33px 0px 26px 0px;	
}

#navi {
	float: left;
	width: 200px;
	height: auto;
}

#conttop {
	float: right;
	width: 679px;
	height: auto;
}

#cont {
	float: right;
	width: 634px;
	height: auto;
}

.title {
	padding-bottom: 30px;
}

p.read {
	padding: 0px 20px 0px 20px;
	font-size: 100%;
	line-height: 150%;
}

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

#foot {
	clear: both;
	padding: 50px 0px 20px 0px;
}

#foot p {
	text-align: right;
	font-size: 85%;
	color: #999;
	line-height: 150%;
}

/*__ gaiyo __*/

table.gaiyotable {
	padding: 30px 0px 0px 20px;
	width: 600px;
}

table.gaiyotable th {
	width: 10%;
	height: auto;
	vertical-align: top;
	line-height: 200%;
}

table.gaiyotable td {
	width: 90%;
	height: auto;
	vertical-align: top;
	line-height: 200%;
	color: #666;
}

/*__ course __*/

.coursefig {
	padding-top: 30px;
	width: 594px;
	height: auto;
}

.coursefig ul li {
	list-style: none;
	padding-bottom: 10px;
	color: #666;
}

#map {
	 width:594px;
	 height:420px;
}