@charset "Shift_JIS";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0;																	/*全要素のマージン・パディングをリセット*/
	line-height:1;																				/*全要素の行の高さを1倍にする*/
	color:#000000;																				/*文字色*/
}

body {
	background-color:#dcdcdc;															/*ページ全体の背景色（未使用領域を明確にするためグレー指定）*/
	text-align:center;																		/*IE6以下でセンタリングするための対策*/
}

div#pagebody {
	width:1024px; margin:0 auto;													/*内容全体をセンタリング*/
	text-align:left;																			/*テキストの配置を左揃えにする*/
	float:left;																						/*要素を左寄せする*/
/*	background-image:url("images/bg_pagebody.gif");			内容全体の背景*/
/*	background-repeat:repeat-y;													背景画像を縦方向に繰り返す*/
	background-color:#ffffff;															/*内容全体の背景色*/
}

/*============================================
ヘッダ(共通)（固定）
============================================*/

div#header-fixed {																			/* ヘッダ固定用*/
	position: fixed;																			/* ヘッダーの固定 */
	top: 0px;																							/* ヘッダーの固定 開始位置指定（上）*/
	left: 0px;																						/* ヘッダーの固定 開始位置指定（右）*/
	width: 1024px;																					/* ヘッダーの固定 開始位置からの幅指定*/
	height: 41px;																					/* ヘッダーの固定 開始位置からの高さ指定*/
}

div#header-bk {																					/* ヘッダ固定時（枠確保）*/
	background-color:#ffffff;															/* ヘッダ固定時（枠確保） 背景色*/
	width: 1024px;																					/* ヘッダ固定時（枠確保） 幅指定*/
	height: 41px;																					/* ヘッダ固定時（枠確保） 高さ指定*/
}

div#header {
	height:41px;																					/*背景画像のサイズに合わせてボックスの高さを指定*/
	background-color:#ffffff;															/* ヘッダ固定時（枠確保） 背景色*/
/*	background-image:url("images/bg_header.jpg");				ヘッダ部分の背景画像*/
/*	background-repeat:no-repeat;												背景画像を繰り返さない*/
	padding:0px 0px 5px 2px;														/*見出し内容の位置調整*/
	font-size: 12px;
	border-bottom:dotted 0px #000000;
}

h1 {

	font-family:Arial, Helvetica, sans-serif;							/*フォントの種類*/
	font-weight:bold;																			/*フォントの太さを指定する*/
}

h1 a {text-decoration:none;}														/*リンクの下線を無くす*/


/*============================================
メインメニュー(TOP画面)（未使用）
============================================*/
ul#menu {
	width:1024px; height:22px;
	background-color:#87ceeb;
	font-family: "ＭＳ ゴシック",sans-serif;
	color:#000000;
	font-size: 12px;
}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05 {
	float:left;																						/*リスト項目を横に並べる*/
	display:inline;																				/*リスト項目をインライン表示にする*/
	list-style-type:none;																	/*リストマーカー無しにする*/
	background-repeat:no-repeat; 													/*背景画像を繰り返さない*/
}

/*ボタン01〜05にはそれぞれ異なる背景画像を指定する*/
li#menu01 {
	width:164px; height:22px;															/*背景画像に合わせたサイズ指定*/
	background-image:url("images/bg_menu02.jpg");					/*背景画像*/
}

li#menu02 {
	width:156px; height:22px;
	background-image:url("images/bg_menu02.jpg");
}
li#menu03 {
	width:156px; height:22px;
	background-image:url("images/bg_menu03.jpg");
}
li#menu04 {
	width:156px; height:22px;
	background-image:url("images/bg_menu04.jpg");
}
li#menu05 {
	width:164px; height:22px;
	background-image:url("images/bg_menu05.jpg");
}
ul#menu a {
	display:block;																					/*リンクをブロック表示にする*/
	height:22px; padding-top:4px;
	text-align:center;																			/*行揃え中央*/
	text-decoration:none;																		/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/*============================================
サブメニュー(TOP画面)（左カラム）
============================================*/
div#submenu {
	width:150px;
	padding:45px 0 0 0;																		/* ヘッダ固定のため、上41pxを余白を取る */
	display:block;																				/*IE6のマージン算出のバグ対策*/
	font-size: 12px;
	float:left;																						/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body {
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;																		/*行揃え中央*/
}

li#submenu_body01,li#submenu_body02,li#submenu_body03,li#submenu_body04,li#submenu_body05,li#submenu_body06,li#submenu_body08,li#submenu_body08 {
	list-style-type:none;																	/*リストマーカー無しにする*/
	background-repeat:no-repeat; 													/*背景画像を繰り返さない*/
	width:150px; height:30px;															/*背景画像に合わせたサイズ指定*/
}

