@charset "utf-8";

/*reset*/
* {
	margin:0;
	padding:0;
}

/*global*/
a:link, a:visited {
	color:#0099CC;
	text-decoration:none;
}
a:active {
	color:#333;
	text-decoration:none;
}

a:hover {
	color:#333;
	text-decoration:underline;
}
body{
	margin: 0;  
	padding: 0;  
	height: 100%;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3" Osaka, sans-serif;
	font-size: 12px;
	line-height:1.6;
	background: #EEE;
}
img{
	border:0;
}
li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/*--clearFix--*/
.clearFix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearFix { display: inline-block; }
/*--Hides from IE-mac \--*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }

/*--IEのliバグ用--*/
* html ul { /*for IE6 */
display: inline;
}
*:first-child+html ul { /*for IE7 */
display: inline;
text-indent: -12px;
}

/*layout*/
#container {
	width: 900px;
	background: #FFF;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px dotted #666666;
	border-left: 1px dotted #666666;
	height: auto;
	overflow: hidden;
}

/*mainContents*/
#mainContents {
	width: 650px;
	float: right;
	position: relative;
	background: #FFFFFF;
}
#mainContents #topImage {
	background: #99CC33 url(../images/topimage3.png);
	height: 450px;
	width: 650px;
	margin-top: 20px;
}
#mainContents #topImage h1 {
	background: url(../images/toptitle3-trans.png) no-repeat 20px 20px;
	height: 170px;
	width: 620px;
	font-size: 5px;
	color: #00B2D5;
	text-indent: -9999px;
}
#leftColum {
	background: #CCC url(../images/bar.gif);
	float: left;
	width: 175px;
	/*padding-bottom: 32767px;*/
	/*margin-bottom: -32767px;*/
	position:relative
}
#leftColum #sideBox {
	height: 800px;
}


/*leftColum*/
#leftColum #sideNavi {
	background: #F6F6F6;
	position: absolute;
	top: 60px;
	width: 175px;
	padding: 10px 0px;
}
#leftColum #sideNavi #naviList {
	border-left: 2px solid #0099CC;
	list-style-type: none;
	height: 130px;
	font: 13px/1.5em Arial, Helvetica, sans-serif;
	color: #0099CC;
	padding-left: 10px;
}

/*mainNavi*/
#mainContents #mainNavi {
	background: #FFFFFF;
	width: 650px;
}
/*mainNavi list*/
/*--リストの横並び--//*/
#mainContents #mainNavi li {
	float: left;
	height: 120px;
	width: 120px;
	margin-top: 12px;
}
/*--リストのテキスト非表示--//*/
#mainContents #mainNavi a {
	display:block;
	height:100%;
	text-indent:-9999px;
}
/*--Firefoxの点線はみだし回避--//*/
#mainContents #mainNavi a:focus{
/*\*/
	overflow: hidden;
/**/
}

/*--グローバルナビの設定--*/
#mainContents #mainNavi li {
	float:left;
}
#mainContents #mainNavi a {
	display:block;
}

/*--ナビの間隔調整--*/
li#aboutLink {
	padding-right:13px;
	background: #FFFFFF url(../images/aboutLink2.png) no-repeat;
}
li#blog {
	padding-right:13px;
	background: #FFFFFF url(../images/blog2.png) no-repeat;
}
li#members {
	padding-right:12px;
	background: #FFFFFF url(../images/members2.png) no-repeat;
}
li#access {
	padding-right:12px;
	background: #FFFFFF url(../images/access2.png) no-repeat;
}


/*--ナビのロールオーバー--*/
#aboutLink a {
	background: url(../images/aboutLink1.png);
}
#blog a {
	background: url(../images/blog1.png);
}
#members a {
	background: url(../images/members1.png);
}
#access a {
	background: url(../images/access1.png);
}
#past a {
	background: url(../images/past1.png);
}
#aboutLink a:hover {
	background:none;
}
#members a:hover {
	background:none;
}
#blog a:hover {
	background:none;
}
#access a:hover {
	background:none;
}

/*info*/
#mainContents #info {
	clear: left;
	padding-top: 10px;
}
#mainContents #info h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #333333;
}
#mainContents  #info  dl  {
	float: left;
	margin-top: 5px;
	margin-right: 60px;
}
#mainContents  #info  dt  {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	width: 80px;

}
#mainContents #info #infoText {
	border-top: 2px solid #CCCCCC;
	height: 70px;
}

/*footer*/
#mainContents #footer {
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
	text-align: right;
	left: 0px;
	top: 805px;
	width: 640px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#mainContents #footer li {
	float:left;
	padding-right: 10px;
}
#mainContents #footer #credit {
	font-size: 1em;
}
#mainContents #footer address {
	font-size: 0.8em;
	font-style: normal;
	clear: left;
	height: 12px;
}
#mainContents #sitePath {
	color: #666666;
	text-align: left;
	font: 14px Arial, Helvetica, sans-serif;
}
#mainContents #memberList a {
	color: #333333;
}