@charset "EUC-JP";
HTML {
scrollbar-face-color: #BDD0E5;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-arrow-color: #CCCCCC;
scrollbar-darkshadow-color: #CCCCCC;
}
body{
font-family:"ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 90%;
line-height:120%;
color:#333333;
background-color: #516479;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
}
h1,h2,h3,h4 {
padding: 0px;
margin: 0px;
font-size: 100%;
text-align:left;
}
a{
color: #000033; text-decoration:none }
a:hover {
color: #555555; text-decoration: underline}
a:visited{
color: #000033;}
iframe{
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #E4E4E4;
border-bottom-color: #E4E4E4;
border-left-color: #E4E4E4;
text-align: left;
float: left;
}
ul{
margin:0px;
padding:0px;
list-style:none;
}
ul:after {
content: ".";
display: block;
height: 0px;
visibility: hidden;
clear: both;
}
ul {
display: inline-table;
}
/* IE7 */
ul {
display:inline-block;
}
/*\*/
* html ul { height: 1%; }
ul { display: block; }
/**/
li{
font-size:80%;
}
img{ border:0px;}
p{
width:100%;
line-height:120%;
font-size: 90%;
}
/*----------------------------------------------------------------------------
TOP
----------------------------------------------------------------------------*/
#home{
}
#container{
width: 960px;
display:block;
height:100% !important;
margin: 0px auto;
padding: 0 0px;
color:#333;
text-align: left;
background-color: #fff;
}
#content{
width: 960px;
height:100% !important;
padding: 0px;
margin: 0px auto;
background-color: #fff;
}
#content:after {
content: ".";
display: block;
height: 0px;
visibility: hidden;
clear: both;
}
#content {
display: inline-table;
}
/* IE7 */
#content {
display:inline-block;
}
/*\*/
* html #content { height: 1%; }
#content { display: block; }
/**/
#feature {
width: 940px;
height:100% !important;
text-align:left;
padding: 0px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
float: left;
}
#photo {
width: 940px;
height:100% !important;
text-align:left;
padding: 0px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
float: left;
}
.hline {
border-top-width: 15px;
border-right-width: 5px;
border-left-width: 5px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
}
/*************************************/
#centerbox {
width:660px;
padding: 0px;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 0px;
margin-left:5px;
float: right;
}
#rightside {
width: 270px;
float: right;
}
.sidebox {
width:260px;
text-align:center;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 0px;
margin: 0px;
float: left;
}
#centerbox2 {
width:660px;
padding: 0px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
float: left;
}
#centerbox2 p {
font-size: 80%;
line-height: 120%;
color: #666;
}
#leftside {
width: 270px;
float: left;
}
.sidebox2 {
width:270px;
text-align:center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
margin: 0px;
}
.maincont {
display: block;
color: #444444;
width: 618px;
border: 1px solid #CCCCCC;
margin-bottom: 10px;
padding: 20px;
}
p.maincont {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 20px;
width: auto;
color: #666666;
}
.title1{
color: #FFFFFF;
width: auto;
height:33px;
width: auto;
line-height: 120%;
vertical-align: middle;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 30px;
background: url(../img/title_bg.gif) no-repeat;
font-size: 90%;
}
.title1 a{
color:#333366;
text-decoration:none;
}
.title1 a:hover{
color:#333366;
text-decoration:underline;
}
.title1 a:visited{
color:#333366;
}
.title2{
color: #333366;
width: 235px;
height:26px;
line-height: 120%;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 20px;
text-align: left;
font-size: 90%;
background-color: #DBDBDB;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #00598f;
margin-bottom: 5px;
}
.title2 a{
color:#333366;
text-decoration:none;
text-align: left;
}
.title2 a:hover{
color:#333366;
text-decoration:underline;
}
.title2 a:visited{
color:#333366;
}
.event{
color:#003366;
font-weight: bold;
}
.header_area {
width:100%;
margin:0px;
padding:0px;
}
.footer_area {
width:100%;
margin:0px;
padding:0px;
}
.center{ text-align:center;}
.right{ text-align:right;}
.left{ text-align:left;}
.middle{ vertical-align:middle;}
.buttom{ vertical-align:buttom;}
.float_right{ float:right;}
.float_left{ float:left;}
/****************************************************/
.detail_table
{
color: #444444;
text-align:left;
line-height: 160%;
padding: 10px;
}
.detail_table li
{
margin-bottom: 5px;
}
.event_table {
color: #444444;
text-align:left;
background-color: #99CCFF;
line-height: 160%;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 10px;
font-size: 90%;
}
.event_table td
{
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.td00 {
vertical-align:top;
text-align: left;
}
.td01{
background-color: #99CCFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
}
.td02{
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
background-color: #FFFFFF;
}
.st{
color: #E67231;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
/****************************************************/
.topimg {
margin: 0px ;
padding: 0px;
text-align:center;
}
ul.news{
text-align: left;
list-style: square;
color: #644522;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
li.news{
padding:5px 0px 0px 25px;
color: #000033;
}
li.p3{padding: 3px;}
ul.listbox{
text-align: left;
margin:0px;
list-style:none;
padding: 0px;
}
li.ca1 {
display: block;
color: #006699;
text-decoration: none;
height: 60px;
width: 638px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
border: 1px solid #CCCCCC;
margin-bottom: 10px;
}
li.ca1 a{
text-decoration: none;
color: #006699;
}
li.ca1 a:hover{
text-decoration: underline;
}
.sitemap{
padding: 5px 25px;
color: #cf6b00;
background-position: left center;
}
.layout1{
padding: 5px 5px 5px 5px;
}
.layout1 td{
margin: 0px;
padding: 10px 10px 0px 10px;
text-align: center;
}
.layoutp10
{
line-height: 160%;
padding: 10px;
}
.layoutp10 p
{
line-height: 160%;
font-size: 90%;
}
.pdf {
line-height: 200%;
font-size: 90%;
color: #036;
}
.backcolor1 {
background:#FFFFFF;
color:#666666;
font-weight:bold;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.backcolor2 {
vertical-align:middle;
background-color: #CCCCCC;
}
.backcolor3 {
background:#000066;
padding:10px 0px;
color: #FFFFFF;
}
.layoutframe{
margin: 10px 0px 0px 0px;
padding: 2px;
width: 90%;
background:#000033;
}
.layoutframe td{
text-align: center;
margin: 0px;
padding: 1px;
vertical-align:top;
}
.mainframe{
margin: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
.pagetop {
padding: 3px 5px 0px 17px;
margin:10px 5px;
font-size:76%;
font-weight:bold;
float: right;
}
.pageTop a{ color:#FF6600;text-decoration: none;}
.pageTop a:hover{ color:#FF9900;text-decoration: none;}
/***********************************************/
#footer {
width: 960px;
height: 80px;
padding: 0px;
margin: 0px;
text-align: center;
background-color: #FFFFFF;
float: left;
}
.footnavi {
width: 960px;
font-size: 80%;
color: #000033;
background-color: #FFFFFF;
padding-top: 10px;
padding-bottom: 5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #003366;
margin-top: 10px;
text-align: center;
}
.footnavi a{ color: #000033;text-decoration: none; }
.footnavi a:hover { color: #336699;text-decoration: underline; }
.address {
width: 960px;
font-size: 80%;
color: #FFFFFF;
text-align: center;
background-color: #003366;
font-weight: bold;
padding-top: 10px;
}
#copyright {
width: 960px;
font-size: 80%;
padding: 0px;
margin: 0px;
height: 30px;
color: #FFFFFF;
text-align: center;
background-color: #003366;
}
/************************************************/
.sline1 {
background-color: #FFF;
padding-top: 280px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.sline2 {
/*padding: 0px;
margin: 0px;
height: 5px;
background-color: #b0c396;*/
}
#side {
padding: 10px 10px 10px10px;
}
.sidemain1 {
margin: 0px;
padding: 0px 0px 10px0px;
}
.logo{
margin:0px;
padding:22px 0px 22px 0px;
float:left;
width:251px;
}
.b12pt {
FONT-SIZE: 80%;
COLOR: #4a4949;
LINE-HEIGHT: 100%;
FONT-FAMILY: "ＭＳ ＰⅤⅧΓ��", "Osaka" ,"Σι��Ξ넘ⅤⅧΓ��";
}
.r12pt {
FONT-SIZE: 80%; COLOR: #4a4949; LINE-HEIGHT: 100%; FONT-FAMILY: "ＭＳ ＰⅤⅧΓ��", "Osaka" ,"Σι��Ξ넘ⅤⅧΓ��"
}
.w12pt {
FONT-SIZE: 70%; COLOR: #5093af; LINE-HEIGHT: 300%; FONT-FAMILY: "ＭＳ ＰⅤⅧΓ��", "Osaka", "Σι��Ξ넘ⅤⅧΓ��"
}
.j12pt {
FONT-SIZE: 80%;
COLOR: #4a4949;
LINE-HEIGHT: 160%;
FONT-FAMILY: "ＭＳ ＰⅤⅧΓ��", "Osaka" ,"Σι��Ξ넘ⅤⅧΓ��";
text-align: left;
}
.j14pt {
FONT-SIZE: 100%; COLOR: #4a4949; LINE-HEIGHT: 160%; FONT-FAMILY: "ＭＳ ＰⅤⅧΓ��", "Osaka" ,"Σι��Ξ넘ⅤⅧΓ��"
}
.j10pt {
FONT-SIZE: 65%; COLOR: #555555; LINE-HEIGHT: 120%; FONT-FAMILY: "ＭＳ ＰⅤⅧΓ��", "Osaka", "Σι��Ξ넘ⅤⅧΓ��"
}
.topics-img {
MARGIN: 5px
}
.topics-txt {
PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-SIZE: 80%; PADDING-BOTTOM: 10px; MARGIN: 0px; COLOR: #666666; LINE-HEIGHT: 140%; PADDING-TOP: 10px; FONT-FAMILY: "ＭＳ ＰⅤⅧΓ��", "Osaka", "Σι��Ξ넘ⅤⅧΓ��"
}
.photo_txt {
PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FONT-SIZE: 80%; PADDING-BOTTOM: 10px; COLOR: #000033; LINE-HEIGHT: 140%; PADDING-TOP: 10px; FONT-FAMILY: "ＭＳ ＰⅤⅧΓ��", "Osaka", "Σι��Ξ넘ⅤⅧΓ��"; TEXT-ALIGN: left;
}
.help {
padding-right: 10px;
}
.bold {
font-weight: bold;
padding-top: 15px;
padding-bottom: 15px;
}
.banner {
margin-bottom: 10px;
}