@charset "UTF-8";
/* CSS Document */

#wrapper {
	width:900px; margin:0 auto;
}
#header {
	width:812px; height:70px; padding:0 44px; background : #f8bc00 url(../images/header.png) no-repeat 44px bottom;
}
#title {
	width:675px; height:122px; padding:0 44PX; background : #ffffff url(../images/title_01.png) no-repeat 44px bottom; 
}
#title2 {
	margin-left:719px; margin-top:-122px; width:137px; height:122px; background : #ffffff url(../images/title_02-e.png) no-repeat center bottom; 
}
#title2 a {
	width:137px; height:0; padding-top:122px; display:block; overflow:hidden; 
}
#title2 a:hover {
	background : url(../images/title_02-e-ho.png) no-repeat; 
}
#title3 {
	margin-left:719px; margin-top:-122px; width:137px; height:122px; background : #ffffff url(../images/title_03.png) no-repeat center bottom; 
}
#title3 a {
	width:137px; height:0; padding-top:122px; display:block; overflow:hidden; 
}
#title3 a:hover {
	background : url(../images/title_03-ho.png) no-repeat; 
}

.hidden {
	visibility:hidden; 
}

#navi {
	width: 812px; overflow:hidden; padding:0 44px; margin-bottom:12px; 
}
#navi li {
	float: left; height:34px; display:block; 
}
#navi li a {
	display: block; overflow:hidden; height:0; background-image:url(../images/navi.png); padding-top:34px; 
}
/* global navi normal */
#navi #menu1 a {
	width:116px; background-position:0 -34px; 
}
#navi #menu2 a {
	width:116px; background-position:-116px -34px; 
}
#navi #menu3 a {
	width:116px; background-position:-232px -34px; 
}
#navi #menu4 a {
	width:116px; background-position:-348px -34px; 
}
#navi #menu5 a {
	width:116px; background-position:-464px -34px; 
}
#navi #menu6 a {
	width:116px; background-position:-580px -34px; 
}
#navi #menu7 a {
	width:116px; background-position:-696px -34px; 
}

/* global navi rollover */
#navi #menu1 a:hover {
	width:116px; background-position:0 0; 
}
#navi #menu2 a:hover {
	width:116px; background-position:-116px 0; 
}
#navi #menu3 a:hover {
	width:116px; background-position:-232px 0; 
}
#navi #menu4 a:hover {
	width:116px; background-position:-348px 0; 
}
#navi #menu5 a:hover {
	width:116px; background-position:-464px 0; 
}
#navi #menu6 a:hover {
	width:116px; background-position:-580px 0; 
}
#navi #menu7 a:hover {
	width:116px; background-position:-696px 0; 
}

#contents {
	padding:0 44px; 
}

/* footer */
#footer {
	width:812px; height:62px; padding:4px 44px; background: #F8BC00; clear:both; 
}
#foot_menu {
	width:500px; color:#fff; float:left; font-size:0.8em; padding-top:4px; 
}
#foot_menu a {
	color:#fff; 
}
#foot_menu a:hover {
	color:#F00; 
}
#copyright {
	width:312px; color:#fff; float:left; text-align:right; font-size:0.6em; 
}

/* toppage */
#container {
	margin-top:30px; 
}

#left {
	width:270px; float:left; margin-right:30px; 
}
#cont1 {}
#cont1 li {
	height:26px; width:250px; padding:10px 0 0 20px; font-size:0.8em; background : url(../images/arrow_g.gif) no-repeat 4px center; border-bottom:dotted thin; letter-spacing:0.2em; 
}
#cont1 li a {
	color:#666; text-decoration:none; display:block; 
}
#cont1 li a:hover {
	margin:-10px 0 0 -20px; padding:10px 0 0 20px; height:26px; width:250px; background : #dddddd url(../images/arrow_y.gif) no-repeat 4px center; 
}

#closs {
	width:270px; margin:20px 0; 
}
#closs li {
	float:left; width:135px; height:34px; display:block; text-align:center; margin:0 auto; line-height: 34px; 
}
#closs li a {
	display:block; color:#666; 
}
#closs li a:hover {
	background:#ddd;
}
#closs1 li {
	border-bottom:dotted thin; 
}
#closs2 { }
#closs .dlineL {
	float:right; border-left:dotted thin; margin:-35px 0 1px 0; 
}

#cont2 {
	float:left; margin:20px 0; 
}
#cont2 li {
	height:26px; margin:2px 0; display:block; 
}
#cont2 li a {
	display: block; overflow:hidden; height:0; padding-top:26px; 
}
#cont2 #cont2m1 a {
	width:270px; background : url(../images/cont_02.png) no-repeat left center; 
}
#cont2 #cont2m2 a {
	width:270px; background : url(../images/cont_03.png) no-repeat left center; 
}
#cont2 #cont2m3 a {
	width:270px; background : url(../images/cont_04.png) no-repeat left center; 
}
#cont2 #cont2m4 a {
	width:270px; background : url(../images/cont_05.png) no-repeat left center; 
}
#cont2 #cont2m5 a {
	width:270px; background : url(../images/cont_06.png) no-repeat left center; 
}
#cont2 #cont2m6 a {
	width:270px; background : url(../images/cont_07.png) no-repeat left center; 
}
#cont2 #cont2m7 a {
	width:270px; background : url(../images/cont_08.png) no-repeat left center; 
}
#cont2 #cont2m1 a:hover {
	width:270px; background-position:right;
}
#cont2 #cont2m2 a:hover {
	width:270px; background-position:right;
}
#cont2 #cont2m3 a:hover {
	width:270px; background-position:right;
}
#cont2 #cont2m4 a:hover {
	width:270px; background-position:right;
}
#cont2 #cont2m5 a:hover {
	width:270px; background-position:right;
}
#cont2 #cont2m6 a:hover {
	width:270px; background-position:right;
}
#cont2 #cont2m7 a:hover {
	width:270px; background-position:right;
}
#right {
	width:494px; margin-left:18px; float:left; 
}
#topics {
	margin-bottom:10px; 
}
#topics ul {
	margin-left:9px; 
}
#topics li {
	color: #F8BC00; 
}
#news {
	font-size:0.8em; 
}
#news dl dt {
	clear: left; float: left; margin: 0; width: 7.5em; 
}
#news dl dd {
	margin-bottom: 0.8em; margin-left: 7.5em; 
}
#rainbows {
	width:188px; height:91px; margin:0 0 20px 306px; background : #ffffff url(../images/rainbows.png) no-repeat center bottom; 
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}