@charset "UTF-8";

/* 基本設定
----------------------------------------------- */
*{
	/*今回は設定しない*/
}
body{
	margin			:	0px auto;
	padding			:	0px;
	font-family		:	"ＭＳ ゴシック", "Osaka－等幅", verdana;
	font-size		:	12px;
	color			:	#333;
	line-height		:	1.7;
	text-align		:	left;
	background		:	#FFF;
}
h1, h2, h3, h4, h5{
	margin			:	0px;
	padding			:	0px;
	font-size		:	12px;
}
div, p, table, form{
	margin			:	0px;
	padding			:	0px;
}
ul, ol, dl{
	margin			:	0px;
	padding			:	0px;
}
li, dt, dd{
	margin			:	0px;
	padding			:	0px;
	list-style		:	outside;
	list-style-type	:	none;
}
a:link{
	color			:	#69c;
	text-decoration	:	underline;
}
a:visited{
	color			:	#69c;
	text-decoration	:	underline;
}
a:hover, a:active{
	color			:	#F00;
	text-decoration	:	underline;
}
a img{
	border			:	0px;
}

/* ページ全体
----------------------------------------------- */
#Container{
	margin			:	10px auto 0px;
	width			:	720px;
}
/* ヘッダー
----------------------------------------------- */
#Head p{
	width			:	720px;
    height			:	20px;
	background		:	url(../images/img_head.gif) no-repeat;
	text-indent		:	-9999px;
}
#Head h1{
	width			:	720px;
    height			:	50px;
	background		:	url(../images/img_logo.gif) no-repeat;
	text-indent		:	-9999px;
}
/* ナビ
----------------------------------------------- */
#Navi{
	padding			:	7px;
	width			:	706px;
	height			:	41px;
	background		:	url(../images/bg_navi.gif) no-repeat;
	overflow		:	hidden;
}
#Navi li{
	float			:	left;
}
#Navi li.navi01 a{
	display			:	block;
	width			:	90px;
    height			:	42px;
	background		:	url(../images/navi01.gif) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Navi li.navi02 a{
	display			:	block;
	width			:	116px;
    height			:	42px;
	background		:	url(../images/navi02.gif) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Navi li.navi03 a{
	display			:	block;
	width			:	95px;
    height			:	42px;
	background		:	url(../images/navi03.gif) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Navi li.navi04 a{
	display			:	block;
	width			:	94px;
    height			:	42px;
	background		:	url(../images/navi04.gif) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Navi li.navi05 a{
	display			:	block;
	width			:	87px;
    height			:	42px;
	background		:	url(../images/navi05.gif) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Navi li.navi06 a{
	display			:	block;
	width			:	105px;
    height			:	42px;
	background		:	url(../images/navi06.gif) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Navi li.navi07 a{
	display			:	block;
	width			:	119px;
    height			:	42px;
	background		:	url(../images/navi07.gif) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Navi li.navi01 a:hover{
	background		:	none;
}
#Navi li.navi02 a:hover{
	background		:	none;
}
#Navi li.navi03 a:hover{
	background		:	none;
}
#Navi li.navi04 a:hover{
	background		:	none;
}
#Navi li.navi05 a:hover{
	background		:	none;
}
#Navi li.navi06 a:hover{
	background		:	none;
}
#Navi li.navi07 a:hover{
	background		:	none;
}
#Navi li.navi01{
	background		:	url(../images/navi01_over.gif) no-repeat;
}
#Navi li.navi02{
	background		:	url(../images/navi02_over.gif) no-repeat;
}
#Navi li.navi03{
	background		:	url(../images/navi03_over.gif) no-repeat;
}
#Navi li.navi04{
	background		:	url(../images/navi04_over.gif) no-repeat;
}
#Navi li.navi05{
	background		:	url(../images/navi05_over.gif) no-repeat;
}
#Navi li.navi06{
	background		:	url(../images/navi06_over.gif) no-repeat;
}
#Navi li.navi07{
	background		:	url(../images/navi07_over.gif) no-repeat;
}
/* ボディー
----------------------------------------------- */
#Body{
	background		:	url(../images/bg_body.gif) repeat-y;
}
/* コンテンツ
----------------------------------------------- */
#Contents{
	padding			:	5px 24px;;
	width			:	672px;
    height			:	96px;
	background		:	url(../images/bg_contents.gif) no-repeat;
	overflow		:	hidden;
}
#Contents li{
	float			:	left;
}
#Contents li.item01 a{
	display			:	block;
	width			:	223px;
    height			:	83px;
	background		:	url(../images/item01.jpg) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Contents li.item02 a{
	display			:	block;
	width			:	223px;
    height			:	83px;
	background		:	url(../images/item02.jpg) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Contents li.item03 a{
	display			:	block;
	width			:	223px;
    height			:	83px;
	background		:	url(../images/item03.jpg) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Contents li.item04 a{
	display			:	block;
	width			:	115px;
    height			:	83px;
	background		:	url(../images/item04.jpg) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Contents li.item01 a:hover{
	background		:	none;
}
#Contents li.item02 a:hover{
	background		:	none;
}
#Contents li.item03 a:hover{
	background		:	none;
}
#Contents li.item04 a:hover{
	background		:	none;
}
#Contents li.item01{
	background		:	url(../images/item01_over.jpg) no-repeat;
}
#Contents li.item02{
	background		:	url(../images/item02_over.jpg) no-repeat;
}
#Contents li.item03{
	background		:	url(../images/item03_over.jpg) no-repeat;
}
#Contents li.item04{
	background		:	url(../images/item04_over.jpg) no-repeat;
}
/* ボックス
----------------------------------------------- */
#Box{
	width			:	720px;
	overflow		:	hidden;
}
/* 最新ニュース
----------------------------------------------- */
#News{
	width			:	567px;
	float			:	left;
}
#News h2{
	width			:	567px;
    height			:	27px;
	background		:	url(../images/news_h2.gif) no-repeat;
	text-indent		:	-9999px;
}
#News div.body{
	padding			:	5px 5px 10px 25px;
	width			:	537px;
    height			:	63px;
	background		:	url(../images/news_body.gif) no-repeat 0 bottom;
}
#News div.body div#scroll{
	width			:	537px;
    height			:	63px;
	overflow		:	auto;
}
#News div.body dl{
	width			:	520px;
	overflow		:	hidden;
}
#News div.body dt{
	width			:	70px;
	color			:	#99cc99;
	float			:	left;
}
#News div.body dd{
	width			:	450px;
	color			:	#666;
	float			:	left;
}
/* お知らせ
----------------------------------------------- */
#Notice{
	width			:	153px;
	float			:	left;
}
#Notice h2{
	width			:	153px;
    height			:	27px;
	background		:	url(../images/notice_h2.gif) no-repeat;
	text-indent		:	-9999px;
}
#Notice div.body{
	padding			:	1px 21px 17px 17px;
	width			:	115px;
    height			:	60px;
	background		:	url(../images/notice_body.gif) no-repeat 0 bottom;
}
/* ピックアップ
----------------------------------------------- */
#Pickup{
	width			:	720px;
}
#Pickup h2{
    height			:	40px;
	background		:	url(../images/pickup_h2.gif) no-repeat;
	text-indent		:	-9999px;
}
#Pickup ul{
	width			:	720px;
	background		:	url(../images/pickup_body.gif) repeat-y ;
	overflow		:	hidden;
}
#Pickup li{
	padding-left	:	25px;
	padding-bottom	:	5px;
	float			:	left;
}
#Pickup li.pick01 a{
	display			:	block;
	width			:	112px;
    height			:	32px;
	background		:	url(../images/pick01.jpg) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Pickup li.pick02 a{
	display			:	block;
	width			:	112px;
    height			:	32px;
	background		:	url(../images/pick02.jpg) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Pickup li.pick03 a{
	display			:	block;
	width			:	112px;
    height			:	32px;
	background		:	url(../images/pick03.jpg) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Pickup li.pick04 a{
	display			:	block;
	width			:	112px;
    height			:	32px;
	background		:	url(../images/pick04.jpg) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Pickup li.pick05 a{
	display			:	block;
	width			:	112px;
    height			:	32px;
	background		:	url(../images/pick05.gif) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Pickup li.pick06 a{
	display			:	block;
	width			:	112px;
    height			:	32px;
	background		:	url(../images/pick06.jpg) no-repeat;
	text-indent		:	-9999px;
	overflow		:	hidden;
}
#Pickup div.foot{
	height			:	20px;
	background		:	url(../images/pickup_foot.gif) no-repeat bottom;
}
/* フッター
----------------------------------------------- */
#Foot{
	width			:	720px;
}

/* コピーライト
----------------------------------------------- */
#Copyright p{
	width			:	720px;
    height			:	26px;
	background		:	url(../images/img_foot.gif) no-repeat;
	text-indent		:	-9999px;
}

#Copyright_another p{
	margin			:	0px;
	padding			:	0px;
	color			:	#999999;
	line-height		:	1.7;
	text-align		:	center;
	font-size : 10px;
}

#attention p{
	margin			:	0px;
	padding			:	0px;
	color			:	#999999;
	line-height		:	1.7;
	text-align		:	center;
	font-size : 10px;
	border-top: dotted 1pt #cccccc;
}
.nbr { line-height: 5px; }