/*ボタン01〜05にはそれぞれ異なる背景画像を指定する*/
li#submenu_body01 {
	background-image:url("img/menu/menu_01.png");					/*背景画像*/
}
li#submenu_body02 {
	background-image:url("img/menu/menu_02.png");
}
li#submenu_body03 {
	background-image:url("img/menu/menu_03.png");
}
li#submenu_body04 {
	background-image:url("img/menu/menu_04.png");
}
li#submenu_body05 {
	background-image:url("img/menu/menu_05.png");
}
li#submenu_body06 {
	background-image:url("img/menu/menu_06.png");
}
li#submenu_body07 {
	background-image:url("img/menu/menu_07.png");
}
li#submenu_body08 {
	background-image:url("img/menu/menu_08.png");
}

li#submenu_body01 a,li#submenu_body02 a,li#submenu_body03 a,li#submenu_body04 a,li#submenu_body05 a,li#submenu_body06 a ,li#submenu_body07 a,li#submenu_body08 a {
	display:table-cell;																	/*リンクをブロック表示にする*/
	vertical-align: middle;
	text-decoration:none;																/*リンクの下線を無くす*/
	width:150px; height:30px;
}

li#submenu_body01  a:hover {
	background-color:#f5f5f5;															/*リンクにマウスが乗ったら色を変える*/
	background-image:url("img/menu/menu_01.png");					/*背景画像*/
	background-repeat:no-repeat; 													/*背景画像を繰り返さない*/
	width:150px; height:30px;															/*背景画像に合わせたサイズ指定*/
}
li#submenu_body02  a:hover {
	background-color:#f5f5f5;															/*リンクにマウスが乗ったら色を変える*/
	background-image:url("img/menu/menu_02.png");						/*背景画像*/
	background-repeat:no-repeat; 													/*背景画像を繰り返さない*/
	width:150px; height:30px;															/*背景画像に合わせたサイズ指定*/
}
li#submenu_body03  a:hover {
	background-color:#f5f5f5;															/*リンクにマウスが乗ったら色を変える*/
	background-image:url("img/menu/menu_03.png");						/*背景画像*/
	background-repeat:no-repeat; 													/*背景画像を繰り返さない*/
	width:150px; height:30px;															/*背景画像に合わせたサイズ指定*/
}
li#submenu_body04  a:hover {
	background-color:#f5f5f5;															/*リンクにマウスが乗ったら色を変える*/
	background-image:url("img/menu/menu_04.png");						/*背景画像*/
	background-repeat:no-repeat; 													/*背景画像を繰り返さない*/
	width:150px; height:30px;															/*背景画像に合わせたサイズ指定*/
}
li#submenu_body05  a:hover {
	background-color:#f5f5f5;															/*リンクにマウスが乗ったら色を変える*/
	background-image:url("img/menu/menu_05.png");						/*背景画像*/
	background-repeat:no-repeat; 													/*背景画像を繰り返さない*/
	width:150px; height:30px;															/*背景画像に合わせたサイズ指定*/
}
li#submenu_body06  a:hover {
	background-color:#f5f5f5;															/*リンクにマウスが乗ったら色を変える*/
	background-image:url("img/menu/menu_06.png");						/*背景画像*/
	background-repeat:no-repeat; 													/*背景画像を繰り返さない*/
	width:150px; height:30px;															/*背景画像に合わせたサイズ指定*/
}
li#submenu_body07  a:hover {
	background-color:#f5f5f5;															/*リンクにマウスが乗ったら色を変える*/
	background-image:url("img/menu/menu_07.png");						/*背景画像*/
	background-repeat:no-repeat; 													/*背景画像を繰り返さない*/
	width:150px; height:30px;															/*背景画像に合わせたサイズ指定*/
}
li#submenu_body08  a:hover {
	background-color:#f5f5f5;															/*リンクにマウスが乗ったら色を変える*/
	background-image:url("img/menu/menu_08.png");						/*背景画像*/
	background-repeat:no-repeat; 													/*背景画像を繰り返さない*/
	width:150px; height:30px;															/*背景画像に合わせたサイズ指定*/
}

/*============================================
表示非表示の切替（未使用）
============================================*/


/*============================================
コンテンツ(TOP画面)（中央と右の2カラム全体）
============================================*/
div#content {
	width:874px; margin:0px 0px 0px 0px;									/*幅の指定と位置調整*/
	padding:45px 0 0 0;																		/* ヘッダ固定のため、上41pxを余白を取る */
	float:left;																						/*カラム全体を左寄せにする*/
	background-color:#ffffff;
}

/*============================================
いまここナビ（共通）
============================================*/
div#now {
	width:864px;
	height:20px;
	padding:10px 0px 0px 0px;
	float:left;																							/*カラムを左寄せにする*/
	font-family:Arial, Helvetica, sans-serif;								/*フォントの種類*/
	font-size:small;																				/*フォントサイズを小さくする*/
	background-color:#ffffff;

}

#now  a {
	color:#000000;																					/*リンクにマウスが乗ったら色を変える*/
	text-decoration:none;
}

#now  a:hover {
	color:#dc143c;																					/*リンクにマウスが乗ったら色を変える*/
	text-decoration:underline;
}

/*============================================
ヘッドライン(TOP画面)
============================================*/
div#headline {
	width:624px;
	padding-top:10px;
	float:left;																							/*カラムを左寄せにする*/
