@charset "UTF-8";

/*----------------------------------------------------------------------
Reset Style
----------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
  margin: 0;
  padding: 0;
}

img { 
  border: 0;
  vertical-align: bottom;
  font-size:0;
  line-height: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
table {
    border-spacing: 0;
	border-collapse:collapse;
}

/*----------------------------------------------------------------------
Default Style
----------------------------------------------------------------------*/
/* Global */
html,body{
    height:100%;
}

body {
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #333;
	font-size: 13px;
	margin: 0;
	padding: 0;
	background: url(../img/common/back-star.gif) center 0;
}
div#main-container {
    position:relative;
    min-height:100%;
}
* html div#main-container {
    height:100%;
}
#main-container {
	margin: 0;
	background: url(../img/common/back.gif) no-repeat center 0;
	width: 100%;
}
#container {
	width: 992px;
	margin: 0 auto;
	padding: 0;
    padding-bottom: 237px;
	line-height: 1.7;
	clear: both;
	text-align: justify;
	text-justify: inter-ideograph;
}

* html img, * html div {
	behavior: url(js/iepngfix.htc);
}

/* ベースリンクカラー
----------------------------------------------------*/
a {
	color: #754C24;
	text-decoration: underline;
}

a:link {
	color: #754C24;
	text-decoration: underline;
}

a:visited {
	color: #754C24;
	text-decoration: underline;
}

a:hover {
	color: #0AA390;
	text-decoration: none;
}

a:active {
	color: #0AA390;
	text-decoration: none;
}

/*----------------------------------------------------
	clerfix
----------------------------------------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*----------------------------------------------------
ヘッダー
----------------------------------------------------*/
#header {
	width: 980px;
	margin: 0 auto;
}
/*----------------------------------------------------
メイン（top）
----------------------------------------------------*/
#topMain {
	width: 548px;
	float: left;
}

/*----------------------------------------------------
メイン（階層）
----------------------------------------------------*/
#main {
	width: 757px;
	float: right;
}
#contentBox {
	width: 745px;
	padding: 0 6px;
	background: url(../img/common/box-center.png) repeat-y;
}
#contentBoxInner {
	padding: 15px 25px;
}

/*----------------------------------------------------
サブ
----------------------------------------------------*/
/* 共通左 */
#sub {
	width: 222px;
	margin: 0 auto;
	float: left;
}
/* top右 */
#topSub {
	width: 222px;
	margin: 0 auto;
	float: right;
}

/*----------------------------------------------------
メニュー
----------------------------------------------------*/
#menu {
	padding: 0 6px;
	background: url(../img/common/menu-center.png) repeat-y;
	margin: 0;
}
#menu li {
	text-indent: -9999px;
	margin: 0;
	padding: 0 10px;
}
/* SSHトップ */
#menu li.top a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 0;
	display: block;
}
#menu li.top a:hover,
#menu li.top a.selected {
	background: url(../img/common/menu.gif) -190px 0;
	display: block;
}
/* 開星SSHとは */
#menu li.ssh a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -89px;
	display: block;
}
#menu li.ssh a:hover,
#menu li.ssh a.selected {
	background: url(../img/common/menu.gif) -190px -89px;
	display: block;
}
/* 全体概要 */
#menu li.outline a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -44px;
	display: block;
}
#menu li.outline a:hover,
#menu li.outline a.selected {
	background: url(../img/common/menu.gif) -190px -44px;
	display: block;
}
/* 道徳観の育成 */
#menu li.moral a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -134px;
	display: block;
}
#menu li.moral a:hover,
#menu li.moral a.selected {
	background: url(../img/common/menu.gif) -190px -134px;
	display: block;
}
/* 科学探究 */
#menu li.science a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -179px;
	display: block;
}
#menu li.science a:hover,
#menu li.science a.selected {
	background: url(../img/common/menu.gif) -190px -179px;
	display: block;
}
/* 起業家スクール */
#menu li.ent a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -224px;
	display: block;
}
#menu li.ent a:hover,
#menu li.ent a.selected {
	background: url(../img/common/menu.gif) -190px -224px;
	display: block;
}
/* コミュニケーションメソッド */
#menu li.com a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -269px;
	display: block;
}
#menu li.com a:hover,
#menu li.com a.selected {
	background: url(../img/common/menu.gif) -190px -269px;
	display: block;
}
/* 校外研修・高大連携 */
#menu li.training a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -314px;
	display: block;
}
#menu li.training a:hover,
#menu li.training a.selected {
	background: url(../img/common/menu.gif) -190px -314px;
	display: block;
}
/* 研究報告・研究紀要 */
#menu li.research a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -359px;
	display: block;
}
#menu li.research a:hover,
#menu li.research a.selected {
	background: url(../img/common/menu.gif) -190px -359px;
	display: block;
}
/* 地域貢献・SSH普及活動 */
#menu li.activity a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -404px;
	display: block;
}
#menu li.activity a:hover,
#menu li.activity a.selected {
	background: url(../img/common/menu.gif) -190px -404px;
	display: block;
}
/* ブログ */
#menu li.blog a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -449px;
	display: block;
}
#menu li.blog a:hover,
#menu li.blog a.selected {
	background: url(../img/common/menu.gif) -190px -449px;
	display: block;
}
/* 開星SSH通信 */
#menu li.sshnews a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -494px;
	display: block;
}
#menu li.sshnews a:hover,
#menu li.sshnews a.selected {
	background: url(../img/common/menu.gif) -190px -494px;
	display: block;
}
/* SMILEプログラム */
#menu li.smile a {
	width: 190px;
	height: 44px;
	background: url(../img/common/menu.gif) 0 -539px;
	display: block;
}
#menu li.smile a:hover,
#menu li.smile a.selected {
	background: url(../img/common/menu.gif) -190px -539px;
	display: block;
}

