/*-----------------------------------------------------------------
	基本スタイル
-----------------------------------------------------------------*/

html {
  color:#1f1f21;
  overflow-y: scroll;
  background: #fff url(../images/bg.gif) repeat-x;
	 text-align: center;
}

body {
	font-size: 12px; /* modern browser */
	*font-size: small; /* IE 7 */
	*font: x-small; /* IE 6 */
	background: url(../images/hbg.gif) no-repeat center top;
}
p {
	line-height:1.6;
	text-align:left;
} 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
	line-height: 0;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* for IE 5.5-7 */
.clearfix {
	zoom:100%;
}

/*要素を中央揃いに*/
.align_center{
	text-align:center;
}
/*要素を左に*/
.align_left{
	text-align:left;
}
/*要素を右に*/
.align_right{
	text-align:right;
}

/*テキスト色を赤に*/
.red{
	color:#CC1414;
}

/*テキスト太字に*/
.bold{
	font-weight: bold;
}
/*テキスト小文字に*/
.stxt{
	font-size:12px;
}
/*テキスト10pxに*/
.t10{
	font-size:10px;
}

/*左に回り込む*/
.float_l{
	float:left;}

/*右に回り込む*/
.float_r{
	float:right;}

/* 画像に枠線 */
.line{
	border:#d6d6d6 1px solid;
}

.mr20 {
	 margin-left: 20px;
}

/*-----------------------------------------------------------------
	全体
-----------------------------------------------------------------*/

#wrap {
	 width: 890px;
	 margin: 0 auto;
}

/*-----------------------------------------------------------------
	ヘッダー
-----------------------------------------------------------------*/

#header {
	 width: 100%;
	 height: 90px;
	 text-align: center;
	 position: relative;
}

#logo {
	 position: absolute;
	 top: 26px;
	 left: 4px;
}
#logo a:hover{
	position:relative;
	bottom:2px;
	left:0;
}

#h_txt {
	 font-size: 11px;
	 color: #472623;
	 position: absolute;
	 top: 35px;
	 left: 372px;
}

/*-----------------------------------------------------------------
	TOPビジュアル
-----------------------------------------------------------------*/

#main_visual {
	 width: 100%;
 	height:260px;
 	background: url(../images/top_img01.jpg) no-repeat top;
 	text-align: center;
	 margin: 0;
 position: relative;
}

#search_box {
	 width: 100%;
		height: 90px;
	 position: absolute;
		top: 170px;
		text-align: center;
}

#top_img {
	 position: absolute;
		top: -57px;
		right: 10px;
}
/*-----------------------------------------------------------------
	左右
-----------------------------------------------------------------*/

#lr_wrap{
	width: 100%;
	margin: 0 auto;
	background: rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#22000000,EndColorStr=#22000000);
}

/*-----------------------------------------------------------------
	左カラム
-----------------------------------------------------------------*/

#sidemenu {
	 width: 200px;
	 float: left;
		margin: 15px 10px 0 25px;
		text-align: left;
}

/* アコーディオンメニュー */

#smenu{
        width: 200px;
        margin: 0 0 20px;
}
.main_menu{
        background: url(../images/other_bg.gif) no-repeat;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        padding: 0 5px 0 30px;
        margin: 0;
        cursor: pointer;
        height:25px;
								line-height: 25px;
								text-align: left;
}
.sub_menu{
	 background: #fff;
}
.sub_menu li{
        background: #fff url(../images/listmark_o.gif) no-repeat left;       
        padding: 0 5px 0 25px;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
								text-align: left;
}

.gly { background: #f4f4f4 url(../images/listmark_o.gif) no-repeat left;}

.sub_menu li a{
        color:#1f1f21;
								text-decoration: none;
        display:block;
}

.sub_menu li a:hover {
        color:#666;
}

/* サイドバナー */

.sbn_box li {
	 margin: 0 0 5px;
}

/* 掲示板 */

#bbs_list {
		font-size: 10px;
		margin: 0 0 10px;
}
#bbs_list dt {
	 background: url(../images/bbs_bg.gif) no-repeat;
		color: #fff;
		height: 16px;
		font-size: 10px;
		line-height: 16px;
		padding: 0 0 0 13px;
}

