/*-----------------------------------------------
   main 活動レポート
------------------------------------------*/
.main_back{
  width:705px;
  margin-bottom:50px;
}

#main_report{
    width:685px;
	padding-top:5px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
}

#main_report p{
    width:580px;
	text-align:left;
	margin-left:10px;
	line-height:30px;
	float:right;
	padding:5px;
}

#main_report img.img_left {
	float:left;
	width:60px;
	border:solid 1px #FFFFFF;
	padding:5px;
}

.clear {
	clear:both;
	margin-bottom:5px;
}

/* 	report　TOPページ
------------------------------ */

.report_box{
	width:705px;
	padding:0;
	margin:0px auto;
} 

.report_box ul { 
	display:block;
	width:705px;
	padding:0;
	margin:0px auto;
	text-indent:-9999px;
} 

.report_box li { 
	display:block;
	height:185px;
	padding:0;
	margin:0;
} 

.report_box li.shouhei a{
    position:relative;
	display:block;
	width:148px;
	height:33px;
    top:130px;
	left:552px;
	background:url("../img/button_report.jpg") no-repeat;
}


.report_box li.shouhei{
	display:block;
	width:705px;
	height:185px;	
	margin:0 7px 0 0;
	padding:0;
	background:url("../img/texture_report_shouhei.jpg") no-repeat;
	border-bottom:dotted 1px #cccccc;	
}

.report_box li.shouhei a:hover {
	background-position:0 -33px;
}
.report_box li.shouhei a:active {
	background-position:0 -33px;
}

.report_box li.nihongo a{
    position:relative;
	display:block;
	width:148px;
	height:33px;
    top:130px;
	left:552px;
	background:url("../img/button_report.jpg") no-repeat;
}


.report_box li.nihongo{
	display:block;
	width:705px;
	height:185px;	
	margin:0 7px 0 0;
	padding:0;
	background:url("../img/texture_report_nihongo.jpg") no-repeat;
	border-bottom:dotted 1px #cccccc;	
}

.report_box li.nihongo a:hover {
	background-position:0 -33px;
}
.report_box li.nihongo a:active {
	background-position:0 -33px;
}


.report_box li.fellow a{
    position:relative;
	display:block;
	width:148px;
	height:33px;
    top:130px;
	left:552px;
	background:url("../img/button_report.jpg") no-repeat;
}

.report_box li.fellow a:hover {
	background-position:0 -33px;
}
.report_box li.fellow a:active {
	background-position:0 -33px;
}



.report_box li.fellow{
	display:block;
	width:705px;
	height:185px;	
	margin:0 7px 0 0;
	padding:0;
	background:url("../img/texture_report_fellow.jpg") no-repeat;
	border-bottom:dotted 1px #cccccc;	
}


/* 	report　年度別
------------------------------ */


div.year {
width:705px; 
margin : 10px 0px 5px 0px; 
}

#main .year h5{
margin : 10px 0px 15px 0;
}

#main .year dl.job { 
margin : 0 0 20px 20px;
} 
#main .year dl.job dd { 
float : left; 
width : 200px; 
margin : 0 0 5px 0; 
} 

#main .year hr{
width:700px; 
border:solid 1px #cccccc;	
}


.subtitle_year{
    display:block;
    width:705px;
	margin : 0 0 15px 0;
	color:#666666;  
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	background-image: url("../img/subtitle.gif");
	background-repeat: no-repeat;
}

/* 	report　吹き出し
------------------------------ */

blockquote {
    margin: 0; padding: 0;
}

blockquote#top {  
 width: 250px;  
 background: #0099CC;
 color:#ffffff;
 padding: 10px;
 margin: 25px;
 position: relative;  
}  
  
blockquote#top .arrow {  
 width: 0;  
 height: 0;  
 line-height: 0;  
 border-bottom: 25px solid #0099CC;  
 border-right: 50px solid white;  
 position: absolute;  
 top: -24px;  
 left: 20px;  
}

blockquote#bottom {
width: 250px;  
background: #0099CC;
color:#ffffff;
padding: 10px;
margin: 25px;  
position: relative;
}
blockquote#bottom .arrow { 
width: 0;   
height: 0;  
line-height: 0;  
border-top: 30px solid #0099CC;  
border-left: 50px solid white;  
border-right: 10px solid white;  
position: absolute;  
bottom: -30px;  
right: 30px;
}

blockquote#right {
    width: 250px;
    background: #0099CC;
    color:#ffffff;
    margin: 25px;
    padding: 10px;
    position: relative;
}

blockquote#right .arrow {  
   width: 0;  
   height: 0;  
   line-height: 0;  
   border-top: 30px solid #0099CC;  
   border-right: 30px solid white; 
   border-left: none; 
   position: absolute;  
   bottom: 60%;  
   right: -30px;
}

blockquote#left {
    width: 250px;
    background: #0099CC;
    color:#ffffff;
    margin: 25px;
    padding: 10px;
    position: relative;
}

blockquote#left .arrow {  
   width: 0;  
   height: 0;  
   line-height: 0;  
   border-top: 30px solid #0099CC;  
   border-left: 30px solid white;  
   border-right: none;  
   position: absolute;  
   bottom: 60%;  
   left: -30px;
}