@charset "UTF-8";

/* COMMON SET
--------------------------*/
html {
	background: #fff;
	min-height: 100%;
}
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;*/
	line-height: 1.6;
	font-size: 15px;
	color: #666;
	text-align: center;
	width: 100%;
	min-height: 100%;
	position: relative;
	-webkit-text-size-adjust: 100%;
	background: #fff;
}
a:link,
a:visited {
	color: #090;
	text-decoration: none;
}
a:hover,a:active {
	color: #099;
	text-decoration: none;
}
a:active,a:focus {
	outline: none;
}
a.btn img {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out 0s;
	transition: opacity 0.3s ease-out 0s;
}
a:hover.btn img {
	opacity: 0.6;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.nobr {
	display: none;
}
.onbr {
	display: inherit;
}

/* WRAP
--------------------------*/
#wrap {
	width: 95%;
	max-width: 940px;
	height: 100%;
	margin: 0 auto 5px;
	padding: 0 0 120px;
	position: relative;
	background: url(../images/footer.png) center bottom no-repeat;
	background-size: 100%;
}
#contents_wrap {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
}

/* HEADER
--------------------------*/
#header {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding: 15px 0;
	line-height: 100%;
}

/* NAVIGATION
--------------------------*/
#navigation {
	float: left;
	width: 30%;
	max-width: 280px;
}
#navigation li {
	list-style: none;
	line-height: 100%;
	margin: 0 0 5px;
}
#navigation li:first-child {
	margin: 0 0 15px;
}
#navigation li img {
	vertical-align: top;
}

/* CONTENTS
--------------------------*/
#contents {
	float: right;
	box-sizing: border-box;
	width: 68%;
	max-width: 650px;
	padding: 0;
}
#contents img {
	border: 1px #eee solid;
}

/* SLIDE SHOW
--------------------------*/
#slider {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	padding: 20px 0 0;
}
#slider img {
	border: 1px #eee solid;
}



/* 768px以下 ----------------
--------------------------*/
@media only screen and (max-width: 768px) {
.tbbr {
	display: none;
}


}



/* 480px以下 ----------------
--------------------------*/
@media only screen and (max-width: 480px) {
.nobr {
	display: inherit;
}
.onbr {
	display: none;
}
body {
	font-size: 13px;
}


}