#bbs_list dd {
	 background: #fff url(../images/listmark_b.gif) no-repeat left;
		border-bottom: #ccc 1px solid;
		height: 24px;
		line-height: 24px;
		padding: 0 5px 0 15px;
		text-decoration:none;
}

/*-----------------------------------------------------------------
	中央画面
-----------------------------------------------------------------*/

#main {
 	width: 630px;
		display:inline;
	 margin: 15px auto 50px;
	 float: left;
}

#main h2.notxt {
	 height: 35px;
	 overflow:hidden;
	 text-indent:100%;
	 white-space:nowrap;
}

#recolink_h2 { background: url(../images/title_link.gif) no-repeat;}
#indoor_h2 { background: url(../images/title_indoor.gif) no-repeat;}
#topics_h2 { background: url(../images/title_topics.gif) no-repeat;}

#recolink_box,
#indoor_box,
#topics_box {
	 background: #fff;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
		margin: 0 0 15px;
}

#about_box {
	 width: 628px;
		background: #fff;
		border: #226612 1px solid;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
		margin: 0 0 15px;
}

#about_box ul {
	 width: 580px;
		margin: 20px auto;
}

#about_box ul li {
	 background: url(../images/listmark_a.gif) no-repeat left;
		text-align: left;
		padding: 0 0 0 20px;
}

.about_btn {
	 height: 33px;
  cursor: pointer;
}

.about_txt {
	 position: relative;
}

.about_txt img {
	 position: absolute;
		right: 20px;
		top: 0;
}

.m20 {
	 margin: 20px 20px 10px;
}

#recolink_box {
	 width: 628px;
		border: #E93B6A 1px solid;
}

.lbn_list {
	 margin: 5px 0 10px;
}

.lbn_list li {
	 margin: 0 0 5px;
}

.mbn_list {
	 margin: 8px 0 5px 10px;
}

.mbn_list li {
	 float: left;
	 margin: 0 4px 10px 0;
}

#indoor_box {
	 border: #3b64ed 1px solid;
}

#topics_box {
	width: 628px;
	height: 320px;
	border: #b34500 1px solid;
}

#news_box{
	border-bottom: #ccc 1px solid;
	width: 628px;
	height: 310px;
	text-align: left;
	overflow-y: auto;
	overflow-x: hidden;
}
#news_box dl {
	width:590px;
	margin:0 11px;
}
#news_box dl dt {
	padding:10px 0 5px 18px;
	color:#ef2327;
	font-size: 16px;
	font-weight:bold;
	background:url(../images/listmark_t.gif) no-repeat left;
}
#news_box dl dd {
	margin:0;
	padding:0 0 10px 18px;
	border-bottom:#cccccc 1px dotted;
}

.topics_bn {
	 width: 640px;
	 float: left;
}

.topics_bn li {
	 float: left;
		margin: 0 10px 0 0;
}

/*-----------------------------------------------------------------
	下段メニュー画面
-----------------------------------------------------------------*/

.copy1 {
	 display: block;
	 margin: 0 25px 0 0;
}
#footer {
	width:100%;
	height:80px;
 text-align: center;
	background: #0e0403;
	margin: 0;
	position: relative;
	padding: 20px 0 0;
}

#footer ul{
	padding: 0 auto;
}

#footer ul li{
	display: inline;
	font-size:12px;
	line-height:12px;
	padding: 0 7px 0 13px;
	margin: 0 0 8px;
	border-left: 1px solid #fff;
}
#footer ul li.last{
	padding: 0 13px 0;
	border-right: 1px solid #fff;
}
#footer ul li a{
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover{
	color: #bbb;
}

#copyright{
	display:block;
	position:absolute;
	left:340px;
	bottom: 9px;
	text-align:center;
	margin:0 auto;
	font-size:10px;
	color:#666;
}