﻿@charaset="UTF-8";
/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

a {
	outline: none;
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
	color: #666;
}

a:hover img {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

* table tr td:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}

.Clear {
	clear: both;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*------------bodyのスタイル-------------------------------------------------------------*/
body {
	background: #fff;
	overflow: scroll;
	line-height: 1.4;
	font-size: small;
	color: #333;

	min-width: 1024px;
	_display: inline;
	_zoom: 1;
}

/*IE6・7用*/
*body { overflow: auto; }

/*------------コンテナーのスタイル--------------------------------------------------------*/
div#Contenar{ 
 width: 980px;
 margin: auto;
}
/*------------ヘッダーのスタイル--------------------------------------------------------*/
div#Header{
  width: 100%;
  height: 120px;
  background: url(../img/header01.gif);
  padding-top:25px;
}
div#Header h1{
  background-image: url(../img/header.jpg) ;
  height:120px;
  text-indent: -99999px;
}
/*------------グローバルのスタイル--------------------------------------------------------*/
div#Global ul{
  width: 100%;
  list-style: none;
  overflow: hidden;
}
div#Global ul li{
  width: 196px;
  float: left;
}

div#Global ul li a{
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  text-indent: -99999px;
  line-height: 0px;
  font-size: 0px;
  height: 60px;
}

div#Global ul li#Gnavi01 a{
  background-image: url(../img/gnavi01.gif);
}
div#Global ul li#Gnavi02 a{
  background-image: url(../img/gnavi02.gif);
}
div#Global ul li#Gnavi03 a{
  background-image: url(../img/gnavi03.gif);
}
div#Global ul li#Gnavi04 a{
  background-image: url(../img/gnavi04.gif);
}
div#Global ul li#Gnavi05 a{
  background-image: url(../img/gnavi05.gif);
}
div#Global ul li a:hover{
   background-position: left center;
}

/*------------メインビジュアルのスタイル--------------------------------------------------------*/
div#Mainbj{
  width: 100%;
  height: 270px;
  background-image: url(../img/mbj.jpg);
}

/*------------コンテンツのスタイル--------------------------------------------------------*/
div#Contents{
  width: 100%;
  overflow: hidden;
}


/*------------ラップのスタイル--------------------------------------------------------*/
div#wrap{
  width: 770px;
  float: right;
  padding: 10px 0;
  overflow: hidden;
}

/*------------メインのスタイル--------------------------------------------------------*/
div#Main{
  width: 440px;
  padding: 0 10px;
  float: left;
}
div#News{
  overflow: hidden;
}
div#News h2#Mnews{
  width:200px;
  height: 40px;
  background: url(../img/mnew.gif) no-repeat;
  float: left;
  padding-bottom: 20px;
}

div#News dl {
  clear: both;

  overflow-y: scroll;
  width: 420px;
  height:150px;

}
div#News dl#honbun dt{
  color: #40220f;
  float: left;
}
div#News dl#honbun dd{
  padding-left: 8em;
}
div#News dl dd span.underline{
  border-bottom: 0.5px dashed #a67c52;
}
div#Mbannar{
  float: left;
  margin-top: 20px;
}
div#Mbannar h2{
  text-indent: -99999px;
  width: 440px;
  height: 100px;
  padding: 10px 0;
  background-repeat: no-repeat;
}
div#Mbannar h2#Mbannar01{
  background-image: url(../img/mbannar01.jpg);
}
div#Mbannar h2#Mbannar02{
  background-image: url(../img/mbannar02.jpg);
}
/*------------レフトナビのスタイル--------------------------------------------------------*/
div#Lnavi{
  width: 210px;
  float: left;
}
div#Lnavi ul li a{
  display: block;
  text-indent: -99999px;
  height: 100px;
  margin: 10px 0 0 10px;
}
div#Lnavi ul li#Lnavi01 a{
  background-image: url(../img/lnavi01.gif);
}
div#Lnavi ul li#Lnavi02 a{
  background-image: url(../img/lnavi02.gif);
}
div#Lnavi ul li#Lnavi03 a{
  background-image: url(../img/lnavi03.gif);
}

div#Lnavi ul li a:hover{
  background-position: right;
}  
  
/*------------ライトナビのスタイル--------------------------------------------------------*/
div#Rnavi{
  width: 300px;
  float: right;
  height: 465px;
  background-image: url(../img/rnavi01.jpg);
}
div#Rnavi h2{
  display: none;
}

/*------------フッターのスタイル--------------------------------------------------------*/
div#Footer {
  width: 980px;
  overflow: hidden;
  background: url(../img/header01.gif) repeat-x;
  background-position: bottom;
}
div#Footer ul{
  padding: 10px;
  list-style: none;
  overflow: hidden;
}
div#Footer ul li{
  float: left;
  display: inline;
}
div#Footer address{
  float: right;
  background-color:#ffb387;
}

