@charset "shift_jis";
@import "http://";

/* 全体構造 */
a:link {
	text-decoration: none;
	color: #f08c28;
}

a:visited {
	text-decoration: none;
	color: #f08c28;
}

a:hover {
	text-decoration: none;
	color: #ffffff;
}
a img {
	color: #bbbbbb;
	border: none;
	background: transparent;
}

body {
	color: #ffffff;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-algin: center;
}

#body {
	background-image: url(img/top.jpg);
	background-repeat: no-repeat;
	color: #ffffff;
	margin: auto;
	width: 950px;

}


/* ヘッダー構造 */

#logo {
	width: 280px;
	height: 90px;
	margin: 0px;
	padding: 0px;
}

#header {
	background-image: url(img/head.gif);
	background-repeat: no-repeat;
	width: 950px;
	height: 90px;
}

#header p {
	font-family: "Arial Black";
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 0.1ex;
	text-align: left;
	margin: 0px;
	padding-top: 35px;
	padding-left: 55px;
}

#header p span{
	font-family: "Arial";
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.2ex;
	margin: 0px;
	padding-left: 4px;
}

/* メインメニュー構造 */

#nav_bar {
	margin: 0px;
	padding: 0px;
	background: #99cc99;
}
#menu {
	width: 950px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	list-style: none;	
	position: relative;
	background:   url(../common/img/menu_bar.gif) no-repeat;
}

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

#menu li {	
	position: absolute;
	top: 0;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	
#menu li, #menu li a {
	height: 30px;
	display: block;
	}

#menu a {
	text-indent: -9999px;
	text-decoration: none;
	}

#home {left: 0px; width: 136px;}
#guidance {left: 137px; width: 135px;}
#course {left: 273px; width: 135px;}
#sell {left: 409px; width: 135px;}
#q_a {left: 545px; width: 135px;}
#access {left: 680px; width: 135px;}
#message {left: 816px; width: 138px;}

#home a:hover, #home a:visited:hover { background: transparent url(../common/img/menu_bar.gif) 0px -30px no-repeat;}
#guidance a:hover, #guidance a:visited:hover { background: transparent url(../common/img/menu_bar.gif) -137px -30px no-repeat;}
#course a:hover, #course a:visited:hover { background: transparent url(../common/img/menu_bar.gif) -273px -30px no-repeat;}
#sell a:hover, #sell a:visited:hover { background: transparent url(../common/img/menu_bar.gif) -409px -30px no-repeat;}
#q_a a:hover, #q_a a:visited:hover { background: transparent url(../common/img/menu_bar.gif) -545px -30px no-repeat;}
#access a:hover, #access a:visited:hover { background: transparent url(../common/img/menu_bar.gif) -680px -30px no-repeat;}
#message a:hover, #message a:visited:hover { background: transparent url(../common/img/menu_bar.gif) -816px -30px no-repeat;}

#home a.selected:link, #home a.selected:visited { background: transparent url(../common/img/menu_bar.gif) 0px -60px no-repeat;}
#guidance a.selected:link, #guidance a.selected:visited { background: transparent url(../common/img/menu_bar.gif) -137px -60px no-repeat;}
#course a.selected:link, #course a.selected:visited { background: transparent url(../common/img/menu_bar.gif) -273px -60px no-repeat;}
#sell a.selected:link, #sell a.selected:visited { background: transparent url(../common/img/menu_bar.gif) -409px -60px no-repeat;}
#q_a a.selected:link, #q_a a.selected:visited { background: transparent url(../common/img/menu_bar.gif) -545px -60px no-repeat;}
#access a.selected:link, #access a.selected:visited { background: transparent url(../common/img/menu_bar.gif) -680px -60px no-repeat;}
#message a.selected:link, #message a.selected:visited { background: transparent url(../common/img/menu_bar.gif) -816px -60px no-repeat;}

/* メニュータブ構造 */
.menu_tab {
	width: 770px;
	height: 25px;
/*	background: #2D5A88;*/
	clear: both;
}

/* サブメニュー構造 */
#sub_menu {
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1ex;
	text-align: right;
	margin: 0;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

#sub_menu li {
	display: inline;
	list-style: none;
	color: #92c1cc;
}

#sub_menu a:link {
	text-decoration: none;
	color: #92c1cc;
}

#sub_menu a:visited {
	text-decoration: none;
	color: #92c1cc;
}

#sub_menu a:hover {
	text-decoration: none;
	color: #ffffff;
}

/* フッター構造 */
#footer {
 	background: #99cc99;
	width: 950px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	clear: right;
}

#footer p {
	font-family: "Verdana", "ＭＳ Ｐゴシック";
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	float: right;
	margin: 0px;
	padding: 15px 10px 0px 0px;
}

#footer img {
	width: 162px;
	height: 18px;
	margin: 15px 0px 0px 10px;
	padding: 0px;
	float: left;
}

/* フレーム＆スペース構造 */
.spacer {
	width: 950px;
	height: 20px;
	clear: both;
}

#right {
	width: 475px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: right;
}

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

#left {
	width: 475px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
}

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