/* VJ CSS */
/* ページ全体 ******************************************************************/
/*@charset "Shift_JIS";*/

body {
	margin              : 0px;
	padding             : 0px;
	background-color    : #000000;
	background-image    : url(../images/black.gif);
	font-family         : "ＭＳ Ｐゴシック";
	font-size           : 16px;
	text-align          : left;
	color: #FFFFFF;
	line-height: 180%;
}

.page_all{
	margin:0px;
	padding:0px;
	border:0px;
	text-align: left;
}


/* for IE only */
/* added by kawaguchi 2009-10-20 */
img{
	filter: xray();
}

/* Hides from IE5-mac \*/
* html ul {
 margin              : 5px 0px 5px 40px;
}
/* End hide from IE5-mac */

/* link */
a:link { color: #FFFFFF; text-decoration: underline; }
a:visited { color: #FFFFFF; text-decoration: underline; }
a:hover { color: #66CCFF; text-decoration: underline; }
a:active { color: #FFFFFF; text-decoration: underline; }


 
/* すべて共通  ヘッダ *********************************************************/
#header {
 width               : 800px;
}

/* ヘッダエリアに読み込むサンプルHTML用 */
/* width + ( padding + border ) * 2 = 800 になるように */
#header_contents {
	width               : 800px;
	text-align          : center;
	height: 100px;
	background-repeat: no-repeat;
	background-image: url(../images/logo_b.jpg);
	margin-bottom: 15px;
}

#header_contents em
{
	visibility: hidden;
	font-size: 9px;
	text-align: left;
}

/* すべて共通  フッタ *********************************************************/
#footer {
	clear               : both;
	width               : 800px;
	height              : 20px;
	margin-top: 35px;
}

/* フッタエリアに読み込むサンプルHTML用 */
#footer_contents{
	width               : 798px;
	text-align          : center;
	font-size: 12px;
	line-height: 150%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 25px;
}

/* すべて共通  切替表示エリア *********************************************************/
.txt_change{
	font-size:14px;
	text-align:right;
	width:800px;
	margin-bottom:5px;
	height: 55px;
	padding-right: 5px;
	}



/* すべて共通  コンテンツエリア（左ナビ ＋ 右メイン） *************************/
#middle {
 width               : 800px;
}


/* すべて共通  左ナビ *********************************************************/
#navi {
 float               : left;
 width               : 200px;
 height              : 600px;
}

/* ナビエリアに読み込むサンプルHTML用 */
/* width + ( padding + border ) * 2 = 600 になるように */
#menu_contents {
	float               : left;
	width               : 198px;
	height              : 100%;
	text-align          : left;
	background-color: #000000;
}

.navi_main {
	line-height        : 1.5em;
	padding-top: 5px;
	padding-left: 8px;
}

.top_news {
	margin-top: 7px;
}

.navi_sub {
 padding            : 5px 18px;
 line-height        : 1.5em;
}

/* ナビエリア表示CSS */

.navi_main_list {
	line-height        : 1.5em;
	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 18px;
	padding-left: 4px;
}

.navi_sub_list {
	line-height        : 1.5em;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 15px;
	min-height: 18px;
}

.nm001_left {
	float: left;
	width: 15px;
}

.nm001_right {
	float: right;
	width: 180px;
}

.nm002_left {
	width: 25px;
	float: left;
}

.nm002_right {
	float: right;
	width: 150px;
}


/* 階層の数字（2ケタ or 4ケタ or 6ケタ or 8ケタ）の表示コントロール */
#section_number_2 {
 display            : none;
 width              : 18px;
 vertical-align     : top;
 white-space        : nowrap;
}

#section_number_4 {
 display            : none;
 width              : 30px;
 vertical-align     : top;
 white-space        : nowrap;
}

#section_number_6 {
display            : none;
 width              : 40px;
 vertical-align     : top;
 white-space        : nowrap;
}

#section_number_8 {
 /* display            : none; */
 width              : 50px;
 vertical-align     : top;
 white-space        : nowrap;
}


/* すべて共通 右メイン  パンくず **********************************************/
#pan {
 float               : right;
 width               : 600px;
}

