@charset "utf-8";
/* top CSS Document */


/* ============================================  

インデックス 

============================================  */


#index_box{
	width:680px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	border-bottom:1px dotted #228b22;
}

/*大分類*/

#index_box ul#koumoku01{
	width:704px;
	margin:0 -24px 0 0;
	border-bottom:1px dotted #228b22;
}


#index_box ul#koumoku01 li{
	display:block;
	width:152px;
	min-height:25px;
	font-size:0.875em;
	margin:0 24px 15px 0;
	float:left;
	
}

#index_box ul#koumoku01 li span,
#index_box ul#koumoku01 li a{
	display:block;
	min-height:25px;
	line-height:1.2;
	background-image:url(../common/images/arrow_un_w.png);
	background-repeat:no-repeat;
	background-position:8px;
	background-color:#228b22;
	color:#fff;
	padding:6px 5px 5px 23px;
}

#index_box ul#koumoku01 li span.select{
	filter: alpha(opacity=50); 
    -moz-opacity:0.50;
	opacity:0.50;
}

#index_box ul#koumoku01 li span:hover{
	cursor:pointer;
}

#index_box ul li a:hover{
	text-decoration:none;
}

#index_box ul li a:hover,
#index_box ul#koumoku01 li span:hover{
	filter: alpha(opacity=50); 
    -moz-opacity:0.50;
	opacity:0.50;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/*中分類*/


.hide { display:none; }

#index_box .hissya{
	margin:20px auto 0;
	padding-bottom:10px;
}

#index_box .hissya h3{
	color: #333;
	margin:0 auto 18px;
}

#index_box .hissya ul{
	width:100%;
}

#index_box .hissya ul li{
	display:inline-block;
	font-size:0.933em;
	width:48%;
	margin:0 auto 15px;
	}

#index_box .hissya ul li.w100{ /*幅48%で納まらないとき*/
	width:100%;
}
	
#index_box .hissya ul li span{
	font-size:0.875em;
}

#index_box .hissya ul li a{
	padding-left:10px;
	background-image:url(../common/images/arrow_g.png);
	background-repeat:no-repeat;
	background-position:left;
}

/* ============================================  

年表

============================================  */
#index_box .hissya .table_midori,
#index_box .hissya .table_ao{
	margin-bottom:2px;
}
#index_box .hissya .table_midori h3,
#index_box .hissya .table_ao h3{
	width:12%;
	font-size:1.750em;
	font-weight:normal;
	letter-spacing:0;
	padding-top:12px;
	}
	
.table_midori table h4,
.table_ao table h4{
	margin-bottom:12px;
}
.table_midori table,
.table_ao table{width:88%;
	font-weight:normal !important;}

.table_midori th,
.table_ao th{
	width:31%;
	line-height:1.4;
	text-align:left;
	padding:12px 0;
	}

.table_midori td,
.table_ao td{
	width:69%;
	padding:12px 0;
	}


#index_box .hissya .table_midori td ul li,
#index_box .hissya .table_ao td ul li {
	display:block;
	line-height:1.4;
	width:100%;
	margin: 0 auto 3px;
	}
	
	
	
/*緑の表*/
	
.table_midori table{
	border-left:20px solid #228b22;
	background:#edfeed;
	}

#index_box .hissya .table_midori h3{color:#228b22;}

.table_midori th h4{
	background:url(images/tl_icon_01.png) no-repeat left;
	padding-left:68px;
}
#index_box .hissya .table_midori  ul li a {
	display:block;
	min-height:15px;
    padding-left: 24px;
    background-image: url(images/icon_btn01.png);
    background-repeat: no-repeat;
    background-position: left;

}

/*青の表*/

.table_ao table{
	border-left:20px solid #22718b;
	background:#edfdfe;
	}

#index_box .hissya .table_ao h3{color:#22718b;}

.table_ao th h4{
	background:url(images/tl_icon_02.png) no-repeat left;
	padding-left:68px;
}
#index_box .hissya .table_ao  ul li a {
	display:block;
	min-height:15px;
    padding-left: 24px;
    background-image: url(images/icon_btn02.png);
    background-repeat: no-repeat;
    background-position: left;

}

/* ============================================  

各記事

============================================  */


#post_box .inner{
	margin:0 auto;
}


#post_box h2{
	font-size: 1.000em;
	min-height:35px;
	margin:0 auto 35px;
	line-height:1.3;
	padding-top:2px;
	background:#ededed;
	border-left:5px solid #228b22;
}

#post_box h2 span{
	display:inline-block;
	padding:7px 5px 5px 10px;
}

#post_box h3.green{
	font-size:1.067em;
	letter-spacing:0.1em;
	line-height: 1.5;
	margin-bottom: 35px;
	text-align:center;
}

#post_box h3.green span{
	display:inline-block;
padding: 0 10px;
background-image: url(../common/images/line_dotted.png);
background-repeat: repeat-x;
background-position: bottom;
}

#post_box h4.name{
	font-size:0.875em;
	color: #333;
	font-weight:normal;
	text-align:right;
	margin-bottom:15px;
}


.sub #container #post_box .inner p{
	font-size:0.875em;
	line-height:1.7;
	margin-bottom:15px;
}

.sub #container #post_box .inner p a{
	color:#1699ce;
	text-decoration:underline;	
}

#post_box p a:hover{
	text-decoration:none;	
}

#post_box img{
	width:auto;
	max-width:700px;
	height:auto;
	margin:15px 0 15px;
}

#post_box .center{
	text-align:center;
}

#post_box .inner hr{
	border:none;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
	padding-top:30px;
}

#post_box .inner h5{
	margin-bottom:10px;
}

/* ============================================  

戻るボタン

============================================  */


#rtnbtn{
	width:300px;
	height:40px;
	text-align:center;
	background:#228b22;
	border-radius:5px;
	margin:30px auto 15px;
}

#rtnbtn a{
	display:block;
	font-size:1.000em;
	line-height:2.7;
	color:#fff;
	background:url(images/linkbtn.png) no-repeat 15px;
	padding-left:22px;
}

#rtnbtn a:hover{
	text-decoration:none;
}

#rtnbtn:hover{
	filter: alpha(opacity=70); 
    -moz-opacity:0.70;
	opacity:0.70;
	-webkit-transition: all .6s;
	transition: all .6s;
}