事務局長 @import "reset.css";
/*ベースカラー　00acd3*/
/* Firefox などのモダンブラウザheight:100%用 */
body > #bg {
	height: auto;
}
body{
        height:100%;
        width:auto;
   background-color:#020f52;
   background-image: url(img/bg2.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-position: top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color: #333;
	list-style: none;
	text-align: center;
	font-weight: normal;
        line-height:1.5em;
	font-size: 13px;
	font-family: arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
	/*text-align:center;*/
	}
table
{
   border-left: solid 1px #999999;
   border-bottom: solid 1px #999999;
   font-size:11px;
}

th,td
{
   border-top: solid 1px #999999;
   border-right: solid 1px #999999;
   font-size:11px;
}

#top_meta{
        width:810px;
	margin:0px auto 0px auto;
        color:#FFFFCC;
}
	/* text-align:left; IEのセンター寄せ用 */
#bg{
	/*background:url(img/bg.jpg);*/
      /*background:url(img/base_back.gif);
	background-repeat:repeat;*/
	width:940px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	/*height:100%;*/
	text-align:left;
}
	/* margin:0px auto 0px auto; IE以外のセンター寄せ用　※Mac対応の場合はこのコメントを消してください。 */
	/* text-align:left; 上記body内に記述したtext-align:center;の解除用 */

/* 共通スタイル */
#head,#menu,{
	font-size:12px;
	line-height:20px;
	}


/* 項目表示用 */
h3{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	}
h5 {
  background-color:#FFFF00;
  margin:0px 0px 10px 0px;
  color:#FF0099;
  width:450px;
  height:25px;
/* background:url(img/h5.jpg);*/
}

h6 {
  padding:5px 0px 0px 0px;
  background-color:#00008b;
  margin:0px 0px 10px 0px;
  color:#FFFFFF;
  font-size:medium;
  width:450px;
  height:25px;
/* background:url(img/h5.jpg);*/
}

/* ヘッダー */
#head{
	width:960px;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(img/header.gif);
        font-size:10px;
        color:#FFFFFF;
	}

#head_img {
   width: 960px;
   height: 276px;
   margin:0px 0px 0px 0px;
   /*background-color:#004286;*/
   background-image: url(img/header3.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-position: TOP;
}

h1{
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 25px;
        background:url(img/icon1.gif);
        background-repeat: no-repeat;
        background-position: left;
	/*border-left: 10px solid #00acd3;*/
        border-bottom: 2px solid #00acd3;
	font-size:20px;
        font-weight:bold;
	color: #00acd3;
	float:left;
        width:690px;
	}
.home{
	float:right;
	margin:0px 10px 0px 0px;
	padding:30px 0px 0px 0px;
}
#head a{
	color:#009900;
}
#head a:hover{
	background-color:#009900;
	color:#ffffff;
}


/* 横用メニュー */
#menu{
	margin: -36px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	/*background-color:#003399;*/
	background:url(img/menu.gif);
	background-repeat:repeat;
	width:940px;
        height:30px;
	}
/* IE6用　*/
*html #menu{
   background-repeat:repeat;
   height:30px;
   width:940px;
   background-color:#FF0000;
}
#menu ul{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
.menu_li_1{
	display:block;
	float:left;
	/*
        background:url(img/foot_bg.jpg);
	background-repeat:repeat-x;
	background-position:100% 0%;
        */
	padding:3px 0px 0px 5px;
	margin:0px 0px 0px 0px;
	font-size: 14px;
        font-weight: 900;
        border-left: 1px solid #FFFFFF;
	width:auto;
        height:auto;
	}
/* Firefox 用 */
html>/**/body .menu_li_1 {
    padding: 3px 24px 0px 23px;
}
.menu_li_2{
	display:block;
	float:left;
	/*
        background:url(img/foot_y_bg.jpg);
	background-repeat:repeat-x;
	background-position:100% 0%;
        */
	padding:3px 20px 0px 5px;
	margin:0px 0px 0px 0px;
	font-size: 14px;
        font-weight: 900;
        /*height:19px;*/
        border-right: 1px solid #FFFFFF;
	}
