@charset "Shift_JIS";
E¿@charset "utf-8";
html {-webkit-text-size-adjust:none}
/*jquaryã«ã¦ä½¿ç”¨ã™ã‚‹CSSEˆçŸ¥è­˜ãEã‚ã‚‹äººä»¥å¤–ãEå¤‰æ›´ã—ãªãE§ä¸‹ã•ãE¼E
------------------------------------------------------------------*/

#overlay {
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:1px;
	z-index: 1;
	background: url(bk_zoom.png) repeat;
         }
#overlayimage {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: 100%;
	width: 100%;
	float: none;
	background: no-repeat fixed center 110px;
	text-align: center;
	display:none;
	position: fixed;
}
#close {
	position: fixed;
	padding: 0px;
	margin: 0px;
	height: 33px;
	width: 100%;
	background: url(bk_cursol.png) no-repeat center top;
	top: 60px;
	clear: both;
}
#overlayimage img {
	margin: 120px 0px 0px;
	clear: both;
	float: none;
	background: no-repeat fixed center 120px;
	text-align: center;
	border: 10px solid #FFFFFF;
}
#pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 15px;
  padding: 5px;
  cursor: pointer;
}
.slide1 {
	margin: 0px 0px 3px;
	padding: 0px 0px 0px 15px;
	clear: both;
	height: 32px;
	background: url(op_slide.gif) no-repeat right center;
	font: normal 9pt/24pt "E­E³ E°ã‚´ã‚·ãƒE‚¯", Osaka, "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3";
	color: #6633FF;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
}
.slide2 {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}

.kakusu {
	display: none;
}

/*æ§‹é€ ç”¨CSS
------------------------------------------------------------------*/

html {-webkit-text-size-adjust:none}
body {
	margin: 0px;
	padding: 0px;
	font: normal 9pt/13pt "E­E³ E°ã‚´ã‚·ãƒE‚¯", Osaka, "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3";
	color: #505050;
	background: #FFFFFF url(bk_page.jpg) no-repeat fixed center top;
}
h1 {
	display: none;
	font-size: 9pt;
}
h2 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	clear: both;
	height: 40px;
	width: auto;
	background: url(bk_h2.png) repeat left top;
	font: normal 9pt/28pt "E­E³ E°ã‚´ã‚·ãƒE‚¯", Osaka, "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3";
}
h3 {
	font: normal 9pt/24pt "E­E³ E°ã‚´ã‚·ãƒE‚¯", Osaka, "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3";
	clear: both;
	height: 32px;
	width: auto;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px;
	border-top: 0px none #CCCCCC;
	border-right: 0px none #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 0px none #CCCCCC;
}
a {
	color: #6633FF;
}
a:hover {
	color: #99CC00;
}


#wrapper {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	float: none;
	height: auto;
	width: 970px;
	background: url(bk_wrapper.png);
}
#cname {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: auto;
	width: 950px;
}
#topnavi {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: 40px;
	width: 950px;
	background: url(bk_tnavi.jpg) repeat left top;
}
#topnavi img {
	clear: none;
	float: left;
	border-top: 0px none #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px none #FFFFFF;
	border-left: 0px none #FFFFFF;
}
#topnavi a {
	margin: 0px;
	padding: 0px 15px;
	clear: none;
	float: left;
	height: 40px;
	width: auto;
	background: url(tnavi_a.jpg) repeat-x center top;
	color: #FFFFFF;
	text-decoration: none;
	font: normal 9pt/30pt "E­E³ E°ã‚´ã‚·ãƒE‚¯", Osaka, "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3";
	border-top: 0px none #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px none #FFFFFF;
	border-left: 0px none #FFFFFF;
}
#topnavi a:hover{
	margin: 0px;
	padding: 0px 15px;
	clear: none;
	float: left;
	height: 40px;
	width: auto;
	background: url(tnavi_b.jpg) repeat-x center top;
	color: #FFFFFF;
	text-decoration: none;
	font: normal 9pt/30pt "E­E³ E°ã‚´ã‚·ãƒE‚¯", Osaka, "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3";
	border-top: 0px none #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px none #FFFFFF;
	border-left: 0px none #FFFFFF;
}

