#bodyid{
background:#fafaff url('./newHP/img/side-shadow.png') repeat-y center top;
padding:0;
margin:0;
text-align:center;
}

#menu_bodyid{
padding:0;
margin:0;
text-align:center;
}

#page{
background:#fff url('./newHP/img/side-shadow.png') repeat-y center top;
width:800px;
margin:0 auto;
}

#page2{
border:1px solid #FFF;
background:#fff;
width:799px;
font-size:0.8em;
color:#444;
text-align:center;
margin:0 auto;
}

#banner{
background:#ffffff url('./newHP/img/logo.jpg') no-repeat left top;
border:0px;
width:800px;
height:130px;
letter-spacing:0px;
margin:0 auto;
text-align:left;
}

#banner h1{
font-size:24px;
color:#fff;
margin:0;
padding:10px 20px;
}

#menu{
background:#001545 url('./newHP/img/menubg.png') repeat left top;
border-bottom:0px solid #999;
border:0px;
width:100%;
height:22px;
letter-spacing:0px;
}

#menu a{
color:#ffffff;
font-weight:600;
line-height:1.3em;
width:100%;
font-size:14px;
text-decoration:none;
}

#menu a:hover {
color:#ff0000;
}

#menu h1{
color:#ffffff;
font-weight:600;
line-height:1.6em;
width:100%;
font-size:14px;
text-decoration:none;
}

#menu h1:hover {
color:#ff0000;
}



/*以下プルダウンメニュー設定項目*/

ul.main{font-size:13px;}

ul.main{text-align:center;/*メインメニューの文字揃え*/}

ol.sub{text-align:left;/*サブメニューの文字揃え*/}

ul.sub-2{text-align:left;/*サブメニューの文字揃え*/}

.main a{text-decoration:none;}


/************************２：カラーリングの設定*******************************/

/*：メインメニューの背景色*/
.main{background-color:;}/*サブメニューの位置をずらした場合指定必須*/
.main li{background-color:;}

/*メインメニューのオンマウス時*/
.main a:hover{background-color:;}


