@charset "utf-8";
@import url(default.css);

body {
	background: url(../img/bg.jpg) repeat center top;
	color: #333333;
}

a {
	color: #3d63b1;
}

a[href]:hover {
	color: #FF3333;
}

a.highlight:hover {
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix .left {
	float: left;
}

.clearfix .right {
	float: right;
}

#twitter iframe {
	width: 105px !important;
}

/*----------------------------------------------------------------
 * コンテンツ
 */
#contents {
	width: 960px;
	margin: 0 auto;
}

#contents:after {
	content: "";
	display: block;
	clear: both;
}

/* メイン */
#contents #main {
	float: left;
	width: 760px;
	margin-top: 10px;
}

.sub #contents #main {
	margin-top: 0;
}

#contents #main #bread-crumbs {
	font-size: 93%;
	line-height: 2;
}

#contents #main #bread-crumbs a {
	color: #3c85b6;
	text-decoration: none;
}

#contents #main #bread-crumbs a:hover {
	text-decoration: underline;
}

#contents #main #page {
	padding: 20px;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0px 0px 3px 0px rgba(12, 3, 7, .3);
}

#contents #main #page h1 {
	height: 40px;
	margin: 0;
	background-position: 15px center;
	background-repeat: no-repeat;
	overflow: hidden;
}

#contents #main #page h1:before {
	content: "";
	display: block;
	width: 720px;
	height: 40px;
	background: url(../img/h1.png);
}

#contents #main #page h2 {
	position: relative;
	height: 20px;
	margin: 40px 0 0;
	background-position: 20px center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#contents #main #page h2:before {
	content: "";
	position: absolute;
	left: -24px;
	top: 5px;
	display: block;
	width: 35px;
	height: 14px;
	background: url(../img/h2.png);
}

#contents #main #page h3 {
	position: relative;
	height: 50px;
	margin: 20px 0 0;
	background-position: 0 20px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#contents #main #page h3:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 720px;
	height: 2px;
	background: url(../img/h3.png);
}

#contents #main #page h4 {
	position: relative;
	height: 20px;
	margin: 20px 0 0;
	background-position: 30px center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#contents #main #page h4:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	display: block;
	width: 20px;
	height: 2px;
	background: url(../img/h4.png);
}

#contents #main #page h5 {
	position: relative;
	height: 20px;
	margin: 40px 0 0;
	background-position: 20px center;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#contents #main #page h5:before {
	content: "";
	position: absolute;
	left: -24px;
	top: 5px;
	display: block;
	width: 35px;
	height: 14px;
	background: url(../img/h2-1.png);
}

#contents #main #page h6 {
	position: relative;
	height: 50px;
	margin: 20px 0 0;
	background-position: 0 20px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#contents #main #page h6:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 720px;
	height: 2px;
	background: url(../img/h3-1.png);
}




#contents #main #page li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 108%;
	line-height: 1.5;
}

#contents #main #page #sns {
	margin-top: 10px;
}

#contents #main #page #sns:after {
	content: "";
	display: block;
	clear: both;
}

#contents #main #page #sns #fb {
	float: right;
}

#contents #main #page #sns #twitter {
	float: right;
}

#contents #main #page #main-visual {
	margin-top: 10px;
}

#contents #main #page p {
	margin: -.5em 0;
	font-size: 108%;
	line-height: 2;
}

#contents #main #page p + p {
	margin-top: 1.5em;
}

#contents #main #page h3 + p,
#contents #main #page h4 + p,
#contents #main #page h5 + p,{
	margin-top: 13px;
}

#contents #main #page #page-top {
	margin-top: 60px;
	text-align: right;
}

#contents #main #page #page-top a {
	display: inline-block;
	width: 77px;
	height: 9px;
	background: url(../img/page-top.png);
	text-align: left;
	text-indent: -9999px;
}

/* サイドバー */
#contents > aside {
	float: right;
	width: 190px;
	background: url(../img/sidebar.png) no-repeat;
}

#contents > aside ul,
#contents > aside li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

#contents > aside h1 {
	margin-top: 30px;
}

