/* 基礎ページ設定　*/
body { 
background-color: #ffffff;
font-family: "ＭＳ Ｐゴシック","Osaka";
margin: 0px 10px;
padding: 0 0;
border: 0;
}

a:link {
textdecolation: none;
}

a:hover, a:active {
textdecolation: underline;
/background: #ffff66;
}

td: {
color: #333333;
}

img {
vertical-align: middle;
}

DIV#info {
padding: 10px 10px 10px 10px;
}


/* ボックス設定　ヘッダ部 */
#head {
margin: 5px;
padding: 2px;
height: 30px;
color: #00000;
line-height: 140%;
}

/* ボックス設定　バナー部 */
#banner {
background-color: #00569C;
padding: 0px;
margin: 0px;
height: 1px;
/*filter: alpha(style=1, opacity=100, finishopacity=10);*/
}

/* ボックス設定　タイトル部 */
#title1 {
color: #ffffff;
padding: 10px 10px 10px 10px;
line-height: 150%;
}

#title2 {
color: #ffffff;
padding: 5px 5px 0px 5px;
font-weight: bold;
}

/* ボックス設定　ヘッダメニュー部 */
#headmenu {
padding: 2px 0px 10px 0px;
height: 12px;
color:#333333;
line-height: 140%;
text-align: center;
}

/* 見出し カラー設定 h1　（h2と同じようにclass又はid設定でも可）　*/

h1 {
padding: 5px;
font-size: 20px;
color: #000000;
line-height: 140%;
background-color: #FFFFFF;
border-width: 2px 0px 2px 0px;
border-color: #359AFF;
border-style: solid;
}

/* 見出し カラー設定 h2*/


/* 見出し カラー設定 h3 （h2と同じようにclass又はid設定でも可 */

h3 {
line-height: 130%;
color: #333333;
margin: 2px 2px 5px 2px;
}

h3 a {
color: #000000;
text-decoration: none;
}

/* 見出し カラー設定 h4 */

h4 {
line-height: 140%;
color: #333333;
margin: 0px;
}

/* 本文 カラー設定 */

p {
padding: 0px 0px;
color: #000000;
line-height: 140%;
}

li {
padding: 0px 0px;
color: #000000;
line-height: 140%;
}

/* ボックス設定　メインコンテンツ部 */
#contents1 {
background-color: #ffffff;
color: #333333;
padding: 15px;
margin: 0;
line-height: 140%;
width: 100%;
}

#contents1 h1 {
padding: 5px;
color: #000000;
line-height: 140%;
background-color: #FFFFFF;
border-width: 2px 0px 2px 0px;
border-color: #359AFF;
border-style: solid;
}

#contents1 h2 {
background-color: #FAFAFA;
font-size: 16px;
ine-height: 140%;
border-width: 0 1px 1px 10px;
border-color: #aaab9c #aaab9c #aaab9c #359AFF;
border-style: solid;
margin: 5px;
}


#contents1 h3 {
line-height: 130%;
color: #333333;
margin: 2px;
}

#contents1 h4 {
line-height: 140%;
color: #333333;
margin: 0px;
}
#contents1 p {  
padding: 0 2em;
color: #000000;
line-height: 150%;
}

#contents1 ol {  
padding: 0 1em;
color: #000000;
line-height: 150%;
}

#contents1 td {
color: #333333;
}

/* ボックス設定　メニューコンテナ部 */
#navicontainer {
position: relative;
width: 100%;
padding: 0 0;
margin: 0 0;
font-weight: bold;
text-align: left;
background: #86C2FF;
z-index: 10;
}

/* メニュータブ（アクティブ） */
#active {
text-align: left;
padding: 0 0;
margin: 0 0;
width: 100%;
}

#active a {
display: block;
padding: 1em 0 1em 0.5em;
color: #0000cd;
text-decoration: none;
background: #ffffff;
width: 100%;
border-width: 1px;
border-color: #ffffff #ffffff #aaab9c #ffffff;
border-style: solid;
}
#active a:hover {
color: #ff0000;
background: #ffffff;
width: 100%;
}

/* メニュータブ（アクティブ・ぶら下がりメニューあり） */
#activeb {
text-align: left;
padding: 0 0;
margin: 0 0;
width: 100%;
}

#activeb a {
display: block;
padding: 1em 0 1em 0.5em;
color: #D9ECFF;
text-decoration: none;
background: #ffffff;
width: 100%;
border-width: 1px;
border-color: #ffffff #ffffff #999999 #ffffff;
border-style: solid;
}

