@charset "UTF-8";
/* CSS Document */


/***********とりくみ・みんなの活動*************/

/**コンテンツ**/
.panel_sp{
	display: none;
}
.panel_pc{
	display: block;
}
.t_t_r{
	background:url(../img/common/title_link_bg.gif) right top no-repeat;
	margin:20px 0 15px 0;
	}
.t_t_r h3{
	float:left;
	display:inline;
	width:390px;
	}
.t_t_r .link{
    float: right;
    display: inline;
    background: url(../img/common/icon2.gif) 0 center no-repeat;
    padding-left: 20px;
    text-align: right;
    margin-bottom: 20px;
	}
.target_icon{
	padding-left:5px;
	}
.report{
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom:1px dotted #D7CEA5;
	}
.report h4{
	margin:0.5em 0;
	font-size:larger;
	font-weight:bold;
	}
.report_txt .img {
	display: inline;
	float: left;
	padding-right:10px;
}
.report_txt{
	width:470px;
	}
.report_txt .date{
	padding-top:5px;
	}
.report_txt .txt{
	margin:10px 0;
	}
.report_txt .continue {
	text-align: right;
}

.rireki{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #D7CEA5;
	}	
.rireki .rireki_title {
	display: inline;
	width: auto;
	padding-top:5px;
}
.rireki .rireki_title p{
	display: inline-block;
}

.rereki_date{
	padding-right:20px;
    padding-left: 20px;
	}

.t_t{
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 0;
	}
.clm2_lcont .right,.clm2_rcont .right{
	padding-left:13px;
	}

.clm2_lcont .cont,.clm2_rcont .cont{
	padding:10px 10px 20px 10px;
	}
.clm2_lcont .torikumi_txt,.clm2_rcont .torikumi_txt{
	padding-bottom:15px;
	float:left;
	display:inline;
	width:210px;
	}
.clm2_lcont .link,.clm2_rcont .link{
	background:url(../img/common/icon1.gif) 0 center no-repeat;
	padding-left:20px;
	margin:3px 0;
	}
	.panel_contents .panel_contents_inner ul li p.title,
	.panel_contents .panel_contents_inner ul li p.title:link,
	.panel_contents .panel_contents_inner ul li p.title:hover{ 
		text-decoration: none !important;
	}

/***********震災支援*************/

.sito_box{
	background-color:#FAF8F3;
	border:2px solid #E8E3CB;
	margin:20px 0;
	padding:1em;
	/* width:416px; */
	}
.sito_boxIn{
	padding:10px;
}

.sito_box ul{
	padding:10px 0;
	}

.sito_box .whiteBox{
	background-color:#fff;
	border:1px solid #E8E3CB;
	padding:1em;
	}
.sito_box .whiteBox .f_bold{
	font-size:130%;
	}
/*
.of .right img {
	margin-top:20px;
}


.sito_box .left{
	width:315px;
	}
.sito_box .left ul{
	padding:10px 0;
	}

.sito_box .right{
	width:293px;
	background-color:#fff;
	border:1px solid #E8E3CB;
	padding:10px 15px;
	}
.sito_box .right .f_bold{
	font-size:130%;
	}
*/

.t_t_r .link_torikumi{
	float:right;
	display:inline;	
	background:url(../img/common/icon2.gif) 0 center no-repeat;
	padding-left:20px;
	padding-right:15px;
	margin-top:12px;
	text-align:right;
	}
	

.shinsaishien_box {
    overflow-y: scroll;
    height: 270px;
}
	
.blog_shinsaishien{
	border-bottom:1px dotted #D7CEA5;
	padding-bottom:5px;
	margin-bottom:15px;
	height: auto;
	}
.blog_shinsaishien .left{
	width:120px;
	padding-top:7px;
	}
.blog_shinsaishien .title{
	float:left;
	display:inline;
	width:453px;
	padding-top:7px;
	}
.blog_shinsaishien .right{
	width:85px;
	padding-right:15px;
	text-align:right;
	}
		
	
/**サブメニュー**/

#sub strong{
	margin-bottom:8px;
	}
.link_event{
	margin:15px 0 5px 0;
	background-color:#FFFFFF;
	}
.boshuchu{
	margin-top:15px;
	background-color:#FFCC00;
	}
#sub .event_info{
	background-color:#F4F1E5;
	border:3px solid #D7CEA5;
	padding:10px 12px;
	margin-bottom:15px;
	}

#sub .link_sub {
	background-color:#F4F1E5;
	border:3px solid #D7CEA5;
	padding:10px 12px;
	margin-bottom:15px;
}
#sub .link_sub .link {
	background:url(../img/common/icon1.gif) 0 center no-repeat;
	padding-left:20px;
	margin:3px 0;
}

