@charset "utf-8";

/* -----------------------------------------------------------------------------
 Contents
----------------------------------------------------------------------------- */
#menu-area ul.menu li form {
	display:inline;
}

#menu-area ul.menu li input {
	width:100%;
	vertical-align:bottom;
	display:inline;
}

#menu-area ul.menu li input:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#today-area {
	height:150px;
	background-color:#FFFFFF;
	border:1px solid #af8912;
	overflow:auto;
}

#today-area .news-txt {
	padding:15px;
}


#contents-area .news-box {
	padding-bottom:15px;
	background-color:#FFFFFF;
	border:1px solid #af8912;
}

#contents-area .news-box h2 {
	color:#FFFFFF;
	font-size:1.05em;
	font-weight:normal;
	margin-bottom:5px;
	padding:4px 0px 4px 25px;
	background:#af8912 url(../../img/news_bg.gif) no-repeat;
}

#contents-area .news-box dl {
	padding:10px 15px 0;
}

#contents-area .news-box dl dt {
	width:90px;
	padding-left:10px;
	background:url(../../img/ico1.png) left center no-repeat;
	line-height:normal;
	float:left;
}

#contents-area .news-box dl dd {
	margin-left:110px;
}

#contents-area .box {
	margin-top:10px;
	padding:1px 0 20px 0;
	/* background-color:#FFFFFF; */
}

#contents-area .box h2 {
	color:#684b10;
	font-size:1.05em;
	font-weight:normal;
	margin-top:-1px;
	padding:4px 0px 4px 7px;
	border-left:7px solid #af8912;
}

#contents-area .box h3 {
	font-size:1.05em;
	font-weight:normal;
	margin:20px 20px 0;
	padding:0 0 4px 0;
	border-bottom:1px dotted #999999;
}

#contents-area .box p {
	margin:20px 20px 0;
}

#contents-area .box ul,
#contents-area .box ol {
	margin:10px 20px 0;
}

#contents-area .box dl {
	padding:10px 20px 0;
}

#contents-area .box ul li {
	padding:5px 0 5px 15px;
	background:url(../../img/ico1.png) left center no-repeat;
}

#contents-area .box ol li {
	padding:5px 0 5px 0;
}

#contents-area .box dl dt {
	color:#443102;
	margin-top:10px;
	padding:0 0 0 20px;
	background:url(../../img/ico_dt.gif) left center no-repeat;
}

#contents-area .box dl dd {
	padding:0 0 0 20px;
	line-height:normal;
}

#contents-area .box .table-set {
	margin:20px 20px 0;
}

#contents-area .box .table-style1 {
	border-collapse: collapse;
}

#contents-area #menu-bottom-area .box table th {
	font-weight:normal;
}

#contents-area .box img.float-l {
	margin-right:10px;
	margin-bottom:10px !important;
	float:left;
}

#contents-area .box img.float-r {
	margin-left:10px;
	margin-bottom:10px !important;
	float:right;
}

#contents-area .box .left-float {
	width:130px;
	margin-top:20px;
	margin-right:10px;
	margin-bottom:10px !important;
	float:left;
}

#contents-area .box .right-float {
	width:130px;
	margin-top:20px;
	margin-left:10px;
	margin-bottom:10px !important;
	float:right;
}

#contents-area .box .left-float p,
#contents-area .box .right-float p {
	margin:0 !important;
	padding:0 !important;
}

#contents-area .box .left-img {
	width:200px;
	margin:0 0 0 20px;
	float:left;
}

#contents-area .box .left-img p {
	margin:0;
	padding:0;
}


#contents-area .box .right-txt {
	margin:0px 0px 0 220px;
}


#contents-area .box .half .left {
	width:320px;
	margin-left:20px;
	float:left;
}

#contents-area .box .half .right {
	width:320px;
	margin-right:20px;
	float:right;
}

#contents-area .box .half p {
	margin:20px 0 0 0;
}

#contents-area .box .half ul,
#contents-area .box .half ol {
	margin:10px 0 0 0;
}

#contents-area .box .half ul li,
#contents-area .box .half ul ol {
	padding:5px 0 5px 15px;
}

#contents-area .box .half p img {
	margin-bottom:-10px;
}

#contents-area .box .trisection .left {
	width:206px;
	margin-left:20px;
	float:left;
}

#contents-area .box .trisection .center {
	width:206px;
	margin:0 21px;
	float:left;
}

#contents-area .box .trisection .right {
	width:206px;
	margin-right:20px;
	float:left;
}

#contents-area .box .trisection p {
	margin:20px 0 0 0;
}

