@charset "utf-8";
.manifest {
	display : block;
}
.latent {
	display : none;
}
html, body {
	min-height: 100%;
}
body {
	font-family: "Meiryo UI", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFF;
	color: #333;
	font-size: 14px;
	line-height: 18px;
	background-image: url(../img_top/bg_r.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	min-width: 1200px;
}
#container {
	width: 100%;
	background-image: url(../img_top/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	min-width: 1200px;
	padding: 0px 0px 30px;
	min-height: 100%;
}
#container #main {
	background-repeat: no-repeat;
	background-position: center top;
	width: 1200px;
	height: 100%;
	padding: 0px;
	margin: 0px auto;
}
#container #main #left {
	float: left;
	width: 320px;
	padding-top: 30px;
}
#container #main #left H1 {
	background-image: url(../img_top/h1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 120px;
	width: 320px;
	text-align: left;
	text-indent: -9999px;
	margin-bottom: 30px;
}
#container #main #left .str {
	width: 240px;
	margin-left: 30px;
	background-color: #696;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	padding: 5px;
	margin-bottom: 10px;
}
#container #main #left .str IMG {

}
#container #main #left .str UL {
	height: 22px;
}
#container #main #left .str UL LI {
	display: block;
	float: left;
	width: 110px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #066;
	color: #FFF;
	font-size: 12px;
	line-height: 12px;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 0px 0px 4px 4px;
	cursor: pointer;
}
#container #main #left .str UL LI.now {
	background-color: #3F0;
	color: #000;
	font-weight: bold;
	cursor: auto;
}
#container #main #left .str UL LI:hover {
	background-color: #6C0;
	color: #000;
}
#container #main #left .str UL LI.now:hover {
	background-color: #3F0;
}
#container #main #left .menu UL {
	width: 260px;
	padding-left: 25px;
}
#container #main #left .menu UL LI {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}
#container #main #left .menu UL LI A {
	background-color: #696;
	display: block;
	height: 120px;
	width: 120px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
#container #main #left .menu UL LI A:hover {
	background-color: #096;
}
#container #main #right {
	float: right;
	width: 275px;
	height: 100%;
	padding: 30px 15px 0px 30px;
}
#container #main #right H2 {
	background-image: url(../img_top/showinfo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 82px;
	width: 275px;
	text-align: left;
	text-indent: -9999px;
	margin-bottom: 30px;
}
#container #main #right H3 {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 36px;
	text-align: left;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#container #main #right .news H3 {
	background-image: url(../img_top/h3_news.png);
}
#container #main #right .news {
	margin-bottom: 30px;
}
#container #main #right .news DL {
	padding-left: 15px;
}
#container #main #right .news DL DT {
	font-weight: bold;
	border-bottom: 1px dotted #666;
	padding-left: 10px;
	margin-bottom: 5px;
}
#container #main #right .news DL DD {
	background-color: #696;
	padding: 3px 5px 3px 15px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 15px;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	margin-left: 20px;
}
#container #main #right .news DL DD A {
}
#container #main #right .link H3 {
	background-image: url(../img_top/h3_link.png);
}
#container #main #right .link UL {
	padding-left: 35px;
}
#container #main #right .link UL LI {
	margin-bottom: 10px;
}

#container #main #ft {
	text-align: center;
	color: #FFF;
	font-size: 12px;
	line-height: 15px;
	margin: 0px;
	width: 560px;
	padding-top: 875px;
	padding-right: 0px;
	padding-bottom: 10px;
	float: left;
}
#ft P {
	margin-bottom: 0px;
	margin-top: 15px;
}
A   {
	color: #FF0;
	text-decoration: none;
}
a:hover {
	color: #FF0;
	text-decoration: underline;
}
#pv1 {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index: 9990 !important;
	margin-bottom:-100%;
	background-image: url(../img_top/bg_pv.png);
}
#pv1 DIV {
	position: fixed;
	width:640px;
	height:400px;
	top:50%;
	left:50%;
	margin-top:-210px;
	margin-left:-330px;
	z-index: 9999 !important;
	padding:10px;
	background-color: #000;
}
#pv1 DIV IMG {
	float: right;
	height: 30px;
	width: 30px;
	margin-bottom: 10px;
}
#pv2 {
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index: 9990 !important;
	margin-bottom:-100%;
	background-image: url(../img_top/bg_pv.png);
}
#pv2 DIV {
	position: fixed;
	width:640px;
	height:400px;
	top:50%;
	left:50%;
	margin-top:-210px;
	margin-left:-330px;
	z-index: 9999 !important;
	padding:10px;
	background-color: #000;
}
#pv2 DIV IMG {
	float: right;
	height: 30px;
	width: 30px;
	margin-bottom: 10px;
}
IMG.rollover {
	cursor: pointer;
}