@charset "utf-8";

/*-----kochi_main003.css; --------------------------------*/

/*-----body-----*/
body {
		background: url('../image/background2.jpg') repeat left top; }

/*-----container-----*/
#container {
		width: 320px;
		background: none; }

/*-----header-----*/
header {
		width: 320px;
		margin: 0 auto;
		background: url('../image/kochi_header2.png') no-repeat center /contain; }

/*-----slide-----*/
#myslider ul {
		width: 320px; height: 70px;
		margin: 0; padding: 0;
		position: relative; }

#myslider ul li {
		margin: 0; padding: 0;
		position: absolute; top: 0; left: -1px;
		list-style: none; }

#myslider ul img {
		max-width: 100%; height: auto; }

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

@media screen and (min-width: 769px) {
	#menu {
		display: block;
	}
	.slicknav_menu {
		display: none;
	} }

.slicknav_menu {
		width: 320px;
		margin: 0 auto; }

.slicknav_nav li {
		border-top: 1px solid #ffffff;
		line-height: 30px; font-size: 1.3em; }

.slicknav_nav li a {
		margin-top: 2px;
		display: block; }

/*----- banner -----*/
.banner a {
		width: 300px;
		margin: 10px auto; padding: 3px 0 3px 15px;
		display: block;
		background: url('../image/masking2.png') no-repeat center right /cover;
		text-decoration: none;
		font-weight: bold; color: #007700; }

.banner a span.bl {
		display: none; }

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

/*-----wave-----*/
.wave {
		width: 320px; height: 30px;
		margin: 10px auto 0;
		background: url('../image/wave2.png') no-repeat -35px 0 /cover; }

/*-----main-----*/
#main {
		width: 100%; }

#main:after {
		position: relative;
		display: block;
		content: url('../image/hr_gr3.gif'); }

/*-----side-wrap-----*/
#side-wrap {
		width: 250px;
		margin: 0 0 20px 35px;
		float: left; }

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

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

#side-menu ul li.noml,
#side-menu ul li.mail,
#side-menu ul li.chusi {
		border: 1px solid #bbbbbb; }

#side-menu ul li.jpsw {
		width: 200px; height: 50px; }

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

#side-board a:link {
		color: #7777ff; }

#side-board a:active {
		color: #ff0000; }

/*-----pagetop-----*/
.pagetop {
		position: relative; left: -10000px; }

.pagetop a {
		display: none; }

/*-----footer-----*/
footer {
		width: 318px; }

footer .upr,
footer .lwr {
		width: 308px;
		letter-spacing: 0; }

footer .upr {
		height: 40px;
		border-right: 10px solid rgba(253,141,251,0.7); border-bottom: 10px solid rgba(1,193,9,0.7);
		background-color: #6f9fff; }

footer .lwr {
		height: 55px;
		border-right: 10px solid rgba(253,141,251,0.7);
		background: url('../image/kochi_footer2.jpg') center;
		font-size: 0.925em; }

footer .lwr p {
		margin: -3px auto 0;
		letter-spacing: 0.2em; }

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

footer ul {
		width: 318px; }

footer ul li {
		margin: 3px 0 0 20px; }