/*----------------------------------------------------
フッター
----------------------------------------------------*/
#footer {
	height: 237px;
	padding: 0;
	position: absolute;
	bottom: 0;
	font-size: 77%;
	width: 100%;
	background: url(../img/common/footer-back.png) no-repeat center 0;
}
#footerInner {
	padding: 10px 0 0 0;
	text-align: right;
	width: 980px;
	margin: 0 auto;
}
.goToTop {
	margin: 0 0 70px 0;
}
#topFooterInner {
	padding: 142px 0 0 0;
	text-align: right;
	width: 980px;
	margin: 0 auto;
}

/*----------------------------------------------------
ブログ
----------------------------------------------------*/
#topBlogBox {
	padding: 0 6px;
	background: url(../img/common/menu-center.png) repeat-y;
}
#rssArea dl {
	width: 170px;
	margin: 5px auto;
	font-size: 93%;
}
#rssArea dt {
	padding: 5px 0 0;
}
#rssArea dd {
	border-bottom: 1px dotted #B3B3B3;
	padding: 0 0 5px;
}
/*#topBlogList {
	font-size: 93%;
}
#topBlogList li {
	border-bottom: 1px dotted #B3B3B3;
	width: 170px;
	margin: 0 auto;
	padding: 5px 0;
}*/
.moreBlog {
	text-indent: -9999px;
	float: right;
	padding-right: 15px;
}
.moreBlog a {
	width: 75px;
	height: 24px;
	background: url(../img/top/more.gif) 0 0;
	display: block;
}
.moreBlog a:hover,
.moreBlog a.selected {
	background: url(../img/top/more.gif) -75px 0;
	display: block;
}
/* ブログ一覧 */
#rssAreaBlogList dl {
	margin: 0;
}
#rssAreaBlogList dt {
	border-top: 1px dotted #B3B3B3;
	padding: 5px 0;
	float: left;
	width: 120px;
}
#rssAreaBlogList dd {
	border-top: 1px dotted #B3B3B3;
	padding: 5px 0;
	float: left;
	width: 575px;
}
/*----------------------------------------------------
スライド下のボタン
----------------------------------------------------*/
#topBtnBox {
	width: 522px;
	margin: 0 auto;
}
#topBtn {
}
#topBtn li {
	float: left;
	margin: 0 9px 9px 0;
}
#topBtn li.right {
	margin-right: 0;
}
/*----------------------------------------------------
トップページSSHとは
----------------------------------------------------*/
.sshTopBox {
	margin: 0 auto 10px;
	width: 522px;
}
.sshTopBox img {
	vertical-align: bottom;
}
.sshTopBoxBack {
	background: url(../img/top/ssh-box-center.png) repeat-y;
	margin: 0;
	padding: 0 20px;
}
.sshTopBox p {
	font-size: 85%;
}
/*----------------------------------------------------
バナー
----------------------------------------------------*/
.bannerBox {
	margin-top: 5px;
}
.banner {
	margin: 0 0 5px 0;
}