@import url("reset.css");

/*土台部分*/
body {
	line-height: 1.6em;
	color: #000;
	font-family:  Arial, Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	background-image: url(../img/base/back.gif);
	background-repeat: repeat;
	background-position: left top;
}
/* for WinIE7 */
*:first-child+html body {
	font-size: 85%;
}

/* for WinIE6 */
*html body {
	font-size: 85%;
}

/*トップメニューロールオーバー*/

#header #topmenu a#dt01 {
	display: block;
	width: 160px;  /*画像の横幅*/
	height: 44px;  /*画像の縦幅*/
	background: transparent url(../img/base/topmenu01b.gif) no-repeat 0 0;  /*hover時の画像を読み込む*/
	text-decoration: none;
}
#header #topmenu a#dt01:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -46px;  /*背景をずらす*/
}
#header #topmenu a#dt02 {
  display: block;
  width: 159px;  /*画像の横幅*/
  height: 44px;  /*画像の縦幅*/
  background: transparent url("../img/base/topmenu02b.gif") no-repeat 0 0;  /*hover時の画像を読み込む*/
  text-decoration: none;
}
#header #topmenu a#dt02:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -46px;  /*背景をずらす*/
}
#header #topmenu a#dt03 {
  display: block;
  width: 159px;  /*画像の横幅*/
  height: 44px;  /*画像の縦幅*/
  background: transparent url("../img/base/topmenu03b.gif") no-repeat 0 0;  /*hover時の画像を読み込む*/
  text-decoration: none;
}
#header #topmenu a#dt03:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -46px;  /*背景をずらす*/
}
#header #topmenu a#dt04 {
  display: block;
  width: 159px;  /*画像の横幅*/
  height: 44px;  /*画像の縦幅*/
  background: transparent url("../img/base/topmenu04b.gif") no-repeat 0 0;  /*hover時の画像を読み込む*/
  text-decoration: none;
}
#header #topmenu a#dt04:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -46px;  /*背景をずらす*/
}
#header #topmenu a#dt05 {
  display: block;
  width: 159px;  /*画像の横幅*/
  height: 44px;  /*画像の縦幅*/
  background: transparent url("../img/base/topmenu05b.gif") no-repeat 0 0;  /*hover時の画像を読み込む*/
  text-decoration: none;
}
#header #topmenu a#dt05:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -46px;  /*背景をずらす*/
}
/*トップメニューロールオーバー終了*/
/*メイン1ロールオーバー*/
#main_menu01 a#menu01 {
	display: block;
	width: 364px;  /*画像の横幅*/
	height: 104px;  /*画像の縦幅*/
	background: transparent url("../img/top/botan01b.jpg") no-repeat 0 0;  /*hover時の画像を読み込む*/
	text-decoration: none;
}
#main_menu01 a#menu01:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -104px;  /*背景をずらす*/
}
#main_menu01 a#menu02 {
	display: block;
	width: 364px;  /*画像の横幅*/
	height: 104px;  /*画像の縦幅*/
	background: transparent url("../img/top/botan02b.jpg") no-repeat 0 0;  /*hover時の画像を読み込む*/
	text-decoration: none;
}
#main_menu01 a#menu02:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -104px;  /*背景をずらす*/
}
/*メイン1ロールオーバー終了*/
/*メイン2ロールオーバー*/
#main_menu02 a#menu03 {
	display: block;
	width: 242px;  /*画像の横幅*/
	height: 46px;  /*画像の縦幅*/
	background: transparent url("../img/top/botan03b.gif") no-repeat 0 0;  /*hover時の画像を読み込む*/
	text-decoration: none;
}
#main_menu02 a#menu03:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -46px;  /*背景をずらす*/
}
#main_menu02 a#menu04 {
	display: block;
	width: 242px;  /*画像の横幅*/
	height: 46px;  /*画像の縦幅*/
	background: transparent url("../img/top/botan04b.gif") no-repeat 0 0;  /*hover時の画像を読み込む*/
	text-decoration: none;
}
#main_menu02 a#menu04:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -46px;  /*背景をずらす*/
}
#main_menu02 a#menu05 {
	display: block;
	width: 242px;  /*画像の横幅*/
	height: 46px;  /*画像の縦幅*/
	background: transparent url("../img/top/botan05b.gif") no-repeat 0 0;  /*hover時の画像を読み込む*/
	text-decoration: none;
}
#main_menu02 a#menu05:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -46px;  /*背景をずらす*/
}
/*メイン2ロールオーバー終了*/
/*メイン3ロールオーバー*/
#main_menu03 a#menu06 {
	display: block;
	width: 370px;  /*画像の横幅*/
	height: 79px;  /*画像の縦幅*/
	background: transparent url("../img/top/botan06b.gif") no-repeat 0 0;  /*hover時の画像を読み込む*/
	text-decoration: none;
}
#main_menu03 a#menu06:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -79px;  /*背景をずらす*/
}
#main_menu03 a#menu07 {
	display: block;
	width: 370px;  /*画像の横幅*/
	height: 79px;  /*画像の縦幅*/
	background: transparent url("../img/top/botan07b.gif") no-repeat 0 0;  /*hover時の画像を読み込む*/
	text-decoration: none;
}
#main_menu03 a#menu07:hover {
  text-indent: -9999px;  /*hover時だけ画像を飛ばす*/
  background-position: 0 -79px;  /*背景をずらす*/
}
/*メイン3ロールオーバー終了*/
#container {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#header {
	width: 850px;
}
#header #topbase {
	width: 796px;
	height: 70px;
	margin: 0px 27px 0px 27px;
}
#header #topbase #topbase_left {
	float: left;
	width: 262px;
	height: 70px;
	margin: 0px 30px 0px 0px;
}
#header #topbase #topbase_right {
	float: right;
	width: 174px;
	padding: 15px 0px 0px 30px;
}
#header #topbase #topbase_font {
	font-size: 10px;
	line-height: 15px;
	padding: 12px 0px 0px 0px;
	height: 70px;
}
*html #header #topbase #topbase_font {
	font-size: 9px;
	line-height: 15px;
	padding: 12px 0px 0px 0px;
	height: 70px;
}
#header #top {
	text-align: right;
	width: 796px;
	margin: -19px 27px 0px 27px;
}

