@charset "utf-8";

/*- chusi_main001.css; --------------------------------*/
.desktop body {
			  background: url('../chusikoku/image/background3.jpg?5') no-repeat center /cover fixed; }

.tablet	body {
			  background: none; }

.tablet	body::before {
			  width: 100%; height: 100vh;
			  position: fixed; top: 0; left: 0; z-index: -1;
			  content: "";
			  display: block;
			  background: url('../chusikoku/image/background3.jpg?5') no-repeat center /cover;
			  -webkit-background-size: cover; }

/*- container -*/
#container	{ width: 900px; }

/*- header -*/
#chusi-sub-hd {
			  width: 100px; height: 30px;
			  margin: 10px 0 0 60px;
			  background: url('../chusikoku/image/chusi-sub-hd.png') no-repeat center; }

#chusi-header {
			  width: 570px; height: 50px;
		      margin: -12px 0 0 45px;
		      background: url('../chusikoku/image/chusi-header.png') no-repeat center; }

.frm-box	{ width: 480px;
			  margin-left: 80px; }

.chusi-sche { height: 111px; }

.led-txt	{ width: 460px;
			  margin: 10px 0 0 5px; padding: 5px 0 0 10px; }

/*- top-menu -*/
#menu		{ display: block; }

.slicknav_menu {
			  display: none; }

#top-menu	{ width: 200px;
			  margin: 0 10px 30px 50px;
			  float: right; }

#top-menu ul {
			  width: 200px;
		      list-style-type: none;
		      font-size: 1.1em; font-family: "Meiryo", sans-serif; font-weight: bold; }

#top-menu ul li {
		      width: 200px; height: 50px;
		      margin-bottom: 15px;
		      display: block;
		      vertical-align: middle;
 		      background: url('../chusikoku/image/top-btn.png') no-repeat top center;
		      text-align: center;
		      color: #ffffff; }

#top-menu ul li a {
			  width: 200px; height: 38px;
			  padding-top: 12px;
			  display: block;
			  text-decoration: none; }

#top-menu span.out {
			  width: 100%; line-height: 1.2;
			  display: inline-block;
			  text-align: center;
			  font-size: 0.775em; }

span.out	{ margin-top: -2px;
			  display: block; }

#top-menu ul li.nolnk {
			  height: 38px;
			  padding-top: 12px;
			  display: block;
		      background: url('../chusikoku/image/top-btn2.png') no-repeat center center;
		      color: #ffffff; }

#top-menu a:link {
		      color: #009900; }

#top-menu a:visited {
			  color: #aa33cc; }

#top-menu ul li.lnk:hover {
			  background-position: 0 -50px; }

#top-menu ul li.lnk a:hover {
			  color: #ffffff; }

#top-menu a:active {
			  color: #ff0000; }

#top-menu span.br:before {
			  content: "\A";
			  white-space: pre; }

/*- pan -*/
#pan		{ width: 600px; height: 25px;
			  margin: 20px 0 20px 25px; }

#pan a:visited {
			  color: #aa33cc; }

#pan a:hover{ color: #00ff00; }

#pan img	{ position: relative; top: 1px; }

#pan > span	{ position: relative; top: 3px; }

/*- wave -*/
.wave		{ width: 780px; height: 50px;
		      margin: 0 auto;
			  background: url('../image/wave1.png') repeat-x; }

/*- contents -*/
#contents	{ width: 910px;
			  overflow: hidden;
			  letter-spacing : 1px;
			  text-align: center;
		      font-family: "Meiryo", sans-serif; }

/*- main -*/
#main		{ width: 640px;
			  margin-bottom: -10000px; padding-bottom: 10000px;
			  float: left; }

/*- side-wrap -*/
#side-wrap	{ width: 260px;
			  float: right;
			  display: block; }

/*- side-menu -*/
#side-menu	{ width: 200px;
		      margin: 20px 0 20px 50px;
		      display: block; }

/*- side-board -*/
#side-board	{ width: 220px; height: 220px;
			  margin: 20px 0; padding: 15px; }

#side-board a {
			  pointer-events: none;
			  text-decoration: none; }

/*- pagetop -*/
.pagetop	{ position: fixed; bottom: 21px; right: 20px; z-index: 99; }

.pagetop a	{ width: 70px; height: 50px;
			  display: block;
    		  background-color: rgba( 64,64,64,0.75);
			  line-height: 50px;
    		  text-align: center; text-decoration: none;
			  font-size: 16px; color: #ffffff; }

.pagetop a:link {
			  color: #ffffff; }

.pagetop a:hover {
			  color: #00ff00; }

.pagetop a:active {
			  color: #ff0000; }

/*- footer -*/
footer		{ width: 900px; height: 100px;
		      background: url('../image/kochi_footer.jpg') no-repeat center; }

footer .upr,
footer .lwr { width: 900px; height: 50px; }

footer ul li {
			  margin: 10px 0 0 30px; }