@charset "UTF-8";
/* =======================================================================
	CSS information

	file name  :top.css
	version:1.0
	style info :トップページ用。
======================================================================= */
/* import　各ディレクトリのスタイルシートは以下を必ず読み込む
----------------------------------------------------------------------------- */
@import "default.css"; /*リセット、font.css、再定義*/
@import "base.css"; /*サイトの初期設定*/
@import "layout.css"; /*サイトの基本レイアウト*/

/* layout 基本のレイアウト外枠
----------------------------------------------------------------------------- */
#header{
	background-image:url(../img/navi/bk_grobal.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	}

#globalnavi{
background-color:#ffffff;
background-image:none;
margin-top:20px;
}

#main{
height:450px;
width:100%;
text-align:center;
background-image:url(../img/bk_main.jpg);
background-repeat:no-repeat;
background-position:center;
	background-color:#f3f4f2;
}


#main .flash{
width:960px;
height:450px;
margin-left:auto;
margin-right:auto;
}

#contents_wrap{
	width: 955px;
	margin: 0px auto;
}

/* top
----------------------------------------------------------------------------- */
#contents h2 {
	background-image: url(../img/new_arrival.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 18px;
	text-indent: -9999px;
}
#container #swf {
	clear: both;
	margin: 0px auto;
	text-align: center;
}

.news,
.news_right{
	width:158px;
	float:left;
	padding: 10px 10px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	height:220px;
	margin-top:0px;
	}

.news{
	margin-right:12px;
}

.news_right{
	margin-right:0px;
	}
#contents_wrap ul{
font-size:85%;
margin-top:10px;
}


#contents_wrap li{
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 15px;
	border-bottom: 1px dotted #666;
	margin-top:5px;
	margin-bottom:10px;
	padding-bottom:10px;
	line-height:140%;
	color:cccccc;
	}
#contents_wrap li a{
color:#333333;
}
	
	#contents_wrap li a:hover{
color:#cccccc;
}
	
*html #contents_wrap li{
margin-bottom:8px;
padding-bottom:8px;
padding-top:3px;

}

*+html #contents_wrap li{
margin-bottom:10px;
padding-bottom:8px;

}

#contents_wrap li a:hover{
text-decoration:underline;
}
	
#contents_wrap .topics li{
	background-image: url(../img/icon_allow_orange.gif);
	}
#contents_wrap .education li{
	background-image: url(../img/icon_allow_blue.gif);
	}
#contents_wrap .culture li{
	background-image: url(../img/navi/icon_navi_yellow.gif);
	}
#contents_wrap .sports li{
	background-image: url(../img/navi/icon_navi_magenta.gif);
	}


.bn{
text-align:center;

}

.bn img{
	background-color:#FFFFFF;
	padding:2px;
	margin-right:20px;
	border: 1px solid #CCCCCC;
	margin-top:20px;
}