#contents-area .box .trisection ul,
#contents-area .box .trisection ol {
	margin:10px 0 0 0;
}

#contents-area .box .trisection ul li,
#contents-area .box .trisection ul ol {
	padding:5px 0 5px 15px;
}

#contents-area .box .trisection p img {
	margin-bottom:-10px;
}

#contents-area .box .quadrisection .left1 {
	width:150px;
	margin-left:20px;
	float:left;
}

#contents-area .box .quadrisection .left2 {
	width:150px;
	margin-left:20px;
	float:left;
}

#contents-area .box .quadrisection .right2 {
	width:150px;
	margin-right:20px;
	float:right;
}

#contents-area .box .quadrisection .right1 {
	width:150px;
	margin-right:20px;
	float:right;
}

#contents-area .box .quadrisection p {
	margin:20px 0 0 0;
}

#contents-area .box .quadrisection ul,
#contents-area .box .quadrisection ol {
	margin:10px 0 0 0;
}

#contents-area .box .quadrisection ul li,
#contents-area .box .quadrisection ul ol {
	padding:5px 0 5px 15px;
}

#contents-area .box .quadrisection p img {
	margin-bottom:-10px;
}

#contents-area .box .movie,
#contents-area .box .map {
	margin:20px 20px 0;
	text-align:center;
}

#contents-area .box iframe {
	margin:0 auto;
}

#contents-area .box .social {
	padding:10px;
}

#contents-area .box .social a {
	margin-right:20px;
}

#contents-area .box .social img {
	height:20px;
}

#contens-area .follow {
	background-color:#FFFFFF !important;
}

#contents-area #menu-bottom-area .box p.social {
	margin: 0px 0px;
	background-color:#FFFFFF !important;
}
#contents-area .box .social {
    padding: 15px 0px 15px 20px;
}

/* -----------------------------------------------------------------------------
 responsive
----------------------------------------------------------------------------- */
@media screen and (max-width:640px){

#today-area {
	margin:0 10px;
}

#contents-area .news-box {
	margin:0 10px;
}

#contents-area .news-box h2 {
	font-size:1.2em;
	padding:3px 0px 3px 25px;
}

#contents-area .box {
	padding-bottom:10px;
}

#contents-area .box h3 {
	margin:20px 10px 0;
}

#contents-area .box p,
#contents-area .box ul {
	margin:10px 10px 0;
}

#contents-area .box dl {
	font-size:1em;
}

#contents-area .news-box dl dt {
	width:auto;
	float:none;
}

#contents-area .news-box dl dd {
	margin-left:10px;
}

#contents-area .box .left-img {
	width:auto;
	margin:10px 10px 0;
	float:none;
}

#contents-area .box .right-txt {
	margin:0 0 0 0;
}

#contents-area .box .half .left {
	width:auto;
	margin-left:0px;
	float:none;
}

#contents-area .box .half .right {
	width:auto;
	margin-right:0px;
	float:none;
}

#contents-area .box .half p,
#contents-area .box .half ul,
#contents-area .box .half ol {
	margin:10px 10px 0;
}

#contents-area .box .half p img {
	margin-bottom:0px;
}

#contents-area .box .trisection .left {
	width:auto;
	margin-left:0px;
	float:none;
}

#contents-area .box .trisection .center {
	width:auto;
	margin:0px;
	float:none;
}

#contents-area .box .trisection .right {
	width:auto;
	margin-right:0px;
	float:none;
}

#contents-area .box .trisection p,
#contents-area .box .trisection ul,
#contents-area .box .trisection ol {
	margin:10px 10px 0;
}

#contents-area .box .trisection p img {
	margin-bottom:0px;
}

#contents-area .box .quadrisection .left1,
#contents-area .box .quadrisection .left2 {
	width:auto;
	margin-left:0px;
	float:none;
}

#contents-area .box .quadrisection .right2,
#contents-area .box .quadrisection .right1 {
	width:auto;
	margin-right:0px;
	float:none;
}

#contents-area .box .quadrisection p,
#contents-area .box .quadrisection ul,
#contents-area .box .quadrisection ol {
	margin:10px 10px 0;
}

#contents-area .box .quadrisection p img {
	margin-bottom:0px;
}

#contents-area .box .movie,
#contents-area .box .map {
	margin:10px 10px 0;
	text-align:center;
}

#contents-area .box .movie iframe {
	width:300px;
	height:auto;
}

#contents-area .box .map {
	position: relative;
	padding-bottom: 75%;
	height:0;
	margin:10px 10px 0;
	overflow: hidden;
}
#contents-area .box .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#contents-area .box .social img {
	height:22px;
}

}