*{
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption {
	background: transparent;
	border: 0;
	font-size: 100%;
	outline: 0;
	vertical-align: baseline;
}
body { line-height: 1; }
ol, ul { list-style: none; }
div, p, h1, h2, h3, h4, h5, h6 {
	_zoom: 1;
	display: block;
	text-align: left;
}
img {
	border: 0;
}
@media screen and (max-width: 899px) {
	img {
		font-size: 0;
		height: auto;
		line-height: 0;
		max-width: 100%;
		vertical-align: top;
	}
}
@media screen and (max-width: 640px) {
	img {
		float: none !important;
	}
}
input, select {
	vertical-align: middle;
}
body {
	color: #333333;
	font-family: 'メイリオ', Helvetica, 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 14px;
	line-height: 180%;
	text-align: center;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
h1, h2, h3, h4, h5, h6, .title, dt {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: 700;
}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 0;
}
ul {
	padding: 10px 0;
}
ul li {
	background-image: url(img/li.gif);
	background-position: 5px 10px;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
}
@media screen and (max-width: 899px) {
	ul li {
		background: none;
		position: relative;
	}
	ul li:before {
		background-color: #664e42;
		content: "";
		height: 5px;
		left: 5px;
		position: absolute;
		top: 10px;
		width: 5px;
	}
}
a { color: #0066cc; }
a img { background: none !important; }
#wrapper {
	overflow: hidden;
	text-align: center;
	overflow: hidden;
	text-align: center;
	background-image: linear-gradient(-45deg,#fff 25%,#4c3022 25%, #4c3022 50%,#fff 50%, #fff 75%,#4c3022 75%, #4c3022);
	background-size: 4px 4px;
	background-repeat: repeat-x;
	background-color: #fff;
}
#contents {
	margin: 0 auto;
	padding: 30px 0 50px;
	position: relative;
	text-align: center;
	width: 900px;
}
#layoutbox{
	background-color: #FFF;
	overflow: hidden;
	padding: 5px;
}
@media screen and (max-width: 899px) {
	#contents {
		padding: 30px 10px 50px;
		width: auto;
	}
}
@media screen and (max-width: 640px) {
	#contents {
		padding: 15px 0 50px;
	}
	#layoutbox{
		padding: 0;
	}
}
#pagetop {
	bottom: -35px;
	clear: both;
	position: absolute;
	right: 0;
	z-index: 5;
}
#pagetop a {
	background-image: url(img/pagetop_button.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	width: 140px;
}
@media screen and (max-width: 899px) {
	#pagetop {
		right: 10px;
	}
	#pagetop a {
		background: none repeat scroll 0 0 transparent;
		border: 1px solid #a69c96;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #dbd7d5;
		font-size: 10px;
		line-height: 30px;
		padding-left: 20px;
		position: relative;
		text-decoration: none;
		text-indent: inherit;
	}
	#pagetop a:before {
		border-bottom: 6px solid #dbd7d5;
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
		border-top: 0 solid transparent;
		content: "";
		display: block;
		left: 8px;
		position: absolute;
		top: 10px;
	}
}
@media screen and (max-width: 640px) {
	#pagetop {
		bottom: 0;
		overflow: hidden;
		right: 0;
		width: 100%;
	}
	#pagetop a {
		background-image: url(img/footlinkbox_bg.gif);
		background-position: left top;
		background-repeat: repeat;
		border: none;
		font-size: 13px;
		height: 50px;
		line-height: 50px;
		padding: 0;
		position: relative;
		text-align: center;
		width: 100%;
	}
	#pagetop a:before {
		left: 50%;
		margin: -3px 0 0 -90px;
		top: 50%;
	}
	#pagetop a:after {
		-webkit-border-radius: 200px 200px 200px 200px / 10px 10px 10px 10px;
		border-radius: 200px 200px 200px 200px / 10px 10px 10px 10px;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
		bottom: -5px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
		content: "";
		height: 5px;
		left: 0;
		position: absolute;
		right: 0;
		top: auto;
	}
}
.clear, .FloatEnd {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0;
}
#top {
	margin: 0 auto;
	text-align: left;
	width: 900px;
}
#top #logo, #top h1 {
	padding: 28px 0;
	width: 100%;
	text-align:center;
}
#top #logo a, #top h1 a {
	color: #000000;
	font-size: 22px;
	font-weight: 400;
	text-decoration: none;
}
#top #logo a img, #top h1 a img {
	vertical-align: middle;
}
@media screen and (max-width: 899px) {
	#top {
		width: auto;
	}
	#top #logo, #top h1 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 28px 0 28px 10px;
		width: 66.6666666667%;
	}
}
@media screen and (max-width: 640px) {
	#top #logo, #top h1 {
		padding: 18px 60px 18px 10px;
		width: auto;
	}
	#top #logo a, #top h1 a {
		font-size: 18px;
	}
}
#top_outer{border-bottom:1px solid #4c3022;padding:0;margin:0;}
#topmenubox {
	margin: 0 auto 2px;
	text-align: center;
	width: 900px;
}
#topmenubox #topmenubtn {
	display: none;
}
#topmenu ul {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: 700;
	overflow: hidden;
	padding: 0;
	width: 900px;
	display: flex;
	justify-content: space-around;
}
#topmenu li {
	background-image: none;
	overflow: hidden;
	padding: 0 1em;
}
#topmenu li a {
	color: #4c4c4c;
	display: block;
	font-size: 14px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	letter-spacing: 2pt;
}
@media screen and (max-width: 899px) {
	#topmenubox {
		padding: 0 10px;
		width: auto;
	}
	#topmenu ul {
		background: none repeat scroll 0 0 transparent;
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#topmenu li {
		background: none repeat scroll 0 0 transparent;
		display: table-cell;
		float: none;
		margin: 0;
		padding: 0;
		width: auto;
	}
	#topmenu li:before {
		background-color: transparent;
		content: "";
		height: auto;
		left: auto;
		position: static;
		top: auto;
		width: auto;
	}
	#topmenu li a {
		position: relative;
	}
	#topmenu li a:before {
		background-color: #e5e5e5;
		bottom: 0;
		content: "";
		position: absolute;
		right: 1px;
		top: 0;
		width: 1px;
	}
	#topmenu li:first-child a:after {
		background-color: #e5e5e5;
		bottom: 0;
		content: "";
		left: 1px;
		position: absolute;
		top: 0;
		width: 1px;
	}
}
@media screen and (max-width: 640px) {
	#topmenubox {
		padding: 0;
		position: relative;
		margin: 0;
	}

	#topmenubox #topmenubtn {
		color: #4c3022;
		cursor: pointer;
		display: block;
		font-size: 10px;
		height: 20px;
		padding-top: 15px;
		position: absolute;
		right: 10px;
		text-align: center;
		top: -45px;
		width: 40px;
	}

	#topmenubox #topmenubtn:before {
		border-bottom: 3px solid #4c3022;
		border-top: 3px solid #4c3022;
		content: "";
		height: 3px;
		left: 7px;
		position: absolute;
		top: 0;
		width: 26px;
	}

	#topmenubox #topmenubtn:after {
		border-top: 3px solid #4c3022;
		content: "";
		height: 0;
		left: 7px;
		position: absolute;
		top: 12px;
		width: 26px;
	}

	#topmenu ul {
		background-image: url(img/footlinkbox_bg.gif);
		background-position: left top;
		background-repeat: repeat;
		display: none;
		table-layout: auto;
	}
}
#main {
	float: right;
	overflow: hidden;
	width: 650px;
}
@media screen and (max-width: 899px) {
	#main {
		width: 72.2222222222%;
	}
}
@media screen and (max-width: 640px) {
	#main {
		float: none;
		width: 100%;
	}
}
#main .text, #text1, #text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #space1, #space2 {
	margin-bottom: 20px;
	overflow: hidden;
	padding: 10px;
}
#menu img{
	max-width:100%;
	height:auto;
}
#menu {
	float: left;
	overflow: hidden;
	width: 220px;
}
.menubox {
	margin-bottom: 25px;
}
@media screen and (max-width: 899px) {
	#menu {
		width: 24.4444444444%;
	}
}
@media screen and (max-width: 640px) {
	#menu {
		float: none;
		width: 100%;
	}

	.menubox {
		margin-bottom: 0;
	}
}
#footer {
	background-color: #f8f8f8;
	background-image: url(img/footlinkbox_bg.gif);
	background-position: left -60px;
	background-repeat: repeat-x;
	color: #808080;
	font-size: 12px;
	margin: 0 auto;
	text-align: center;
}
#footer .inner {
	margin: 0 auto;
	overflow: hidden;
	padding: 60px 0 20px;
	width: 900px;
}
#footer p {
	float: right;
	overflow: hidden;
	position: relative;
	text-align: right;
	width: 50%;
	word-wrap: break-word;
}
#footer p#footsub {
	float: left;
	text-align: left;
}
@media screen and (max-width: 899px) {
	#footer .inner {
		padding: 60px 10px 20px;
		width: auto;
	}
}
@media screen and (max-width: 640px) {
	#footer {
		background-image: none;
	}

	#footer .inner {
		background-color: #f8f8f8;
		padding: 10px;
	}

	#footer p {
		float: none;
		font-size: 10px;
		text-align: center;
		width: 100%;
	}

	#footer p#footsub {
		background-color: #ffffff;
		border: 1px solid #e5e5e5;
		display: table;
		float: none;
		margin-bottom: 10px;
		table-layout: fixed;
		text-align: center;
	}
}
#column1 {
	background-image: url(img/column_bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
}
#column1 #menu, #column1 #main {
	float: none;
	width: auto;
}
#column1 #main {
	padding-bottom: 20px;
}
#column1 #menu .menubox {
	padding-top: 10px;
}
@media screen and (max-width: 899px) {
	#column1 {
		background: none repeat scroll 0 0 transparent;
	}
}
@media screen and (max-width: 640px) {
	#column1 #main {
		padding-bottom: 0;
	}

	#column1 #menu .menubox {
		padding-top: 0;
	}
}
body{
	background-image: url(./img/bg_st01_02.gif);

}
#main{ float: left; }