/* General Blueprint Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'bpicons';
	src:url('/fonts/bpicons.eot');
	src:url('/fonts/bpicons.eot?#iefix') format('embedded-opentype'),
		url('/fonts/bpicons.woff') format('woff'),
		url('/fonts/bpicons.ttf') format('truetype'),
		url('/fonts/bpicons.svg#bpicons') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/ */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.container { border-top:5px solid #628183; }

.container > header {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 1.875em 1.875em 0em 1.875em;
}

.container > header h1 {
	font-family: Arial, AppleGothic, sans-serif;
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0 0 0.6em 0;
	float: left;
	font-weight: 600;
}

.container > header > span {
	font-family: Arial, AppleGothic, sans-serif;
	font-size: 1.05em;
	display: block;
	position: relative;
	z-index: 200;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding: 0 0 0.6em 0.1em;
	color:#628183;
}

.container > header nav {
	float: right;
	text-align: center;
}

/*
.container > header nav a {
	display: inline-block;
	position: relative;
	text-align: left;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	margin: 0 0.1em;
	border: 4px solid #628183;
}

.container > header nav a > span {
	display: none;
}

.container > header nav a:hover:before {
	content: attr(data-info);
	color: #628183;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	pointer-events: none;
}

.container > header nav a:hover {
	background: #628183;
}

.bp-icon:after {
	font-family: 'bpicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
	color: #628183;
	-webkit-font-smoothing: antialiased;
}

.container > header nav .bp-icon:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 2;
	text-indent: 0;
}

.container > header nav a:hover:after {
	color: #fff;
}

.bp-icon-next:after {
	content: "\e000";
}
.bp-icon-drop:after {
	content: "\e001";
}
.bp-icon-archive:after {
	content: "\e002";
}
.bp-icon-about:after {
	content: "\e003";
}
.bp-icon-prev:after {
	content: "\e004";
}
*/
#categorys { position:relative; width: 90%; height:35px; margin:0 auto; max-width: 65em; }

#categorys #catebtn_area { 
	position:relative; 
	float:right; 
	padding:0.2em 2em 0.2em 2em; 
	cursor:pointer; 
	background:#628183; 
	font-size: 0.8em; 
	color:#fff; 
	font-weight:600; 
	border-radius: 15px; 
}

#categorys #catebtn_area #catelist { 
	position:absolute; 
	top: 2.4em;
	right: 0.2em;
	width:13em; 
	height:auto; 
	z-index:99; 
	padding:0.3em; 
	background:#628183; 
	margin-left:-0.5em; 
	border-bottom-left-radius: 0.7em;
	border-bottom-right-radius: 0.7em;
	display:none; 
}
#categorys #catebtn_area #catelist dl dd { padding:0.3em; }

.container > footer { clear:both; margin:0 auto; padding:0; max-width: 100%; min-height:50px; line-height: 1.2em; padding:0.5em; background:#628183 ; }
.container > footer > div > address,p { margin:0 auto; padding:0; color:#fff; max-width:100%; text-align:center; font-size:80%; }

.container > #contents { position:relative; width:100%; height:auto; max-width:1030px; margin:0 auto; }
.container > #contents > #contentsView { position:relative; width:100%; height:auto; margin:0 auto; padding:0.5em; }
.gotop { position:fixed; _position:absolute; left:88%; top:85%; width:38px; height:38px; background-color:#777; z-index:3; 
	/* firefox's individual border radius properties */
	-moz-border-radius:19px; 
	/* webkit's individual border radius properties */
	-webkit-border-radius:19px;
	border-radius:19px;
}
.gotop div {z-index:4; display:block; position:relative; width:38px; height:38px; background:url("/img/comm/top_arrow.png") no-repeat 7px 10px; }

/* contents */
.c01_01 { position:relative; clear:both; width:auto; height:auto; min-height:68em; background:url('/img/01/contents01-1.png') no-repeat top left; }
h5.ctitlebar { clear:both; padding:0.8em 0 0.1em 0; }
.c01_01_warps { position:relative; clear:both; float:right; width:60%; height:auto; }
p.o_txt { position:relative; clear:both; text-align:left; width:auto; height:auto; font-size:12.5px; background:#F4F4F4; color:#333333; padding:0.5em; }
ul.o_ul { position:relative; clear:both; text-align:left; width:auto; height:auto; font-size:12.5px; background:#F4F4F4; padding:0 0.5em 0.5em 0.5em; }
ul.o_history { position:relative; clear:both; width:auto; height:auto; background:#F4F4F4; padding:0 0.5em 0.5em 0.5em; overflow:hidden; }
ul.o_history li { width:50%; height:auto; float:left; }
dl.o_historyDl { width:auto; height:auto; }
dl.o_historyDl dt { width:auto; height:auto; font-weight:bold; font-size:12.5px; padding:0; }
dl.o_historyDl dd { width:auto; height:auto; font-size:12.5px; padding:0; }
#location-canvas { width:100%; height:300px; }

ul.o_biz { position:relative; clear:both; width:auto; height:auto; overflow:hidden; }
ul.o_biz li { width:49%; height:auto; float:left; }
ul.o_biz li:first-child { margin-right:1%; }
ul.o_biz li:last-child { margin-left:1%; }
dl.o_bizDl { width:auto; height:auto; background:#F4F4F4; padding:0.5em; }
dl.o_bizDl dt { width:auto; height:auto; font-weight:bold; font-size:12.5px; padding:0; }
dl.o_bizDl dd { width:auto; height:auto; font-size:12.5px; padding:0; }

@media screen and (max-width: 55em) {

	.container > header h1,
	.container > header nav {
		float: none;
	}

	.container > header > span,
	.container > header h1 {
		text-align: center;
	}

	.container > header nav {
		margin: 0 auto;
	}
	#categorys { margin-top:1.2em; }
	#categorys #catebtn_area { position:relative; float:none; margin:0 auto; text-align: center; font-size:1em; }
	#catebtn { margin: 10px 10px;}
	
	#categorys #catebtn_area #catelist { position: absolute; top:1em; left: 0; width: 98%; height: auto; margin: 0 auto; background: rgba(98,129,131,0.9); font-size: 2em; }
	
	p.cTitle span{ font-size: 0.7em; }
	.sTbl { font-size: 0.7em; }
	dl.cDl dt, dd { font-size: 0.7em; }

	/* contents*/
	.c01_01 { background: none; }
	.c01_01_warps { width:100%; }
	ul.o_biz li { width:100%; height:auto; float:none; }
	.textbox { width:100%; }
}