@charset "euc-jp";
/* CSS Document */
body {
   margin: 0px auto;
   padding: 0px;
   text-align: center;
   background-image: url(images/back.gif);
}
#wrapper {
   width: 780px;
   margin: 0px auto;
   padding: 0px;
   text-align: left;
   background-color: #FFFFFF;
   border: 1px solid #ccc;
   font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
}
a {
   text-decoration: none;  
}
#header {
   width: auto;
   height: 70px;
   background-image: url(images/logo.gif);
   background-position: 5px 5px;
   background-repeat: no-repeat;
}
#headNavi {
   text-align: right;
   padding-right: 25px;
}
#headNavi ul {
   line-height: 18px;
   list-style: none;
   padding: 0px;
   margin: 0px;   
}
#headNavi li {
   float: right;
   margin: 5px 1px 0px 1px;
   padding: 0px 2px 0px 2px;
}
#headNavi li a{
   display: block; 
   border-bottom: 3px solid #CC9999;
}
#headNavi li a:hover{
   border-bottom: 3px solid #990000;
}
#swapImage {
   margin: 0px 0px 0px 650px;
   padding-top: 50px;
}
#topMenu{
   clear: both;
}
#topMenu ul {
   line-height: 27px;
   list-style: none;
   clear: both;
   margin: 0px;
   padding: 0px;
}
#topMenu li.topLi {
   float: left;  
}
#topMenu li a {
   color: #FFF;
   width: 87px;
   display: block;
   margin: 0px;
   padding: 0px 5px 0px 5px;
   font-size: 0.8em;
   text-align: center;
   background-color: #CC9999;
   border-left: 1px solid #FFF;
   border-bottom: 3px solid #990000;
}
#topMenu li a:hover {
   color: #FFF;
   background-color: #990000;
   border-bottom: 3px solid #CC9999;
}
#topMenu li.space {
   float: left;
   background-color: #999;
   width: 190px;
   border-left: 1px solid #FFF;
   height: 30px;
}
#cover {
   clear: both;
}
#coverLeft {
   width: 190px;
   background-color: #CCC;
   height: 260px;
   float: left;
   border-top: 1px solid #FFF;
   border-bottom: 1px solid #FFF;
   border-left: 1px solid #FFF;
}
#coverRight {
   width: 587px;
   /*background-image: url(images/lobby2.jpg);
   background-position: right;*/
   height: 250px;
   float: right;
   border: 1px solid #FFF;
}
#content {
   width: auto;
   clear: both;
}
#search {
   width: auto;
   height: 15px;
   background-color: #999;
   border-left: 1px solid #FFF;
   border-right: 1px solid #FFF;
   clear: both;
}
span.space {
   float: left;
   background-color: #999;
   width: 190px;
   height: 15px;
   border-right: 1px solid #FFF;
   font-size: 0.9em;
   text-align: right;
}
#conLeft {
   width: 191px;
   float: left;
   margin: 5px 0px 5px 0px;
}
#leftBox {
   width: 180px;
   margin: 5px 0px 0px 5px;
   padding: 1px 5px 1px 0px;
}
#leftBox ul{
   list-style: none;
   margin: 10px 0px 10px 0px;
   padding: 0px;
}
#leftBox li a {
   margin: 3px 10px 0px 10px;
   padding: 3px 7px 3px 7px;
   font-size: 0.9em;
   border-left: 5px solid #CC9999;
   border-bottom: 1px solid #CC9999;   
   color: #333;
   display: block;
   width: 140px;
}
#leftBox li a:hover{
   color: #990000;
   border-left: 5px solid #990000;
   border-bottom: 1px solid #990000;
}
#conCenter {
   float: left;
   width: 397px;
   border-left: 1px solid #CCC;
   border-right: 1px solid #CCC;
   margin: 5px 0px 5px 0px;
   padding: 0px;
   text-align: center;
}
#plan {
   width: 95%;
   margin-top: 10px;
   padding: 0px;
   margin: 0px auto;   
}
#topics {
   width: 95%;
   margin-top: 10px;
   padding: 0px;
   margin: 0px auto;
}
h5.titlePlan{
   text-align: left;
   color: #FFF;
   padding: 2px 0px 4px 5px;
   margin: 5px 10px 1px 10px;
   font-weight: normal;
   letter-spacing: 0.1em;
   background-image: url(images/plan_title.gif);
   background-repeat: no-repeat;
}
h5.titleTopics{
   text-align: left;
   color: #FFF;
   padding: 2px 0px 4px 5px;
   margin: 5px 10px 1px 10px;
   font-weight: normal;
   letter-spacing: 0.1em;
   background-image: url(images/topics_title.gif);
   background-repeat: no-repeat;
}
table {
   background-color: #fff;
}
td.planTitle {
   font-size: 0.9em;
   text-align: left;
   padding-top: 5px;
}
td.planDate {
   font-size: 0.9em;
   text-align: left;
   border-bottom: 1px dotted #CCC;
}
td.planDetail {
   font-size: 0.9em;
   text-align: left;
   width: 90%;
   padding-top: 5px;
}
td.linkP {
   font-size: 0.9em;
   text-align: right;
   width: 10%;
   border-bottom: 1px dotted #CCC;
   padding-top: 5px;
}
td.linkT {
   font-size: 0.9em;
   text-align: right;
   width: 15%;
   padding-top: 5px;
}
td.topicsTitle {
   font-size: 0.9em;
   text-align: left;   
}   
#conRight {
   width: 190px;
   float: right;
   margin: 5px 0px 5px 0px;
}
#footer {
   width: auto;
   clear: both;
   text-align: center;
   background-color: #CC9999;
   border-left: 1px solid #FFF;
   border-right: 1px solid #FFF;
   border-bottom: 1px solid #FFF;
}
address {
   margin: 0 0 5px 0;
   font-style: normal;
   font-size: 0.8em;
   color: #FFF;
}
#footer p {
   padding: 10px 0 10px 0;
   margin: 0;
   font-size: 0.8em;
}
#covBox {
   width: 160px;
   margin: 5px 0 7px 13px;
   padding: 0px;
   background-color: #eee;   
   border: 2px solid #FFF;
}
#covBox_below a{
   width: 160px;
   margin: 0px 0px 0px 13px;
   padding: 0px;
   border: 2px solid #FFF;
   display: block;
}
#covBox_below a:hover{
   border: 2px solid #990000;
}
#covBox ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
}
li.covTitle {
   text-align: center;
   background-color: #990000;
   margin: 0px 0px 0px 0px;
   padding: 2px 0px 0px 0px;
   font-size: 0.9em;
   line-height: 24px;
   border-bottom: 1px solid #FFF;
   color: #FFF;
   list-style: none;
}
#covBox li a {
   text-align: left;
   margin: 0px 0px 0px 10px;
   padding: 2px 0px 0px 30px;
   font-size: 0.9em;
   line-height: 24px;
   border-bottom: 1px solid #FFF;
   border-left: 1px solid #FFF;
   color: #FFF;
   display: block;
   width: 119px;
   background-image: url(images/back_res.gif);
}
#covBox li a:hover {
   color: #FFF;
   background-image: url(images/back_res2.gif);
}
li.covPlan {
   text-align: center;
   height: 48px;
   margin: 0px 0px 0px 0px;
   padding: 2px 0px 0px 0px;
   font-size: 0.9em;
   line-height: 48px;
   border-top: 2px solid #FFF;
   color: #B40164;
   background-image: url(images/plan.jpg);
   font-weight: bold;
}
li.covInfo {
   text-align: left;
   margin: 0px 0px 0x 0px;
   padding: 2px 5px 2px 10px;
   font-size: small;
   list-style: none;
}
#leftBanner a{
   width: 160px;
   margin: 9px 0px 3px 13px;
   padding: 0px;
   border: 2px solid #EEE;
   display: block;
}
#leftBanner a:hover{
   width: 160px;
   margin: 9px 0px 3px 13px;
   padding: 0px;
   border: 2px solid #990000;
   display: block;
}   
#rightBanner a{
   width: 160px;
   margin: 9px 0px 0px 13px;
   padding: 0px;
   border: 2px solid #EEE;
   display: block;
}     
#rightBanner a:hover{
   width: 160px;
   margin: 9px 0px 0px 13px;
   padding: 0px;
   border: 2px solid #990000;
   display: block;
}
table.topics {
   font-size: 0.9em;
}
#form {
   clear: both;
}