/* Firefox 用 */
html>/**/body .menu_li_2 {
    padding:3px 24px 0px 23px;
}

#menu a{
	color:#FFFFFF;
	text-decoration:none;
        font-weight: 900;
	}
#menu a:hover{
	text-decoration:none;
        font-size: 16px;
        font-weight:bold;
        color: red;
	}

/* メニュー下 */
#top_sub {
  width: 790px;
  margin: 5px auto; 
}
.top_sub_contents1{
  width: 330px;
  float: left;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5em;
  letter-spacing: 0.5em;
}

.top_sub_contents2{
  width: 205px;
  height:130px;
  margin: 10px 10px;
  border: 2px solid #E3007F;
  float: left;
  overflow: hidden;
  font-size:10px;
}
.top_sub_contents2_title {
  width: 205px;
  padding: 5px 5px;
  /*background-color: #000000;*/
  font-size: 14px;
  font-weight: 900;
  color: #E3007F;
}
.top_sub_contents2_contents {
  width: 195px
  padding: 3px 5px;
}

.top_sub_contents3{
  width: 205px;
  height:130px;
  margin: 10px 5px;
  border: 2px solid #E3007F;
  overflow: hidden;
  font-size:10px;
  float: left;
}
.top_sub_contents3_title {
  width: 205px;
  padding: 5px 5px;
  /*background-color: #000000;*/
  font-size: 14px;
  font-weight: 900;
  color: #E3007F;
}
.top_sub_contents3_contents {
  width: 195px;
  padding: 3px 5px;
  overflow: hidden;
}

/* メインコンテンツ */
#main{
	width:960px;
	margin:0px 0px 0px 0px;
	background:url(img/base_back.gif);
	background-repeat:repeat;
      }
#main .screen_title{
	background:url(img/page_title.gif);
	height:27px;
	margin:15px 0px 15px 0px;
	}
#main h2{
　　　　background:url(img/h2line.jpg);
	font-size:24px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 150px;
	color:#FFFFFF;
        line-height:2em;
        font-weight:900;
	height:50px;
}

#main dt {
	margin: 0px 0px 0px 0px;
	color: #000000;
	font-weight: nomal;
	font-size: 14px;
	/*line-height: 150%;*/
	display: block;
	text-align: left;
	text-indent: 10px;
	/*background: url("img/h3_back.gif") no-repeat top left;*/
}

/*注意　左マージン部分　h1と合わせること*/
#main dd {
        width:auto;
	font-size:9px;
	margin:5px 5px 10px 50px;
	padding:5px 5px 5px 5px;/* パディング（上右下左） */
	color:#000000;
        background:#ffffff;
        line-height: 120%;
}


/*左サイドバー*/
#left {
   width: 215px;
   height:auto;
   float: left;
   padding: 0px 0px 0px 5px;
   font-weight: none;
   font-size: 12px;
   color: #666666;
   background: url("img/left_bg.jpg") no-repeat top left;
   background-color:#D1ECF3;
　/*line-height: 170%;*/
   color: #FFF;
   text-align: left;
   margin: 10px 10px 0px 20px;/*サイドバー全体マージン調整*/
 /*border-left: 1px solid #CC9933;
   border-right: 1px solid #CC9933;
   border-bottom: 1px solid #CC9933;*/
}
.left_menu {
   background-image: url(img/menu.jpg);
   background-repeat: no-repeat;
   display : block ;
   width: 145px;
   height: auto;
   padding: 10px 0px 0px 35px;
}
.left_menu a {
   font-size: 16px;
   color: #000000;
   text-decoration: none;
}

.left_menu a:hover{
   font-size: 16px;
   color: #0A5EA7;
   text-decoration: none;
}


* html #left {
 margin: 10px 10px 0px 10px;/*サイドバー全体マージン調整*/
}

#left dt{
   width: 180px;
   height: 16px;
   padding: 2px 0px 0px 5px;
   margin-bottom: 3px;
   background-color: #FCFCFC;
}

#left dd{
   margin-bottom: 2px;
}

/* Firefox 用 */
html>/**/body #main h2 {
    background-image:url(img/h2.jpg);

}

#main h4 {
    font-size: 12px;
}

