@charset "utf-8";

/*-----kochi_main_com.css; --------------------------------*/

/*-----margin,padding 初期化-----*/
* {
		margin: 0; padding: 0;
		font-family: "Meiryo", sans-serif; }

/*-----枠消し-----*/
* img {
		border-style: none; }

/*-----clearfix-----*/
.cf:before,
.cf:after {
		content: " ";
		display: table; }

.cf:after {
		clear: both; }

.cf {
		*zoom: 1; }

/*-----container-----*/
#container {
		margin: 0 auto; }

/*-----header-----*/
header {
		width: 100%; height: 50px;
		padding-top: 20px;
        background-size: contain; }

header h1 {
		display: none; }

/*-----top-menu-----*/
.fixed {
		position: fixed; top: 0; z-index: 9999; }

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

#pan > span {
		padding: 3px 7px 1px;
		background-color: rgba(200,200,200,0.8);
		text-align: left;
		font-size: 0.9em; color: #007700; }

#index #pan span:before,
#pan a > span:before {
		position: relative; top: 2px; left: 0;
		content: url('../image/home.png'); }

#pan a:link {
		text-decoration: none; }

/*-----main-----*/
#main {
		margin-top: 20px; }

/*-----side-menu-----*/
#side-menu {
		width: 200px; }

#side-menu ul {
		margin: 0; padding: 0;
		list-style-type: none; }

#side-menu ul li.noml,
#side-menu ul li.mail,
#side-menu ul li.jpsw {
		margin-bottom: 15px; padding: 0;
		display: block;
		background: url('../image/button_sd1.png') no-repeat top center;
		letter-spacing: 0; text-align: center;
		line-height: 50px; font-weight: bold; }

#side-menu ul li:last-child {
		margin-bottom: 0; }

#side-menu ul li.chusi {
		width: 200px; height: 142px;
		margin-bottom: 15px;
		display: block;
		background: url('../image/katuo_thum.jpg') no-repeat;
		text-indent: -9999px; }

#side-menu ul li.chusi:hover {
		background-position: 0 -142px; }

#side-menu span {
		padding: 5px 0;
		display: block;
		line-height: 20px; }

#side-menu li.mail a:before {
		position: relative; top: 4px; left: -5px;
		content: url('../image/mail_icon.gif'); }

#side-menu a:link {
		display: block;
		text-decoration: none;
		color: #009900; }

#side-menu li.noml a:hover,
#side-menu li.mail a:hover {
		background: url('../image/button_sd2.png') no-repeat top center;
		color: #ffffff; }

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

#side-menu ul li.nolnk {
		height: 50px;
		padding: 0;
		background: url('../image/button_sd3.png') no-repeat top center; }

#side-menu ul li.nolnk a {
		color: #ff0000; }

#side-menu ul li.chusi a {
		width: 200px; height: 142px;
		display: block; }

#side-menu ul li.jpsw a {
		width: 200px; height: 50px;
		display: block;
		background: url('../image/jpsw.jpg') no-repeat;
		text-indent: -9999px; }

#side-menu ul li.jpsw a:hover {
		background-position: 0 -50px; }

/*-----side-board-----*/
#side-board {
		width: 220px; height: 310px; line-height: 1.2;
		padding: 20px 15px;
		background: url('../image/msg_board.jpg?1') no-repeat center;
		text-align: left;
		font-size: 1em; color: #ffffff; }

#side-board .eml:before {
		margin-left: 5px;
		position: relative; left: -4px;
		content: url('../image/mail.png'); }

#side-board p {
		margin-bottom: 8px; }

#side-board > p:first-child {
		font-size: 1.1em; color: #fd8dfb; }

#side-board small {
		font-size: 0.85em; }

#side-board small.xsml {
		line-height: 0.7;
		margin-bottom: 8px;
		font-size: 0.7em; }

/*-----footer-----*/
footer { 
		margin: 0 auto 20px;
		border: solid 1px #bbbbbb;
		letter-spacing: 0.2em;
		color: #ffffff; }

footer .upr,
footer .lwr {
		text-align: center; }

footer .upr li {
		line-height: 1.2; }

footer .upr li.ft_nolnk {
		color: #fd8dfb; }

footer .lwr {
		padding-top: 5px;
		line-height: 1.3; font-size: 1em; font-family: "Meiryo", sans-serif; font-style: oblique; font-weight: bold; }

footer .lwr p small {
		line-height: 1.8; font-weight: normal; }

footer .yr {
		font-family: arial; font-style: normal; }

footer ul {
		list-style-type: none; }

footer ul li {
		float: left;
		font-size: 0.9em; font-weight: bold; }

footer a:link {
		text-decoration: none;
		color: #ffffff; }

footer a:visited {
		text-decoration: none;
		color: #aa33cc; }

footer a:hover {
		text-decoration: none;
		color: #00ff00; }

footer a:active {
		text-decoration: none;
		color: #ff0000; }

/*- リンク -*/
#pan a span,
a:link { color: #0000ff; }
a.eml:link { color: #7777ff; }

a:visited	{ color: #aa33cc; }

a:hover { color: #00ff00; }

a:active	{ color: #ff0000; }