/*------------------------------------------*/
/*body
   |--div=container
      |--id=main
      |--id=footer
*/
/*------------------------------------------*/

html{
height:100%;
}

body {
height:100%;
font-family: "?l?r ?o?S?V?b?N", Osaka, "?q???M?m?p?S Pro W3";
	color: #333333;
	font-size: small;
    /*background-image : url(grayback.gif)  background-color: #e6e6fa;*/
	margin: 0;
	padding: 0;
	bgcolor:#FFFFFF;
}

* html div#container{
height:100%;
}

div#container {
	background-color: #FFFFFF;
	width: 80%;
    margin:0px auto;
    position:relative;
    min-height: 100%;
}

body > #container {
height: auto;
}

div#main{
padding-bottom:30px;
}

#footer {
position:absolute;
    bottom:0px;
    width:100%;
height:30px;
margin-top:0.5em;
margin-bottom:1em;
font-size: 10px;
color: #323232;
}

/*------------------------------------------*/

p {
	font-size: 12px;
	font-family: "?l?r ?o?S?V?b?N", Osaka, "?q???M?m?p?S Pro W3";
	line-height: 1.3em;
	padding-left: 3px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
}

p em {
	color:#ff0000;
}

h1 {
	margin: 0px;
	font-size: 17px;
}

h2 {
	margin: 0px;
	font-size: 13px;
}

h3 {
	font-size: medium;
}
/*???X?g*/
ul {
	list-style-type: none;
	padding: 0;
}

.disc {
	list-style-type: disc;
}

li {
	font-size: 12px;
	line-height:1.2em;
	margin: 0 0 0.5em 1em;
}


ul.navitel{
list-style-type: disc;
}

ul.navitel li{
font-size:11px;
margin-bottom:5px;
line-height:1em;
}

ul.support{
list-style-type: square;
font-size:12px;
margin: 0 0 0.5em 1em;
}

ul.special li{
list-style-type: none;
font-size:12px;
padding: 0;
margin: 0.2em 0 0.5em 1em;
list-style-position:outside;
}

ul.event li{
list-style-type: none;
font-size:12px;
padding: 0;
margin: 0.2em 0 0.2em 0.2em;
list-style-position:outside;
}


ul.area li{
font-size:11px;
padding-left:3px;
padding-right:3px;
margin-top:5px;
line-height:1.2em;
list-style-position:outside;
list-style-type: disc;
}


span#spetitle{
font-size:13px;
font-weight:bold;
color:#333333;
margin:20px;
line-height:1.5em;
list-style-position:outside;
}

span#spetitle1{
font-size:13px;
font-weight:bold;
color:#FFFFFF;
margin:20px;
line-height:1.5em;
list-style-position:outside;
}

span#spetitle2{
font-size:12px;
color:#006699;
margin-bottom:6px;
line-height:1.6em;
list-style-position:outside;
}

table.supportbgcnts{
border-top:1px solid #666666;
border-right:1px solid #666666;
}

table.bgwhite{
border: 1px solid;
border-color:#333333;
}

table.bgwhite2{
background-color:#FFFFFF;
border: 1px solid;
border-color:#FF0000;
}

table.bgyellow{
background-color:#FFFF99;
border: 1px solid;
border-color:#333333;
}


td.supportbg{
background-color:#FFFF99;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
height:auto;
line-height: 130%;
padding:8px 5px;
}

td.supportbgnone{
border-bottom:1px solid #666666;
border-left:1px solid #666666;
height:auto;
line-height: 130%;
}



a:link {
	font-size: 12px;
	color: #006699;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	color: #006699;
	text-decoration: underline;
}
a:hover {
	font-size: 12px;
	color: #006699;
	text-decoration: underline;
	}

a.bread:link {
	font-size: 10px;
	color: #0035fd;
	text-decoration: none;
}
a.bread:visited {
	color: #0035fd;
	font-size: 10px;
	text-decoration: none;
}

a.bread:hover {
	color: #323232;
	font-size: 10px;
	text-decoration: underline;
}

a.footer:link {
	font-size: 10px;
	color: #0035fd;
	text-decoration: underline;
	padding-bottom: 0;
	padding-left: 0;
}
a.footer:visited {
	color: #0035fd;
	font-size: 10px;
	text-decoration: none;
}
a.footer:hover {
	color: #323232;
	font-size: 10px;
	text-decoration: underline;
}

a.special:link {
	font-size: 11px;
	color: #006;
	text-decoration: none;
	padding-bottom: 13px;
}
a.special:visited {
	font-size: 11px;
	color: #006;
	text-decoration: underline;
	padding-bottom: 13px;
}