#contents > aside h1 a {
	display: block;
	width: 117px;
	height: 94px;
	margin: 0 auto;
	background: url(../img/logo.png);
	text-indent: -9999px;
}

#contents > aside #language {
	margin-top: 10px;
}

#contents > aside #language .english {
	text-align: right;
}

#contents > aside #language .english a {
	display: inline-block;
	width: 53px;
	height: 15px;
	background: url(../img/english.png);
	text-align: left;
	text-indent: -9999px;
}

#contents > aside #language #google_translate_element {
	margin-top: 10px;
	text-align: right;
}

#contents > aside #search {
	margin-top: 10px;
}

#contents > aside #search input[type=text] {
	width: 100%;
	border: 2px solid #cccccc;
	border-radius: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left: 30px;
	background: #ffffff url(../img/search.png) no-repeat 10px center;
}

#contents > aside #sns {
	margin-top: 10px;
}

#contents > aside #sns:after {
	content: "";
	display: block;
	clear: both;
}

#contents > aside #sns #fb {
	float: left;
}

#contents > aside #sns #twitter {
	float: left;
}

#contents > aside #member {
	margin-top: 10px;
	padding: 10px;
	background-color: #efe3ca;
}

#contents > aside #member ul li + li {
	margin-top: 10px;
}

#contents > aside #member ul li a {
	display: block;
	width: 170px;
	text-indent: -9999px;
	opacity: .9;
}

#contents > aside #member ul li a:hover {
	opacity: 1;
}

#contents > aside #member .login a {
	height: 50px;
	background: url(../img/button-login.png);
}

#contents > aside #member .entry a {
	height: 25px;
	background: url(../img/button-entry.png);
}

#contents > aside #member .due a {
	height: 25px;
	background: url(../img/button-due.png);
}

#contents > aside #menu {
	margin-top: 10px;
	padding: 10px;
	background-color: #efe3ca;
}

#contents > aside #menu ul li + li {
	margin-top: 10px;
}

#contents > aside #menu ul li a {
	display: block;
	width: 180px;
	text-indent: -9999px;
}

#contents > aside #menu ul li a:hover {
	margin: -5px 0 0 5px;
}

#contents > aside #menu .projects a {
	height: 95px;
	background: url(../img/button-projects.png);
}

#contents > aside #menu .projects a:hover {
	height: 100px;
}

#contents > aside #menu .events a {
	height: 95px;
	background: url(../img/button-events.png);
}

#contents > aside #menu .events a:hover {
	height: 100px;
}

#contents > aside #menu .news-letter a {
	height: 35px;
	background: url(../img/button-news-letter.png);
}

#contents > aside #menu .magagine a {
	height: 35px;
	background: url(../img/button-magagine.png);
}

#contents > aside #menu .data a {
	height: 35px;
	background: url(../img/button-data.png);
}

#contents > aside #menu .annual a {
	height: 35px;
	background: url(../img/button-annual.png);
}

#contents > aside #menu .publication a {
	height: 35px;
	background: url(../img/button-publication.png);
}

#contents > aside #menu .blog a {
	height: 35px;
	background: url(../img/button-blog.png);
}

#contents > aside #menu .about a {
	height: 35px;
	background: url(../img/button-about.png);
}

#contents > aside #menu .donation a {
	height: 35px;
	background: url(../img/button-donation.png);
}

#contents > aside #menu .contact a {
	height: 35px;
	background: url(../img/button-contact.png);
}

#contents > aside #menu .access a {
	height: 35px;
	background: url(../img/button-access.png);
}

#contents > aside #menu .news-letter a:hover,
#contents > aside #menu .magagine a:hover,
#contents > aside #menu .data a:hover,
#contents > aside #menu .annual a:hover,
#contents > aside #menu .publication a:hover,
#contents > aside #menu .blog a:hover,
#contents > aside #menu .about a:hover,
#contents > aside #menu .donation a:hover,
#contents > aside #menu .contact a:hover,
#contents > aside #menu .access a:hover {
	height: 40px;
}

#contents > aside #banners {
	margin-top: 10px;
}