/* パンくずエリアに読み込むサンプルHTML用 */
/* width + padding * 2 + border = 600 になるように */
#pan_contents{
	width               : 584px;
	padding             : 5px;
	text-align          : right;
	font-size: 12px;
	background-color: #000000;
	margin-left: 4px;
	border: 1px solid #CCCCCC;
}

/* すべて共通  タイトルエリア *************************************************/
#title {
 float               : right;
 width               : 600px;
}

/* タイトルエリアに読み込むサンプルHTML用 */
/* width + padding * 2 + border = 600 になるように */
#title_contents{
	width               : 584px;
	padding             : 5px;
	background-color    : #000000;
	text-align          : left;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, Arial;
	font-size: 30px;
	line-height: 150%;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 4px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#title_line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0033CC;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #0033CC;
	padding-left: 8px;
	width: 500px;
}


/* 基本的に共通  コンテンツエリアＴＯＰ ***************************************/
#top_100 {
 float               : right;
 width               : 600px;
}

/* コンテンツエリアＴＯＰに読み込むサンプルHTML用 */
/* width + padding * 2 + border = 600 になるように */
#top_100_contents{
	width               : 564px;
	background-color    : #000000;
	text-align          : left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-left: 4px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	color: #FFFFFF;
}

#top_101_contents{
	width               : 564px;
	background-color    : #000000;
	text-align          : left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-left: 4px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	color: #FFFFFF;
}


/* コンテンツエリアＴＯＰに読み込む画像 サンプルHMTL用 */
.img_border {
 border               : 1px solid #999999;
}
.img_noborder {
 border               : 0px solid #999999;
}


/* 基本的に共通  コンテンツエリアＣＥＮＴＥＲ ***********************************/
#center_100 {
 float                  : right;
 width                  : 600px;
 text-align             : right;
}

/* コンテンツエリアBOTTOMに読み込むサンプルHTML用 */
/* width + padding * 2 + border = 600 になるように */
#center_100_contents{
	width               : 564px;
	background-color    : #000000;
	text-align          : left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-left: 4px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	color: #FFFFFF;
}

#center_100_line{
	border: 1px solid #CCCCCC;
	background-color: #000000;
	padding: 8px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* width + padding * 2 + border = 600 になるように */
#center_100_contents_for_sample {
	width               : 584px;
 margin-right           : 0px;
	padding             : 5px;
	background-color    : #ffffff;
	text-align          : left;
 border                 : 1px solid #999999;
	border-top-width    : 0px;
	border-bottom-width : 0px;
}


/* 基本的に共通  コンテンツエリアＢＯＴＴＯＭ ***********************************/
#bottom_100 {
 float               : right;
 width               : 600px;
}

/* コンテンツエリアBOTTOMに読み込むサンプルHTML用 */
/* width + padding * 2 + border = 600 になるように */
#bottom_100_contents{
	width               : 584px;
	padding             : 5px;
	background-color    : #000000;
	text-align          : left;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	line-height: 150%;
	margin-left: 4px;
	color: #FFFFFF;
}

#bottom_100_line{
	border: 1px solid #CCCCCC;
	background-color: #333333;
	padding: 8px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#cornermenu_contents {
 width               : 584px;
 padding             : 5px;
 background-color    : #FFFFFF;
 text-align          : left;
 border              : 1px solid #999999;
 border-top-width    : 0px;
 border-bottom-width : 0px;
 line-height: 150%;
 margin-left: 4px;
}

#cornermenu_auto {
	width               : 500px;
	margin-left         : 4px;
	padding             : 5px;
	background-color    : #000000;
	text-align          : left;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
}


/* コンテンツエリアBOTTOMに読み込むサンプルHTML用 iframe 的 */
#flame_like {
 overflow: auto;
 width                : 520px;
 height               : 200px;
 scrollbar-base-color : #e0eeff;
 border               : 1px solid #999999;
}

/* JIS 表組み ******************************************************************/
.jis_table {
 width                : 100%;
 border               : 1px solid #999999;
}
.jis_th {
 padding              : 2px;
 background-color     : #cccccc;
 border               : 1px solid #999999;
 text-align           : center;
}
.jis_td {
 padding              : 2px;
 border               : 1px solid #999999;
}