/*	background-image:url("images/bar_news.gif");	*/
/*	background-repeat:no-repeat;	*/
	background-color:#ffffff;
}

p#headline_img {
	width:586px;
	color:#ffff00;
	font-size: 15px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	border-top : solid 1px #000000 ; 
	border-left : solid 1px #000000 ; 
	border-right : solid 1px #000000 ; 
}

p#headline_group {
	width:586px;
	height: 30px;
	color:#00000;
	font-size: 14px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	border-top : solid 1px #000000 ; 
	border-left : solid 1px #000000 ; 
	border-right : solid 1px #000000 ; 
}


p#headline_star {
	width:586px;
	color:#ffff00;
	font-size: 30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#696969;
	border-top : solid 1px #000000 ; 
	border-left : solid 1px #000000 ; 
	border-right : solid 1px #000000 ; 
}

p#headline_index {
	padding:5px;
	width:576px;
	color:#000000;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;																		/*フォントを太字に*/
	border-top : solid 1px #000000 ; 
	border-left : solid 1px #000000 ; 
	border-right : solid 1px #000000 ; 
}

#headline_index  a {
	width:586px;
	color:#000000;																					/*リンクにマウスが乗ったら色を変える*/
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;																		/*フォントを太字に*/
	text-decoration:none;
	border-top : solid 1px #000000 ; 
	border-left : solid 1px #000000 ; 
	border-right : solid 1px #000000 ; 
}

#headline_index  a:hover {
	width:586px;
	color:#dc143c;																					/*リンクにマウスが乗ったら色を変える*/
	font-size: 17px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;																		/*フォントを太字に*/
	text-decoration:underline;
	border-top : solid 1px #000000 ; 
	border-left : solid 1px #000000 ; 
	border-right : solid 1px #000000 ; 
}

p#headline_index2 {
	padding:5px;
	width:576px;
	color:#000000;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	border : solid 1px #000000 ; 
}

#headline_index2  a {
	width:586px;
	color:#000000;																					/*リンクにマウスが乗ったら色を変える*/
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	border : solid 1px #000000 ; 
}

#headline_index2  a:hover {
	width:586px;
	color:#dc143c;																					/*リンクにマウスが乗ったら色を変える*/
	font-size: 17px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	border : solid 1px #000000 ; 
}

/*============================================
ニュース(記事画面)
============================================*/
div#news {
	width:624px;
	float:left;																							/*カラムを左寄せにする*/
/*	background-image:url("images/bar_news.gif");	*/
/*	background-repeat:no-repeat;	*/
	background-color:#ffffff;
}

p#news_star {
	width:586px;
	color:#ffff00;
	font-size: 30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#696969;
}

p#news_index {
	width:586px;
	color:#000000;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
}

#news_index  a {
	width:586px;
	color:#000000;																					/*リンクにマウスが乗ったら色を変える*/
	text-decoration:none;
}

#news_index  a:hover {
	width:586px;
	color:#dc143c;																					/*リンクにマウスが乗ったら色を変える*/
	text-decoration:underline;
}


p#news_title {
	width:586px;
	color:#ff6347;
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;																		/*フォントを太字に*/
}

p#news_line {
	padding-left:15px;
	width:586px;
	color:#000000;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

/* 横スクロール用（スマホ版で利用予定） */
.horizontal-list {
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	}

.item {
	display: inline-block;
	width: 25%;
	height: 100px;
	margin: 16px;
	font-size: 12px;
	background: rgba(255, 0, 0, 0.4);
    }



/*============================================
ピックアップ（右カラム）
============================================*/
div#pickup {
	width:250px;
	padding-top:10px; 																			/*幅の指定と位置調整*/
	float:left;																							/*カラムを右寄せにする*/
	background-image:url("images/bar_pickup.gif");					/*右カラムの背景画像*/
	background-repeat:no-repeat;		 												/*背景画像を繰り返さない*/
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;								/*フォントの種類*/
	font-size:small;																				/*フォントサイズを小さくする*/
}
div#pickup ul {
	margin-left:10px; 		/*左マージンを10px空ける*/
}
div#pickup li {
	list-style-type:none; 		/*リストマーカー無しにする*/
}



/*============================================
フッタ（固定）
============================================*/
div#footer-fixed
{
	position: fixed;												/* フッターの固定 */
	bottom: 0px;														/* 位置(下0px) */
	left: 0px;															/* 位置(左0px) */
	height:27px;														/* 縦の高さ140px */
	width:1024px;														/* 横の幅を100% */
}

div#footer-bk
{
	height:27px;														/* 縦の高さ140px */
	width:1024px;														/* 横の幅を100% */
}

div#footer
{
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
	height:27px;														/* 縦の高さ140px */
	width:1024px;														/* 横の幅を100% */
	margin:10px 0 0 0;											/* 上10px、下20pxをあける */
	text-align:center;
	clear:both;															/*回り込みを解除する*/
	color:#ffffff;													/*文字色*/
	background-color:#000000;								/*フッタ部分の背景色*/
	font-size:small;												/*フォントサイズを小さくする*/
	padding:0px 0px 0px 0px;								/*要素内容の位置調整*/
}