*html #header #top {
	text-align: right;
	width: 796px;
	margin: -30px 27px 0px 27px;
}



#header #topmenu {
	width: 796px;
	background-image: url(../img/base/topmenu_back.gif);
	background-repeat: repeat;
	background-position: left top;
	padding: 0px 27px 0px 27px;
}
#header #topmenu li {
	float: left;
}
#container #top_image {
	width: 850px;
}
#contents {
	background-image: url(../img/top/contents_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 740px;
	padding: 15px 54px 0px 54px;
}
#contents #main_menu01 {
	width: 740px;
}
#contents #main_menu01 li {
	float: left;
	width: 364px;
}
#contents #main_menu01_space {
	margin: 0px 0px 0px 12px;
}
#contents #main_menu02 {
	width: 736px;
	margin: 15px 2px 0px 2px;
}
#contents #main_menu02 dd {
	float: left;
}
#contents .main_menu02_space {
	margin: 0px 5px 0px 0px;
}
#contents #main_menu03 {
	width: 740px;
	margin: 15px 0px 0px 0px;
}
#contents #main_menu03 li {
	float: left;
	width: 370px;
}
#contents  #contents2 {
	width: 740px;
	margin: 30px 0px 0px 0px;
}
#contents #contents2 #main {
	width: 530px;
	float: left;
}
#contents #contents2 #side {
	float: right;
	width: 210px;
	text-align: center;
}
#contents #contents2 #side li {
	width: 210px;
	margin: 0px 0px 10px 0px;
}
#contents #contents2 #main h2 {
	margin: 0px 0px 5px 0px;
}
#contents  #contents2  #area  {
	border: 1px solid #999999;
	width: 518px;
	margin: 15px 0px 0px 0px;
	padding: 5px;
	font-size: 12px;
}
#contents  #contents2  #area  dt {
	float: left;
	width: 100px;
}
#contents #contents2 #main h3 {
	width: 530px;
	margin: 15px 0px 0px 0px;
}
#contents #contents2 #main #news {
	width: 510px;
	margin: 5px 10px 0px 10px;
}
#contents #contents2 #main #news dt {
	float: left;
	width: 70px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin: 5px 0px 0px 0px;
}
#contents #contents2 #main #news dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	float: right;
	width: 440px;
	margin: 5px 0px 0px 0px;
}
#contents #contents2 #main #contact {
	background-image: url(../img/top/contact_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 530px;
	height: 167px;
	margin: 20px 0px 0px;
}
#contents #contents2 #main #contact dt {
	text-align: center;
	width: 530px;
	padding: 15px 0px 0px 0px;
}
#contents #contents2 #main #contact #text {
	margin-right: auto;
	margin-left: auto;
	width: 400px;
}
#contents #contents2 #main #contact #bana {
	text-align: center;
	margin: 20px auto 0px;
	width: 234px;
}

#footer {
	background-color: #999999;
	width: 796px;
	padding: 5px 27px;
	margin-top: 15px;
}
#footer address {
	color: #FFFFFF;
	font-size: 12px;
}

#news a:link {
 color:#0033FF;
}
#news a:visited {
 color:#0033FF;
}
#news a:active {
 color:gray;
}
#news a:hover {
	color:gray;
	text-decoration:underline;
}
#news a{
  text-decoration:underline;
}
#contents #contents2 #main .margin {
	margin: 15px 0px 0px 0px;
}
#contents #contents2 #main #news_under {
	width: 510px;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 10px;
}
#contents #contents2 #main #news_under li {
	float: left;
	width: 255px;
	font-size: 12px;
}