@charset"Shift_jis";
/* 基本構造
------------------------------------------------*/
h1 {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    text-align: center;
    border-top: 3px solid #660000;
    padding-top: 3px;
    margin: 0px;
}
h2 {
    font-size: 14px;
    color: #333333;
    padding: 5px 0px 3px 10px;
    border-bottom: 2px solid #660000;
    border-left: 10px solid #660000;
    margin: 0px 0px 5px 0px;
}
h3 {
    font-size: 14px;
    color: #FF2200;
    margin: 0px;
}
p {
    font-size: 12px;
    text-align: left;
    color: #CC0000;      
    margin: 0px;
    padding: 0px;
}
p.p2{
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
    margin: 0px;
}
p.p3 {
    line-height: 150%;
    font-size: 12px;
    text-align: left;
    color: #333333;      
    margin: 0px;
    padding: 0px;
}
img {
    border: 0px;
}
body {
      　text-align: center;
        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#fee28d);
      　margin: 0px;
	padding: 5px 0px 0px 0px;
	}
#container {
	width: 960px;
	line-height: 200%;
        background-image: url(img/back.jpg);
        background-repeat: repeat-y;
        font-size: 14px;
        color: #333333;
        text-align: center;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
}
/* ヘッダー
------------------------------------------------*/
#header {
	width: 950px;
        line-height: 200%;
        margin: 0px 5px;
        padding: 0px;
}
/* ナビゲーション
------------------------------------------------*/
.nav {
	clear: both;
	width: 950px;
        line-height: 250%;
        align: center;
	clear: both;
        padding: 0px;
        margin: 0px 0px 10px 5px;
}
.ro1 {
  background:url(./img/home.jpg) no-repeat;
  width:158px; height:40px;
  margin:0; padding:0;
  display:block;
  float:left;
}

.ro1:hover {
  background:url(./img/home2.jpg) no-repeat;
}

.ro2 {
  background:url(./img/gaiyo.jpg) no-repeat;
  width:158px; height:40px;
  margin:0; padding:0;
  display:block;
  float:left;
}

.ro2:hover {
  background:url(./img/gaiyo2.jpg) no-repeat;
}

.ro3 {
  background:url(./img/jirei.jpg) no-repeat;
  width:158px; height:40px;
  margin:0; padding:0;
  display:block;
  float:left;
}

.ro3:hover {
  background:url(./img/jirei2.jpg) no-repeat;
}

.ro4 {
  background:url(./img/shitumon.jpg) no-repeat;
  width:158px; height:40px;
  margin:0; padding:0;
  display:block;
  float:left;
}

.ro4:hover {
  background:url(./img/shitumon2.jpg) no-repeat;
}

.ro5 {
  background:url(./img/staff.jpg) no-repeat;
  width:158px; height:40px;
  margin:0; padding:0;
  display:block;
  float:left;
}

.ro5:hover {
  background:url(./img/staff2.jpg) no-repeat;
}

.ro6 {
  background:url(./img/sitemap.jpg) no-repeat;
  width:158px; height:40px;
  margin:0; padding:0;
  display:block;
  float:left;
}

.ro6:hover {
  background:url(./img/sitemap2.jpg) no-repeat;
}
/* メイン部分
------------------------------------------------*/
#main {
	width: 950px;
	line-height: 160%;
        text-align: left;
	clear: both;        
        margin: 0px 5px;
        padding: 0px;
}
ul.main {
	margin: 0px;
	padding: 0px;
}
ul.main li{
	margin: 5px 0px;
	padding: 2px 5px;
        font-size: 13px;
	list-style-type: none;
        border-bottom: 1px dashed #888888;
}       
/* サイドメニュー
------------------------------------------------*/
#leftside {
	width: 220px;
	float: left;
	line-height: 200%;
        text-align:center;
        margin: 5px 10px;
        padding: 0px;
}
#leftside img {
        margin: 0px 0px 10px 0px;
        vertical-align: middle;
}
.left01 {
	width: 220px;
	line-height: 200%;
        text-align:center;
        color: white;
	margin: 0px 0px 8px 0px;
        padding: 0px;
        background-color: #660000;
}
ul.sidenavi {
	margin: 0px;
	padding: 0px;
        text-align: left;
}
ul.sidenavi li{
	margin: 5px 0px;
	padding: 0px 0px 5px 5px;
	list-style-type: none;
        border-bottom: 1px dashed #888888;
}
#leftside a { color: #333333; text-decoration: none; }
#leftside a:link { color: #333333; text-decoration: none; }
#leftside a:hover { color:#CC0000; text-decoration: underline; }
/* コンテンツ
------------------------------------------------*/
#contents  {
	width: 660px;
	line-height: 200%;
        color: #333333;
	float: left;
	text-align: left;
        margin: 5px 0px 0px 20px;
}
#contents img {
        margin: 5px 0px;
} 
/* サブページコンテンツ
------------------------------------------------*/
.contents01  {
	width: 580px;
	line-height: 230%;
        color: #232323;
	text-align: center;
        background: url(img/soudanmain.jpg) left top no-repeat;
        margin: 0px;
}
/* フッター
------------------------------------------------*/
#footer {
	clear: both; 
	width: 950px;
	line-height: 150%;
　　　　font-size: small;
	color: #222222;
        border-top: 2px solid #660000;
        padding:10px 0px;
        margin-bottom: 5px;
}
#footer02 {
	clear: both; 
	width: 950px;
	line-height: 150%;
　　　　font-size: small;
	color: #222222;
        background-color: #FED78B;
        padding:10px 0px;
        margin-bottom: 5px;
}
