@charset "UTF-8";

/* =======================================================================
   基本設定を読み込み
======================================================================= */

@import url(base.css);


/* =======================================================================
   共通メニュー情報を読み込み
======================================================================= */

@import url(common_menu.css);


/* =======================================================================
   共通メニュー情報を読み込み
======================================================================= */

@import url(common_menu_img.css);


/* =======================================================================
   フォント情報を読み込み
======================================================================= */

@import url(font.css);



/* =======================================================================
   全体設定
======================================================================= */

/* bodyの基本設定 */
body {
	margin:0 auto 40px auto;
}


#top #wrapper {
	width:800px;
	margin:0 auto 0 50px;
}


#top #head {
	width:800px;
}


#top h1 {
	margin:0;
	padding:0;
}


/* IEハック */
#top #flashcontent img {
	vertical-align:bottom;
}

/* IEハック */
#top #script img {
	vertical-align:bottom;
}

/* =======================================================================
   設定変更ボタンの背景の高さ
======================================================================= */

/* TOPのみ高さが32px */
#top #se_menu {
	height:32px;
}


/* =======================================================================
   新着情報
======================================================================= */

/* BOX */
#top #new {
	width:540px;
	height:280px;
	float:left;
	margin-top:15px;
	margin-bottom:20px;
}

/* 見出し画像 */
#top #new h2 {
	width:540px;
	height:26px;
	margin:0;
	padding:0;
}


/* インラインフレームBOX */
#top #new .iframe{
	width: 525px;
	height: 245px;
	padding:10px 10px 0 5px;
	overflow-y: scroll;
	overflow:auto;
}


#top #new .iframe ul{
	margin:0;
	padding:0;
}

#top #new .iframe li{
	margin:0;
	padding:0;
	list-style:none;
}

/* 各記事の上下のスペース */
#top #new .iframe p{
	margin:0 0 10px 0;
}

/* =======================================================================
   お知らせ
======================================================================= */

/* BOX */
#top #topics {
	width:236px;
	height:280px;
	float:right;
	margin-top:15px;
	margin-bottom:20px;
}

#top #banner {
	width:800px;
	float:center;
	margin-top:2px;
	margin-bottom:2px;
}

#top #banner #banner_left {
	width:260px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}

#top #banner #banner_center {
	width:280px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}

#top #banner #banner_right {
	width:260px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}


/* 見出し画像 */
#top #topics h2 {
	width:236px;
	height:26px;
	margin:0 0 10px 0;
	padding:0;
}

/* お知らせ記事部分 */
#top #topics .copy {
	width:231px;
	height:190px;
	padding-left:5px;
}

/* お知らせバナー部分 */
#top #topics ul {
	margin:0;
	padding:0;
}

#top #topics li {
	margin:5px 0 0 0;
	padding:0;
	width:236px;
	height:50px;
	display:block;
	list-style:none;
	background-color:#999;
}

/* IEハック */
#top #topics ul img {
	vertical-align:bottom;
}


/* =======================================================================
   フッターバナー
======================================================================= */

/* BOX */
#top #foot_banner {
	width:800px;
	height:60px;
}

#top #foot_banner ul {
	margin:0;
	padding:0;
	height:60px;
	width:800px;
}

#top #foot_banner li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	display:block;
	width:150px;
	height:60px;
	margin-right:12px;
}

#top #foot_banner .right {
	margin-right:0;
	float:right;
}

/* IEハック */
#top #foot_banner img {
	vertical-align:bottom;
}



/* =======================================================================
   TOPカテゴリ／リンク色の設定（通常モードCSSから移動）
======================================================================= */

/* リンク色の設定（デフォルト） */
#top a:link {color:#0000ee;}
#top a:visited {color:#0000ee;}
#top a:active { color: #ff9900;}
#top a:hover { color: #ff9900;}

/* リンク色の設定（用語解説リンク） */
#top a.word:link {color:#0000ee;}
#top a.word:visited {color:#0000ee;}
#top a.word:active { color: #ff9900;}
#top a.word:hover { color: #ff9900;}


/* 強調文字の色（指定しない） */
#top strong {
}

/* =======================================================================
   TOPページ／通常モードの設定（通常モードCSSから移動）
======================================================================= */

/* 背景色 */
#top {
background-image:url(../../img/blue/top_back.gif);
background-repeat:no-repeat;
}

/* 新着情報見出し */
#top #new h2 {
background-image:url(../../img/blue/top_new.gif);
background-repeat:no-repeat;
}

/* お知らせ見出し */
#top #topics h2 {
background-image:url(../../img/blue/top_topics.gif);
background-repeat:no-repeat;
}

/* お知らせの記事部分の背景を解除 */
#top #topics {
background:none;
}