@charset "utf-8";

/* 初期設定
maki用 By Matsuzawa
2014-10-28
h1:font-size追記
--------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

ol,
ul {
  list-style: none;
}
body {
  font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 12px;
  color: #545454;
  line-height: 1.5;
  width: 100%;
  background: #b3adba;
  background: #336666;
  background: #849ebc;
}

#container {
	width: 980px;
	overflow:hidden;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	background: #fff;
	padding-bottom: 30px;
}

#header {
  height: 60px;
}
.title {
  position: relative;
  height: 35px;
  width: 980px;
  margin: 0 auto;
  font-size: 24px;
  color: #fff;
  background: #fff;
  color: #000;
}
.leftmain {
  font-size: 24px;
  padding-left: 8px;
}
header span {
  position: relative;
  left: 550px;
  top: 0px;
  font-size: 14px;
}
#main {
  clear: both;
}

section {
  clear: both;
}

h1 {
  width: 759px;
  font-size: 12px;
  background-color: #0188c8;
  color: #fff;
  padding: 3px;
  margin: 0 auto;
  margin-top: 20px;
}
table {
  width: 765px;
  margin: 0 auto;
  border-collapse: collapse;
  /*border: none;*/
  border: #b9d1ea 1px solid;
  font-size: 12px;
  background-color: #fff;
}

td {
	text-align: left;
	/*vertical-align: top;*/
	padding: 5px;
	/*border-bottom: #e3e3e3 1px solid;*/
	border: none;
}
th {
	border: none;
	background: #888;
	color: #fff;
	padding: 5px;
}
.oddclass {
  background-color: #fff;
}

.evenclass {
  background-color: #eee;
}
.thclass {
  background: #f7f7f7;
}
#pan {
  height: 18px;
  padding: 5px 0;
  background: #f0f0f0;
}

#pan li {
  display: inline;
}

#pan li.first {
  padding-left: 35px; /* 左パディング */
  background: url(./img/pankuz_home.gif) no-repeat left;
}

.searchpo {
  width: 765px;
  margin: 20px auto;
}

ul.searchlink {
  /*float: left;*/
  position: relative;
  margin-left: 50px;
}

ul.searchlink li {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 198px;
  height: 35px;
  list-item-position: inside;
  background: url(./img/search.png) no-repeat;
  text-align: center;
  padding-right: 25px;
}

ul.searchlink li a {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 198px;
  height: 35px;
}

/*-----------------------*/
.top {
  clear: both;
  width: 100%;
  /*background: #bb0000;*/
  background: #fff;
  background: #f0f0f0;
  background: #ebe1d7;
}
.title {
  position: relative;
  height: 35px;
  width: 980px;
  margin: 0 auto;
  font-size: 24px;
  color: #fff;
  background: #fff;
  color: #000;
}

.subimg {
  width: 100%;
  text-align: center;
  line-height: 0;
}
.slidarea {
  width: 980px;
  height: 250px;
  margin: 0 auto;
  /*デフォルトのボーダーとシャドウを消す*/
  border: none;
  box-shadow: none;
}
.slidarea li img {
  width: 980px;
  height: 250px;
}

p {
  width: 860px;
  margin: 0 auto;
  padding-bottom: 24px;
}

.homelabel {
  width: 860px;
  font-size: 24px;
  padding: 24px 0;
  background: none;
  color: #000;
}

#redline {
  position: relative;
  width: 100%;
  height: 3px;
  background: #b00;
}

/*------------- information area ------ */
#newsindex {
  width: 150px;
  text-align: center;
  background: #f0f0f0;
  margin: 0 0 0 30px;
  padding: 5px;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
  color: #ff8c00;
}
.containersec {
  width: 880px;
  background: #f0f0f0;
  margin: 0px auto;
  padding: 20px;
  overflow:hidden;
  height:100%;
}