a.special:hover {
	font-size: 11px;
	color: #006;
	text-decoration: underline;
	padding-bottom: 13px;
}

a.bold:link {
	font-size: 12px;
	font-weight:bold;
	color: #006699;
	text-decoration: none;
	padding-bottom: 13px;
}
a.bold:visited {
	font-size: 12px;
	font-weight:bold;
	color: #006699;
	text-decoration: underline;
	padding-bottom: 13px;
}

a.bold:hover {
	font-size: 12px;
	font-weight:bold;
	color: #006699;
	text-decoration: underline;
	padding-bottom: 13px;
}


a.grey:link {
	font-size: 11px;
	color: #006;
	text-decoration: none;
	margin-left:10px;
}
a.grey:visited {
	font-size: 11px;
	color:#333333;
	text-decoration: underline;
	margin-left:10px;
}

a.grey:hover {
	font-size: 11px;
	color: #333333;
	text-decoration: underline;
	margin-left:10px;
}

/*???X?g?̃????N*/
li a {
	font-size: 12px;
	color: #006;
	text-decoration: none;
}
li a:hover {
	font-size: 12px;
	color: #C00;
	text-decoration: underline;
}
li a:visited {
	font-size: 12px;
	color: #C00;
	text-decoration: underline;
}

/*for footer--start---*/
div.footer {
margin-top:0.5em;
margin-bottom:1em;
font-size: 10px;
color: #323232;
}

ul.footer{
	font-size: 10px;
	color: #323232;
	padding: 0;
}

ul.footer li{
font-size: 10px;
color: #323232;
list-style-position:outside;
list-style-type: none;
margin: 0 0 0.3em 0.5em;
}

li a.footer {
	font-size: 10px;
	color: #323232;
	text-decoration: underline;
margin: 0 0 0.3em 0.5em;
}

li a.footer:hover {
	color: #0035fd;
	font-size: 10px;
	text-decoration: underline;
margin: 0 0 0.3em 0.5em;
}
li a.footer:visited {
	color: #0035fd;
	font-size: 10px;
	text-decoration: none;
line-height:1.3em;
margin: 0 0 0.3em 0.5em;
}

li a.footerb {
	font-size: 10px;
	color: #323232;
	font-weight:bold;
	text-decoration: underline;
margin: 0 0 0.3em 0.5em;
}

li a.footerb:hover {
	color: #0035fd;
	font-size: 10px;
	font-weight:bold;
	text-decoration: underline;
margin: 0 0 0.3em 0.5em;
}

li a.footerb:visited {
	color: #0035fd;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
margin: 0 0 0.3em 0.5em;
}

/*for footer--end---*/

/*?j???[?X*/
.news {
	margin-bottom: 5px;
    margin:2px;
	background-color: #FFFF9C;
}

.navitel {
	margin-bottom: 5px;
    margin:2px;
}

.news p {
	font-size: 13px;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
}
.posted {
	clear: both;
	text-align: right;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #D5D5D5;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.date {
	padding: 2px 5px;
	border-bottom-style:dotted;
	border-left-style: solid;
	border-bottom-width: 2px;
	border-color: #CC6699;
	margin-bottom: 10px;
	font-weight: bold;
	color: #CC6699;
	font-size:15px
}
.date2 {
	padding: 2px 5px;
	border-bottom-style:dotted;
	border-left-style: solid;
	border-bottom-width: 2px;
	border-color: #99cc00;
	margin-bottom: 10px;
	font-weight: bold;
	color: #cc6699;
	font-size:15px
}
.date img {
	float: left;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
/*???j???[*/
.menu img {
	float: left;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#menu {
	background-color: #FFFFFF;
	background-image : url(back.gif);
	padding-bottom: 10px;
}
#menu h2 {
	color: #FFFFFF;
	background-color: #99cc00;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size:15px
}
/*???j???[???̃R???e???c*/
#menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 10px;
}
#menuoz {
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 1.3em;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border: 1px solid #D5D5D5;
	margin: 4px;
}
#copyright {
	font-size: x-small;
	margin-left: 10px;
}

td.f12bbg{
background-color:#FFFF99;
border: 1px solid;
border-color:#333333;
height:auto;
line-height: 130%;
padding:5px 4px;
}

table.list{
border-collapse: collapse;
}

td.bgyellow{
background-color:#FFFF99;
border: 1px solid;
border-color:#333333;
height:auto;
line-height: 130%;
padding:3px 4px;
}

td.bgwhite{
background-color:#FFFFFF;
border: 1px solid;
border-color:#333333;
height:auto;
line-height: 130%;
padding:3px 4px;
}

td.bgwhite2{
background-color:#FFFFFF;
border: 1px solid;
border-color:#999999;
height:auto;
line-height: 130%;
padding:3px 4px;
}

