@charset "UTF-8";

/** intro ****************************************/

#intro {
	border-bottom    : 1px solid #cccccc;
	padding-bottom   : 15px;
}



#intro .left {
	width : 450px;
}

#intro .right {
	width : 440px;
	margin-bottom   : 15px;
}



/*/*/

@media screen and (max-width: 480px) {

#intro {
	border-bottom    : 1px solid #cccccc;
	padding-bottom   : 15px;
}

.bottom{
	width:100%;
	height:100%;
}

.section .bottom{
	margin-bottom : 0px!important;
}

h3{
	font-size:1.4em!important;
	padding-bottom:5px!important;
}

#intro .left {
	width : 100%;
}

#intro .right {
	width : 100%;
	margin-bottom   : 15px;
}

#intro .right iframe {
	width:100%;
}


}



/**  ****************************************/
.section .bottom{
	margin-bottom : 15px;
}

#contents .areainfo-img{
	margin-bottom    :30px;
}

#contents .areainfo {
	border-left      : 1px solid #cccccc;
	border-right     : 1px solid #cccccc;
	width            : 475px;
}

@media screen and (max-width: 480px) {
#contents .areainfo {
	border-left      : 1px solid #cccccc;
	border-right     : 1px solid #cccccc;
	width            : 100%;
}

.section img{
	width:100%;
	height:100%;
}

}

#contents .areainfo th,
#contents .areainfo td {
	font-size        : 10px;
	line-height      : 1.7;
	vertical-align   : top;
	padding          : 4px 0px;
	border-bottom    :1px dashed #cccccc;
	text-align       :left;
}

#contents .areainfo:first-child {
	border-top       :1px dashed #cccccc;
}

#contents .areainfo .headline{
	background-color:#D3D3D3;
}

#contents .areainfo th {
	padding-left     : 10px;
	width            : 300px;
}

#contents .areainfo .mgn th,
#contents .areainfo .mgn td {
	padding-bottom   : 15px;
}

@media screen and (max-width: 480px) {
#contents .areainfo th {
	padding-left     : 10px;
	width            : 60%;
}
}