#main a{
	text-decoration:none;
        font-size: 14px;
	color:#003399;
}
#main a:hover{
	/*background-color:#009900;*/
	text-decoration:none;
        font-size: 16px;
        font-weight:bold;
        color: red;
}
/*  index用               */
#main_image{
width:800px;
height:300px;
}


.main_image_P{
top:-200px;
left:0px;
position:relative;
font-size:10px;
}
/* IE6用　*/
*html #main_image{
   height:0px;
} 

/* IE6用　*/
*html #main_left{
   background-color:red;
}
@media print {
      .main_image_P{
         top:-200px;
         left:0px;
         position:relative;
         font-size:10px;
         Z-index: 2;
       }
     
     #main_left {
       top:-200px;
       position:relative;
       width: 570px;
       float: left;
       margin: 0px;
     }
}
/*　右サイドバー　　　*/
#main_right{
   width:190px;
   position:relative;
   top: 10px;
}
/* Firefox 用 */
html>/**/body #main_right {
    margin-left:590px;
}


/* 一覧ひょう（「ひょう」を漢字で書くとMacintoshでバグが起きるので、ひらがなで記述しています） */
	#list{
	width:750px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	}
	#list .table_bg{
	background-color:#6A6A59;
	}
	#list th{
	background-color:#DBD1BB;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#48483F;
	}
	#list td{
	background-color:#FFFFFF;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#48483F;
	}
	#list th.point{
	background-color:#FFCCCC;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#990000;
	}
	#list .point{
	color:#990000;
	}
	#list .submit{
	background-color:#9A9A89;
	padding:5px 5px 5px 5px;
	font-weight:normal;
	color:#48483F;
	text-align:center;
	}


	/* ページ制御 */
	/* MacIEではバグがあります。センタリングされません。参照⇒http://cssbug.at.infoseek.co.jp/detail/macie/b039.html */
	#page{
	text-align:center;
	}
	#page table{
	margin:10px auto 10px auto;
	padding:0px 0px 0px 0px;
	}
	#page a.no{
	display: block;
	width: 20px;
	padding:0px 0px 0px 0px;
	float:left;
	text-align:center;
	}
	#page a.next_back{
	display:block;
	width:70px;
	padding:0px 0px 0px 0px;
	float:left;
	text-align:center;
	}
	#page a:hover{
	color:#ffffff;
	}

	/* 入力フォーム */
	#form{
	width:500px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	}
	#form .table_bg{
	background-color:#6A6A59;
	}
	#form th{
	background-color:#DBD1BB;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#48483F;
	}
	#form td{
	background-color:#FFFFFF;
	padding:3px 3px 3px 3px;
	font-weight:normal;
	color:#48483F;
	}
	#form .submit{
	background-color:#9A9A89;
	padding:5px 5px 5px 5px;
	font-weight:normal;
	color:#48483F;
	text-align:center;
	}
	#form .point{
	font-size:11px;
	}


/* エラー */
#error ul{
	list-style:none;
	margin:0px 0px 15px 10px;
	padding:5px 5px 5px 5px;
	}
#error li{
	background:url(img/check.gif);
	background-repeat:no-repeat;
	background-position:0% 30%;
	margin:0px 10px 10px 10px;
	padding:0px 0px 0px 15px;
	}
#error .error_bg{
	background:#FFCCCC;
	}


/* 完了 */
#complete ul{
	list-style:none;
	margin:0px 0px 15px 10px;
	padding:5px 5px 5px 5px;
	}
#complete li{
	background:url(img/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:0% 40%;
	margin:0px 10px 10px 10px;
	padding:0px 0px 0px 15px;
	font-weight:bold;
	}


/* ライン */
.line_01{
	background:url(img/line_01.gif);
	width:100%;
	height:1px;
	margin:0px 0px 15px 0px;
	}
.line_02{
	background:url(img/line_02.gif);
	width:100%;
	height:1px;
	margin:0px 0px 15px 0px;
	}

/* フッター・コピーライト */
.foot{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:40px;
        background:url(img/footer_back.gif);
        background-repeat: no-repeat;
	/*background-color:#003399;*/
	width:960px;
        height: 60px;
	}