tr.bgwhite{
background-color:#FFFFFF;
border: 1px solid;
border-color:#333333;
height:auto;
line-height: 130%;
padding:3px 4px;
}

td.nobdrwht{
background-color:#FFFFFF;
height:auto;
line-height: 130%;
padding:3px 4px;
}

td.bglgtblue{
background-color:#6699CC;
border: 1px solid;
border-color:#333333;
height:auto;
line-height: 130%;
padding:3px 4px;
}

td.bglgtblue2{
background-color:#CCCCCC;
border: 1px solid;
border-color:#999999;
height:auto;
line-height: 130%;
padding:3px 4px;
}

td.bglgtblue3{
background-color:#ccffff;
border: 1px solid;
border-color:#999999;
height:auto;
line-height: 130%;
padding:3px 4px;
}



td.bggrey{
background-color:#666666;
border: 1px solid;
border-color:#333333;
height:auto;
line-height: 130%;
padding:3px 4px;
}

td.bglgtgrey{
background-color:#CCCCCC;
border: 1px solid;
border-color:#333333;
height:auto;
line-height: 130%;
padding:3px 4px;
}

span#f09 {
	font-size: 9px;
	line-height: 1.4em;
}
span#f10 {
	font-size: 10px;
	line-height: 1.4em;
	height: 19px;
}
span#fr10 {
	font-size: 10px;
	line-height: 1.4em;
	color: #FF0000;
}
span#fg10 {
	font-size: 10px;
	line-height: 1.4em;
	color: #636563;
}
span#fb10 {
	font-size: 10px;
	line-height: 1.4em;
	color:#003399;
}
span#flg10 {
	font-size: 10px;
	color: #636563;
}
span#f11 {
	font-size: 11px;
	line-height: 1.4em;
	padding-top: 3px;
	padding-left: 3px;
	list-style-position:outside;
}
span#fb11 {
	font-size: 11px;
	line-height: 1.4em;
	font-weight: bold;
	padding-top: 0px;
    list-style-position:outside;
}
span#fb11b {
	font-size: 11px;
	line-height: 1.4em;
	font-weight: bold;
	padding-top: 0px;
    list-style-position:outside;
}


span#fwb11 {
	font-size: 11px;
	line-height: 1.4em;
	font-weight: bold;
	padding-top: 0px;
    list-style-position:outside;
	color:#ffffff;
}

span#fr11 {
	font-size: 11px;
	line-height: 1.4em;
	color: #FF0000;
}
span#fg11 {
	font-size: 11px;
	line-height: 1.4em;
	color: #636563;
}
span#fg11b {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4em;
	color: #636563;
}

span#flg11 {
	font-size: 11px;
	color: #636563;
}
span#f12 {
	font-size: 12px;
	line-height: 1.4em;
}

span#f12b {
    font-weight: bold;
	font-size: 12px;
	line-height: 1.4em;
	padding-left: 5px;
	vertical-align:middle;
}

span#fr12 {
	font-size: 12px;
	line-height: 1.3em;
	color: #FF0000;
	padding-left: 8px;
	padding-top:2px;
}

span#fr12b {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	color: #FF0000;
}


span#fg12 {
	font-size: 12px;
	line-height: 1.3em;
	color: #636563;
}

span#fb12 {
	font-size: 12px;
	line-height: 1.3em;
    color:#006699;
    list-style-position:outside;
}

span#f13 {
	font-size: 13px;
	line-height: 1.4em;
}
span#f13b {
	font-size: 13px;
	line-height: 1.4em;
    font-weight: bold;
}

span#fr13 {
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
    line-height: 1.4em;
}

span#fb13 {
	font-size: 13px;
	font-weight: bold;
	color:#006699;
    line-height: 1.4em;
}

span#fo13 {
	font-size: 13px;
	line-height: 1.4em;
	color: #FF9A00;
}
span#fg13 {
	font-size: 13px;
	line-height: 1.4em;
	color: #636563;
}
span#f14 {
	font-size: 14px;
	line-height: 1.4em;
}
span#fr14 {
	font-size: 14px;
	line-height: 1.4em;
	color: #FF0000;
}
span#f15 {
	font-size: 15px;
	line-height: 1.4em;
}
span#fr15 {
	font-size: 15px;
	line-height: 1.4em;
	color: #FF0000;
}
span#fw15 {
	font-size: 15px;
	line-height: 1.4em;
	color: #FFFFFF;
}
span#f17 {
	font-size: 17px;
}
span#f18 {
	font-size: 18px;
}
span#f19 {
	font-size: 19px;
}
span#f20 {
	font-size: 20px;
}

#button{
margin: 2px;
}