@charset "utf-8";



/* Main Visual */
div#MainVisualArea {
width:960px;
height:396px;
margin:0 auto 15px;
text-align:center;
}

div#MainVisualArea div.MainVisual,
div#MainVisualArea div.MainVisualBack {
width:960px;
height:396px;
margin:0 auto 0;
text-align:center;
}

div#MainVisualArea div.MainVisualBack {
position:absolute;
background-repeat:no-repeat;
background-position:center 0;
/*z-index:-1;*/
}

div.MainVisualLink {
width:960px;
height:245px;
margin:0 auto;
text-align:center;
}

div.BlackInner {
width:960px;
height:295px;
margin:0 auto;
}

div.BlackInner div.MecVolOne {
width:960px;
height:293px;
position:relative;
}
div.BlackInner div.MecVolOne p {
position:absolute;
}
div.BlackInner div.MecVolOne p.BodyImg {
left:0;
top:0;
}
div.BlackInner div.MecVolOne p.BtnImg {
left:35px;
top:203px;
}
div.BlackInner div.MecVolOne p.BtnImg2 {
left:335px;
top:203px;
}


/* Recommend Area */
div.Recommend {
width:960px;
height:101px;
margin:0 auto;
font-size:0;
line-height:0;
position:relative;
background-color:#EEE;
}

div.Recommend div.ItemArea div.ItemAreaInner {
width:910px;
height:101px;
padding:0 25px;
margin:0 auto;/*--delet later--*/
}

div.Recommend div.ItemAreaInner div.Adjust {/*120607added*/
width:910px; !important;
height:101px !important;
overflow:hidden !important;
margin:0 auto !important;
text-align:center !important;
position:absolute !important;
left:25px !important;
left:25px\9 !important;/*IE6-7-8*/
top:0 !important;
}

div.Recommend div.ItemArea div.ItemAreaInner div.Adjust ul li {
float:left;
width:186px;
height:85px;
text-align:center;
}
div.Recommend div.ItemArea div.ItemAreaInner div.Adjust a {
width:170px;
height:85px;
margin:0 auto;
display:block;
}

div.Recommend ul.BtnSlideLeft,
div.Recommend ul.BtnSlideRight {
width:14px;
height:85px;
position:absolute;
top:8px;
/*add*/z-index:6;
}
div.Recommend ul.BtnSlideLeft {
left:10px;
}
div.Recommend ul.BtnSlideRight {
left:936px;
}



/* Global Navigation */
body#SiteTop div.GlobalNavi {
margin:0 auto;
}
body#SiteTop div.GlobalNaviInner { 
background:none;
margin:0 auto;
}
body#SiteTop div.GlobalNaviInner ul {
width:960px;
margin:0 auto;
position:relative;
z-index:10;
}



/* Ticker */
div#TickerArea {
width:948px;
margin:0 auto 15px;
padding:5px;
border:1px #CDCFD1 solid;
text-align:left;
}

div#TickerArea table {
width:948px;
}
div#TickerArea table th {
width:120px;
background-color:#990000;
vertical-align:middle;
}
div#TickerArea table th img {
vertical-align:middle !important;
}
div#TickerArea table td {
font-size:112%;
background-color:#F0F2F5;
}
div#TickerArea table td.Date {
width:90px;
padding:10px 10px 8px 35px;
vertical-align:middle;
}
div#TickerArea table td.Text {
width:703px;
padding:15px 5px 8px 0;
vertical-align:middle;
}



/* Main Content */
div.MainContentTop {
width:960px;
margin:0 auto;
}
div.MainContentTop:after,
div.Section:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
div.MainContentTop,
div.Section {
zoom:1;/*for IE 5.5-7*/
}

div.ColumnLeftTop {
width:690px;
text-align:left;
float:left;
}
div.ColumnRightTop {
width:250px;
text-align:left;
float:right;
}