#copy{
        color:#FF33CC;
	font-size:14px;
	margin:-10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
        /*background:url(img/footer_back.gif);*/
	/*background:#003399;*/
	width:820px;
	}
#copy .copy_right{
	padding:0px 5px 0px 0px;
}

#contents{
  position:relative;
  left: 0px;
  width: 690px;
  overflow: hidden;
  margin: 10px 0px 0px 10px;
}

/* メッセージ・ページタイトル部分 */
.message {
   width: auto;
   height: 60px;
   padding: 5px 5px 0px;
   font-size:12px;
}

.message h3{
   float:left;
   margin-right: 20px;
   width: 290px;
}
.message,x:-moz-read-only {margin: 0px 0px 10px;}

.title_90_l {
   width: 290px;
   height: 55px;
   float: left;
   font-size:12px;
}
.message_cont {
   width: 450px;
   height: 50px;
   padding: 0px 5px 0px;
   overflow-y: scroll;
   font-size: 10px;
   border: 1px solid #333333;
}

/* メッセージ・ページタイトル部分 END */

/* タイトルシリーズ */
.main_title_pink {
  width: auto;
  padding: 5px 10px;
  background-color: #E3007F;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 700;
}

/* ＢＯＸシリーズ */

/* Firefox 用 */
html>/**/body .box_pink ul {
    margin: 5px 5px 0px -20px;

}

.box_1 {
  width: 540px;
  height:206px;
  margin:0px 0px 0px 0px;
  padding: 15px 20px 0px 165px;
  overflow: hidden;
  background-image: url(img/new_bg.jpg);
  background-repeat: no-repeat;
  
}
.box_1_contents {
  width: 490px;
  height:190px;
  margin: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  line-height: 1.5em;
  letter-spacing: 0.2em;
  overflow:scroll;
  overflow-x:hidden;
  scrollbar-face-color : #fff100;
  padding: 0px 20px 0px 0px;
}
.box_table {
  width: auto;
  margin: 10px 0px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}

.box_table2 {
  width: auto;
  margin: 10px 0px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: 0.0em;
}
.box_table3 {
  width: auto;
  margin: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}
.box_table4 {
  width: auto;
  margin: 10px 0px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}


.box_index {
  width: auto;
  margin: 5px auto;
  font-size: 14px;
  color: #000000;
}

#float_clear_left {
   clear: left;
}
.omousikomi {
   width: 271px;
   height: 41px;
   display: block;
   background:url(img/entry1.jpg);
   background-repeat:no-repeat;
}

.omousikomi a{
   background:url(img/entry1.jpg);
   background-repeat:no-repeat;
}
.omousikomi a:hover{
   background:url(img/entry2.jpg);
   background-repeat:no-repeat;
   background-color: #FFFFFF;
}
/* --- 写真ボックス --- */
dl.photo {
display: -moz-inline-box; /* Firefox 2以下用（独自拡張） */
display: inline-block;
/display: inline; /* IE 7以下用（CSSハック使用） */
/zoom: 1; /* IE 7以下用（CSSハック使用 + 独自拡張） */
margin-right: 10px; /* 右マージン */
background: #ffffff url(img/photo2_right_bottom.gif) no-repeat right bottom; /* 白フチの背景（右下） */
text-align: right;
float:left; 

}

/* --- 写真エリア --- */
dl.photo dt {
padding: 11px 15px 0px 0px;/* 写真エリアのパディング（上右下左） */
background:url(img/photo2_right_top.gif) no-repeat right top; /* 白フチの背景（右上） */
border-left:1px #c0c0c0 solid; /* 写真エリアの左境界線 */
}

/* --- コメントエリア --- */
dl.photo dd {
margin: 0px; /* コメントエリアのマージン */
padding: 5px 0px 0px 0px; /* コメントエリアのパディング（上右下左） */
background:url(img/photo2_left_bottom.gif) no-repeat left bottom; /* 白フチの背景（左下） */
line-height: 100%;/*フォント　パディング等は#main ddにて調整*/
}

/*
img{
   float: left;
   margin-right:10px;
   margin-bottom:10px;
}
*/