#activeb a:hover {
color: #ff0000;
background: #ffffff;
width: 100%;
}

/* メニュータブ（アクティブ）ぶら下がりメニュー */
#child a{
background-color: #ffffff;
text-decoration: none;
text-indent: 1em;
display: block;
padding: 1em 0 1em 0.5em;
color: #333333;
width: 100%;
border-width: 1px;
border-color: #ffffff #ffffff #aaab9c #ffffff;
border-style: solid;
}

#child a:hover {
color: #0000C;
background: #ffffff;
width: 100%;
}

/* メニュータブ（インアクティブ） */
#navilist {
text-align: left;
padding: 0 0;
margin: 0 0;
width: 100%;
}

#navilist a {
display: block;
padding: 10px 0px 10px 5px;
color: #333333;
text-decoration: none;
background: #D9ECFF;
width: 100%;
border-width: 1px;
border-color: #ffffff #aaab9c #aaab9c #ffffff;
border-style: solid;
filter: alpha(style=1, opacity=100, finishopacity=20, startx=80,starty=80, finishy=0,finishx=80);
}

#navilist a:hover{
color: #ff0000;
background: #ffffff;
width: 100%;
filter: alpha(style=1, opacity=100, finishopacity=20, startx=80,starty=80, finishy=0,finishx=80);
}

/* ボックス設定　左サイドインデックス部 */
#leftindex {
color: #f0f0f0;
background-color: #ffffff;
padding: 2px;
margin: 2px 0 0 0;
width: 100%;
height:100%;
line-height: 140%;
text-align: center;
}

/* ボックス設定　左サイドメニュー部 */
#leftmenu {
color: #D9ECFF;
background-color: #ffffff;
padding: 2px;
margin: 0;
width: 100%;
border-width: 1px;
border-color: #cc0000;
border-style: solid;
line-height: 140%;
}

/* ボックス設定　右PRインデックス部 */
#rightindex {
background-color: #aaab9c;
color: #ffffff;
padding: 2px;
margin: 2px 0 0 0;
width: 100%;
line-height: 140%;
text-align: center;
}

/* ボックス設定　右PRサイドメニュー部 */
#rightmenu {
background-color: #ffffff;
padding: 2px;
margin: 0;
width: 100%;
border-width: 1px;
border-color: #aaab9c;
border-style: solid;
line-height: 140%;
}

/* ボックス設定　フッタメニュー部 */
#footermenu {
background-color: #ffffff;
padding: 2px;
margin: 0;
height: 20px;
text-align: center;
line-height: 140%;
}

/* ボックス設定　クレジット部 */
#credit       {
font-size:10px;
background-color: #ffffff;
color: #333333;
padding: 2px;
margin: 0;
height: 20px;
text-align: center;
line-height: 140%;
text-align: center;
}

/************************１：文字の設定***************************************/
ul.main{
line-height: 100%;
	font-size:12px;
	text-align:center;/*メインメニューの文字揃え*/
	font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif；
}
ol.sub{
	text-align:left;font-size:10px;/*サブメニューの文字揃え*/
}
ul.sub-2{
	text-align:left;/*サブメニューの文字揃え*/
}
.main a{
	text-decoration:none;
}