#newstopix {
  float: left;
  overflow-y: auto;
  width: 600px;
  height: 120px;
}
#addinfo {
	float: right;
	font-size: 10px;
	font-weight: bold;
	background: #fff;
	padding: 8px;
	border:solid 1px #a4a4a4;
	border-radius: 5px; 
}
#addinfo span {
	font-weight: normal;
}
.shamei {
	font-size: 12px;
}
#newstopix dl{
	margin: 0px;
	padding: 0px;
	overflow:auto;
	font-size: 12px;
	width: 580px;
}

#newstopix dl dt{
	float: left;
	width: 100px;
	padding-left: 26px;
	margin: 8px 0px;
	color: #006699;
	font-weight: bold;
	line-height: 120%;
}

#newstopix dl dd {
	margin-left: 6px;/*tennsennnokaisiit*/
	margin-right: 6px;/*tennsennnokaisiit*/
	padding: 8px 0px;
	line-height: 120%;
	background-image:url(./img/tensen.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
}
.new {
	background-image:url(./img/new.gif);
	background-repeat:no-repeat;
	background-position: left top;
}
.nom {
	background-image:url(./img/img_o002.gif);
	background-repeat:no-repeat;
	background-position: 3px top;
}
/*--menu ---*/
#menu {
  height: 64px;
  margin: 0px;
  padding: 0px;
  background-image: url(../img/menu_back.gif);
  background-repeat: repeat-x;
  background-position: center;
}
#navi {
  margin: 0px auto;
  padding: 0px;
  width: 980px;
  height: 50px;
}
#navi ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#navi li {
  display: inline;
  float: left;
}
#navi a {
  display: block;
  position: relative;
}
#navi li a {
  width: 980px;
  height: 50px;
}
#navi ul li a {
  background-image: url(../images/meinmenu2.png);
  background-repeat: no-repeat;
  width: 196px;
  float: left;
  text-decoration: none;
  text-indent: -99999px;
}


footer {
	background-color: #cacaca;
	/*padding: 8px 20px;*/
	text-align: center;
	border-top: 3px double #909090;
}
#footerInner {
  width: 980px;
  height: 200px;
  margin: 0 auto;
  background: #d8d8d8;
}

footer ul li {
	display: inline;
	margin: 0;
	float: left;
	border-right: 1px solid #c0c0c0;
	font-size: 10px;
	height: 1.5em;
	line-height: 1.5em;
	padding: 0 8px;
}
address {
	clear: both;
	text-align: center;
	color: #f4f4f4;
	padding:20px 0 16px 0;
}
footer .right {
	border: 0;
}
.listcap {
  margin: 15px 0 0 100px;
  padding-bottom: 60px;
}


.m1 a {
  background-position: 0px 0px;
}
.m1 a:hover {
  background-position: 0px -50px;
}
.m1Now a {
  background-position: 0px -50px;
}
.m2 a {
  background-position: -196px 0px;
}
.m2 a:hover {
  background-position: -196px -50px;
}
.m2Now a {
  background-position: -196px -50px;
}
.m3 a {
  background-position: -392px 0px;
}
.m3 a:hover {
  background-position: -392px -50px;
}
.m3Now a {
  background-position: -392px -50px;
}
.m4 a {
  background-position: -588px 0px;
}
.m4 a:hover {
  background-position: -588px -50px;
}
.m4Now a {
  background-position: -588px -50px;
}
.m5 a {
  background-position: -784px 0px;
}
.m5 a:hover {
  background-position: -784px -50px;
}
.m5Now a {
  background-position: -784px -50px;
}

#itemview {
  background: #fff;
  width: 750px;
  padding: 8px;
  border:solid 4px #9c7f83;
  border-radius: 5px;
  margin: 20px auto;
  text-align: center;
}

#itemview table {
  width: 700px;
  background: #f5fbfb;
}
#itemview table td {
  border: #b9d1ea 1px solid;
}
/*-----------------------------*/
.toiawasebotton {
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
.goform {
  display: block;
  width: 578px;
  height: 70px;
  background: url(../images/goform.gif) no-repeat 0 0;
  text-indent: -99999px;
  margin: 0 auto;
}
a:hover {
  background-position: 0 bottom;
}
/*-------------------------*/