#sub .sub_kumikatsu{
    background-color: #F5F4EA;
    border-bottom: 1px solid #D7CEA5;
    border-left: 1px solid #D7CEA5;
    border-right: 1px solid #D7CEA5;
    margin-bottom: 20px;
}
.dotted {
    border-bottom: 1px dotted #D7CEA5;
}
#sub .sub_kumikatsu li a{
   background-image: url("../img/common/icon3.gif");
    background-position: 13px center;
    background-repeat: no-repeat;
    display: block;
    padding:5px 5px 5px 30px;
    position: relative;
    text-decoration: none;
    width: 203px;
}

#sub .sub_kumikatsu li a:hover{
	background-color: #FFFFFF;
    background-image: url("../img/common/icon3.gif");
    background-position: 13px center;
    background-repeat: no-repeat;
    display: block;
    padding: 5px 5px 5px 30px;
    position: relative;
    text-decoration: none;
    width: 203px;
	}
#sub .sub_kumikatsu li#sub_cur7 a{
   background-image: url("../img/common/icon3.gif");
    background-position: 30px center;
    background-repeat: no-repeat;
    display: block;
    padding:5px 5px 5px 50px;
    position: relative;
    text-decoration: none;
    width: 183px;
}

#sub .sub_kumikatsu li#sub_cur7 a:hover{
	background-color: #FFFFFF;
    background-image: url("../img/common/icon3.gif");
    background-position: 30px center;
    background-repeat: no-repeat;
    display: block;
    padding: 5px 5px 5px 50px;
    position: relative;
    text-decoration: none;
    width: 183px;
	}
#sub .sub_kumikatsu li#sub_cur8 a{
	background-image: url("../img/common/icon3.gif");
    background-position: 30px center;
    background-repeat: no-repeat;
    display: block;
    padding:5px 5px 5px 50px;
    position: relative;
    text-decoration: none;
    width: 183px;
}

#sub .sub_kumikatsu li#sub_cur8 a:hover{
	background-color: #FFFFFF;
    background-image: url("../img/common/icon3.gif");
    background-position: 30px center;
    background-repeat: no-repeat;
    display: block;
    padding: 5px 5px 5px 50px;
    position: relative;
    text-decoration: none;
    width: 183px;
	}
#sub .sub_kumikatsu li#sub_cur6{
	background-image: url("../img/common/icon4.gif");
    background-position: 13px center;
    background-repeat: no-repeat;
    display: block;
    padding:3px 5px 3px 30px;
    position: relative;
    text-decoration: none;
    width: 203px;
	color:#666666;
}



.link_txt{
	background-color:#F4F1E5;
	border:1px solid #E8E3CB;
	padding:10px 15px;
	margin-top:50px;
	}
.link_txt p{
	background:url(../img/common/icon1.gif) 0 center no-repeat;
	padding-left:20px;
	}



/***********組合員活動のいろいろなカタチ*************/
.t_t2{
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 0;
	}
	
/* きっかけbox */
.kikkake {
	margin-top: 14px;
	margin-bottom: 20px;
}

.kikkake6 {
	margin-top: 14px;
	margin-bottom: 14px;

}

.kikkake9 {
	margin-top: 14px;
	margin-bottom: 14px;
	height:500px;

}









.ab_cont { /*親要素　フロート解除*/
	height: 100%;
	background-color:#faf8f3;
	border: 1px solid #d7cea5;
	margin-bottom:14px;
	padding-left:14px;
	padding-right:14px;
	padding-top:14px;
    padding-bottom:14px;
}

.ab_cont6 {
	height: 1591px;
	background-color:#faf8f3;
	width: 688px;
	border: 1px solid #d7cea5;

}

.ab_cont8 {
	height: 400px;
	background-color:#faf8f3;
	width: 688px;
	border: 1px solid #d7cea5;

}

.ab_cont9 {
	height: 350px;
	background-color:#faf8f3;
	width: 688px;
	border: 1px solid #d7cea5;

}



.kikkake_txt {
	width: 442px;
	float:left;
	padding: 0px;
}

