h1{
display: block;
background:#0B458A;
color:white;
font-size:24px;
font-weight:normal;
padding: 6px 20px;
margin: 0 0 30px;
line-height: 28px;
}


h2{
display: block;
overflow: hidden;
/*
border:1px solid #0B458A;
*/
background-color:#ced9e7;
color:#0B458A;
font-size:16px;
font-weight:normal;
padding: 3px 20px;
margin: 0 0 10px;
line-height: 28px;
}

.imgbox{
overflow:hidden;
margin:10px 0 20px;
}

.imgbox ul{
margin:0;
}

.imgbox ul li{
float:left;
list-style-type: none;
margin:0 18px 0 0;
padding:6px;
border:1px solid #0B458A;
}

.imgbox ul li:nth-child(3){
margin:0;
}

.imgbox ul li img{
width:240px;
height:180px;
}



.picbox{
overflow:hidden;
margin:0;
}

.picbox ul{
margin:0;
}

.picbox ul li{
float:left;
list-style-type: none;
margin:0 18px 18px 0;
padding:6px;
border:1px solid #0B458A;

}

.picbox ul li:nth-child(3n){
margin-right:0;
}

.picbox ul li img{
width:240px;
height:180px;
}

.picbox ul li p{
overflow: hidden;
width:240px;
margin:6px 0 0;
padding:0;
line-height:1.5;
font-size:13px;
white-space: nowrap;
letter-spacing: 0.02em;
}


#phrasebox{
font-size:16px;
color:#0B458A;
padding:0;
margin:0 auto 20px;
overflow:hidden;
}

#prbox{
font-size:14px;
color:#0B458A;
width:778px;
min-height:40px;
padding:10px;
margin:0 auto 20px;
overflow:hidden;
border:1px solid #0B458A;
color:#333;
}

#descbox{
float:left;
width:420px;
min-height:600px;
margin:0;
overflow:hidden;
background-color:#DFE7FF;
}

#descbox h3{
font-size:16px;
color:#0B458A;
border-bottom:1px solid #0B458A;
padding:0 0 4px 0;
margin:10px;
}

#descbox table{
width:390px;
margin:10px;
font-size:12px;
text-align: left;
}

#descbox th{
width:80px;
font-weight:normal;
color:#0B458A;
padding:4px 0 0;
vertical-align: top;
text-align: left;
}

#descbox td{
width:310px;
padding:4px 0;
border-bottom:1px dotted #96abe8;
}

#descbox th.dbl{
padding-top:20px;
}

#descbox td.dbl{
border-top:1px dotted #96abe8;
border-bottom:none;
}


#advbox{
float:right;
}

#advbox ul{
margin:0;
}

#advbox ul li{
display:block;
list-style-type: none;
}

#advbox ul li span{
position: relative;
display:block;
font-size:13px!important;
letter-spacing: 1px;
color:#0B458A;
padding-left:4px;
margin-bottom:4px;
}

#advbox ul li span:before{
position: absolute;
bottom: 0;
left:-2px;
content: ' ';
width: 100px;
height: 8px;
background:#DFE7FF;
z-index: -1;
}

#advbox ul li img{
padding:0;
width:360px;
height:270px;
margin-bottom:10px;
}

.gigabox{
overflow:hidden;
width:800px;
margin-bottom:30px;
}

.certbox{
overflow:hidden;
width:800px;
margin-top:0;
margin-bottom:20px;
}
.certbox p{
font-size:10px;
margin:4px 0;
color:#555;
}

#map_canvas{
overflow:hidden;
float:left;
width:390px;
height:240px;
margin-right:20px;
}

#map_pano{
overflow:hidden;
float:left;
width:390px;
height:240px;
}

.btmbtn{
background:url(../img/arrow_r_blue.png) no-repeat;
background-position: 90% 14px;
overflow:hidden;
float:left;
width:388px;
font-size:18px;
text-decoration:none;
text-align: center;
padding:12px 0;
color:#0B458A;
border:1px solid #0B458A;
transition:0.2s;

}

.btmbtn.rspace{
margin-right:20px;
}

.btmbtn:hover{
background-position: 92% 14px;
}

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

		#wrapper{
		width:96%;
		margin:0 2%;
		}

		h1{
		font-size:18px;
		padding: 4px 10px;
		margin: 0 0 20px;
		line-height: 1.3;
		}

		#imgbox{
		margin:0 0 10px;
		}

		#imgbox ul{
		margin:0;
		}

		#imgbox ul li{
		float:none;
		list-style-type: none;
		margin:0;
		}
		#imgbox ul li:nth-child(3){
		margin:0 0 10px 0;
		}

		#imgbox ul li img{
		float:none;
		width:100%;
		height:auto;
		}

		h2{
		font-size:14px;
		padding: 10px 10px;
		margin: 0 0 10px;
		line-height: 1.3px;
		}

		.picbox{
		overflow:hidden;
		margin:10px 0 10px;
		}

		.picbox ul{
		margin:0;
		}

		.picbox ul li{
		float:none;
		margin:0 0 10px 0;
		padding:2%;
		}

		.picbox ul li:nth-child(3){
		margin:0 0 10px 0;
		}

		.picbox ul li img{
		width:100%;
		height:auto;
		}

		.picbox ul li p{
		width:100%;
		margin:6px 0 0;
		padding:0;
		white-space: normal;
		}


		#phrasebox{
		font-size:13px;
		margin:0 auto 10px;
		}

		#prbox{
		font-size:12px;
		width:96%;
		min-height:40px;
		padding:10px 2%;
		margin:0 auto 10px;
		}

		#descbox{
		float:none;
		width:100%;
		min-height:none;
		margin:0 0 10px 0;
		}

		#descbox h3{
		font-size:14px;
		color:#0B458A;
		border-bottom:1px solid #0B458A;
		padding:0 0 4px 0;
		margin:10px;
		}

		#descbox table{
		position:relative;
		width:96%;
		margin:2%;
		font-size:12px;
		}

		#descbox table tr{
		/*iOS*/
		display:block;
		}

		#descbox th{
		display:block;
		width:96%;
		font-weight:normal;
		font-size:11px;
		padding:1px 2%;
		margin:0;
		color:#0B458A;
		background-color:#D1D9F1;
		border-top:1px dotted #0B458A;
		border-bottom:1px dotted #0B458A;
		}

		#descbox td{
		display:block;
		width:96%;
		padding:4px 2%;
		margin:0;
		color:#111;
		border-bottom:none;
		}


		#descbox th.dbl{
		padding-top:1px;
		}

		#descbox td.dbl{
		border-top:none;
		border-bottom:none;
		}


		#advbox{
		float:none;
		}

		#advbox ul{
		margin:0;
		}

		#advbox ul li{
		display:block;
		list-style-type: none;
		}

		#advbox ul li img{
		padding:0;
		width:100%;
		height:auto;
		margin-bottom:10px;
		}

		.gigabox{
		width:100%;
		margin-bottom:20px;
		}

		.certbox{
		width:100%;
		}

		#map_canvas{
		overflow:hidden;
		float:none;
		width:100%;
		height:180px;
		margin:0 0 10px 0;
		}

		#map_pano{
		overflow:hidden;
		float:none;
		width:100%;
		height:180px;
		margin:0 0 10px 0;
		}

		.btmbtn{
		background:url(../img/arrow_r_blue.png) no-repeat;
		background-position: 97% 4px;
		width:48%;
		font-size:11px;
		padding:5px 0;
		}

		.btmbtn.rspace{
		margin-right:2%;
		}

		.btmbtn:hover{
		background-position: 98% 4px;
		}


}/*end-mq*/