/* 展覧会画面専用 **************************************************************/
/* 基本的に top_100_contents と同じ */
#top_exhibition {
	margin-left: 4px;
    padding: 10px 15px 15px 15px;
	width               : 564px;
	background-color    : #000000;
	text-align          : left;
	border: 1px solid #CCCCCC;
	border-top-width: 0px;
	border-bottom-width: 0px;
	color: #FFFFFF;
}

/* 基本的に bottom_100_contents と同じ */
#bottom_exhibition {
	margin-left         : 4px;
	width               : 564px;
	height: 60px;
	background-color    : #000000;
	border              : 1px solid #CCCCCC;
	border-top-width    : 0px;
	padding: 5px 15px 5px 15px;

}

#exhibition_area {
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

#exhibition_title {
	margin-bottom: 10px;
	font-size: 18px;
	color: #FFFFFF;
	padding: 5px 0px 5px 6px;
	font-weight: bold;
    border: 1px solid #FFFFFF;
	border-left-width: 5px;
}

#exhibition_images {
 float               : left;
 margin-right        : 10px;
}

#exhibition_button_left {
	float: left;
	text-align: center;
	width: 40px;
	height: 25px;
	background-image: url(../images/b_arrow_left.gif);
	background-repeat: no-repeat;
	padding-top: 33px;
	background-position: 4px 0px;
}

#exhibition_button_right {
	float: right;
	text-align: center;
	width: 40px;
	height: 25px;
	background-image: url(../images/b_arrow_right.gif);
	background-repeat: no-repeat;
	padding-top: 33px;
	background-position: 4px 0px;
}

#exhibition_caption {
 margin-bottom       : 5px;
 font-size           : 10px;
}


/* table色管理 ***********************************/
.table_cl_001{
	background-color: #333333;
	color: #FFFFFF;
}

.table_cl_002{
	background-color: #333333;
	color: #FFFFFF;
}

.table_cl_003{
	background-color: #333333;
	color: #FFFFFF;
}

/* ＴＯＰ画面専用 左ペイン *******************************************************/
#middle_left {
 margin                 : 0px;
 padding                : 0px;
 float                  : left;
 width                  : 525px;
}

/* ＴＯＰ画面専用 右ペイン *******************************************************/
#middle_right {
 margin                 : 0px;
 padding                : 0px;
 float                  : right;
 width                  : 260px;
}


/* ＴＯＰ画面専用 左ペイン(1) 更新情報 *******************************************/
#top_update {
	float               : left;
	width               : 505px;
	height              : auto;
	margin-bottom: 20px;
}

/* ＴＯＰ画面専用 左ペイン(2) メニュー（ナビ） ***********************************/
#top_menu {
	float               : left;
	width               : 505px;
	height              : auto;
	margin-bottom: 20px;
}

/* ＴＯＰ画面専用 右ペイン(-1) 検索 **********************************************/
/* added by shindo 2009-04-27 */
#top_search {
	float               : right;
	width               : 260px;
	height              : auto;
	background-color    : #000000;
	border              : 1px solid #999999;
	margin-top          : 12px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}
#top_search .top_sub_title {
	margin-left        : 8px;
}

/* ＴＯＰ画面専用 右ペイン(0) 外国人向け *****************************************/
#top_foreign {
	float               : right;
	width               : 260px;
	height              : auto;
	padding: 3px;
	border: 1px solid #999999;
}


/* ＴＯＰ画面専用 右ペイン(1) 子供向け *******************************************/
#top_kodomo {
	float               : right;
	width               : 260px;
	height              : auto;
	padding: 3px;
	border: 1px solid #999999;
	margin-top: 5px;
}

/* ＴＯＰ画面専用 右ペイン(2) 設立にあたり ***************************************/
#top_setsuritsu {
	float               : right;
	width               : 260px;
	height              : auto;
	padding: 3px;
	border: 1px solid #999999;
	margin-top: 5px;
}

/* ＴＯＰ画面専用 右ペイン(3) サイトポリシー **********************************/
#top_policy {
	float               : right;
	width               : 260px;
	height              : auto;
	padding: 3px;
	margin-top: 5px;
	border: 1px solid #999999;
}

/* ＴＯＰ画面専用 左ペイン タイトル用共通*******************************************/

.top_title{
	width:100%;
	height:20px;
	color: #FFFFFF;
	font-size: 24px;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	font-weight: bolder;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
}