.kikkake_subtxt {
	background-color:#fff;
	margin-top:10px;
	border: 1px solid #d7cea5;
	padding-left:8px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.kikkake_subtxt2 {
	background-color:#fff;
	border: 1px solid #d7cea5;
	padding-left:8px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

.sub_kikkake {
	font-weight:bold;
	font-size:14px;
	padding-bottom:7px;
}



.sub_kikkake2 {
	font-size:18px;
	color:#ff6600;
	letter-spacing: 0.1em;
	padding-bottom:7px;
}


.sub_kikkake9 {
	font-weight:bold;
	font-size:13px;
	background-color:#d7cea5;
	margin-bottom:10px;
	width:655px;
	height:48px;
	line-height: normal;
	padding-left:10px;
	padding-top:10px;

}


.dial_block {
	width:660px;
	height:45px;
	border-bottom-color: #d7cea5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

div.dial_block img {
	margin-top:10px;
	margin-left:10px;
}

.ab_right {
	width: 200px;
	float: right;
	text-align:center;
}

.ki_link1 {
	background:URL(../img/kumikatsu/about/abo_icon1.gif) 0 center no-repeat;
	padding-left:20px;
	margin-top:10px;

}

.ki_link2 {
	background:URL(../img/kumikatsu/about/abo_icon2.gif) 0 center no-repeat;
	padding-left:20px;
	margin-top:10px;

}

.ki_link3 {
	background:URL(../img/kumikatsu/about/abo_icon3.gif) 0 center no-repeat;
	padding-left:20px;
	margin-top:10px;

}

.ki_link4 {
	background:URL(../img/kumikatsu/about/abo_icon4.gif) 0 center no-repeat;
	padding-left:20px;
	margin-top:10px;

}

.ki_link5 {
	background:URL(../img/kumikatsu/about/abo_icon5.gif) 0 center no-repeat;
	padding-left:20px;
	margin-top:10px;

}

.ki_link6 {
	background:URL(../img/kumikatsu/about/abo_icon6.gif) 0 center no-repeat;
	padding-left:20px;
	margin-top:10px;

}
.ki_link7 {
	background:URL(../img/kumikatsu/about/abo_icon7.gif) 0 center no-repeat;
	padding-left:20px;
	margin-top:10px;

}
.ki_link8 {
	background:URL(../img/kumikatsu/about/abo_icon8.gif) 0 center no-repeat;
	padding-left:20px;
	margin-top:10px;
}
.ki_link9 {
	padding-top:28px;
	padding-left:20px;
    margin-top:10px;

}






/* サポーターbox */
.suppo {
	height:345px;
	margin-top: 14px;
	margin-bottom: 14px;
	width: 660px;
	padding-left: 15px;
	clear: both;

}
.suppo_cont {
	margin-bottom:14px;
	padding:14px 0;

}

.suppo_of {
	
}

.suppo_txt {
	width: 445px;
	float:left;
	height: 190px;
	padding-top: 13px;
	padding-right: 13px;
	padding-bottom: 13px;
}

.suppo_txt8 {
	width: 440px;
	float:left;
	height: 100px;
	padding-top: 13px;
	padding-right: 13px;
	padding-bottom: 13px;
}


.suppo_subtxt {
	background-color:#FFF;
	border: 1px solid #d7cea5;
	padding-left:8px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:10px;

}

.sub_suppo {
	font-weight:bold;
	font-size:14px;
}
.suppo_right {
	padding-top: 14px;
	height: 152px;
	width: 200px;
	float:right;	
}
div.suppo_right p {
	margin: 0 auto;
}

.ki_link6 {
	background:URL(../img/kumikatsu/about/abo_icon6.gif) 0 center no-repeat;
	padding-left:20px;
}



/* common */
.colRed {
	color:red;
}

.purple {
	color:#6c73b6;
}

.orange {
	color:#f39a61;
}

.pink {
	color:#ec6d88;
}

.skyblue {
	color:#7ac5d0;
}

.kimidori {
	color:#a2ca14;
}

.green {
	color:green;
}

.yellow {
	color:#c29e1a;
}

/* sub menu*/


/*********サブメニューカレント表示**********/


#sub .index li#index{						/* class="index" */  /* とりくみ・みんなの活動*/			
	background-color:#fff;
	}
#sub .index li#index a{
/**   color:#010101;   **/
	}
#sub .soshiki_about li#soshiki_about{		 /* class="soshiki_about" */  /* 組合員活動のいろんなカタチ*/
	background-color:#fff;
	}
#sub .soshiki_about li#soshiki_about a{
/**   color:#010101;   **/
	}
	
#sub .shinsai_shien li#shinsai_shien{		 /* class="shinsai_shien" */  /* 組合員活動のいろんなカタチ*/
	background-color:#fff;
	}
#sub .shinsai_shien li#shinsai_shien a{
/**   color:#010101;   **/
	}


/*********追加**********/
#wrap{
	margin-top: 0;
}
.panel_contents .panel_contents_inner ul li{
	    margin-left: 13px;
}
.line_border{
    margin-left: 35%;
    width: 30%;
    margin-top: 2%;
}
.t_t_r{
	background: none !important;
}
.t_t_r h3{
	width: 100%;
}
@media screen and (min-width: 768px){
	.float-right{
		float: right;
		}
	}
@media screen and (max-width: 768px){
	.line_border{
		display: none;
	}
	.of p{
		width: 100% !important;
	}
	.report_txt{
		width: auto;
	}
	.main_contents img{
		width: 100%;
		margin-left: 0px !important;
	}
	.rereki_date{
		margin-left: -20px !important;
	}
	.panel_pc{
	display: none;
}
	.panel_sp{
		display: block;
	}
	.panel_contents .panel_contents_inner ul li {
    width: 44% !important;
}
}