@charset "shift_jis";


/* 背景
-----------------------------------------------------*/
body {
	height:auto;
	margin:0px;
	padding:0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	background-image: url(image/bg.jpg);
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: center bottom;
	background-attachment: fixed;
	text-align:center;
	}

/* 中央寄せ・幅指定
-----------------------------------------------------*/
#top_slide {
	width:810px;
	margin:0 auto;
	padding: 0px;
	text-align:center;
	border:0px;
	position:relative;
	vertical-align:top;
	}

#container {
	width: 760px;
	margin: 0 auto;
	padding: 0px;
	text-align:center;
	border:0px;
	font-size: 12px;
	line-height: 160%;
}

#footer {
	width:810px;
	margin:0 auto;
	padding: 0px;
	text-align:center;
	border:0px;
	position:relative;
	vertical-align:top;
	background-image: url(image/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	line-height: 160%;
	font-size: 12px;
	color:#ffffff;
	}

#footer strong {
	letter-spacing:0.4em;
	font-family: 'Arial Black';
	color: #FFFFFF;
	}

#footer a {
	color:#ff8800;
	}


/* 見出しタグ・hrタグ
-----------------------------------------------------*/
h1,h2 {
	display :none;
	}
    
h3,h4,h5 {
	margin:0 40px 20px 0px;
	padding:0px;
	display:inline;
	font-size:16px;
	font-weight:bold;
	}

hr	{
	border-width: 5px 0px 0px 0px;
	border-style: solid;
	border-color: #cccccc;
	margin:0px 0px 5px 0px;
}


/* ナビゲーションボタン
-----------------------------------------------------*/
#navi { 
	width:810px;
	height:35px;
	background:url(image/navi_bg.gif) no-repeat;
	margin:0px;
	padding:6px 0px 0px 0px;
	}

#navi img {
	outline: 0;
	border-style: none;
	margin: 0px;
	}

#navi li {
	display:inline;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	height:35px;
	text-decoration:none;
	overflow:hidden;
	}



/* テキスト装飾
-----------------------------------------------------*/

.red10 {
	font-size: 10px;
	color: #FF0000;
	}
.red12 {
	font-size: 12px;
	color: #FF0000;
	}
.red16 {
	font-size: 16px;
	color: #FF0000;
	}
.black10 {
	font-size: 10px;
	color: #000000;
	}
.black12 {
	font-size: 12px;
	color: #000000;
	}
.black14 {
	font-size: 14px;
	color: #000000;
	}
.black16 {
	font-size: 16px;
	color: #000000;
	}
.black18 {
	font-size: 18px;
	color: #000000;
	}
.blue10 {
	font-size: 10px;
	color: #0000FF;
	}
.blue12 {
	font-size: 12px;
	color: #0000FF;
	}
.blue14 {
	font-size: 14px;
	color: #0000FF;
	}
.blue14b {
	font-size: 14px;
	color: #0000FF;
	font-weight: bold;
	}
.blue16 {
	font-size: 16px;
	color: #0000FF;
	}
.blue18 {
	font-size: 18px;
	color: #0000FF;
	}
.gray12 {
	font-size: 12px;
	color: #999999;
	}



/* リンク
-----------------------------------------------------*/
a:link{
	color:#339933;
	text-decoration:none;
}
a:visited{
	color:#00cc66;
	text-decoration:underline;
}
a:hover{
	color:#ff8800;
	text-decoration:underline;
}
a:active{
	color:#ff8800;
	text-decoration:underline;
}


	
/* ホーム・What's New, BLOG
-----------------------------------------------------*/

#news {
	width: 730px;
	border: solid 1px #cccccc;
	background-image: url("image/top_news_dot_bg.gif");
	line-height: 23px;
	margin: 0px auto;
	text-align: left;
	padding:0 0 0 40px;
	}
#news img {
	position:relative; top:-12px; left:-20px;
	float : left;
	margin: 0;
	}
#blog {
	width: 730px;
	border: solid 1px #cccccc;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
	line-height: 160%;
	padding:0 0 0 40px;
	}
#blog img {
	position:relative; top:-12px; left:-20px;
	float : left;
	margin: 0;
	}

#id {
	width: 700px;
	border: solid 1px #cccccc;
	margin: 0px auto;
	text-align: left;
	font-size: 12px;
	line-height: 160%;
	padding:20px;
	}

#partner {
	width: 730px;
	border: solid 1px #cccccc;
	background-color: #e2e2e2;
	margin: 0px auto;
	padding:0 0 0 40px;
	}
#partner img {
	position:relative; top:-12px; left:-20px;
	float : left;
	margin: 0;
	}
#partner table {
	margin: 10px auto 5px;
	}

	
/* 外枠
-----------------------------------------------------*/

div.outline {
	width: 750px;
	margin: 20px auto;
	padding: 10px;
	border: solid 1px #999999;
	text-align: left;
	font-size:12px;
	}

.outline { 
	zoom: 100%;
}

.outline:after {
	content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

img.outline {
	float : left;
	margin: 0 20px 10px 0;
	}


table.outline {
	font-size:12px;
	}

div.no_outline {
	width: 750px;
	margin: 15px auto;
	padding: 10px;
	border: 0px;
	text-align: left;
	font-size:12px;
	}


/* ホーム・画像はみ出し
-----------------------------------------------------*/

img.outofline_left {
	position:relative; top:-20px; left:-15px;
	float : left;
	margin: 0 0 40px 0;
	}
div.outline_left {
	width: 750px;
	margin: 0 auto;
	padding: 10px;
	border: solid 1px #cccccc;
	text-align: left;
	}
img.outofline_right {
	position:relative; top:-20px; right:-15px;
	float : right;
	margin: 0 0 40px 0;
	}
div.outline_right {
	width: 750px;
	margin: 0 auto;
	padding: 10px;
	border: solid 1px #cccccc;
	text-align: right;
	}	



	
/* コース・ページ内リンク
-----------------------------------------------------*/
table.course_navi{
	width: 750px;
	border: 2px #666666 solid;
	border-collapse: collapse;
	border-spacing: 0;
	}
td.course_navi {
	background: #F5F5F5;
	padding: 5px;
	font-weight: bold;
	font-size : 10px;
	border: 2px #666666 solid;
	border-width: 1px;
	}
	

/* CLEARFIX
-----------------------------------------------------*/
	
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}