#contents > aside #banners ul li + li {
	margin-top: 10px;
}

#contents > aside #banners ul li a {
	opacity: .9;
}

#contents > aside #banners ul li a:hover {
	opacity: 1;
}

/*----------------------------------------------------------------
 * フッター
 */
#page-footer {
	margin-top: 20px;
	background-color: #ffffff;
}

#page-footer address {
	width: 960px;
	margin: 0 auto;
	color: #424242;
	font-size: 108%;
	font-weight: bold;
	font-style: normal;
	line-height: 60px;
	text-align: center;
}

/*ここから旧HPcss*/

/* アクセス  ---------------------------------------------*/

/*

.access{

text-align: center;

padding-top: 0px;

padding-bottom: 10px;

TEXT-DECORATION: none; 

FONT-WEIGHT: normal;

FONT-SIZE: 10px;

line-height: 15px;

border-bottom: 1px #0099CC solid;

}



	.access A:link {PADDING-LEFT: 0px;COLOR: #00008B;}

	.access A:visited {PADDING-LEFT: 0px;COLOR: #00008B;}

	.access A:active {PADDING-LEFT: 0px;COLOR: #00008B;}

	.access A:hover {

			PADDING-LEFT: 0px;

                     COLOR: #00008B;

	}

*/



/* ニュースレター  -----------------------------------------*/


/*
.table_newsletter{

border-right: 1px gray dotted;

}
*/


 /*入会申し込みページ*/

/*

.table_kojin{

border-right: 1px #cc9900 solid;

border-left: 1px #cc9900 solid;

border-top: 1px #cc9900 solid;

border-bottom: 1px #cc9900 solid;

padding-top: 0px;

}



.table_dantai{

border-right: 1px #009900 solid;

border-left: 1px #009900 solid;

border-top: 1px #009900 solid;

border-bottom: 1px #009900 solid;

padding-top: 0px;

}



.table_kaiin{

border-right: 1px SteelBlue solid;

border-left: 1px SteelBlue solid;

border-top: 1px SteelBlue solid;

border-bottom: 1px SteelBlue solid;

color: #303030; 

FONT-SIZE: 9pt; 

MARGIN-left: 0px; 

LINE-HEIGHT: 18px;

}



.table_nyukai{

border-right: 1px SteelBlue solid;

border-left: 1px SteelBlue solid;

border-top: 1px SteelBlue solid;

border-bottom: 1px SteelBlue solid;

color: #303030; 

FONT-SIZE: 8pt; 

MARGIN-left: 0px; 

LINE-HEIGHT: 18px;

}
*/


/* みにクルページ --------------------------------------*/

/*

.table_minikuru {

border: 1px #0099cc solid;

text-align: left;

PADDING:0px 5px 10px 0px; 

}



.table_minikuru H2 {

	color: #000000; 

FONT-WEIGHT: bold; 

FONT-SIZE: 11pt; 

PADDING:5 5 0 5; 

MARGIN:0 5 15px 0; 

LINE-HEIGHT: 20px; 

border-left:10px #0099cc solid;

border-bottom:0px #dcdcdc solid;

}



.table_minikuru p.tanto {

text-align: right;

color: #000000; 

PADDING:5 5 0 5; 

}*/







/* 活動_自由集会ページ --------------------------------------*/
/*


.td_jiyu

{

border-top: 1px #2F4F4F solid;

}*/



/* リスト ----------------------------------------------------*/
/*
ul { 

    margin-top:1 0 10 0; 

} 



#kajo{

list-style-position: outside;

padding: 0px;

margin: 0px 5px 0px 5px;

}



.kajo{

list-style-position: outside;

padding: 0px;

margin: 0px 5px 0px 5px;

}
*/




/* テーブル ---------------------------------------------------*/
/*
table,tr,td{

	color: #303030; 

font-size: 10pt;

line-height:17px;

}



.td_5_midashi{

padding:7px;

vertical-align:top;

border-top:1px #ffffff solid;

border-left:1px #ffffff solid;

background-color:#f1f1f1;

}*/