*{
margin:0;
padding:0;
}

BODY{
background-image:url(gif/bg01.gif);/* 背景の画像 */
font-size:11pt;/* 文字のサイズ */
line-height: 130%;/* 行間 */
text-align: center;
}

DIV#page {
margin:20px;
text-align: left;
border: 1px solid #C0C0C0;
background: #fffaf0;
width: 800px;/* 全体幅800px */
}

DIV#head {
	background: #FFFFFF;
}

DIV#navi
{
color: #FFFFFF;
background: #000080;
position:relative;
}

DIV#menu
{
position:absolute;
float: left;
width: 150px;
}

DIV#main
{
border-left: 1px solid #C0C0C0;
background: #FFFFFF;
width: 650px;
float: right;
}

div#main02
{
margin: 0px;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
padding:20px 0px 0px;
background: #FFFFFF;
width: 500px;
float: right;
}

div#main03
{
margin: 0px;
border-left: 1px solid #C0C0C0;
padding:20px 0px 0px;
background: #FFFFFF;
width: 650px;
clear: both;
float: right;
}

DIV#main04
{
clear: both;
margin: 0px;
width: 800px;
background: #FFFFFF;
}

DIV#news
{
clear: both;
border: 1px solid #C0C0C0;
border-top: 0px;
}

DIV#foot
{
clear: both;
border-top: 1px solid #C0C0C0;
text-align: center;
background: #ffffff;
font-style:normal;
color:#555555;
}

p.path {
padding:5px;
color: #FFFFFF;
}

p.path a{
padding:5px;
color: #FFFFFF;
text-decoration: none;
}

div#menu ul
{
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
}

div#menu li
{
margin: 0px;
padding: 0px;
}

div#menu a{
width: 100%;
display: block;
padding: 5px 0px;
border-bottom: 1px solid #C0C0C0;
text-decoration: none;
color: #000000;
}

div#menu a:hover
{
background-color: #000080;
width: 100%;
display: block;
padding: 5px 0px;
border-bottom: 1px solid #C0C0C0;
text-decoration: none;
color: #ffffff;
}

div#menu p
{
margin-top:0;
padding: 5px;
color: #FFFFFF;
background-color: #6699ff;
text-align:center;
border-bottom: 1px solid #C0C0C0;
 border-right: 1px solid #C0C0C0;
}

DIV#submenu
{
margin: 0px;
padding: 20px 0px;
width: 149px;
float: right;
}

DIV#submenu02
{
margin: 0px;
padding: 5px 0px;
float: right;
border-left: 1px solid #C0C0C0;
background: #ffffff;
width: 650px;
}

DIV#submenu03
{
margin: 0px;
padding: 5px 0px;
float: right;
background: #ffffff;
width: 800px;
}

p.img
{
text-align:center;
}

p.main
{
padding:0px 50px;
line-height:1.5em;
}

p.main02
{
padding:0px 50px;
width:500px;
color:#555555;
line-height:1.5em;
}

p.main03
{
padding:10px 50px;
width:500px;
color:#555555;
line-height:1.5em;
}

p.b01
{
padding:0px 10px;
background: #ffffff;
color:#555555;
}

p.b01 a
{
padding:0px 10px;
text-decoration:none;
color:#555555;
}

p.com01
{
margin: 10px 20px 10px;
padding:5px 20px;
color:#555555;
background-color: #ffffff;
border: 1px solid #C0C0C0;
line-height:1.5em;
}

p.com02
{
margin:0px 0px 10px;
padding:0px;
width:750px;
color:#555555;
line-height:1.5em;
}

p.rireki
{
text-align:left
}

p.top
{
clear: both;
padding:10px 20px 10px;
text-align:right;
}

p.top a
{
text-decoration:none;
color:#555555;
}

p.top a:hover
{
color:#ff0000;
}

p.news01
{
padding-top:25px;
width:150px;
color: #000000;
float: left;
text-align:center;
}

p.news02
{
margin:5px 5px;
float: left;
}

div#foot p
{
padding: 2px 0px;
}

div#foot a
{
color:#555555;
text-decoration:none;
border-bottom:dotted 2px #ff0000
}

div#foot a:hover
{
color:#ff0000
}

p.navi
{
padding:10px 20px 0px;
margin: 10px 20px 10px;
text-align:right;
border-bottom: 1px dashed #000080;
clear: both;
}

p.navi a
{
text-decoration:none;
color:#555555;
}

p.navi a:hover
{
color:#ff0000;
}

h1{
font-size: 120%;
margin: 10px 20px 10px;
color: #333333;
border-bottom: 1px dashed #000080;
padding: 0px 0px 5px;
clear: both;
}

