@charset "utf-8";

/*-----kochi_main001.css; --------------------------------*/

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

/*-----slicknav_menu-----*/
.slicknav_menu {
		display: none; }

/*- body -*/
.desktop body {
		background: url('../image/background.jpg') no-repeat top 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('../image/background.jpg') no-repeat center /cover;
		-webkit-background-size: cover; }

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

/*-----header-----*/
header {
		width: 450px;
		margin-left: 25px;
		background: url('../image/kochi_header.png') no-repeat; }

/*-----top-menu-----*/
#top-menu > ul {
		width: 900px; height: 42px;
		margin: 0 auto; padding-left: 0;
		border-right: 1px solid #bbbbbb;
		font: bold 1.1em "Meiryo"; }

#menu > li {
		width: 178px; height: 40px; line-height: 40px;
		float: left;
		text-align: center;
		border: 1px solid #bbbbbb;
		background: url('../image/button_tp3.png') no-repeat center center;
		color: #0000ff; }

#menu li li {
		width: 178px; height: 0px;
		overflow: hidden;
		transition: 0.5s;
		border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb;
		text-align: center; }

#menu li:hover {
		background: url('../image/button_tp2.png') no-repeat center center; }

#menu li:hover > ul > li {
		height: 40px;
		position: relative; z-index: 10;
		background: url('../image/button_tp3.png') no-repeat center center;
		border-bottom: 1px solid #bbbbbb;
		overflow: visible; }

#top-menu a:link,
#top-menu a:visited,
#top-menu a:hover,
#top-menu a:active {
		width: 178px; height: 42px;
		display: table-cell; }

#top-menu a:link {
		color: #0000ff;
		text-decoration: none; }

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

#top-menu a:hover {
		background: url('../image/button_tp2.png') no-repeat center center;
		color: #009900; }

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

#top-menu span.act {
		color: #ffffff; }

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

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

.banner { display: none; }

/*----- 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: 250px;
		margin-right: 10px; margin-bottom: -10000px; padding-bottom: 10000px;
		float: right; }

/*-----side-menu-----*/
#side-menu {
		margin: 20px 0 20px 50px; }

#side-menu ul li.nml,
#side-menu ul li.mail,
#side-menu ul li.jpsw {
		width: 200px; }

/*-----side-board-----*/
#side-board {
		margin: 20px 0 10px; }

/*-----pagetop-----*/
.pagetop {
		display: none;
		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);
		text-align: center; text-decoration: none; letter-spacing: 0;
		line-height: 50px; 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;
		margin-top: 10px;
		background: url('../image/kochi_footer.jpg') no-repeat center; }

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

footer ul {
		width: 900px; height: 50px; }

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