/* CSS Document */
@charset "Shift_JIS";

body{
 font-size:12px;
 margin:0 auto 0 auto;
 color:#333333;
 background-color:#F5F5F5;
}

img{
border: none;
}

a{
 text-decoration: underline;
 color: #003366;
}

table{
background-color:#FFF;
}


/* MainWidth */
.MainWidth{
	width: 820px;
	background-color: #FFF;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin: 0px auto 0px auto;
}

.MainWidthTD{
 padding:0px auto 0px auto;
}
/* ---MainWidth */

/* Header00 */
.Header00{
 background-color:#F5F5F5;
 width:98%; 
 text-align:center; 
 padding-top:5px; 
 padding-bottom:5px; 
 color:#333;
 margin: 0px auto 0px auto;
}
/* ---Header00 */

/* Header01 */
.OhiLogo{
 padding-bottom:10px;
}
.OhiLogo img {
    display: block;
    height: 45px;
}
.Header01TD1{
 text-align:left; 
 padding-left: 20px;
 line-height: 15px;
 padding-top:5px;
}

.Header01TD2{
 text-align: right; 
 padding-right: 20px; 
 width: 350px;
}
/* ---Header01 */

/* Top Slide */
.Table{
 margin:0px auto 0px auto;
 }
 
.TopSlide {
	background-image: url(../img/top.jpg);
	background-repeat: no-repeat;
	height: 220px;
	width: 582px;
	padding: 70px auto 10px 10px;
}

/* Catalog */
.CatalogTD1 {
	color: #FFF;
	text-align: left;
	padding-left: 10px;
	height: 115px;
	width: 200px;
	background-image: url(../img/area3_bg.jpg);
	background-repeat: repeat;
	line-height: 15px;
}
/* ----Catalog */

/* ---Top Slide */

/* ContentBar */
.ContentBar{
 padding-bottom:10px;
 }
/* ---ContentBar */

/* Topic*/
.TopicTD1{
 color: #FFF;
 background-color: #003366;
 text-align: left;
 padding-left: 20px;
 width: 350px;
 height:20px;
 line-height:15px;
}

.TopicTD2{
 background-color:#F5F5F5;
 border:#CCC solid 1px;
 height: 200px;
 width: 350px;
 text-align:left;
 padding-top:10px;
 padding-left:10px;
 padding-right:10px;
}
/* ---Topic*/

/* Content */
.ContentTD1{
 padding-top:20px;
}
.ContentTD2{
	background-image: url(../img/content_bg.jpg);
	background-repeat: repeat-y;
	text-align: left;
	line-height: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom:10px;
	vertical-align: top; 
}
/*
　┌───────────┐
　│td valign="top"　　   │
　│↓CSS　　　　　　　　 │
　│vertical-align: top;　│
　└───────────┘
*/
/* ---Content */

/* Fotter00 */
.Fotter00{
 background-color:#F5F5F5;
 width:98%; 
 text-align:center;
 padding-top:5px; 
 padding-bottom:5px; 
 color:#333;
 margin: 20px auto 0px auto;
}
/* ---Fotter00 */

.TopChinaInfoArea {
    max-width: 784px;
    background-color: #f6f6f6;
    margin: 20px auto;
    padding: 20px;
    box-sizing: border-box;
}
.TopChinaInfoArea dl {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.TopChinaInfoArea dt {
    width: 6em;
    font-weight: bold;
    text-align: right;
}
.TopChinaInfoArea dd {
    margin-left: 1em;
    width: calc(50% - 7em);
}