#grey h2{border-bottom:4px solid #ddd; border-right:11px dotted #ddd;}
#grey h3 {border-bottom:3px double #ddd; border-right:6px dotted #ddd;}
#grey #head {background-color:#ddd; border-bottom:2px solid #ddd;}
#grey #copy {border-top:8px solid #ddd;}
#grey .main_text {border-bottom:1px solid #ddd; font-size:90%;}

#pink h2{border-bottom:4px solid #f99; border-right:11px dotted #f99;}
#pink h3 {border-bottom:3px double #f99; border-right:6px dotted #f99;}
#pink #head {background-color:#f99; border-bottom:2px solid #f99;}
#pink #copy {border-top:8px solid #f99;}
#pink .main_text {border-bottom:1px solid #f99; font-size:90%;}

#orange h2{border-bottom:4px solid #fa0; border-right:11px dotted #fa0;}
#orange h3 {border-bottom:3px double #fa0; border-right:6px dotted #fa0;}
#orange #head {background-color:#fa0; border-bottom:2px solid #fa0;}
#orange #copy {border-top:8px solid #fa0;}
#orange .main_text {border-bottom:1px solid #fa0; font-size:90%;}

#yellow h2{border-bottom:4px solid #ee3; border-right:11px dotted #ee3;}
#yellow h3 {border-bottom:3px double #ee3; border-right:6px dotted #ee3;}
#yellow #head {background-color:#ee3; border-bottom:2px solid #ee3;}
#yellow #copy {border-top:8px solid #ee3;}
#yellow .main_text {border-bottom:1px solid #ee3; font-size:90%;}

#blue h2{border-bottom:4px solid #7ab;border-right:11px dotted #7ab;}
#blue h3 {border-bottom:3px double #7ab; border-right:6px dotted #7ab;}
#blue #head {background-color:#7ab; border-bottom:2px solid #7ab;}
#blue #copy {border-top:8px solid #7ab;}
#blue .main_text {border-bottom:1px solid #7ab; font-size:90%;}

#purple h2{border-bottom:4px solid #caf; border-right:11px dotted #caf;}
#purple h3 {border-bottom:3px double #caf; border-right:6px dotted #caf;}
#purple #head {background-color:#caf; border-bottom:2px solid #caf;}
#purple #copy {border-top:8px solid #caf;}
#purple .main_text {border-bottom:1px solid #caf; font-size:90%;}


#green h2{border-bottom:4px solid #cd7; border-right:11px dotted #cd7;}
#green h3 {border-bottom:3px double #cd7; border-right:6px dotted #cd7;}
#green #head {background-color:#FFFFFF; border-bottom:2px solid #FFFFFF;}
#green #copy {border-top:8px solid #cd7;}
#green .main_text {border-bottom:1px solid #cd7; font-size:11pt;}

#copy {
    margin-top:30px; 
    margin-bottom:30px; 
    height:5em; 
    text-align:center;
    font-size:13px;
    }
    

h1{
    margin:7px 0 0 5px; 
    font-size:14px;
    color:#029A85;
    border-bottom:0px dotted #aaa;
    padding:0 0 0 3px;
    width:170px;
    }
    
h2 {padding-top:5px; margin-top:0;}
h3 {font-size:18px; margin:20px 0 10px 0; }
.main_text {
	font-size:12px;
	margin-bottom:10px;
	padding-bottom:10px;
	line-height: 20px;
    }

#head {
    background-image:; 
        position:fixed;
    _position:absolute;  
    left:70px; 
    top:0px;
    width:100%;
    height:70px;
    }


html{background:url() repeat-y fixed 100% 100%;}
* {margin:0px; padding:0;}
a {text-decoration: none;}
body { _overflow:hidden;}

#mainbox {_overflow:auto; }

body {
    margin-top:100px; 
	margin-left:15px; 
    padding:0;
    font-size:100%;
    font-family:"MS UI Gothic", Arial, sans-serif, impact, Courier, osaka, 
    }

#copy a {font-size:xx-small; color:#111; line-height:100%;}

#leftbox {border-right:1px solid #029A85;}
#leftbox {
    position:fixed;
    _position:absolute; 
    left:70px; 
    top:70px; 
    width:178px; 
    height:90%;
    margin:0; 
    padding:0;
    _overflow:auto;
	overflow-x:hidden;
    }
    
#leftbox ul{margin:4px 0 0 0;border-top:0px solid #000;padding:4px 0 0 0; list-style-type:none;}
#leftbox li{margin:0;padding:0;}
#leftbox a{font-size:13px; 
    display:block;
    width:150px; 
    height:35px;
    color:#333;
    margin:3px 0 0 5px;
    padding-left:5px;
	padding-top:5px;
    text-align:center;
	vertical-align:middle;
    border:1px dotted #888;
    }
    
#leftbox a:hover{border-bottom:1px dotted #000;
    color:#FFFFFF;
    background:#029A85;
    font-weight:bold;
    }


