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

/* 初期化 */
* {
	margin:0;
	padding:0;
}
img {
	border:none;
}

/* 全体 */
body {
	background:url(../images/shared/bg.jpg);
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	line-height:1.5em;
}
#contents {
	width:780px;
	margin:0 auto;
	background:url(../images/shared/contents_bg.gif) repeat-y;
	padding:0 4px;
}

/* ヘッダ */
#head h1 {
	background:#1f9ace;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:10px;
	line-height:1.8em;
	color:#FFF;
	padding-left:20px;
}
#head #logo {
	background:url(../images/shared/title_bg.gif) no-repeat;
	height:63px;
	padding:12px 0 0 20px;
}
#head #logo h2 {
	color:#002157;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:11px;
	margin-top:4px;
	/margin-top:0;
}
#head #gNavi {
	position:relative;
	background:url(../images/shared/gNavi_bg.jpg) repeat-x;
	height:40px;
	padding-left:20px;
}
#head #gNavi ul {
	list-style:none;
	overflow:hidden;
	zoom:1;
}
#head #gNavi li {
	display:block;
	cursor:pointer;
	text-indent:-999px;
	font-size:1px;
	outline:none;
	float:left;
	height:40px;
	margin-right:3px;
}
#head #gNavi li a {
	display:block;
	height:40px;
}
	
#head #gNavi li.home {
	width:131px;
	background:url(../images/shared/gNavi_01.gif) no-repeat left top;
}
#head #gNavi li.about_wd {
	width:132px;
	background:url(../images/shared/gNavi_02.gif) no-repeat left top;
}
#head #gNavi li.dvd_instractor {
	width:132px;
	background:url(../images/shared/gNavi_03.gif) no-repeat left top;
}
#head #gNavi li.couse_guid {
	width:132px;
	background:url(../images/shared/gNavi_04.gif) no-repeat left top;
}
#head #gNavi li.home:hover,
#head #gNavi li.about_wd:hover,
#head #gNavi li.dvd_instractor:hover,
#head #gNavi li.couse_guid:hover {
	background-position:left bottom;
}

#head p.wakadeki_link {
	position:absolute;
	right:0;
	top:8px;
}

/* メインエリア */
#main_area {
	overflow:hidden;
	zoom:1;
	background:url(../images/shared/sNavi_bg.gif) no-repeat right bottom;
}
	
#main {
	width:536px;
	margin:20px;
	_margin:20px 10px 0; /* IE6 */
	/padding-bottom:20px; /* IE6 IE7 */
	float:left;
}

#main p.top_link {
	margin-top:20px;
	text-align:right;
}

/* サイドナビゲーション */
#sidebar {
	width:204px;
	float:right;
}
#sidebar ul.sNavi {
	margin-top:20px;
	list-style:none;
	padding-left:5px;
}
#sidebar ul.second {
	margin-top:7px;
}
#sidebar ul.sNavi li {
	display:block;
	cursor:pointer;
	text-indent:-999px;
	font-size:1px;
	outline:none;
	height:38px;
	width:194px;
	padding-bottom:1px;
}
#sidebar ul.sNavi li a {
	display:block;
	height:38px;
	width:194px;
}

#sidebar ul.sNavi li.school {
	background:url(../images/shared/sNavi_01.gif) no-repeat left top;
}
#sidebar ul.sNavi li.time {
	background:url(../images/shared/sNavi_02.gif) no-repeat left top;
}
#sidebar ul.sNavi li.instructor {
	background:url(../images/shared/sNavi_03.gif) no-repeat left top;
}
#sidebar ul.sNavi li.mos {
	background:url(../images/shared/sNavi_04.gif) no-repeat left top;
}
#sidebar ul.sNavi li.contact {
	background:url(../images/shared/sNavi_05.gif) no-repeat left top;
}
#sidebar ul.sNavi li.free_trial {
	background:url(../images/shared/sNavi_06.gif) no-repeat left top;
}

#sidebar ul.sNavi li.school:hover,
#sidebar ul.sNavi li.time:hover,
#sidebar ul.sNavi li.instructor:hover,
#sidebar ul.sNavi li.mos:hover,
#sidebar ul.sNavi li.contact:hover,
#sidebar ul.sNavi li.free_trial:hover {
	background-position:right top;
}

#sidebar ul.sBunner {
	margin-top:7px;
	list-style:none;
	padding-left:5px;
}
#sidebar ul.sBunner li {
	display:block;
	cursor:pointer;
	text-indent:-999px;
	font-size:1px;
	outline:none;
	height:60px;
	width:194px;
	padding-bottom:7px;
}
#sidebar ul.sBunner li a {
	display:block;
	height:60px;
	width:194px;
}
#sidebar ul.sBunner li.blog {
	background:url(../images/shared/sNavi_blog.jpg) no-repeat left top;
}
#sidebar ul.sBunner li.coupon {
	background:url(../images/shared/sNavi_coupon.jpg) no-repeat left top;
}
#sidebar ul.sBunner li.blog:hover,
#sidebar ul.sBunner li.coupon:hover {
	background-position:right top;
}
#sidebar p.sMobile {
	padding:0 0 7px 5px;
}

/* フッター */
#footer {
	clear:both;
	background:url(../images/shared/foot_bg.gif) repeat-x;
	height:92px;
}
#footer p.footer_txt {
	color:#002157;
	position:relative;
	padding-top:10px;
	margin:0 5px 0 15px;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:11px;
}
#footer p.footer_txt a {
	color:#002157;
	text-decoration:underline;
}
#footer p.footer_txt a:hover {
	text-decoration:none;
}
#footer p.footer_txt span.copyright {
	position:absolute;
	right:0;
	font-size:12px;
}