#header {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: 220px;
	width: 950px;
	background: url(header.jpg) no-repeat left top;
}
#effect {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: 220px;
	width: 950px;
	overflow: hidden;
	background: url(effect.png) repeat;
}
#sidenavi {
	margin: 0px 0px 10px;
	padding: 0px;
	clear: both;
	height: auto;
	width: 200px;
}
#sidenavi a {
	margin: 3px 0px 0px;
	padding: 0px 0px 0px 15px;
	clear: both;
	height: 40px;
	width: 185px;
	display: block;
	background: url(snavi_a.jpg) no-repeat left top;
	text-decoration: none;
	color: #333333;
	font: normal 9pt/30pt "E­E³ E°ã‚´ã‚·ãƒE‚¯", Osaka, "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3";
}
#sidenavi a:hover {
	margin: 3px 0px 0px;
	padding: 0px 0px 0px 15px;
	clear: both;
	height: 40px;
	width: 185px;
	display: block;
	background: url(snavi_b.jpg) no-repeat left top;
	text-decoration: none;
	color: #6633FF;
	font: normal 9pt/30pt "E­E³ E°ã‚´ã‚·ãƒE‚¯", Osaka, "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3";
}



#contents {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	clear: both;
	float: left;
	height: auto;
	width: 950px;
	background: url(bk_contents.png) no-repeat center top;
	display: inline;
}
#column1 {
	margin: 36px 0px 0px 10px;
	padding: 0px;
	clear: none;
	float: left;
	height: auto;
	width: 200px;
}
#column1 p {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#column2 {
	margin: 36px 0px 0px 10px;
	padding: 0px;
	clear: none;
	float: left;
	height: auto;
	width: 580px;
}
#column2 p {
	margin: 0px;
	padding: 0px 10px;
	clear: both;
}
#main {
	margin-top: 36px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: none;
	float: left;
	height: auto;
	width: 650px;
}
#main2 {
	margin: 36px auto 0px;
	padding: 0px;
	clear: both;
	float: none;
	height: auto;
	width: 930px;
}
#main p {
	margin: 0px;
	clear: both;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
}
#main2 p {
	margin: 0px;
	clear: both;
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
}

#footer {
	margin: 0px 10px;
	padding: 0px;
	clear: both;
	height: 62px;
	width: 950px;
	background: url(bk_footer.jpg) repeat;
}
#footer p {
	text-align: center;
	margin: 0px;
	padding: 15px 0px 0px;
	clear: both;
	color: #666666;
}
#footernavi {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: 32px;
	width: 950px;
	background: url(bk_fnavi.jpg) repeat left top;
}
#footernavi a {
	margin: 0px;
	padding: 0px 15px;
	clear: none;
	float: left;
	height: 32px;
	width: auto;
	background: url(fnavi_a.jpg) repeat left top;
	border-top: 0px none #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px none #FFFFFF;
	border-left: 0px none #FFFFFF;
	font: normal 9pt/24pt "E­E³ E°ã‚´ã‚·ãƒE‚¯", Osaka, "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3";
	color: #FFFFFF;
	text-decoration: none;
}
#footernavi a:hover {
	margin: 0px;
	padding: 0px 15px;
	clear: none;
	float: left;
	height: 32px;
	width: auto;
	background: url(fnavi_b.jpg) repeat left top;
	border-top: 0px none #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px none #FFFFFF;
	border-left: 0px none #FFFFFF;
	font: normal 9pt/24pt "E­E³ E°ã‚´ã‚·ãƒE‚¯", Osaka, "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3";
	color: #FFFFFF;
	text-decoration: none;
}



/*clearfixEˆå¤‰æ›´ã—ãªãE§ä¸‹ã•ãE¼E
------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
.kannalink {
	text-align: center;
	float: left;
	width: 200px;
	clear: both;
	margin: 0px auto;
	padding: 0px;
	height: auto;
}