#mainbox {
    margin:0 0 0 180px;
    height:100%;
    padding-top:0px; 
	padding-left:50px;
    padding-bottom:0;
    z-index:1;  }
    
#mainin {
    width:80%;
    margin:0 0 0 20px;
    padding-top: 7px;
    background:url(../images/white.gif);
    }
#mainin p{margin:10px 0 10px 0;}



.list_index{
    list-style-image:url(../images/arrow.gif); 
    margin-left:5px; 
    padding:3px 0px 3px 17px; 
    list-style-position: outside;
    border:0px #333 solid; 
    margin-top:0px;
    }
.list_index li{
    font-size:16px;
    margin:5px 0;
    }

#lastup{text-align:right;
    font-size:80%;
    margin-top:0px;
    padding-top:0;
    position:relative;
    top:-5px;
    padding-bottom:2px;
    }
    
#lastup1{
    text-align:right;
    font-size:80%;
    margin-top:0px;
    padding-top:0;
    position:relative;
    top:-5px;
    padding-bottom:0;
    }


#topbox {    
    position:fixed;
    _position:absolute;  
    left:20px; 
    top:20px; 
    width:100%; 
    height:25px; 
    z-index:5;
    font-weight:bold;
    }
#topbox ul{margin:0; padding:0;list-style-type:none;}
#topbox li{margin:0; padding:0;display:inline;float:left;}
#topbox a{
    margin:0; 
    display:block;
    width:90px; 
    height:25px;
    color:#029A85;
    padding:3px 0 0 0;
    font-size:14px;
    border-right:1px solid #fff;
/*    background-color:#029A85; */
    text-align:center;line-height:1.3em;
    }
#topbox a:hover{color:#FF0000;}


/*========================================================================
99%CSSプルダウンメニューforカスタマイズ　スタイルシート
制作：WEB工房きくちゃん http://www.stylish-style.com
最終調整日：2005年8月6日
このスタイルシートは自由に改変してかまいませんが、再配布を希望される場合は
webstudio-kic@stylish-style.com まで連絡をください。
=========================================================================*/
/*目次
１：文字の設定
２：カラーリングの設定
		a：背景色
		b：文字色（リンクカラー）
３：メニューサイズの設定
		a：メインメニュー
		b：サブメニュー
		c：サブメニュー２
４：メニュー表示位置の設定
５：自由記述オプション
６：変更不可
*/

/************************１：文字の設定***************************************/
/*========================================================================
文字の大きさを指定します。pxで指定してください
=========================================================================*/
ul.menu{font-size:14px;}
/*========================================================================
文字の寄せ方を指定します。center,left,rightで指定。このままがおすすめ。
=========================================================================*/
ul.menu{text-align:center;/*メインメニューの文字揃え*/}
ol.sub{text-align:left;/*サブメニューの文字揃え*/font-size:14px;}
/*========================================================================
文字の種類を指定します。不要なら削除してください
=========================================================================*/
ul.menu{font-family:"ＭＳ Ｐゴシック","Osaka",sans-serif；}
/*========================================================================
リンクの下線を指定します。必要なら値をunderlineに
=========================================================================*/
.menu a{text-decoration:none;}