.top_edu_title{
	width:100%;
	height:20px;
	color: #FFFFFF;
	font-size: 24px;
	border-bottom-color: #999999;
	border-left-color: #999999;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	font-weight: bolder;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
}

.top_kids_title{
	width:90%;
	height:20px;
	color: #FFFFFF;
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

/* added by nosaka 2009-09-01 */
.top_search_title{
	width:90%;
	height:20px;
	color: #FFFFFF;
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.top_sub_title{
	width:90%;
	height:15px;
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.top_sub_main{
	margin-right: 5px;
	margin-left: 5px;
}

.top_main{
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 15px;
}

.top_main ul{
	margin: 0px;
	padding: 0px;
}

.top_main li{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
}


/* ＴＯＰ画面 TOPIXリスト*******************************************/

.tpx_left{
    width:160px;
    float:left;
}

.tpx_right{
    width:160px;
    float:right;
}

/* ＴＯＰ画面 コンテンツ目次リスト*******************************************/

.cont_left{
   width:235px;
   float:left;
}

.cont_right{
	width:235px;
	float:right;
}

/* added by nosaka 2009-09-01 */
.cont_menu{
	background-image: url(../images/top_b_icon01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* added by nosaka 2010-03-16 */
.cont_menu_orange{
	background-image: url(../images/top_b_icon01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* added by nosaka 2010-03-16 テキスト色変更*/
.cate_txt{
	color:#FFFFFF
}

/* added by nosaka 2009-09-01 */
.cont_list{
	height:20px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(../images/top_b_icon02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.cont_edu{
	height:60px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: url(../images/top_b_icon02.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 20px;
}



/* ＴＯＰ画面 右メニューリスト*******************************************/

.rmlist_num{
	width:10px;
	float:left;
	margin-bottom: 5px;
}

.rmlist{
	width:215px;
	float:right;
	margin-bottom: 5px;
	background-image: url(../images/top_b_icon02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

.rmlist_num_2{
	width:10px;
	float:left;
	height: 20px;
}

.rmlist_2{
	width:180px;
	float:right;
	height: 20px;
	margin-left: 15px;
}

/* yamato add 20070322 *******************************************/
div.content_image_center{
	text-align:center
}

/* yamato add 20070326 *******************************************/
h1.rules{
	font-size:16px;
	font-weight:bold;
}
h2.rules{
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
}
h3.rules{
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
}
p.rules{
	font-size:16px;
	margin-left:10px;
}

.clear{
	clear:both;
}

/* added by shindo for db **********************************/
#search h3 {
 height       : 2em;
 background   : #000000;
 border       : solid 1px #ffffff;
}
#search select {
 font-size    : 16px;
 height       : 30px;
}
#search div.reset_check {
 padding      : 0 4px;
 background   : #000000;
 border       : solid 1px #ffffff;
 font-size    : 1em;
}
#search input#word {
 width        : 500px;
 height       : 30px;
 border       : solid 1px #ffffff;
 font-size    : 16px;
}
#detail h2,
#detail h4 {
 background   : #000000;
 border       : solid 1px #ffffff;
}
#search #c_search table th {
 background   : #000000;
 border       : solid 1px #ffffff;
}
#search #c_search table td {
 font-size    : 15px;
}
#list table th {
 border-bottom      : solid 1px #ffffff;
 border-left        : solid 4px #ffffff;
}
#regist_form  h3 {
 border             : solid 1px #ffffff;
 background         : #000000;
}


/* added by shindo 2009-10-13 */
a.button {
 background         : #000000;
 border             : solid 2px #ffffff;
 text-decoration    : none;
}
a.button:hover {
 background         : #ffffff;
 color              : #000000;
 text-decoration    : none;
}


/* English Page***************************************************/
a.button
{
	display: block;

	margin: 5px auto 5px auto;
	paddin: 0;

	width: 90%;
	height: 50px;

	line-height: 50px;
	font-size: 1em;
	font-weight: bold;

	text-decoration: none;
	text-align: center;

	border: 4px outset #eee;
	background-color: #000;
}





/* レイアウトをセンター寄せにする *************************************************/
#header
,#footer
,#middle
,.txt_change
{
	margin-left: auto;
	margin-right: auto;
}