h2
{
font-size: 110%;
margin: 10px 20px 10px;
color: #333333;
border-bottom: 1px dashed #ff0000;
padding: 0px 0px 5px;
clear: both;
}

h3
{
font-size: 110%;
margin: 0px 20px 10px;
color: #333333;
padding: 0px 0px 5px;
clear: both;
}

.imgbox
{
margin: 0px 0px 1em 40px;
}

.imgbox01
{
margin: 5px 10px 5px;
float: left;
border: none;
}
.imgbox02
{
margin: 0px 10px 10px;
float: right;
border: none;
}

.box01
{
padding: 10px;
width: 450px;
text-align: center;
font-style: normal;
border-style: solid;
border-width: 1px;
border-color: #000080;
border-bottom: 0px;
background-color: #ffffff;
}
.box02
{
width: 450px;
font-style: normal;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #000080;
padding: 10px;
background-color: #ffffff;
}

.box03
{
margin: 0px;
background-color: #ffffff;
padding:30px 10px;
text-align: center;
}

.box04
{
margin: 0px;
padding:20px;
text-align: center;
font-size:25pt;
color:#000080;
}

p.box05
{
float:left;
margin: 10px;
background: #C0C0C0;
width: 100px;
text-align:center;
}

p.box05 a
{
padding: 5px 0px;
text-decoration: none;
color: #ffffff;
display: block;
width:100%;
}

p.box05 a:hover
{
padding: 5px 0px;
display: block;
background: #009966;
width:100%;
}

p.box06
{
float:left;
margin: 5px;
background: #C0C0C0;
width: 80px;
text-align:center;
}

p.box06 a
{
padding: 5px 0px;
text-decoration: none;
color: #ffffff;
display: block;
width:100%;
}

p.box06 a:hover
{
padding: 5px 0px;
display: block;
background: #009966;
width:100%;
}

p.box06a
{
float:left;
margin: 5px;
padding: 5px 0px;
background: #009966;
color: #ffffff;
width: 80px;
text-align:center;
}

p.box07
{
float:left;
margin: 5px;
background: #009966;
width: 75px;
text-align:center;
}

p.box07 a
{
padding: 5px 0px;
text-decoration: none;
color: #ffffff;
display: block;
width:100%;
}

p.box07 a:hover
{
padding: 5px 0px;
display: block;
background: #009966;
color: #ffffff;
width:100%;
}

table
{
table-layout:fixed;
width:450px; 
}

.td
{
text-align:center;
width:150px; 
}

.td01
{
text-align:left;
padding: 5px;
width:120px; 
height:30px;
}

.td02
{
text-align:left;
padding: 5px;
height:30px;
}

span.c01
{
color:#ff0000;/* 文字の色：赤 */
}

span.c02
{
color:#0000ff;/* 文字の色：青 */
}

span.c03
{
color:#ff5a00;/* 文字の色：オレンジ */
}

span.Q
{
color:#1E90FF;/* 文字の色：水色 */
font-size:20pt;
}

span.A
{
color:#ff0000;/* 文字の色：赤 */
font-size:20pt;
}

.dbox01
{
margin: 10px 20px 10px;
width: 600px;
color: #ffffff;
text-align: left;
font-style: normal;
padding-left: 10px;
background-color: #32cd32;
clear: both;
}

.dbox02
{
margin: 10px 20px 10px;
width: 600px;
color: #ffffff;
text-align: left;
font-style: normal;
padding-left: 10px;
background-color: #1E90FF;
clear: both;
}

.dbox03
{
margin: 10px 20px 10px;
width: 600px;
color: #ffffff;
text-align: left;
font-style: normal;
padding-left: 10px;
background-color: #ff6347;
clear: both;
}

.dbox04
{
margin: 10px 20px 10px;
width: 600px;
color: #ffffff;
text-align: left;
font-style: normal;
padding-left: 10px;
background-color: #ff8c00;
clear: both;
}

.dbox
{
width: 600px;
text-align: left;
font-style: normal;
padding-left: 30px;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
}

.dbox05
{
padding:5px 50px;
width:550px;
color:#555555;
line-height:1.5em;
}

.box08
{
width: 650px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
font-style: normal;
color:#ffffff;
border-top: 0px;
border-right: 0px;
border-left: 0px;
border-bottom: 0px;
background-color: #000080;
}
.box09
{
width: 600px;
color:#555555;
font-style: normal;
text-align: left;
background-color: #ffffff;
padding:10px 25px;
}

.box09 a
{
text-decoration: none;
color: #000080;
}

.box09 a:hover
{
text-decoration: none;
color: #000080;
}