/*- mediaクエリー
------------------------------------------------*/
@media screen and (max-width:480px) {
	body {
		margin: 0 auto;
		max-width: 100%;
	}

	body div#header img {
		width: 100%;
	}

	body div#header a#privacy {
		float		: right;
		font-size	: 12px;
		margin		: 5px 0;
	}

	body div#header ol {
		clear		: both;
		text-align	: right;
	}

	body div#header ol li {
		background-color: #dceaf8;
		display			: block;
		font-size		: 15px;
		font-weight		: bold;
		margin			: 3px 0;
		text-align		: center;
	}

	body div#header ol li a {
		display			: block;
		padding			: 15px 25px;
		text-decoration	: none;
	}

	body div#header ol li a:link,
	body div#header ol li a:visited,
	body div#header ol li a:active
	{
		color: #000000;
	}

	body div#header ol li a:hover {
		background-color: #9DC3E6;
	}

	body div#header h1 {
		background-color: #9DC3E6;
		font-size		: 24px;
		font-weight		: bold;
		padding			: 15px 50px;
	}

	body div#header h1 span {
		font-size	: 13px;
		font-weight	: normal;
		margin-left	: 30px;
	}

	body div#header ol#menu {
		display	: none;
		position: absolute;
		width	: 100%;
	}

	body div#header ol#menu li {
		margin: 0;
	}

	body div#header ol#menu li a {
		border-bottom: 1px solid #FFFFFF;
	}

	body div#header ol#menu li:last-child a {
		border-bottom: none;
	}

	body div#header div#icon_hamburger {
		display	: block;
		margin	: 5px auto;
	}

	body #icon_hamburger.active {
		-webkit-transform	: rotate(90deg);
		transform			: rotate(90deg);
	}

	/*- コンテンツ -*/
	body ol#contents {
		margin-top: 40px
	}

	body div#to_header {
		margin-top: 50px;
		text-align: center;
	}

	/*- フッター -*/
	body div#footer {
		background-color: #000000;
		color			: #ffffff;
		margin-top		: 20px;
	}

	body div#footer ul {
		padding-top	: 10px;
		padding-left: 30px;
	}

	body div#footer ul li {
		float		: none;
		font-size	: 13px;
		margin		: 25px 0;
		width		: 150px;
	}

	body div#footer ul li ol li {
		font-size	: 12px;
		line-height	: 1.5;
		margin		: 5px 0;
	}

	body div#footer ul li ol li::before {
		color	: #ffffff;
		content	: '-';
		padding	: 0 10px 0 10px;
	}

	body div#footer ul li#menu ol li.topic {
		font-size		: 13px;
		margin-bottom	: 20px;
	}

	body div#footer ul li#menu ol li.topic::before {
		display: none;
	}

	body div#footer ul li#topics ol li.topic {
		width: 250px;
	}

	body div#footer ul li a,
	body div#footer ul li ol li a
	{
		color: #ffffff;
	}

	body div#footer small {
		clear		: both;
		display		: block;
		font-size	: 13px;
		padding		: 30px 0 20px 0;
		text-align	: center;
	}
}
/*- 通常設定
------------------------------------------------*/
body {
	margin	: 0 auto;
	width	: 960px;
}

a:link,
a:visited,
a:active
 {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*- ヘッダー -*/
div#header img {
	width: 400px;
}

div#header a#privacy {
	float		: right;
	font-size	: 12px;
	margin-top	: 57px;
}

div#header ol {
	text-align: right;
}

div#header ol li {
	display		: inline-block;
	font-size	: 15px;
	font-weight	: bold;
}

div#header ol li a {
	display			: block;
	padding			: 15px 25px;
	text-decoration	: none;
}

div#header ol li a:link,
div#header ol li a:visited,
div#header ol li a:active
 {
	color: #000000;
}

div#header ol li a:hover {
	background-color: #9DC3E6;
}

div#header ol li.selected {
	background-color: #9DC3E6;
}

div#header h1 {
	background-color: #9DC3E6;
	font-size		: 30px;
	font-weight		: bold;
	padding			: 15px 50px;
}

div#header h1 span {
	font-size	: 13px;
	font-weight	: normal;
	margin-left	: 30px;
}

div#header div#icon_hamburger {
	height		: 50px;
	position	: relative;
	width		: 50px;
	display		: none;
}

div#header div#icon_hamburger span {
	background	: #dcdcdc;
	display		: block;
	height		: 16%;
	left		: 50%;
	margin		: -8% 0 0 -42%;
	position	: absolute;
	top			: 50%;
	width		: 84%;
}

div#header div#icon_hamburger span::before,
div#header div#icon_hamburger span::after {
	background	: #dcdcdc;
	content		: "";
	display		: block;
	height		: 100%;
	left		: 50%;
	margin		: -8% 0 0 -50%;
	position	: absolute;
	top			: 50%;
	width		: 100%;
}

div#header div#icon_hamburger span::before {
	margin-top: -38%;
}

div#header div#icon_hamburger span::after {
	margin-top: 19%;
}

/*- コンテンツ -*/
ol#contents {
	margin-top: 80px
}

div#to_header {
	margin-top: 50px;
	text-align: center;
}

/*- フッター -*/
div#footer {
	background-color: #000000;
	color			: #ffffff;
	margin-top		: 20px;
}

div#footer ul {
	padding-top	: 30px;
	padding-left: 40px;
}

div#footer ul li {
	float		: left;
	font-size	: 13px;
	width		: 160px;
}

div#footer ul li ol li {
	font-size	: 12px;
	line-height	: 1.5;
}

div#footer ul li ol li::before {
	color	: #ffffff;
	content	: '-';
	padding	: 0 10px 0 10px;
}

div#footer ul li#menu ol li.topic {
	font-size		: 13px;
	margin-bottom	: 20px;
}

div#footer ul li#menu ol li.topic::before {
	display: none;
}

div#footer ul li#topics ol li.topic {
	width: 250px;
}

div#footer ul li a,
div#footer ul li ol li a
 {
	color: #ffffff;
}

div#footer small {
	clear		: both;
	display		: block;
	font-size	: 13px;
	padding		: 30px 0 20px 0;
	text-align	: center;
}