/* Main Content Left Column */
.eventinfo{
width:100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #7382a6;
border-left: 1px solid #7382a6;
}
.eventinfo th{
padding: 4px;
text-align: center;
vertical-align: top;
color: #444;
font-size:112%;
background-color: #c2e0fa;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #7382a6;
border-bottom: 1px solid #7382a6;
}
.eventinfo th.ttl{
width: 35%;
padding: 4px;
text-align: center;
vertical-align: top;
color: #444;
font-size:112%;
background-color: #c2e0fa;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #7382a6;
border-bottom: 1px solid #7382a6;
}
.eventinfo td{
padding: 4px;
text-align: center;
font-size:112%;
background-color: #fafafa;
border-right: 1px solid #7382a6;
border-bottom: 1px solid #7382a6;
}
.eventinfo td.ttl{
padding: 4px;
text-align: left;
font-size:112%;
background-color: #fafafa;
border-right: 1px solid #7382a6;
border-bottom: 1px solid #7382a6;
}


.sponsorinfo{
width:100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #669900;
border-left: 1px solid #669900;
}
.sponsorinfo th{
padding: 4px;
text-align: center;
vertical-align: top;
color: #444;
font-size:112%;
background-color: #def0c7;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #669900;
border-bottom: 1px solid #669900;
}
.sponsorinfo th.ttl{
width: 35%;
padding: 4px;
text-align: center;
vertical-align: top;
color: #444;
font-size:112%;
background-color: #def0c7;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #669900;
border-bottom: 1px solid #669900;
}
.sponsorinfo td{
padding: 4px;
text-align: center;
font-size:112%;
background-color: #fafafa;
border-right: 1px solid #669900;
border-bottom: 1px solid #669900;
}
.sponsorinfo td.ttl{
padding: 4px;
text-align: left;
font-size:112%;
background-color: #fafafa;
border-right: 1px solid #669900;
border-bottom: 1px solid #669900;
}


.box {
    padding: 2em 1em;
    margin: 0 0 2em;
    background: #fff0cd;/*背景色*/
    border-top: solid 10px #FFC107;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.box p {
    margin: 0; 
    padding: 0;
    font-size:180%;
    font-weight: bold;
}


.box2 {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.box2::before {
    background-color: #fff;
    color: #da4033;
    content: "告知";
    font-size:180%;
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.box-top{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;
    border-top: solid 5px #5989cf;
    border-bottom: solid 5px #5989cf;
}
.box-top h2 {
    margin: 0; 
    padding: 0;
    font-size:150%;
    font-weight: bold;
    text-align:center;
    line-height: 2;
}
.box-top p {
    margin: 0; 
    padding: 0;
    font-size:112%;
    line-height: 2;
}

.box-kokuchi{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #f8f1e5;
    border-top: solid 5px #f9ba32;
    border-bottom: solid 5px #f9ba32;
}
.box-kokuchi h2 {
    margin: 0; 
    padding: 0;
    font-size:150%;
    font-weight: bold;
    text-align:center;
    line-height: 2;
}
.box-kokuchi p {
    margin: 0; 
    padding: 0;
    font-size:112%;
    line-height: 2;
}

.box-gray{
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #e7e7e7;
    border: solid 1px #444444;
}
.box-gray h2 {
    margin: 0; 
    padding: 0;
    font-size:150%;
    font-weight: bold;
    text-align:center;
    line-height: 2;
}
.box-gray p {
    margin: 0; 
    padding: 0;
    font-size:112%;
    line-height: 2;
}


/* Main Content Right Column */
/* --- Banner Area ---*/
ul.BannerList {
width:96BtnSlideLeft0px;
}
ul.BannerList li {
width:120px;
margin:0 0 0 10px;
font-size:0;
line-height:0;
float:left;
}
ul.BannerList li.FirstItem {
margin:0;
}


/* Emergency Message */
div.EmgcyMessage {
width:958px;
margin:0 auto 15px;
padding:7px 10px;
text-align:left;
border:1px #CDCFD1 solid;
word-break:break-all;
word-wrap:break-word;
}