@charset "shift_jis";


body {
	margin: 0;
	padding: 0;
	background-image: url(image/haikei.gif) ;
	background-repeat: repeat-x;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

div,ul,ol,li,
h1,h2,h3,h4,
p,tablr,th,td {margin: 0; padding: 0;}

img {border: 0;}

body, td, th {
	color: #333333;
}

a {
  color: #3b7960;
}

#main {
	background-color: #ffffff;
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
        padding: 0;
	border-right: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
}

#main #header {
	margin: 0px;
	width: 900px;
	height: 70px;
	background-image: url(image/header_bg.jpg);
}

#main #header h1 {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	font-size: 16px;
	color: #ffffff;
	float: left;
}

#main #header a {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#main #header a:hover {
	color: #bbbbbb;
	text-decoration: none;
}

#main #header a:visited {
	color: #fffff;
	text-decoration: none;
}

#main #header p.h_right {
	margin: 0px;
	padding-top: 32px;
	padding-right: 20px;
	text-align: right;
        line-height: 180%;
	font-size: 10px;
	color: #ffffff;
}

#main #header p.h_right a {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}

#main #header p.h_right a:hover {
	color: #bbbbbb;
	text-decoration: none;
}

#main #header p.h_right a:visited {
	color: #ffffff;
	text-decoration: none;
}

#main #header-navi {
	clear: both;
        height: 32px;
	margin: 0px;
	padding: 18px 0 0 14px;
        border-top: solid 2px #cccccc;
        border-bottom: solid 2px #cccccc;
	background-image: url(image/menu_bg.gif);
}

#main #header-navi ul{
	margin: 0px;
	padding: 0px;
}

#main #header-navi li{
        display: inline;
	margin: 0px;
	padding: 0 16px 0 10px;
        border-right: solid 1px #cccccc;
}

#main #header-navi li a{
        color: #ffffff;
        font-size: 12px;
        text-decoration: none;
}

#main #header-navi li a:hover{
        color: #eeeeee;
        font-size: 12px;
        text-decoration: none;
}

#main #container {
	padding-top: 15px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
        border-top: solid 3px #cccccc;
}

#main #container #contents h2 {
	height: 28px;
	padding-top: 17px;
	padding-left: 24px;
        font-size: 12px;
	color: #333333;
	background-image: url(image/h2_bg.gif);
}

#main #container #sidemenu h2 {
	height: 26px;
	padding-top: 10px;
	padding-left: 12px;
        font-size: 12px;
	color: #ffffff;
	background-image: url(image/side_h2_bg.gif);
	background-repeat: no-repeat;
}

#main #container #contents {
	width: 600px;
	float: right;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 20px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#main #container #contents p {
	padding-right: 7px;
	padding-left: 7px;
        line-height: 170%;
}

#main #container #sidemenu {
	float: left;
	width: 250px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 6px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#main #container #sidemenu p {
	padding-right: 5px;
	padding-left: 5px;
        line-height: 170%;
}

#main #container #sidemenu ul {
	margin: 0;
	padding: 0;
        list-style: none;
}

#main #container #sidemenu li {
	margin: 0;
	padding: 9px 12px 5px 9px;
        line-height: 150%;
        list-style: none;
	border-right: solid 1px #bbbbbb;
	border-bottom: solid 1px #bbbbbb;
	border-left: solid 1px #bbbbbb;
	background-color: #eeeeee;
}

#main #container #sidemenu li a {
	padding: 5px 5px 5px 12px;
	text-decoration: none;
	width: 100%;
        border-left: solid 4px #aaaaaa;
}

#main #container #sidemenu li a:hover {
	background-color: #cccccc;
}

#main #footer {
	margin: 0px;
	clear: both;
	height: 30px;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
        text-align: right;
	color: #ffffff;
	background-color: #999999;
}

#main #footer a {
	margin: 0px;
	color: #ffffff;
}

#main #footer address {
	margin: 0px;
	padding: 0;
	font-style:normal;
}

ul.update-scroll {
 list-style-type: none;
 width: 248px;
 height: 6em;
 overflow: auto;
 border: 1px solid #bbb;
 padding-left: 0.5em;
}
ul.update-scroll li {
 margin-top: 0.3em;
}
ul.update-scroll a {
 text-decoration: none;
}

ul.update-scrolll {
 list-style-type: none;
 width: 600px;
 height: 8em;
 overflow: auto;
 border: 1px solid #bbb;
 padding-left: 0.5em;
}
ul.update-scrolll li {
 margin-top: 0.3em;
}
ul.update-scrolll a {
 text-decoration: none;
}

#stage {
    position: relative;
    width: 450px;
    height:250;
    margin: 0 auto;
}
#photo1,#photo2,#photo3,#photo4,#photo5 {
    position: absolute;
    width: 450px;
    height: 250px;
}
#photo1 img,#photo2 img,#photo3 img,#photo4 img,#photo5 img {
    opacity:0;
    -moz-animation: imgTrans 30s infinite;
    -webkit-animation: imgTrans 30s infinite;
    animation: imgTrans 30s infinite;
}
#photo1 img {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#photo2 img {
    -moz-animation-delay: 6s;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
#photo3 img {
    -moz-animation-delay: 12s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
#photo4 img{
    -moz-animation-delay: 18s;
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}
#photo5 img {
    -moz-animation-delay: 24s;
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
}
#frame {
    width: 450px;
    height: 250px;
    position: relative;
    overflow: hidden;
}
@-webkit-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@-moz-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}