@charset "utf-8";
/* CSS Document */


/* ----------------------------------------------------------------------
　　段組み
------------------------------------------------------------------------- */

.clear {
clear:both;
}




/* 1段　左のみ
-----------------------------------------------------------*/
#contentswrap div.column1l {
width:800px;
display:inline-block;/* IE7対策 */
margin:1em 0 1em 0;

}

#contentswrap div.column1l:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#contentswrap div.column1l div.left {
float:left;
width:390px;
background:#eee;
color:#333332;
}


#contentswrap div.column1l div.left p {
font-size:small ;
color:#333332;
padding:15px;
line-height:130%;
width:350px;
margin:0 4px 4px 4px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}



/* ２段　
-----------------------------------------------------------*/
#contentswrap div.column2 {
width:800px;
display:inline-block;/* IE7対策 */
margin:1em 0 1em 0;
background:url(../images/2column.gif) no-repeat left bottom;
}

#contentswrap div.column2:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#contentswrap div.column2 div.left {
float:left;
width:390px;

}


#contentswrap div.column2 div.left:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#contentswrap div.column2 div.left p {
font-size:small ;
color:#333332;
padding:15px;
line-height:130%;
}

#contentswrap div.column2 div.left p img,
#contentswrap div.column2 div.right p img{
float:right;
}


#contentswrap div.column2 div.right {
float:right;
width:390px;
}


#contentswrap div.column2 div.right:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#contentswrap div.column2 div.right p {
font-size:small ;
color:#333332;
padding:15px;
line-height:130%;
}








/* ３段　インデントなし
-----------------------------------------------------------*/
#contentswrap div.column3 {
width:800px;
margin:1em 0 1em 0;
background:url(../images/3column.gif) no-repeat left bottom;
display:inline-block;
}

#contentswrap div.column3:after {/* float clear */
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#contentswrap div.column3 div.left {
float:left;
width:527px;
}


#contentswrap div.column3 div.left div.lBox {
float:left;
width:254px;
margin-right:17px;
}


#contentswrap div.column3 div.left div.rBox {
float:right;
width:254px;
}

#contentswrap div.column3 div.left div.lBox p,
#contentswrap div.column3 div.left div.rBox p{
font-size:small ;
color:#333332;
padding:15px;
line-height:130%;
}



#contentswrap div.column3 div.left div.lBox p img,
#contentswrap div.column3 div.left div.rBox p img{
float:right;
margin-bottom:10px;
}

#contentswrap div.column3 div.right {
float:right;
width:255px;
}


#contentswrap div.column3 div.right p{
font-size:small ;
color:#333332;
padding:15px;
line-height:130%;
}


#contentswrap div.column3 div.right p img{
float:right;
}


/* 4段　
-----------------------------------------------------------*/
#contentswrap div.column4 {
background:url(../images/4column.gif) no-repeat left bottom;
width:800px;
display:inline-block;/* IE7対策 */
margin:1em 0 1em 0;
}


#contentswrap div.column4:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}


#contentswrap div.column4 div.left {
float:left;
width:390px;
margin:0;
}


#contentswrap div.column4 div.right {
float:right;
width:390px;
margin:0;
}


#contentswrap div.column4 div.left div.lBox {
float:left;
width:185px;
margin-right: 20px;
} 


#contentswrap div.column4 div.left div.lBox img {
margin: 0;
} 


#contentswrap div.column4 div.left div.lBox p {
font-size:small ;
color:#333333;
padding:15px;
line-height:130%;
}


#contentswrap div.column4 div.left div.rBox {
float:right;
width:185px;
}



#contentswrap div.column4 div.left div.rBox p{
font-size:small ;
color:#333333;
padding:15px;
line-height:130%;
}


#contentswrap div.column4 div.right div.lBox {
float:left;
width:185px;
margin-right: 20px;
} 


#contentswrap div.column4 div.right div.lBox p {
font-size:small ;
color:#333333;
margin:5px;
padding:5px;
width:165px;
line-height:130%;
background-color:#FFFFFF;
}





#contentswrap div.column4 div.right div.rBox {
float:right;
width:185px;
}



#contentswrap div.column4 div.right div.rBox p {
font-size:small ;
color:#333333;
padding:15px;
line-height:130%;
}





/* ローカルナビ　　
-----------------------------------------------------------*/
#columnlnavi {
width:800px;
display:inline-block;/* IE7対策 */
margin:1em 0 0 0;
padding-bottom:1em;
}


#columnlnavi div.left {
	float:left;
	width:180px;
	padding:7px;
	margin-bottom:10px;
	background: #F2F2F2;
	height: auto;
	page-break-after: auto;
}

#columnlnavi div.left:after{/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}




#columnlnavi div.right {
	float:right;
	width:592px;
	page-break-after: auto;
}


#columnlnavi div.right h3 {
margin:0;
width:592px;
}

#columnlnavi div.right p {
font-size:small ;
color:#333333;
background-color:#FFFFFE;
padding:15px;
line-height:130%;
}




/* ローカルナビList　　
-----------------------------------------------------------*/

ul#localNavi {
	margin: 0;
	padding: 0;
}




ul#localNavi li.year {
	margin: 0;
	display: inline;
	line-height: 1; /* IE行間揃え */
	list-style-type: none;
	color:#333333;
		background:url(../activities/images/local_navi_pastyear.gif)no-repeat;
		background-position:top;

}


ul#localNavi li.other {
	margin: 0;
	display: inline;
	line-height: 1; /* IE行間揃え */
	list-style-type: none;
	color:#333333;
	background: url(../activities/images/local_navi_other.gif) no-repeat;
	background-position:top;
}


ul#localNavi li.other a {
	background: url(../activities/images/local_navi_other.gif) no-repeat;
	background-position:top;
	padding: 7px 0px 7px 25px;  
	display: block;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	width: 155px;
		height:12px;
	margin: 0;
}


ul#localNavi li.year a {
	padding: 7px 0px 7px 25px;  
	display: block;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	width: 155px;
		height:12px;
	margin: 0;
	background:url(../activities/images/local_navi_pastyear.gif)  no-repeat;
		background-position:top;
}



ul#localNavi li.other a:hover {
	background: url(../activities/images/local_navi_other.gif) no-repeat;
	padding: 7px 0px 7px 25px;     
	display: block;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	height:12px;
	width: 155px;
	margin: 0;
}


ul#localNavi li.year a:hover {
	padding: 7px 0px 7px 25px;     
	display: block;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	height:12px;
	width: 155px;
	margin: 0;
	background:url(../activities/images/local_navi_pastyear.gif) no-repeat;
}


/*------------------------*/


ul#anchorlist{
  width : 576px; 
  height : 20px;  
  list-style : none; 
  padding : 0;
  margin: 3px 0 25px 15px;
}
ul#anchorlist li{
  width : 48px;  
  float:left;  
  padding : 0;
  margin : 0;
  	line-height: 0; 
}

/*-テキスト単品---------*/
.cap{
 font-size:x-small;
 text-align:left;
 }
 
.fcboxed{
width:763px;
padding:5px 0 5px 20px;
background-color:#ccc;
font-size:small;
font-weight: bold;
color:#333333;
}

.bt1l{
margin-bottom:1em;
}

.bt2l{
margin-bottom:2em;
}

.bt3l{
margin-bottom:3em;
}

.tabno{
margin-left:0;
}

.tab1{
margin-left:17px;
}

