@charset "utf-8";


h1, h2, h3, h4, h5, h6, p, strong, a, li, dt, dd, td {
font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}

dl { margin: 0; padding: 0; }
dt, dd {
margin: 0;
font-size: 13px;
line-height: 160%;
color: #505050;
}


table {
border-collapse: collapse;
}

td {
padding: 8px 0;
border-spacing: 0;
font-size: 13px;
color: #505050;
line-height: 150%;
vertical-align: top;
}


#slide-show {
margin: 10px auto;
width: 900px;
height: 280px;
}



#wrapper {
margin: 0 auto;
width: 900px;
}



/* infomation */

#infomation {
float: left;
margin:  0 25px 0 0;
width: 553px;
border-left:   1px solid #D6D6D6;
border-right:  1px solid #D6D6D6;
border-top:    2px solid #0066CC;
border-bottom: 1px solid #D6D6D6;
}

#infomation a:link { color: #505050; text-decoration: none; }
#infomation a:visited { color: #505050; text-decoration: none; }
#infomation a:hover { color: #0066CC; text-decoration: underline; }


/* h3 h4 title bar */
.h-bg {
margin: 0;
height: 40px;
}

.h-bg span { display: none; }



.info { background: url(../images/top/title_bar_info.gif) no-repeat top left; width: 553px; margin: 0 0 10px 0; }
.anno { background: url(../images/top/title_bar_ann.gif)  no-repeat top left; width: 318px; }
.otlg { background: url(../images/top/title_bar_otlg.gif) no-repeat top left; width: 318px; margin: 0 0 10px 0; }

.info-box-wrap { width: 535px; padding: 0 9px 5px 9px; }


.info-boxA, .info-boxB {
float: left;
width: 260px;
}

.info-boxC {
margin: 0 0 15px 0;
width: 535px;
}




.info-boxA {
margin: 0 15px 15px 0;
}

.info-boxB {
margin: 0 0 15px 0;
}


.info-boxA img, .info-boxB img {
display: block;
margin: 0 0 5px 0;
width: 252px;
height: 112px;
border: 4px solid #EBEBEB;
}


.info-boxC img {
display: block;
margin: 0 0 5px 0;
width: 527px;
height: 112px;
border: 4px solid #EBEBEB;
}

.info-boxA a:link img,    .info-boxB a:link img,    .info-boxC a:link img    { border-color: #EBEBEB; }
.info-boxA a:visited img, .info-boxB a:visited img, .info-boxC a:visited img { border-color: #EBEBEB; }
.info-boxA a:hover img,   .info-boxB a:hover img,   .info-boxC a:hover img   { border-color: #0066CC; }


/* announcement */

#top-left-contents {
float: left;
width: 320px;
}


#ask {
margin: 0 0 10px 0;
padding: 0;
width: 320px;
}

#ask img { display: block; }
#ask strong, #ask p { display: none; }


#other-languages {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
width: 318px;
border-left:   1px solid #D6D6D6;
border-right:  1px solid #D6D6D6;
border-top:    2px solid #0066CC;
border-bottom: 1px solid #D6D6D6;
}


#announcement {
padding: 0;
width: 318px;
border-left:   1px solid #D6D6D6;
border-right:  1px solid #D6D6D6;
border-top:    2px solid #0066CC;
border-bottom: 1px solid #D6D6D6;
}



#other-languages table {
border-collapse: collapse;
margin: 0 auto;
width: 90%;
}

#other-languages td {
border-spacing: 0;
padding: 0 10px 5px 0;
width: 45%;
font: 13px "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
}

#other-languages a {
display: block;
padding: 0 0 0 10px;
background: url(../images/arrow01.gif) no-repeat 0 5px;
}




#announcement { clear: both; }

#announcement h5 {
margin: 0;
padding: 0 0 12px 0;
font-size: 14px;
color: #CC3333;
border-bottom: 1px solid #D6D6D6;
}

#announcement table {
width: 100%;
}

#announcement a { font-size: 13px; }

.btn-to {
display: block;
padding: 7px 0;
text-align: right;
}

.anno-boxA, .anno-boxB {
margin: 15px auto 0 auto;
width: 296px;
}


.anno-boxA { padding: 0 0 15px 0; border-bottom: 1px solid #E3E3E3; }
.anno-boxB {}









/* td widther */
.wFixer01 { width: 680px; }
.wFixer02 { width: 190px; }
.wFixer03 { width: 95px; }


/* spacer */
.spacer01 { margin: 0 0 40px 0; }
.spacer02 { margin: 0 0 30px 0; }
.spacer03 { margin: 0 0 20px 0; }
.spacer04 { margin: 0 0 10px 0; }
.spacer05 { margin: 0 0 15px 0; }
.spacer06 { margin: 0 0 25px 0; }
.spacer07 { margin: 0 0 35px 0; }




/* TEMPOLARY */

.temp01 {
margin: 0 0 10px 0;
padding: 15px;
border: 1px solid #D6D6D6;
background-color: #FFFFCC;
}

.temp02 {
color: #CC0000;
}

.temp03 {
color: #006699;
}




#wrapper:after, #infomation:after, #info-box-wrap:after, #announcement:after, #top-left-contents:after, #other-languages:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html #wrapper, * html #infomation, * html info-box-wrap, * html #announcement, * html #top-left-contents, * html #other-languages {
display:inline-block;
}