/************************２：カラーリングの設定*******************************/
/*========================================================================
メニューやオンマウス時の背景色指定を行います。
画像を使用したい場合は、対応するセレクタに画像を指定してください。
=========================================================================*/
/*：メインメニューの背景色*/
.menu{background-color:;/*サブメニューの位置をずらした場合指定必須*/}
.menu li{background-color:#ffffff;}
/*メインメニューのオンマウス時*/
.menu a:hover{background-color:#029A85;}
/*サブメニューへ移動したときの色（menu a:hoverと同じ値推奨）*/
.menu li.on{background-color:#029A85;}

/*サブメニューの背景色:２つとも同じ値にすることを推奨*/
.sub{background-color:#EEFFEE;}
.sub li{background-color:#EEFFEE;}
/*サブメニューのオンマウス時*/
.sub a:hover{background-color:#66cc99;}

/*========================================================================
メニューやオンマウス時の文字色指定を行います。
上から順に、訪問前、訪問後、オンマウス時になります。
全て同じカラーで良い場合、サブメニューとサブメニュー2の部分は削除可。
=========================================================================*/
/*：メインメニューの文字色*/
.menu a:link{color:#0000ff}
.menu a:visited{color:#000000;}
.menu a:hover{color:#ffffff;}

/*：サブメニューの文字色*/
.sub a:link{color:#0000ff}
.sub a:visited{color:#000000;}
.sub a:hover{color:#ffffff;}


/********************３：メニューサイズ・余白・枠線の設定*********************/
/*========================================================================
メニューのサイズを決めます。希望に合わせてwidthの値を調整してください。
ここで枠線も決めてしまうのは、border-widthが総横幅の調整に絡んでくるため。

/*---------------メインメニュー幅の設定--------------------*/
/*メインメニューの横幅：削除は不可。値を1%にすると縦型メニューになる
アイテムの幅×アイテム数＋ボーダーの幅の総和を算出してpx固定がおすすめ。
めんどくさかったら100%にしておく*/
ul.menu{width:100%;}

/*---------------メインメニューアイテム幅の設定--------------------*/
.menu li.off{
    height:20px;/*ブラウザーで確認しながら調整・どうしてもIEとFFで誤差が生じます*/
    width:85px;/*文字数に合わせて調整*/
}
.menu li.on{
    width:85px;/*offと値を揃えることを推奨*/
}
/*---------------メインメニューアイテム余白の設定--------------------*/
.menu a{padding:2px;/*あまり大きな値は指定しない方が良い*/}

/*---------------メインメニュー枠線の設定--------------------*/
/*通常時・メインメニューの枠線*/
.menu li.off{
    border:1px solid #029A85;
}
/*展開時・メインメニューの枠線*/
.menu li.on{
    border:1px solid #029A85;
    border-bottom:0px;
}
/*展開時メインアイテム下に線が無くなるのを防止*/
.menu a{
    border-bottom:1px solid #029A85;
}

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

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off2{
    width:150px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
    width:150px;/*ol.subと同じ値を推奨*/
    height:20px;/*変更可能・削除するとギミックが変わる*/
}
/*---------------サブメニュー枠線の設定--------------------*/
ol.sub{
/*border:1px solid #993300;値の変更可能：サブメニューの枠線：サブメニューの表示位置をずらしたときは欲しい
使用するときは前後のコメントを削除*/
}
.sub li.off2,.sub li.on2{
    border-bottom:1px solid #029A85;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。
左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}
/*---------------サブメニュー余白の設定--------------------*/
.sub a{
    padding:2px 5px;/*あまり大きな値にしない*/
    width:150px;/*削除不可*/
    height:14px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。
height+padding（上下）の値がol.subのheightと同じになるように調整*/
}


/************************４：メニューの表示位置の設定*************************/
/*========================================================================
メニューの表示位置を設定します。希望に合わせてtop,left,widthの値を調整
してください。それ以外はいじらない方が無難
=========================================================================*/
DIV#menu{
    top:;
    left:;
    width:100%;
    position:absolute;
    z-index:100;
}

/************************５：自由記述オプション*************************/
/*========================================================================
以下には好きなようにプロパティを追加してください。
文字を斜体にするとか、フィルターをかけて半透明化するとか。
利用できる主なセレクタは用意しておきました。
=========================================================================*/
DIV#menu{} /* 全体を囲むボックス */

ul.menu{} /* 主にメインメニュー：継承により後へ伝わる場合あり */
ul.menu li.off{} /* メインメニューアイテム通常時 */
ul.menu 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用リンク */


/************************６：変更不可*******************************/
/*========================================================================
以下のプロパティはプルダウン機構に深く関わっている物です。
熟練者以外はいじらないでください。
=========================================================================*/
.menu *{margin:0px;padding:0px;list-style:none;display:block;}
ul.menu{position:relative;}
ul.menu li.off{position:relative;float:left;overflow:hidden;}
ul.menu li.on{float:left;overflow:hidden;}
ul.menu>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;}



/*新メニュー20090828*/
/* --- ナビゲーションバー --- */
.nav {
width: 100%; /* ナビゲーションの幅 */
padding-top: 0px; /* ナビゲーションの上パディング */
padding-left: 0px; /* ナビゲーションの左パディング */
background-color: #ffffff; /* ナビゲーションの背景色 */
border-bottom: 2px #029A85 solid; /* 下枠線 */
font-size: 90%;
}

/* --- メニューエリア --- */
.nav .nl {
width: 100%; /* メニューの幅 */
margin: 0 auto; /* メニューのマージン（上下、左右） */
padding: 0px;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.nav .nl li {
width: 5em; /* タブの幅 */
margin-right: 1px; /* タブの右マージン */
background: #f9f9f9 url(../images/tab_gen1_left.gif) no-repeat left top; /* タブの背景（左） */
float: left;
}

/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px 5px 2px; /* リンクエリアのパディング（上右下左） */
background: url(../images/tab_gen1_right.gif) no-repeat right top; /* タブの背景（右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
.nav .nl li.active {
background: #004080 url(../images/tab_act1_left.gif) no-repeat left top; /* タブの背景（左） */
}
.nav .nl li.active a {
background: url(../images/tab_act1_right.gif) no-repeat right top; /* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
	background-position: left;
}
.clearFix {
min-height: 1px;
}
.nav2 {

width: 420px; /* ナビゲーションの幅 */
padding-top: 0px; /* ナビゲーションの上パディング */
padding-left: 0px; /* ナビゲーションの左パディング */
background-color: #ffffff; /* ナビゲーションの背景色 */
border-bottom: 2px none #029A85; /* 下枠線 */
font-size: 90%;
}