@charset "utf-8";

container{

	}
#container .function01{
	background-color:#3498db;
	color:#fff;
	width:100%;
	margin:0 0 20px 0;
	padding:0;
	}
#container .ul_function01{
	width:940px;
	margin: 0px auto;
	padding: 22px 0 0 640px;
	height:70px;
	box-sizing:border-box;
	float:none;
	}

#container .facebook01{
	background: url(/~/Media/com/common/images/btn_social02.png) 0px 0px no-repeat;
	}
#container .twitter01{
	background: url(/~/Media/com/common/images/btn_social02.png) -25px 0px no-repeat;
	}
#container .google01{
	background: url(/~/Media/com/common/images/btn_social02.png) -50px 0px no-repeat;
	}
#container .google01{
	background: url(/~/Media/com/common/images/btn_social02.png) -50px 0px no-repeat;
	}
#container .print01 a{
	color: #fff;
	background: url(/~/Media/com/common/images/ico_print02.png) 0px 0px no-repeat;
	}

@media screen and (max-width:768px) {
	#container .ul_function01{
		width:auto;
		display:inline-block;
		padding: 22px 4.7% 0 0;
		float:right;
		}
	}
@media screen and (max-width:480px) {
	#container .function01{
		text-align:center;
		}
	#container .ul_function01{
		margin:0 auto;
		padding:10px 15px 4px 0;
		height:auto;
		box-sizing:content-box;
		float:none;
		}
	}


#mon_wrap{
	max-width:940px;
	margin:0 auto 0 auto;
	min-height:520px;
	box-sizing:border-box;
	background:url(images/bg01) repeat left top;
	padding-bottom:28px;
	zoom:100%;
	}
#mon_wrap:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}

#mon_wrap a:hover{
	opacity: 0.8 ;
	filter: alpha(opacity=80);
	}

#mon_wrap h1 {
	display:block;
	height:96px;
	margin:0 0 1em 0;
	font-size:20%;
	text-indent:-940px;
	overflow:hidden;
	background:url(images/title_mono.gif) no-repeat left top;
	}

@media screen and (max-width:768px) {
	#mon_wrap{
		margin:0;
		}
	#mon_wrap h1{
		height:0;
		padding:0 0 15.5%;
		margin:0 0 1em 0;
		background:url(images/title_mono.gif) no-repeat left top;
		background-size:auto 100%;
		}
	}

#cont_wrap{
	margin:10px 60px 0 60px;
	}
#mon_vi{
	min-height:450px;
	padding:3% 0 1em 0;
	box-sizing:border-box;
	background:#fff url(images/bg_vi.gif) no-repeat right top;
	background-size:100% auto;
	margin:0 0 20px 0;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}
#mon_body{
	background:#fff;
	padding:28px 3%;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}

@media screen and (max-width:768px) {
	#cont_wrap{
		margin:8px 0 0 0;
		}
	#mon_vi{
		margin-left:4.7%;
		margin-right:4.7%;
		min-height:0;
		}
	#mon_body{
		margin-left:4.7%;
		margin-right:4.7%;
		padding:1.5em 3%;
		}
	}
@media screen and (max-width:480px) {
	#mon_vi{
		margin:0 0 1em 0;
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		}
	}

#mon_vi01{
	width:60%;
	margin:0 auto 3% 3%;
	}
#mon_vi02{
	width:70%;
	margin:0 auto 3% 3%;
	font-size:15px;
	font-size:1.5rem;
	line-height:160%;
	}
#mon_vi02 p{
	margin:0 0 0.75em 0;
	}
#mon_vi03{
	width:45%;
	margin:0 auto 0 3%;
	}
#mon_vi03 a{
	display:block;
	}

@media screen and (max-width:480px) {
	#mon_vi01{
		width:72%;
		margin:0 auto 3% 4.7%;
		}
	#mon_vi02{
		width:72%;
		margin:0 auto 3% 4.7%;
		font-size:1.3rem;
		line-height:145%;
		}
	#mon_vi03{
		width:60%;
		}
	}

.mon_block{
	margin:0 0 28px 0;
	zoom:100%;
	}
.mon_block:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
.mon_block h2{
	font-size:18px;
	font-size:1.8rem;
	line-height:20px;
	color:#fff;
	background:#3498DB;
	padding:0.7em 0.5em;
	margin:0 0 0.75em 0;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}
.mon_block p{
	line-height:160%;
	margin:0 0 0.75em 0;
	}
.mon_imgleft{
	float:right;
	margin:0 0 10px 18px;
	max-width:30%;
	}

.maplink{
	margin:1.5em auto 1.5em auto;
	width:65%;
	box-sizing:border-box;
	}
.maplink a{
	display:block;
	background:#3498DB;
	padding:0 12px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	}

.mon_kai{
	border-top:1px solid #ccc;
	padding:1.5em 0 0 0;
	font-size:13px;
	font-size:1.3rem;
	line-height:125%;
	zoom:100%;
	}
.mon_kai:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}

.mon_kai h4{
	font-size:14px;
	font-size:1.4rem;
	margin:0 0 0.5em 0;
	}
.mon_kai h5{
	margin:0 0 0.25em 0;
	}

.mon_kai dt{
	clear:both;
	width:10em;
	float:left;
	margin:0 0 0.25em 0;
	}
.mon_kai dd{
	float:left;
	margin:0 0 0.25em 0;
	}

@media screen and (max-width:480px) {
	.mon_block h2{
		font-size:1.6rem;
		line-height:18px;
		}
	.mon_block p{
		font-size:1.3rem;
		line-height:150%;
		}
	.mon_imgleft{
		margin:0 0 10px 10px;
		}

	.maplink{
		width:auto;
		}


	.mon_kai dt{
		width:auto;
		float:none;
		margin:0 0 0.1em 0;
		}
	.mon_kai dd{
		float:none;
		}

	}