/*
 home.css
*/

/* ==================================================== */
/* L A Y O U T */
/* ==================================================== */
#wrapper{
width: 100%;
min-width: inherit;
}
#header{
/* margin-bottom: 0; */
}
#container{
/*
width: 100%;
min-width: inherit;
padding-top: 20px;
*/
}
#footer{
}


/* ==================================================== */
/* H E A D E R */
/* ==================================================== */



/* Headbar 
---------------------------------------- */
#header .headbar .headbar-inner{
/*
width: auto;
margin: 0 auto;
*/
}

#header .headbar .sitettl{
/*
float: none;
margin: 0 0 0 0;
text-align: center;
*/
}
#header .headbar .gnav{
/* display: none; */
}


/* ==================================================== */
/* C O N T A I N E R */
/* ==================================================== */
/* Layout */
#container .article{
margin: 0 auto;
padding: 40px 0 50px;
}
#container .article .section{
/* margin: 0 0 40px; */
}
#container .article .mainbox {
width: auto;
margin: 0 0;
}

#container .article .main-msg01{
position: static;
height: auto;
}
#container .article .main-msg01 .img{
position: static;
left: 0;top: 0px;
margin: 0;
}
#container .article .main-msg01 h2{
position: static;
/* left: 0;top: 360px; */
padding: 55px 0 61px;
text-align: center;
}
#container .article .main-msg01 h2 img{
width: 46%;
/*
position: static;
left: 0;top: 360px;
*/
}

#container .article .main-msg02{
position: static;
height: auto;
padding-bottom: 60px;
}
#container .article .main-msg02 .img{
position: static;
/* left: 394px; top: 0px; */
margin: 0;
}
#container .article .main-msg02 h2{
position: static;
/* left: 64px; top: 94px; */
margin-bottom: 25px;
padding: 50px 0 0;
text-align: center;
}
#container .article .main-msg02 h2 img{
width: 42%;
}
#container .article .main-msg02 .cap{
position: static;
/* left: 64px; top: 160px; */
text-align: center;
}
#container .article .main-msg02 .cap img{
width: 78%;
}


/*
topics-box  */
.article .topics-box{
	box-sizing: border-box;
	max-width: 600px;
	margin: -10px 20px 60px;
	padding: 15px 15px 0;
	border: 1px solid #004098;
	border-radius: 8px;
/* 	text-align: center; */
}


/*
infomation  */
#container .article .infomation{
padding: 60px 25px 50px;
/* background: #f4fbff; */
}
#container .article .infomation .info-box{
width: auto;
/* margin: 0 auto; */
}
#container .article .infomation .info-box h3{
/* margin: 0 0 20px; */
font-size: 15px;
}
#container .article .infomation .info-box .column{
/* box-sizing: border-box; */
width: auto;
margin: 0 0 45px;
padding: 0;
font-size: 13px;
font-weight: bold;
}
#container .article .infomation .info-box .column.second{
width: auto;
margin: 0;
padding: 0;
}

/* Reception-Hours */
#container .article .infomation .reception-hours{
font-size: 15px;
}
#container .article .infomation .reception-hours dd{
font-weight: normal;
}


/*
access  */
.article .access{
width: auto;
margin: 0 20px;
padding: 0;
}
.article .access .access-box{
}
.article .access .access-box h4{
font-size: 21px;
margin-bottom: 20px;
}
.article .access .access-box .column{
float: none;
width: auto;
height: auto;
/* padding: 56px 0 0; */
}
.article .access .access-box .column.access-detail{
position: static;
}
.article .access .access-box .column.second{
width: auto;
padding: 0;
}
.article .access .access-box .column.access-detail h4{
font-size: 15px;
}
.article .access .access-box .gmap-area{
position: static;
/* bottom: 0; left: 0; */
height: auto;
padding-top: 15px;
overflow: hidden;
text-align: center;
}
.article .access .access-box .gmap-area iframe{
width: 90%;
margin: 0 auto;
}
.article .access .access-box .column.second{
display: none;
}


/* ==================================================== */
/* F O O T E R */
/* ==================================================== */


/* ==================================================== */
/* L O A D I N G */
/* ==================================================== */