@charset "UTF-8";

body { margin: 4px 0px 0px 0px; padding: 0px; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif; color: #555555; line-height: 1.3; text-align: center; background : #ffffd8 url(../images/common/background.gif) repeat-x; }
td { font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif; color: #555555; line-height: 1.3; }

a:link { color: #16AC2E; text-decoration: underline; }
a:visited { color: #FF9900; text-decoration: underline; }
a:hover { color: #FF9900; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { margin: 0px; font-weight: 400; }

sup {
    vertical-align: top;
    font-size: 70%;
}

/* 共通 : 画像及びフォーム */
img { border: 0px; }
form { margin: 0px; }

/* 共通クラス : フロート */
.red { color: #FF0000; }
.green { color: #669900; }
.clear { clear: both; }


/* コンテナ */
#container { width: 750px; margin: 0px auto; }
.container_inner { width: 740px; background-color: #FFFFFF; vertical-align: top; }
.background_left { width: 5px; background : url(../images/common/background_left_loop.gif) repeat-y; vertical-align: top; }
.background_right { width: 5px; background : url(../images/common/background_right_loop.gif) repeat-y; vertical-align: top; }

/* ヘッダ */
#head_table { margin: 0px auto; width: 740px; }
.head_logo { width: 175px; }
.head_search { text-align: center; }
.head_fs img { margin: 0px 0px 0px 2px; }
.head_fs_inner { float: right; }

/* タブ */
#tab { margin: 5px 0px 0px 0px; }

/* メニュー */
#menu_area { border: solid 1px #BFBFBF; border-width: 0px 1px 0px 1px; }
.menu_side_left { padding: 0px 0px 7px 0px; border-bottom: solid 1px #BFBFBF; background : #f3fff5 url(../images/common/menu_background_left.gif) repeat-x left bottom; vertical-align: top; text-align: center; }
.menu_side_right { padding: 0px 0px 7px 0px; border-bottom: solid 1px #BFBFBF; background : #f3fff5 url(../images/common/menu_background_right.gif) repeat-x right bottom; vertical-align: top; text-align: center; }
.menu_common { padding: 0px 0px 7px 0px; border-bottom: solid 1px #BFBFBF; background : #f3fff5 url(../images/common/menu_background.gif) repeat-x left bottom; vertical-align: top; text-align: center; }
.menu_separator { width: 2px; border-bottom: solid 1px #BFBFBF; background : url(../images/common/menu_separator_loop.gif) repeat-y; vertical-align: bottom; }
#menu_area a:link { width: 100%; height: 100%; display: block; color: #16AC2E; text-decoration: none; }
#menu_area a:visited { width: 100%; height: 100%; display: block; color: #16AC2E; text-decoration: none; }
#menu_area a:hover { color: #FF9900; text-decoration: underline; }

/* メニューアクティブ */
.menu_active { color: #F3BD00; background-color: #1A877A; vertical-align: top; text-align: center; }
.menu_separator_left { width: 1px; background-color: #ACD7B6; vertical-align: bottom; }
.menu_separator_right { width: 1px; background-color: #FAFFFB; vertical-align: bottom; }

/* メニューインナー */
.menu_inner { padding: 0px 0px 4px 0px; background-color: #19877A; border: solid 1px #BFBFBF; border-width: 0px 1px 0px 1px; text-align: center; }
.menu_inner_table { margin: 0px auto; }
.menu_inner_table td { padding: 0px 1em 0px 1em; color: #FFFFFF; }
.menu_inner a:link { color: #FFFFFF; text-decoration: none; }
.menu_inner a:visited { color: #FFFFFF; text-decoration: none; }
.menu_inner a:hover { color: #FFFFFF; text-decoration: underline; }
.menu_inner_active { color: #F3BD00; }

/* パンくず */
#topic_path { border: solid 1px #BFBFBF; border-width: 0px 1px 0px 1px; }
.topic_path_a_inner { padding: 0px 2px 2px 2px; width: 726px; background : #ebebeb url(../images/common/topic_path_a_inner.gif) repeat-x center bottom; }
.topic_path_a_left { width: 4px; background : url(../images/common/topic_path_a02_loop.gif) repeat-y; vertical-align: bottom; }
.topic_path_a_right { width: 4px; background : url(../images/common/topic_path_a03_loop.gif) repeat-y; vertical-align: bottom; }
.topic_path_b_inner { padding: 0px 2px 2px 2px; width: 726px; background : #fef0ce url(../images/common/topic_path_b_inner.gif) repeat-x center bottom; }
.topic_path_b_left { width: 4px; background : url(../images/common/topic_path_b02_loop.gif) repeat-y; vertical-align: bottom; }
.topic_path_b_right { width: 4px; background : url(../images/common/topic_path_b03_loop.gif) repeat-y; vertical-align: bottom; }
.topic_path_c_inner { padding: 0px 2px 2px 2px; width: 726px; background : #feeae5 url(../images/common/topic_path_c_inner.gif) repeat-x center bottom; }
.topic_path_c_left { width: 4px; background : url(../images/common/topic_path_c02_loop.gif) repeat-y; vertical-align: bottom; }
.topic_path_c_right { width: 4px; background : url(../images/common/topic_path_c03_loop.gif) repeat-y; vertical-align: bottom; }
.topic_path_d_inner { padding: 0px 2px 2px 2px; width: 726px; background : #e4ffd3 url(../images/common/topic_path_d_inner.gif) repeat-x center bottom; }
.topic_path_d_left { width: 4px; background : url(../images/common/topic_path_d02_loop.gif) repeat-y; vertical-align: bottom; }
.topic_path_d_right { width: 4px; background : url(../images/common/topic_path_d03_loop.gif) repeat-y; vertical-align: bottom; }

/* メインコンテンツ */
#main_contents { padding: 10px 0px 0px 0px; border: solid 1px #BFBFBF; border-width: 0px 1px 0px 1px; }
.left_column { width: 158px; background-color: #EEEEEE; vertical-align: top; }
.right_column { width: 580px; vertical-align: top; }
.right_column_inner { margin: 0px 0px 0px 25px; width: 546px; }
.left_column_wrap .left_column { padding-top: 10px; background : #eeeeee url(../images/common/left_column_space.gif) repeat-x left top; }


/* 左カラム : メニュー */
.left_menu td { padding: 0px 0px 5px 0px; width: 158px; background : url(../images/common/left_menu_background.gif) no-repeat left bottom; }
.left_menu td img { _vertical-align: top; } /* IE 隙間防止 */
.left_menu td h2 { _margin-top: -0.3em; } /* IE 隙間防止 */
.left_menu td p { margin: 0px; _margin-top: -0.3em; padding: 2px 12px 5px 12px; }
.left_menu td p { _margin-top: -0.3em; font-size: 105%; } /* IE 隙間防止 HPB構文エラー修正対策 */
.left_menu td h2 p { _margin-top: 0em; font-size: 100%; } /* IE 隙間防止 HPB構文エラー修正対策 */
.left_menu td p a:link { width: 100%; height: 100%; display: block; color: #16AC2E; text-decoration: none; }
.left_menu td p a:visited { width: 100%; height: 100%; display: block; color: #16AC2E; text-decoration: none; }
.left_menu td p a:hover { color: #FF9900; text-decoration: underline; }

/* 左カラム：メニュー（アクティブ） */
.left_menu_active td { padding: 0px 0px 5px 0px; width: 158px; background : url(../images/common/left_menu_a_background.gif) no-repeat left bottom; }
.left_menu_active td p { margin: 0px; padding: 2px 12px 5px 12px; color: #E98C00; }
.left_menu_active td p { _margin-top: -0.3em; font-size: 105%; } /* IE 隙間防止 HPB構文エラー修正対策 */
.left_menu_active td h2 p { _margin-top: 0em; font-size: 100%; } /* IE 隙間防止 HPB構文エラー修正対策 */
.left_menu_active td p a,
.left_menu_active td p a:link,
.left_menu_active td p a:visited { width: 100%; height: 100%; display: block; color: #E98C00; text-decoration: none; }
.left_menu_active td p a:hover { color: #FDA31B; text-decoration: underline; }


/* 左カラム : メニュー 特集 */
.left_menu_tokusyu td { padding: 0px 0px 5px 0px; width: 158px; background : url(../images/common/left_menu_tokusyu_background.gif) no-repeat left bottom; }
.left_menu_tokusyu td img { _vertical-align: top; } /* IE 隙間防止 */
.left_menu_tokusyu td h2 { _margin-top: -0.3em; } /* IE 隙間防止 */
.left_menu_tokusyu td p { margin: 0px; padding: 2px 12px 5px 12px; }
.left_menu_tokusyu td p { _margin-top: -0.3em; font-size: 105%; } /* IE 隙間防止 HPB構文エラー修正対策 */
.left_menu_tokusyu td h2 p { _margin-top: 0em; font-size: 100%; } /* IE 隙間防止 HPB構文エラー修正対策 */
.left_menu_tokusyu td p a:link { width: 100%; height: 100%; display: block; color: #367f1a; text-decoration: none; }
.left_menu_tokusyu td p a:visited { width: 100%; height: 100%; display: block; color: #367f1a; text-decoration: none; }
.left_menu_tokusyu td p a:hover { color: #FF9900; text-decoration: underline; }

/* 左カラム メニュー(アクティブ）特集 */
.left_menu_tokusyu_active td { padding: 0px 0px 5px 0px; width: 158px; background : url(../images/common/left_menu_tokusyu_a_background.gif) no-repeat left bottom; }
.left_menu_tokusyu_active td p { margin: 0px; padding: 2px 12px 5px 12px; color: #2b7a0d; }
.left_menu_tokusyu_active td p { _margin-top: 0em; font-size: 105%; } /* IE 隙間防止 HPB構文エラー修正対策 */
.left_menu_tokusyu_active td h2 p { _margin-top: 0em; font-size: 100%; } /* IE 隙間防止 HPB構文エラー修正対策 */
.left_menu_tokusyu_active td p a,
.left_menu_tokusyu_active td p a:link,
.left_menu_tokusyu_active td p a:visited { width: 100%; height: 100%; display: block; color: #2b7a0d; text-decoration: none; }
.left_menu_tokusyu_active td p a:hover { color: #FDA31B; text-decoration: underline; }


/* 左カラム : リンク */
.left_link { margin: 10px 0px 0px 0px; padding: 0px; list-style: none; }
.left_link li { margin: 0px 0px 3px 0px; width: 158px; text-align: center; }
.left_link_weather { padding: 7px 0px 15px 0px; }

/* 右カラム : タイトル */
.title { width: 530px; }
.title_text_left { float: left; }
.title_text_right { padding: 2px 0px 0px 0px; float: right; }
.title_red_inner { padding: 0px 12px 0px 28px; background : url(../images/common/title_red_background.jpg) center bottom; }
.title_yellow_inner { padding: 0px 12px 0px 28px; background : url(../images/common/title_yellow_background.jpg) center bottom; }
.title_green_inner { padding: 0px 12px 0px 28px; background : url(../images/common/title_green_background.jpg) center bottom; }
.title_orange_inner { padding: 0px 12px 0px 28px; background : url(../images/common/title_orange_background.jpg) center bottom; }
.title_darkorange_inner {
	padding: 0px;
	background : url(../images/common/title_darkorange_background.jpg) center bottom;
	height: 20px;
}
.title_darkorange_inner2 {
	padding: 0px 12px;
	background : url(../images/common/title_darkorange_background.jpg) center bottom;
	height: 20px;
}

/* ページの上部へ */
#pagetop { padding: 20px 0px 0px 0px; border: solid 1px #BFBFBF; border-width: 0px 1px 0px 1px; background : url(../images/common/pagetop_background_grey.gif) repeat-y; text-align: right; }
.pagetop_icon { margin: 0px 10px 0px 0px; }

/* フッタ */
#footer { border: solid 1px #BFBFBF; border-width: 0px 1px 0px 1px; }
.footer_table { margin: 0px auto; padding: 0px; width: 738px; }
.footer_table td { padding: 3px 0px 3px 0px; text-align: center; }
.footer_menu_list { margin: 0px; padding: 0px; list-style: none; }
/* For MacIE \*//*/
.footer_menu_list li { margin: 3px 0px 3px 0px; padding: 0px 12px 0px 14px; display: inline; }
/* */
/* For ex MacIE \*/
.footer_menu_list li { margin: 3px 0px 3px 0px; padding: 0px 12px 0px 14px; background : url(../images/common/icon_footer_menu.jpg) no-repeat left center; display: inline; }
/* */
/* END */
.footer_address { background-color: #E8E8E8; }
a.footer_link:link { color: #555555; text-decoration: none; }
a.footer_link:visited { color: #555555; text-decoration: none; }
a.footer_link:hover { color: #555555; text-decoration: underline; }

/* コピーライト */
#copyright { padding: 5px 0px 11px 0px; border: solid 1px #BFBFBF; border-width: 0px 1px 0px 1px; text-align: center; }
.copyright_table { margin: 0px auto; }
.copyright_left { padding: 0px 8px 0px 0px; }
.copyright_right { text-align: left; }

/*---clearfix---*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0;
    clear: both; 
    visibility: hidden;
}
.clearfix {
     display: inline-block; /* for MacIE and IE7 */
}
/* Holly Hack Targets IE Win only \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End Holly Hack */


/* コンテンツ */
hr.separator {
    border: 1px solid #fff;
    border-bottom: 1px dashed #ccc;
}

/* 注釈 */

.note {
    margin: 0.5em 0;
    padding: 10px 15px 10px 15px;
    background: #f5f5f5;
    border: solid 1px #c6c6c6;
}
.note_arrow { margin: 0px 8px 0px 0px; }

.pageNavi {
  margin: 1em 0;
  padding: 0.5em 0.8em;
  background: #eee;
  line-height: 1.5;
  font-size: 90%;
}


.note ul.list,
.pageNavi ul.list {
    list-style: none;
    margin: 0;
    padding: 0;

}
.note ul.list li,
.pageNavi ul.list li {
  margin-bottom: 2px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  background: url(../images/common/arrow_orange_short.gif) no-repeat 0px 0.4em;
}
.pageNavi ul.list li {
  background: url(../images/common/arrow_orange_short.gif) no-repeat 0px 0.6em;
}