@charset "utf-8";

/*
	Site Name: 
	Description: initial setting
	Version: 
	Author: 
*/

/*
===== CONTENTS ==================================================================================

	1: HEADER
	2: CONTAINER
	3: MENU
	4: AREA-BOX
	5: footer
	6: contents
  7: EXTRA

=================================================================================================
*/



/* 1: TOP-CONTAINER
==============================================================================*/

#top-face {
	margin:0px auto;
	width:950px;
	background-image:url(../img/top/img01.jpg);
	height:305px;
}

#top-face{
    zoom:1;/*for IE 5.5-7*/
}
#top-face:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html #top-face{
	display:inline-table;
	/*\*/display:block;/**/
}

#top-flash {
	float:left;
	width:675px;
	margin-left:1px;
}
#top-img {
	float:left;
	width:240px;
	margin:30px 10px 0px 10px;
}
#top-img ul {
	margin-bottom:10px;
}

#top-img li {
	border-bottom:dotted 1px #330;
	width:240px;
}

#top-img li a:link , #top-img li a:visited {
	background-image:url(../img/top/top_img_li_bg_off.jpg);
	width:215px;
	height:20px;
	padding:5px 0px 0px 25px;
	color:#300;
	text-decoration:none;
	display:block;
}

#top-img li a:hover , #top-img li a:active {
	background-image:url(../img/top/top_img_li_bg_on.jpg);
	width:215px;
	height:20px;
	padding:5px 0px 0px 25px;
	color:#300;
	text-decoration:none;
	background-color:#CF0;
	display:block;
}


/* 1: TOP-CONTAINER
==============================================================================*/
#top-container {
		margin:0px auto;
		width:950px;
		background-image:url(../img/top/container_bg.gif);
}

#top-container{
    zoom:1;/*for IE 5.5-7*/
}
#top-container:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html #top-container{
	display:inline-table;
	/*\*/display:block;/**/
}


#top-main {
	float:left;
	width:710px;
	margin:10px;
	display:inline;	/* forIE5 6 */
}

#top-sub-rjght {
	float:right;
	width:200px;
	margin:10px;
	display:inline;	/* forIE5 6 */
}


#topic-box {
	overflow:auto;
	width:198px;
	height:200px;
	border:solid 1px #300;
	margin-bottom:10px;
}
.topic-date {
	background-image:url(../img/top/topic_date_bg.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	height:13px;
}
.topic-text {
	border-bottom:dotted 1px #630;
	margin-bottom:10px;
	font-size:80%;
}

#link-sakai {
	text-align:left;
	border:solid 1px #300;
}



#link-sakai dl {
	margin:10px;
}

#link-sakai dt {
	color:#666;
	font-size:90%;
	line-height:100%;
}
#link-sakai dd {
	background:url(../img/common/arrow.gif) no-repeat;
	padding-left:15px;
	margin-left:5px;
	font-size:80%;
	margin-bottom:5px;
}


#link-sakai a:link		{ color: #006699; text-decoration:underline; text-decoration:none; }
#link-sakai a:visited	{ color: #006699; text-decoration:underline; text-decoration:none; }
#link-sakai a:hover		{ color: #660033; text-decoration:underline; text-decoration:none; }
#link-sakai a:active	{ color: #006699; text-decoration:underline; text-decoration:none; }



#new-box dl {
	border-bottom:dotted 1px #630;
	margin-bottom:10px;
}

#new-box dl dt{
	width:200px;
	background-image:url(../img/top/topic_date_bg.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
	height:13px;
	display:inline;
}
#new-box dl dd {
	display:inline;
}