@charset "UTF-8";

/*
=============================================================================
home.css
=============================================================================
Suggested order by mozilla.org Base Styles (http://www.mozilla.org/css/base/content.css)
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
-----------------------------------------------------------------------------
font-size reference
 *  77% = 10px	 	* 122% = 16px		* 167% = 22px	
 *  85% = 11px		* 129% = 17px		* 174% = 23px
 *  92% = 12px		* 136% = 18px		* 182% = 24px
 * 100% = 13px		* 144% = 19px		* 189% = 25px
 * 107% = 14px		* 152% = 20px		* 197% = 26px
 * 114% = 15px		* 159% = 21px	
-----------------------------------------------------------------------------
*/


/* Contents Styling
-----------------------------------------------------------------------------*/
/* コンテンツイメージと見出し */
.content-header {
	height: 310px;
	background: url(../images/bg-toppage-top.gif) 0 0 no-repeat;
}

/* スライドメニュー */
#screen {
	position: relative;
	width: 900px;
	height: 230px;
	margin: 0 auto;
	overflow: hidden;
	overflow-x: hidden;
}

#sections { width: 4500px; }
.section {
	float: left;
	width: 900px;
	height: 230px;
}

.section h2,
.section p {
	font-size: 1px;
	text-indent: -9999px;
}

/* 各メニューのイメージ画像 */
#section-1 img.title-headline {
	position: absolute;
	top: 45px;
	left: 50px;
	width: 414px;
	height: 131px;
	z-index: 100;
}
#section-2 { background-image: url(../images/bg-section-2.jpg); }
#section-3 { background-image: url(../images/bg-section-3.jpg); }
#section-4 { background-image: url(../images/bg-section-4.jpg); }
#section-5 { background-image: url(../images/bg-section-5.jpg); }

/* 「ようこそ」の画像切り替わり */
#section-1 .section-1-img {
	width: 900px;
	height: 230px;
}
#section-1-img-1 { background-image: url(../images/bg-section-1-1.jpg); }
#section-1-img-2 { background-image: url(../images/bg-section-1-2.jpg); }
#section-1-img-3 { background-image: url(../images/bg-section-1-3.jpg); }

/* スライドメニュータブ */
ul#tabmenu {
	display: block;
	width: 900px;
	height: 50px;
	margin: 0 auto;
	background: url(../images/btn-tabmenu.gif) 0 0 no-repeat;
}
ul#tabmenu li {
	float: left;
	width: 180px;
	height: 50px;
}
ul#tabmenu li a {
	display: block;
	width: 179px;
	height: 50px;
	margin-left: 1px;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}
ul#tabmenu li a#tab-5 { width: 178px; }

/* メインコンテンツ */
#content {
	width: 560px;
	padding-left: 30px;
}

/* 各種サイトマップへのイメージアンカー */
#sections a {
	display: block;
	position: relative;
	top: 159px;
	left: 640px;
	width: 217px;
	height: 55px;
	overflow: hidden;
	z-index: 500;
}
#sections a#section-3-btn,
#sections a#section-5-btn { left: 38px; }

/* ニューストピックス */
.headline {
	position: relative;
	width: 560px;
	height: 30px;
	background: url(../images/bg-headline-560.gif) 0 0 no-repeat;
}

/* ニューストピックス見出し */
.headline img { margin: 6px 0 0 10px; }

/* 最新10件を表示しています */
.headline img.latest-info {
	position: absolute;
	top: 7px;
	left: 175px;
	width: 150px;
	height: 13px;
	margin: 0;
	}

/* 一覧を見るボタン */
.headline span a {
	display: block;
	position: absolute;
	top: 3px;
	right: 11px;
	width: 89px;
	height: 21px;
	background: url(../images/btn-list.gif) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}
/* Over */
/*#newstopics span a:hover { background-position: 0 -22px; }*/
.headline span a:hover { background-position: 0 -22px; }
/* Pressed */
/*#newstopics span a:active { background-position: 0 -44px; }*/
.headline span a:active { background-position: 0 -44px; }

/* ニューストピックスのリスト */
.scrollpanel {
	width: 550px;
	height: 300px;
	margin: 0 0 10px;
	overflow: auto;
}
ul.news-topics {
/*	width: 540px;*/
	width: 510px;
	margin: 0 0 10px 20px;
}
ul.news-topics li {
/*	width: 540px;*/
	width: 500px;
}
.news-wrapper {
/*	width: 460px;*/
	width: 420px;
}

ul.news-topics li.top-topics .news-wrapper,
ul.news-topics li.top-topics .news-info { padding-top: 5px; }


/* 更新情報のリスト */
#updated { height: 170px; }

/* 最新10件を表示しています */
#latest img.latest-info {
	left: 105px;
	}

/* スクロールバーを表示させない場合に有効
#updated ul.news-topics {
	width: 540px;
	margin-top: 11px;
	margin-bottom: 20px;
	overflow: hidden;
	_zoom: 1;
}
#updated ul.news-topics li {
	width: 520px;
	margin-top: -1px;
	}
#updated ul.news-topics li .news-wrapper {
	width: 440px;
	}
*/

/* トピックス */
#topics {
	width: 560px;
	margin: 0 auto;
	background: url(../images/bg-box1-560-body.gif) 0 0 repeat-y;
}
#topics ul {
	width: 100%;
	background: url(../images/bg-box1-560-top.gif) 0 0 no-repeat;
}
#topics ul:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
	visibility: hidden;
}
#topics ul li {
	float: left;
	width: 250px;
	padding-left: 20px;
}
#topics #topics-bottom {
	display: block;
	clear: both;
	height: 15px;
	background: url(../images/bg-box1-560-bottom.gif) 0 100% no-repeat;
}

/* トピックス見出し */
#topics h3 { margin: 20px 0 10px; }

/* トピックスの写真 */
#topics img.img-filter {
	width: 244px;
	border: 3px solid #E2E2E2;
}

/* トピックスのタイトル */
#topics h4 {
	font-size: 92%;
	font-weight: bold;
	padding: 0.5em 0 0.5em 15px;
	background: url(../images/img-linklist.gif) 0 50% no-repeat;
}
/* トピックスの説明 */
#topics p { font-size: 85%; }