@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;
}
table{
border: 0px none;
margin:0px;
padding:0px;
text-align:center;
border-collapse: collapse;
background-color: #FFFFFF;
}
th {border: 0px none;margin:0px;padding:0px;border-collapse: collapse;vertical-align:top;}
td {
border: 0px none;
margin:0px;
padding:0px;
border-collapse: collapse;
vertical-align:top;
}
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: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
text-align: left;
}
ul{
list-style-type: square; }
img{ border:0px;}
p{
width:100%;
line-height:120%;
}
/***************************************************/
#container {
width: 950px;
text-align:center;
margin-left:auto;
margin-right:auto;
background: #FFFFFF;
}
#enter {
width: 100%;
text-align:left;
background: #EEEEDD;
}
#header{
background-position: left;
margin-top: 0px;
margin-bottom: 15px;
width: 940px;
height: 75px;
background: #FFFFFF;
}
.shoplogo{
width:100%;
padding: 0px;
margin: 0px;
background-position: left;
text-align: left;
}
.sitename {
color: #000033;
width:100%;
font-size: 70%;
text-align: right;
margin-top: 7px;
margin-right: 20px;
}
.sitename a {color: #000033;text-decoration: none;}
.sitename a:hover {color: #000033;text-decoration: underline;}
.sitename a:visited{color: #000033;}
.sitecopy{
color: #000033;
width:100%;
font-size: 70%;
text-align: right;
margin-right: 20px;
margin-bottom: 5px;
}
.sitecopy a {color: #000033;text-decoration: none;}
.sitecopy a:hover {color: #000033;text-decoration: underline;}
.sitecopy a:visited{color: #000033;}
#flash {
width: 940px;
text-align:left;
margin-bottom: 10px;
border: 1px solid #29456C;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
#photo {
width: 940px;
text-align:center;
margin-bottom: 10px;
border: 1px solid #29456C;
}
#headmenu {
width: 940px;
height: 25px;
padding-bottom: 6px;
}
.headnavi {
color: #FFFFFF;
font-size:80%;
text-align:right;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.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;
}
/************************************************/
#center1 {
width: 660px;
font-size:80%;
vertical-align: top;
text-align:center;
background: #FFFFFF;
}
.centerbox {
width:660px;
text-align:left;
margin: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 12px;
}
.centerbox2 {
width:600px;
text-align:center;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}
#leftside {
width: 270px;
vertical-align: top;
}
#rightside {
width: 270px;
}
.sidebox {
width:260px;
text-align:center;
background-color: #bdd0e5;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
border: 1px solid #6699CC;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.sidebox2 {
width:250px;
text-align:center;
background-color: #bdd0e5;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
border: 1px solid #6699CC;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
.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;
}
.event_table td
{
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}
.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;
}
.title1{
color: #FFFFFF;
width: auto;
height:33px;
width: auto;
line-height: 120%;
vertical-align: middle;
padding-top: 9px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 30px;
background: url(../img/title_bg.gif) no-repeat;
font-size: 120%;
}
.title1 a{
color:#333366;
text-decoration:none;
}
.title1 a:hover{
color:#333366;
text-decoration:underline;
}
.title1 a:visited{
color:#333366;
}
.title2{
color: #333366;
width: auto;
height:33px;
line-height: 120%;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 20px;
background: url(../img/title_bar01.gif) no-repeat;
text-align: left;
font-size: 90%;
}
.title2 a{
color:#333366;
text-decoration:none;
text-align: left;
}
.title2 a:hover{
color:#333366;
text-decoration:underline;
}
.title2 a:visited{
color:#333366;
}
.maincont {
display: block;
color: #444444;
width: 638px;
border: 1px solid #CCCCCC;
margin-bottom: 10px;
padding: 10px;
}
p.maincont {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 20px;
width: auto;
color: #666666;
}
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;
background-image: url(../img/ar_event.gif);
background-repeat: no-repeat;
height: 60px;
width: 623px;
padding-top: 7px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 25px;
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%;
}
.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 {
padding: 0px;
margin: 0px;
width: 950;
height: 60px;
text-align: center;
background-color: #FFFFFF;
}
.footnavi {
font-size: 80%;
color: #000033;
background-color: #FFFFFF;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #003366;
margin-top: 10px;
}
.footnavi a{ color: #000033;text-decoration: none; }
.footnavi a:hover { color: #336699;text-decoration: underline; }
#copyright {
font-size: 80%;
padding: 0px;
margin: 0px;
width: auto;
height: 30px;
color: #FFFFFF;
text-align: center;
background-color: #003366;
}
/************************************************/
.sline1 {
background-color: #bdd0e5;
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;
}
.navi {
margin-bottom: 5px;
margin-top: 5px;
margin-right: 10px;
margin-left: 12px;
font-size: 90%;
color: #444444;
text-align: left;
}