/************************２：カラーリングの設定*******************************/
.main{background-color:;/*サブメニューの位置をずらした場合指定必須*/}
.main li{background-color:#ffffff;}
.main a:hover{background-color:#86C2FF;}
.main li.on{background-color:#86C2FF;}

.sub{background-color:#ffffff;}
.sub li{background-color:#D9ECFF;}
.sub a:hover{background-color:#E6ECF2;}
.sub li.on2{background-color:#E6ECF2;}

.sub-2{background-color:#ccccff;}
.sub-2 li{background-color:#ccccff;}
.sub-2 a:hover{background-color:#ecffff;}

.main a:link{color:#0000ff}
.main a:visited{color:#000000;}
.main a:hover{color:#ff0000;}

.sub a:link{color:#0000ff}
.sub a:visited{color:#000000;}
.sub a:hover{color:#ff0000;}

.sub-2 a:link{color:#0000ff}
.sub-2 a:visited{color:#000000;}
.sub-2 a:hover{color:#ff0000;}


/********************３：メニューサイズ・余白・枠線の設定*********************/
ul.main{
	width:100%;height:25px;
	z-index:100;
}

.main li.off{
	filter: alpha(style=1, opacity=100, finishopacity=25, startx=95,starty=55, finishy=95,finishx=95);
    height:25px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:100px;/*文字数に合わせて調整*/
	background-color:#86C2FF;
}
.main li.on{
	filter: alpha(style=1, opacity=100, finishopacity=10, startx=85,starty=45, finishy=85,finishx=85);
    height:25px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:100px;/*offと値を揃えることを推奨*/
}
.main a{
	padding:4px;/*あまり大きな値は指定しない方が良い*/
}

.main li.off{
/*    border:0px solid ;*/
/*    border-left:1px #359AFF;*/
    height:20px;/*変更可能・削除するとギミックが変わる*/

}
.main li.on{
/*    border:0px solid ;*/
/*    border-left:1px #359AFF;*/
}
.main a{
    border:0px solid ;
    border-left:1px #359AFF;
}

ol.sub{
    left:0px;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    top:0px;/*サブメニュー表示位置をずらしたいときに指定。削除可*/
    border:0px solid ;
    border-left:0px #359AFF;
    width:170px;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/
}

ol.sub li.off2{
/*	filter: alpha(style=1, opacity=100, finishopacity=30, startx=85,starty=45, finishy=85,finishx=85);*/
    width:170px;/*ol.subと同じ値を推奨*/
    border:0px solid ;
    border-bottom:1px #359AFF;
    height:20px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
/*	filter: alpha(style=1, opacity=100, finishopacity=20, startx=85,starty=45, finishy=85,finishx=85);*/
    width:170px;/*ol.subと同じ値を推奨*/
    border:0px solid ;
    border-bottom:1px #359AFF;
    height:20px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub{
}


/*.sub li.off2,.sub li.on2{*/
/*    border-bottom:0px solid #005EFF;*/
/*}*/
/*li.sub a{*/
/*    */
/*    left:0px;/*サブメニュー表示位置をずらしたいときに指定。削除可*/*/
/*    top:0;/*サブメニュー表示位置をずらしたいときに指定。削除可*/*/
/*    border:0px solid ;*/
/*    width:65px;/*削除不可*/*/
/*    border-bottom:0px solid #005EA1;*/
/*    */
/*    padding:2px;/*あまり大きな値にしない*/*/
/*    height:22px;/*削除不可*/*/
/*}*/
/*ul.sub-2{*/
/*    left:0px;/*100%を推奨だが、上手くいかなければ微調整*/*/
/*    top:-21px;/*ブラウザーで見ながら微調整*/*/
/*    width:65px;/*値の変更可能*/*/
/*    border:0px solid ;*/
/*    border-left:1px #FFFFFF;*/
/*    border-bottom:5px solid #000000;*/
/*}*/
/*ul.sub-2{*/
/*    border:0px solid ;/*値の変更可能：サブメニュー２全体の枠線*/*/
/*    border-bottom:5px;/*値の変更可能：アイテムに指定した枠線とダブるのを防止*/*/
/*}*/
/*.sub-2 a{*/
/*    border-bottom:5px solid #9933FF;*/
/*    border:0px solid ;*/
/*    border-left:1px #FFFFFF;*/
/*}*/
/*.sub-2 a{*/
/*    padding:2px;/*あまり大きな値にしない*/
/*    border:0px solid ;*/
/*    border-left:1px #FFFFFF;*/
/*}*/

/************************４：メニューの表示位置の設定*************************/
DIV#hmu{
    width:100%;
    position:relative ;
}
/************************５：自由記述オプション*************************/
DIV#hmu{} /* 全体を囲むボックス */

ul.main{} /* 主にメインメニュー：継承により後へ伝わる場合あり */
ul.main li.off{} /* メインメニューアイテム通常時 */
ul.main li.on{} /* メインメニューアイテム展開時 */
li.off a,li.on a{} /* メインメニュー用リンク */

ol.sub{} /* サブメニュー */
ol.sub li.off2{} /* サブメニューアイテム通常時 */
ol.sub li.on2{} /* サブメニューアイテム展開時 */
li.off2 a,li.on2 a{} /* サブメニュー用リンク */

ul.sub-2{} /* サブメニュー2 */
ul.sub-2 li{} /* サブメニュー2アイテム */
ul.sub-2 li a{} /* サブメニュー2用リンク */

/************************６：変更不可*******************************/
.main *{margin:0px;padding:0px;list-style:none;display:block;}
ul.main{position:relative;margin:0px;padding:0px;}
ul.main li.off{position:relative;float:left;overflow:hidden;}
ul.main li.on{float:left;overflow:hidden;}
ul.main>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}



.note { 
padding-left:1em;
text-indent:-1em;
}

.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}


/************************１：文字の設定***************************************/
ul.main2{
line-height: 130%;
	font-size:12px;
	text-align:center;/*メインメニューの文字揃え*/
	font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif；
}
.main2 a{
	text-decoration:none;
}

/************************２：カラーリングの設定*******************************/
.main2{background-color:;/*サブメニューの位置をずらした場合指定必須*/}
.main2 li{background-color:#ffffff;}
.main2 a:hover{background-color:#86C2FF;}
.main2 li.on{background-color:#86C2FF;}

.main2 a:link{color:#0000ff}
.main2 a:visited{color:#000000;}
.main2 a:hover{color:#ff0000;}

/********************３：メニューサイズ・余白・枠線の設定*********************/
ul.main2{
	width:100%;height:25px;
	z-index:100;
}

.main2 li.off{
	filter: alpha(style=1, opacity=100, finishopacity=20, startx=95,starty=30, finishy=95,finishx=95);
    height:25px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:130px;/*文字数に合わせて調整*/
	background-color:#BBDDFF;
}
.main2 li.on{
	filter: alpha(style=1, opacity=100, finishopacity=10, startx=85,starty=45, finishy=85,finishx=85);
    height:25px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:130px;/*offと値を揃えることを推奨*/
}
.main2 a{
	padding:4px;/*あまり大きな値は指定しない方が良い*/
}

.main2 li.off{
    height:20px;/*変更可能・削除するとギミックが変わる*/

}
.main2 li.on{
}
.main2 a{
    border:0px solid ;
    border-left:1px #359AFF;
}

/************************４：メニューの表示位置の設定*************************/
DIV#hmu2{
    width:100%;
    position:relative ;
	font-weight: bold;
}
/************************５：自由記述オプション*************************/
DIV#hmu2{} /* 全体を囲むボックス */

ul.main2{} /* 主にメインメニュー：継承により後へ伝わる場合あり */
ul.main2 li.off{} /* メインメニューアイテム通常時 */
ul.main2 li.on{} /* メインメニューアイテム展開時 */
li.off a,li.on a{} /* メインメニュー用リンク */

/************************６：変更不可*******************************/
.main2 *{margin:0px;padding:0px;list-style:none;display:block;}
ul.main2{position:relative;margin:0px;padding:0px;}
ul.main2 li.off{position:relative;float:left;overflow:hidden;}
ul.main2 li.on{float:left;overflow:hidden;}
ul.main2>li.on{overflow:visible;/*×*/}


/************************20090423追加-クリックで「折りたためる」ボックス*******************************/
div.CollapsibleBox {
   /* ■ボックス全体■ */
   border: 1px solid darkblue; /* 枠線:濃青 */
   font-size: 100%;             /* 文字サイズ:80% */
   width: 520px;               /* 横幅:390px */
}
div.CollapsibleBox div.CollapsibleBoxTitle {
   /* ■タイトル枠■ */
   background-color: #008000; /* 背景色:濃青 */
   color: white;               /* 文字色:白 */
   margin: 0px;
   padding: 0px;
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle {
   /* ■タイトル文字列■ */
   font-weight: bold;          /* 太字 */
   border: 1px solid darkblue; /* 枠線:濃青 */
   margin: 0px;
   padding: 0px;
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons {
   /* ■ボタン群■ */
   margin: 0px;
   padding: 1px 3px;
   float: right;
   text-align: right;    /* 右寄せ */
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons a img {
   /* ■ボタンそのもの■ */
   border-width: 0px;    /* リンクの枠線を消す */
}
div.CollapsibleBox div.CollapsibleBoxBody {
   /* ■本文枠■ */
   font-size: 90%;             /* 文字サイズ:80% */
   margin: 0px;
   padding: 0px;
   background-color: #eeeeff; /* 背景色:淡青 */
   color: #000055;            /* 文字色:暗青 */
   display: none;  /* 標準で非表示状態に */
}
div.CollapsibleBox div.CollapsibleBoxBody p {
   /* ■本文■ */
   margin: 0px;
   padding: 0.5em;   /* 内側の余白:0.5文字分 */
}