@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------
	basic divs
--------------------------------------------------------------*/

div#wrapper {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

div#header {
	border-bottom: 1px solid #ccc;
	box-shadow: 3px 3px 3px #ccc;
	position: relative;
}

div#content {
	padding: 0.5em 1.5em;
	border-bottom: 1px solid #ccc;
}

div#footer {
	font-size: 1.4em;
	text-align: right;
	padding: 0.5em;
}

/*--------------------------------------------------------------
	header
--------------------------------------------------------------*/

h1#logo {
	padding: 5px;
}

ul#snsBtn {
	list-style: none;
	position: absolute;
	top: 10px;
	left: 135px;
}

	ul#snsBtn li {
		display: inline;
	}


img#gNaviBTN {
	position: absolute;
	top: 5px;
	right: 10px;
}

ul#gNavi {
	display: none;
	list-style: none;
	padding: 0.5em;
	position: absolute;
	top: 50px;
	right: 5px;
	z-index: 1000;
	text-align: right;
	background: url(/images/tblKind_bg.png) left top repeat;
	border: 1px solid #888;
	border-top-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

	ul#gNavi li {
		font-size: 1.4em;
		padding: 0.2em 0.2em 0.2em 0.5em;
		text-shadow: 3px 3px 3px #fff;
	}

	ul#gNavi li:after {
		content: ' > ';
	}

/*--------------------------------------------------------------
	div#content
--------------------------------------------------------------*/

h2#pageTTL {
	font-size: 2em;
	line-height: 1.2;
	padding: 0.3em 0;
}

/*--------------------------------------------------------------
	footer
--------------------------------------------------------------*/


/*------------------------------------------------------------------------------------
	for tablet & PC
------------------------------------------------------------------------------------*/

@media all and (min-width: 641px) {

/*--------------------------------------------------------------
	header
--------------------------------------------------------------*/

	h1#logo {
		padding: 5px;
	}

	img#gNaviBTN {
		display: none;
	}

	ul#gNavi {
		display: block;
		text-align: left;
		position: static;
		background: none;
		border: none;
	}

		ul#gNavi li {
			display: inline-block;
		}

		ul#gNavi li:after {
			content: none;
		}

		ul#gNavi li:before {
			content: '> ';
		}

}