/*サブメニューへ移動したときの色*/
.main li.on{background:#001545 url('./newHP/img/menubg.png') no-repeat left top;}

/*サブメニューの背景色/
.sub{background-color:#ffcccc;}
.sub li{background-color:#ffcccc;}

/*サブメニューのオンマウス時*/
.sub a:hover{background-color:#ffffff;}

/*サブメニュー2の背景色*/
/*.sub-2{background-color:#ff0000;}*/
.sub-2 li{background-color:#4169E1;}

/*サブメニュー2のオンマウス時*/
.sub-2 a:hover{background-color:#ffffff;}

/*：メインメニューの文字色*/
.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:#000000;}
.sub-2 a:visited{color:#000000;}
.sub-2 a:hover{color:#ff0000;}

/********************３：メニューサイズ・余白・枠線の設定*********************/

/*---------------メインメニュー幅の設定--------------------*/

ul.main{width:800px;}

/*---------------メインメニューアイテム幅の設定--------------------*/

.main li.off{
    height:20px;
    width:103px;
}
.main li.on{
    width:103px;
}

/*---------------メインメニューアイテム余白の設定--------------------*/
.main a{padding:2px;/*あまり大きな値は指定しない方が良い*/}

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

/*---------------サブメニュー幅の設定--------------------*/
ol.sub{
	left:0;
	top:0;
	width:102px;
}

/*---------------サブメニューアイテム幅の設定--------------------*/
ol.sub li.off2{
    width:102px;/*ol.subと同じ値*/
    height:25px;
}

ol.sub li.on2{
    width:102px;/*ol.subと同じ値*/
    height:25px;/*変更可能・削除するとギミックが変わる*/
}

/*---------------サブメニュー枠線の設定--------------------*/
ol.sub{
	border:1px solid #993300;
/*値の変更可能：サブメニューの枠線：サブメニューの表示位置をずらしたときは欲しい 使用するときは前後のコメントを削除*/
}

.sub li.off2,.sub li.on2{
	border-bottom:1px solid #993300;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}

/*---------------サブメニュー余白の設定--------------------*/
.sub a{
    padding:3px 5px;/*あまり大きな値にしない*/
    width:105px;/*削除不可*/
    height:19px;/*削除不可*/
/*width+padding（左右）の値がol.subのwidthと同じになるように。height+padding（上下）の値がol.subのheightと同じになるように調整*/
}


/*========================================================================
2段階目のサブメニューを利用しない場合サブメニュー2に関する設定は不要
=========================================================================*/

/*---------------サブメニュー２幅の設定--------------------*/
ul.sub-2{
    left:100%;/*100%を推奨だが、上手くいかなければ微調整*/
    top:-26px;/*ブラウザーで見ながら微調整*/
    width:112px;/*値の変更可能*/
}
ul.sub-2 li.off3{
    left:100%;/*100%を推奨だが、上手くいかなければ微調整*/
    width:112px;
    height:25px;
}
ul.sub-2 li.on3{
    left:100%;/*100%を推奨だが、上手くいかなければ微調整*/
    width:112px;
    height:25px;/*変更可能・削除するとギミックが変わる*/
}

/*---------------サブメニュー２枠線の設定--------------------*/

ul.sub-2{
    border:1px solid #993300;/*値の変更可能：サブメニュー２全体の枠線*/
    border-bottom:0px;/*値の変更可能：アイテムに指定した枠線とダブるのを防止*/
}

.sub-2 a{
    border-bottom:1px solid #993300;
/*アイテムを区切る枠線になっている・bottom意外に設定するのは推奨しない。*/
}

.sub-2 li.off3,.sub li.on3{
	border-bottom:1px solid #993300;
}


/*---------------サブメニュー２余白の設定--------------------*/
.sub-2 a{
	padding:3px 0px;/*あまり大きな値にしない*/
   	width:105px;/*削除不可*/
   	height:19px;/*削除不可*/

}


/************************４：メニューの表示位置の設定*************************/
DIV#menu{
    top:;
    left:;
    width:100%;
    position:relative;
    z-index:100;
}

DIV#menu{} /* 全体を囲むボックス */

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{} /* サブメニュー用リンク */


.main *{margin:0px;padding:0px;list-style:none;display:block;float:left;}

ul.main{position:absolute;left:0;list-style:none;float:left;}
ul.main li.off{position:relative;overflow:hidden;}
ul.main li.on{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;}



/************************↑ここまでがメニュー用の設定↑*************************/




#left{
width:200px;
float:left;
text-align:left;
padding:0 0 10px 0;
}

#left a{
color:#00497c;
}
#left a:hover{
color:#4455b6;
}
#left h2{
border:1px solid #999;
background:#4169ad url('./newHP/img/side.png') no-repeat left top;
font-size:1em;
margin:10px 0 7px 10px;
padding:3px 10px;
color:#ffffff;
}

#left h2 a {
color:#ffffff;
}

#left h2 a:hover {
color:#ff0000;
}


#left p{
margin:0 0 2px 10px;
padding:0 10px 7px 10px ;
font-size:1em;
color:#444;
}

#right{
width:580px;
float:right;
padding:0 0 10px 0;
text-align:left;
}

#right a{
color:#00497c;
}

#right a:hover{
color:#4455b6;
}

#right h2{
border-width:0px;
border-style:solid;
border-color:#ddf #aac #aac #ddf;
background:url('./newHP/img/mainbg.png') repeat-y center top;
color:#446;
font-size:1em;
margin:10px 0px 7px 0;
padding:3px 10px;
}

#right p{
margin:0 10px 2px 0;
padding:0 0px 7px 10px;
font-size:1em;
line-height:120%;
}

#pagetop{
padding:10px 12px 0 0;
text-align:right;
}

#main h3 {
width:500px;
border-width:0px;
border-style:solid;
border-color:#ddf #aac #aac #ddf;
background:url('./newHP/img/mainbg.png') repeat-y left top;
color:#446;
font-size:1em;
margin:10px 0px 7px 0;
padding:3px 10px;
}