/****************************************************
 共通
*****************************************************/
body{
  margin: 0px;
  padding: 0px;
  font-family: 'MS UI Gothic','sans-serif';
  font-size: 95%;
  color: #444444;
  background-color:#f0f8ff;
  text-align: center;
}

#wrapper {
  width:700px;
  margin: 0px auto;
  padding: 0px auto;
  background-image: url(img/hbg.gif);
  background-repeat: repeat-x;
  position: relative;
  text-align: left;
/*  border-style: solid;*/
/*  border-width: 1px;*/
/*  border-color: #cccccc;*/
}

#header {
  width: 100%;
  height: 140px;
  padding: 0px;
  margin: 0px auto;
/*  background-color: #cccccc;*/
}

#contents{
  width:100%;
  margin: 0px auto;
  padding: 0px;
  background-color:#fff;
  border-bottom :1px solid #fff;
}

#main1 {width:100%;}

#main2 {
  width:100%;
  margin-top: 30px;
  margin-bottom: 10px;
}

#menu,#info {
  float:left; display: inline;
  width: 245px;
  margin: 0px;
  padding: 0px;
}

#t_rightarea,#b_rightarea {
  float: left; display: inline;
  width: 455px;
  margin: 0px;
  padding: 0px;
}

#footer {
  width: 100%;
  height: 140px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background-image: url(img/fbg.gif);
  background-repeat: repeat-x;
  background-position: center top;
}

/* floatの設定を解除 */
.tbox:after,#main1:after,#main2:after,.guide:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
/****************************************************
header
*****************************************************/
#header div {
  width: 470px;
  height: 100px;
  padding-top: 15px;
  margin-left: 10px;
}

#header p {
  margin-left: 5px;
  margin-top: 30px;
  line-height: 17px;
  font-size: 14px;
  font-family: 'メイリオ','sans-serif';
}

/****************************************************
topnews
*****************************************************/
#topnews {
  padding-top: 5px;
  margin: 0px;
  font-weight: bold;
  text-align: center;
}

.tbox {
  width: 672px;
  /* height: 100px; */
  margin: 5px auto 15px;
  border:1px solid #87ceeb;
  border-radius: 0.5em;
  /* border-top: 3px solid #87ceeb;*/
  /*border-bottom: 1px solid #87ceeb;*/
  overflow: hidden;/* IE6用小さい高さを指定した場合に起こるバグ回避*/
}

.newcontent {
  text-align: left;
  margin-top: 10px;
  margin-left: 10px;
}
#topnews .left {
  float:left; display: inline;
  width: 110px;
  margin-top: 5px;
  margin-left: 5px;
}

#topnews .right {
  float:left; display: inline;
  width: 555px;
  margin: 5px 0px;
  text-align: left;
}

/****************************************************
leftarea
*****************************************************/
#menu ul {
  width: 210px;
  padding: 0px;
  margin: 0px 20px 20px 15px;
 /*margin: 0 0 0 1em;*/
}

#menu li {
  background-image: url(img/sidemenu_bg.gif);	/*左側のアクセント画像*/
  background-repeat: no-repeat;
  background-position: left center;
  list-style: none;
  line-height: 15px;
}

#menu a {
  display: block;
  width: 180px;
  _width: 210px;
  border-bottom: 1px dotted #bfbfbf;	/*下線*/
  text-decoration: none;
  padding: 5px 10px 5px 20px;
}

#menu a:hover {
  font-weight: bold;
  background-color: #F0F0F0;	/*カーソルオーバー時の背景色*/
}

.news {
  width: 210px;
  height: 250px;
  overflow: auto;
  margin-left: 15px;
  margin-right: 5px;
  font-size: 11px;
  line-height: 15px;
  background-color: #f5f5f5;
}

.news div.date{
  width: 80px;
  margin-left: 5px;
  font-weight: bold;
}

.news div.content{
  width: 180px;
  margin-left: 5px;
}

.link {
  width: 180px;
  margin-left: 5px;
}


hr{
  height:1px;
  border-width:0px;
  border-top:1px dotted #888888;
}

.count {
  margin-top: 30px;
  margin-left: 20px;
  font-size: 11px;
}


/****************************************************
rightarea
*****************************************************/
.guide {
  width: 440px;
  line-height: 17px;
}

.lbox{
  float:left; display: inline;
  width: 210px;
  margin-top: 5px;
  margin-right: 20px;
  margin-bottom: 5px;
}

.rbox{
  float:left; display: inline;
  width: 210px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.lbox2{
  float:left; display: inline;
  width: 210px;
  margin: 5px;
}

.rbox2{
  float:left; display: inline;
  width: 210px;
  margin: 5px;
}

#b_rightarea ul {
  padding: 0px;
  margin: 0 0 0 2.5em;
}

#b_rightarea li {
  list-style-image: url("img/list.gif");
  line-height: 20px;
  list-style-position: outside;
}

.lbox_img{margin-top:50px;}

