/* CSS Document */

body {
  font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  width:860px;
  margin:0 auto;
  text-align:center;
  color: #808080;
  font-size: 15px;
  line-height: 1.5em;
}

#wrap {
  width:860px;
  text-align:left;
  margin:0 auto;
  background-color: #FFF;
}  

#header {
  width:850;
  margin-top: 10;
  padding: 0;
  display: block;
  
}
#rogo {
  text-align:left;
  float:left;
}

#addr {
  margin-top:5px;
  font-size: 12px;
  text-align:right;
  float:right;
}


.footer {
	width : 860px;
	text-align: center;
	vertical-align: bottom;
	height: 25px;
	padding: 0px;
	margin-top: 0px;
}
img {
border: none;
vertical-align:bottom;
}
img.bnr{

	border: none;
	margin: 0px;
	padding: 0px;
}
a:hover img.bnr{
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7; /*Older Firefox*/
	opacity:0.7; /* Modern Browsers*/
}
a {
	color: #35AACD;
	text-decoration: underline;
} 
a:hover {
	color: #B2ADD3;
	text-decoration: none;
}

.c-both
{
        clear:both; display:block; visibility:hidden;
}

.top-img
{
	width:850px;
	text-align: center;
	padding: 50px 0;
	background: url(../img/top-bg.jpg);

}
.top-bn
{
	text-align: center;

}

.top-bn img
{
	margin: 10px 5;

}

/* --- ナビゲーションバー --- */
div.nav {
width: 850px; /* ナビゲーションの幅 */
background: #f9f9f9 url(../img/hor_menu3_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #cccccc solid; /* 上境界線 */
border-bottom: 1px #cccccc solid; /* 下境界線 */
font-size: 80%;

}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 852px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #f9f9f9 url(../img/hor_menu3_off.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #cccccc solid; /* メニューの左境界線 */
border-right: 1px #ffffff solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 26px; /* リンクエリアのパディング（上下、左右） */
border-top: 1px #ffffff solid; /* リンクエリアの上境界線 */
border-bottom: 1px #808080 solid; /* リンクエリアの下境界線 */
border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */
border-right: 1px #cccccc solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
letter-spacing: 0.1em;

}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #f9f9f9 url(../img/hor_menu3_on.gif) repeat-x top; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

.bar1 {
  display: block;
  width: 850px;
  height: 1px;
  background-color: #C0C0C0;
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
  text-align: center;

}

.bar2 {
  display: block;
  width: 630px;
  height: 1px;
  background-color: #C0C0C0;
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
  text-align: center;

}

.title01{
	color: #0080FF;
	font-size: 18px;
	font-weight: bold;
}

.title02 {
   background-color: #CEE7FF;   /* 背景色 */
}

.footer {
	width : 860px;
	text-align: center;
	vertical-align: bottom;
	height: 25px;
	padding: 0px;
	margin-top: 0px;
}

#sidebar {
  float: right;
  width: 230px;
  background-color: F9E3D6;
  text-align:center;
  margin-top:30px;

}
#contents {
  width: 610px;
  float: left;
  margin: 0;
  padding: 0;
  text-align:left;
  background-color:#FFF;
  margin-top:15px;

}

.f-right{
  float: right;
  margin-top:30px;

}
.f-left{
  float: left;
  margin-top:30px;

}

    ul#nav2_lr, ul#nav2_lr * {
        font-size:12px;
        margin:0; padding:0;
        line-height:1.5em;
    }
    ul#nav2_lr {
        margin:1em 0; padding:0;
        line-height:1em;
        list-style:none;
        width:220px;
    }
    ul#nav2_lr li {
        margin:5px 0 5px 0; padding:0;
        line-height:0;
        text-align:center;
    }
    ul#nav2_lr a:hover {
        color:#a18f6f;
        border-width:1px 5px;
        border-style:solid;
        border-color:#e3db9d;
        text-decoration:none;
    }
    ul#nav2_lr a#current {
        color:#8ea084;
        border-width:1px 5px;
        border-style:solid;
        border-color:#d1eac4;
        text-decoration:none;
    }
    ul#nav2_lr a {
        margin:0; padding:5px 0  5px 10px;
        color:#848684; font-weight:bold;
        border-width:1px 5px;
        border-style:solid;
        border-color:#ddd;
        text-decoration:none;
        display:block;
        background-color:#FFFFCE;
    }



    ul#nav3_lr, ul#nav3_lr * {
        font-size:12px;
        margin:0; padding:0;
        line-height:1em;
    }
    ul#nav3_lr {
        margin:1em 0; padding:0;
        line-height:1em;
        list-style:none;
        width:220px;
    }
    ul#nav3_lr li {
        margin:5px 0 5px 0; padding:0;
        line-height:0;
        text-align:left;
    }
    ul#nav3_lr a:hover {
        color:#a18f6f;
        border-width:1px 5px;
        border-style:solid;
        border-color:#e3db9d;
        text-decoration:none;
    }
    ul#nav3_lr a#current {
        color:#8ea084;
        border-width:1px 5px;
        border-style:solid;
        border-color:#d1eac4;
        text-decoration:none;
    }
    ul#nav3_lr a {
        margin:0; padding:5px 0  5px 10px;
        color:#848684; font-weight:bold;
        border-width:1px 5px;
        border-style:solid;
        border-color:#ddd;
        text-decoration:none;
        display:block;
        background-color:#f7f7f7;
    }