.rbox_img {
  width:170px;
  margin:15px 20px 0px;
}

.slide {
  width: 440px;
  height:240px;
}

.rbbox {
  width: 440px;
  height: 200px;
  /*margin: 5px auto 15px;*/
  /*background-color:#e6e6fa;*/
  border-radius: 0.5em;
  /* border-top: 3px solid #87ceeb;*/
  /*border-bottom: 1px solid #87ceeb;*/
  overflow: hidden;/* IE6用小さい高さを指定した場合に起こるバグ回避*/

}

.banner1 {
  width: 200px;
  height: 70px;
  line-height:10px;
  font-size: 18px;
  font-weight: bold;
  outline : 2px solid #FFFFFF; /* 線の太さ・線状・色 */
  outline-offset : -6px; /* どれだけ内側に線を表示したいかを負の値で指定 */
  background: #0066FF;
  color: #fff;
  margin: 5px;
  border: 1px solid #000;
}

.banner2 {
  width: 200px;
  height: 70px;
  line-height:10px;
  font-size: 18px;
  font-weight: bold;
  outline : 2px solid #FFFFFF; /* 線の太さ・線状・色 */
  outline-offset : -6px; /* どれだけ内側に線を表示したいかを負の値で指定 */
  background: #ff9900;
  color: #fff;
  margin: 5px;
  border: 1px solid #000;
}

.banner3 {
  width: 200px;
  height: 70px;
  line-height:10px;
  font-size: 18px;
  font-weight: bold;
  outline : 2px solid #FFFFFF; /* 線の太さ・線状・色 */
  outline-offset : -6px; /* どれだけ内側に線を表示したいかを負の値で指定 */
  background: #b7282e;
  color: #fff;
  margin: 5px;
  border: 1px solid #000;
}

.banner4 {
  width: 200px;
  height: 70px;
  line-height:10px;
  font-size: 18px;
  font-weight: bold;
  outline : 2px solid #FFFFFF; /* 線の太さ・線状・色 */
  outline-offset : -6px; /* どれだけ内側に線を表示したいかを負の値で指定 */
  background: #2e8b57;
  color: #fff;
  margin: 5px;
  border: 1px solid #000;
}

.banner5 {
  width: 200px;
  height: 70px;
  line-height:10px;
  font-size: 17px;
  font-weight: bold;
  outline : 2px solid #FFFFFF; /* 線の太さ・線状・色 */
  outline-offset : -6px; /* どれだけ内側に線を表示したいかを負の値で指定 */
  background: #00008b;
  color: #fff;
  margin: 5px;
  border: 1px solid #000;
}

.banner6 {
  width: 200px;
  height: 70px;
  line-height:10px;
  font-size: 17px;
  font-weight: bold;
  outline : 2px solid #FFFFFF; /* 線の太さ・線状・色 */
  outline-offset : -6px; /* どれだけ内側に線を表示したいかを負の値で指定 */
  background: #00bfff;
  color: #fff;
  margin: 5px;
  border: 1px solid #000;
}

.banner1,.banner2,.banner3,.banner4,.banner5,.banner6 {
  cursor: pointer;
  transition-duration: 0.3s;
}

.banner1:hover, .banner2:hover, .banner3:hover, .banner4:hover, .banner5:hover, .banner6:hover {
  opacity: 0.6;
  transition-duration: 0.3s;
  text-decoration: none;
}

.banner-link {
  text-decoration : none;

}
/****************************************************
footer
*****************************************************/
#footer .access {
  height: 90px;
  padding-top: 10px;
  line-height: 20px;
  font-size: 90%;
}

#footer .copyright {
  height: 20px;
  color:#cccccc;
  font-size: 13px;
}

/****************************************************
font
*****************************************************/
.bold {font-weight: bold;}

.font14 {font-size: 14px;}

.font75 {font-size: 75%;}

.font120 {font-size: 120%;}

/****************************************************
リンク
*****************************************************/
/* 全体のリンク */
a:link {color: #444444;}

a:visited {color: #444444;}

a:hover,a:active{color: #0099cc;}

/****************************************************
その他
*****************************************************/
.margin10 {margin: 0px 5px  0px 15px;}
.margin20 {margin: 20px 30px  0px 15px;}
.margin30 {margin: 30px 30px  0px 15px;}

.mart10 {margin-top: 10px;}
.mart20 {margin-top: 20px;}
.marl10 {margin-left: 10px;}
.padl15 {padding-left: 15px;}
.padr15 {padding-right: 15px;}
.padr20 {padding-right: 20px;}
.talir {text-align: right;}
.talic {text-align: center;}
.talil {text-align: left;}



/*  リンク画像の枠線消し */
img{border:none;}

.img1{border:1px solid #cccccc;}

.img2{
  border:1px solid #cccccc;
  margin-bottom: 5px;
}

.img3{border:2px solid #000000;}


/* レイアウト左右ズレの回避設定 */
html {overflow-y: scroll;}