@charset "utf-8";
/*less
----------------------------------------------------------*/
/*wisiwig
----------------------------------------------------------*/
/*style_Set
----------------------------------------------------------*/
#main #content .article p{
/* 	margin-bottom: 15px; */

  /*table
----------------------------------------------------------*/
  /*colum_style
----------------------------------------------------------*/

}
#main #content .article img {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  behavior: url(js/PIE.htc);
  border: 1px solid #dde5ed;
}
#main #content .article h2 img,
#main #content .article h3 img,
#main #content .article img.bordernone {
  border: none;
}
#main #content .article .alignleft {
  float: left;
  margin-right: 15px;
}
#main #content .article .alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 10px;
}
#main #content .article h2 {
  font-size: 24px;
  background: url(../img/common/h2_hed.png) no-repeat left center;
  padding-left: 30px;
  margin-bottom: 17px;
  line-height: 1.2;
}
#main #content .article h2.arrow {
  font-size: 24px;
  background: url(../img/common/arrow2.png) no-repeat left bottom;
  padding-left: 33px;
  margin-bottom: 17px;
}
#main #content .article hr {
  border: none;
  background: url(../img/common/dotto.gif) repeat-x;
  height: 1px;
  margin: 15px 0 25px;
  clear: both;
}
#main #content .article .section {
  margin-bottom: 35px;
  clear: both;
  overflow: hidden;
}
#main #content .article table {
  border-top: 1px solid #d8e3e8;
  border-left: 1px solid #d8e3e8;
}
#main #content .article table tr th,
#main #content .article table tr td {
  border-bottom: 1px solid #d8e3e8;
  border-right: 1px solid #d8e3e8;
}
#main #content .article table tr th {
  background-color: #fafbfb;
  font-weight: bold;
  padding: 10px;
}
#main #content .article table tr td {
  background-color: #fffdf4;
  padding: 15px 10px;
}
#main #content .article table#organization tr th {
  background-color: #fafbfb;
  font-weight: bold;
  width: 15%;
  padding: 10px 0 10px;	
}
.page-donation #main #content .article table tr th{
	width: 25%;
	padding: 10px;
}
.page-donation #main #content .article table tr td{
  padding: 15px 20px;	
}

.page-template-page-english-php #main #content .article table tr th{
	width: 25%;

}
.page-template-page-english-php #main #content .article table tr td{
  padding: 15px 20px;	
}

#main #content .article .section .textbox_L {
  float: left;
  width: 400px;
}
#main #content .article .section .textbox_R {
  float: right;
  width: 400px;
}
#main #content .article .section .imgbox_L {
  float: left;
  width: 200px;
  margin-right: 25px;
  height: 100%;
}
#main #content .article .section .imgbox_R {
  float: right;
  width: 200px;
  margin-left: 20px;
}

#main #content .article .section .relatedLink{
	clear: both;
	padding-top: 20px;
}
#main #content .article .col_2 ul {
  overflow: hidden;
  margin-bottom: 30px;
}
#main #content .article .col_2 .imgbox_L {
  width: 300px;
  margin-right: 0;
}
#main #content .article .col_2 .imgbox_R {
  width: 300px;
  margin-left: 0;
}
#main #content .article .col_4 ul {
  overflow: hidden;
  margin-bottom: 30px;
}
#main #content .article .col_4 .imgbox_L {
  width: 148px;
  margin-right: 0;
}
#main #content .article .col_4 .imgbox_CL {
  float: left;
  width: 148px;
  margin-left: 11px;
}
#main #content .article .col_4 .imgbox_CR {
  float: left;
  width: 148px;
  margin-left: 11px;
}
#main #content .article .col_4 .imgbox_R {
  width: 148px;
  margin-left: 0;
}
#main #content .article #gaiyouimg {
  position: relative;
}
#main #content .article #gaiyouimg a {
  display: block;
  width: 180px;
}
#main #content .article #gaiyouimg .link01 {
  position: absolute;
  top: 40px;
  right: 65px;
}
#main #content .article #gaiyouimg .link02 {
  position: absolute;
  bottom: 186px;
  left: 50px;
}
#main #content .article #gaiyouimg .link03 {
  position: absolute;
  bottom: 186px;
  right: 193px;
}


/*________________________________________________
margin&padding
________________________________________________*/
.mt10 {
  margin: 10px 0 0 0;
}
.mt20 {
  margin: 20px 0 0 0;
}
.mt30 {
  margin: 30px 0 0 0;
}
.mt40 {
  margin: 40px 0 0 0;
}
.mt50 {
  margin: 50px 0 0 0;
}
.mr10 {
  margin: 0 10px 0 0;
}
.mr20 {
  margin: 0 20px 0 0;
}
.mr30 {
  margin: 0 30px 0 0;
}
.mr40 {
  margin: 0 40px 0 0;
}
.mr50 {
  margin: 0 50px 0 0;
}
.mb10 {
  margin: 0 0 10px 0;
}
.mb20 {
  margin: 0 0 20px 0;
}
.mb30 {
  margin: 0 0 30px 0;
}
.mb40 {
  margin: 0 0 40px 0;
}
.mb50 {
  margin: 0 0 50px 0;
}
.ml10 {
  margin: 0 0 0 10px;
}
.ml20 {
  margin: 0 0 0 20px;
}
.ml30 {
  margin: 0 0 0 30px;
}
.ml40 {
  margin: 0 0 0 40px;
}
.ml50 {
  margin: 0 0 0 50px;
}
.pt10 {
  padding: 10px 0 0 0;
}
.pt20 {
  padding: 20px 0 0 0;
}
.pt30 {
  padding: 30px 0 0 0;
}
.pt40 {
  padding: 40px 0 0 0;
}
.pt50 {
  padding: 50px 0 0 0;
}
.pr10 {
  padding: 0 10px 0 0;
}
.pr20 {
  padding: 0 20px 0 0;
}
.pr30 {
  padding: 0 30px 0 0;
}
.pr40 {
  padding: 0 40px 0 0;
}
.pr50 {
  padding: 0 50px 0 0;
}
.pb10 {
  padding: 0 0 10px 0;
}
.pb20 {
  padding: 0 0 20px 0;
}
.pb30 {
  padding: 0 0 30px 0;
}
.pb40 {
  padding: 0 0 40px 0;
}
.pb50 {
  padding: 0 0 50px 0;
}
.pl10 {
  padding: 0 0 0 10px;
}
.pl20 {
  padding: 0 0 0 20px;
}
.pl30 {
  padding: 0 0 0 30px;
}
.pl40 {
  padding: 0 0 0 40px;
}
.pl50 {
  padding: 0 0 0 50px;
}
/*________________________________________________
link
________________________________________________*/
a.blankLink  {
  background: url(../img/common/blankicon.gif) no-repeat right center;
  padding: 0 15px 0 0;
}

a.pdf_link{
  background: url(../img/common/pdf.gif) no-repeat right center;
  padding: 0 20px 0 0;
}



#anchor01, #anchor02, #anchor03, #anchor04, #anchor05, #anchor06, #anchor07{
	padding-top: 40px;
	margin-top: -20px;
}

dt#anchor01, dt#anchor02, dt#anchor03, dt#anchor04, dt#anchor05, dt#anchor06, dt#anchor07{
	padding-top: 20px;
	margin-top: -20px;
}

.pagetop {
	background: url(../img/common/arrow_up.gif) no-repeat left center;
	padding-left: 15px;
	float: right;
}

/*________________________________________________
list
________________________________________________*/
.shortTextList {
  float: left;
  display: block;
  width: 400px;
}
.shortTextList li {
  float: left;
  display: block;
}
dl.dataList01{
	overflow: hidden;
}
dl.dataList01 dt {
  font-weight: bold;
  float: left;
  width: 70px;
  clear: right;
  padding: 0 0 15px 0;
}
dl.dataList01 dd {
  float: right;
  width: 540px;
  clear: right;
  padding: 0 0 20px 0;
}
.article ul{
	margin-bottom: 10px;
}
.article ul li{
  background: url(../img/common/dot.gif) no-repeat left 3px; 
  padding-left: 20px;
}
.article ul li ul{
	margin-bottom: 0;
}
.article ul li ul li{
  background-image: none; 
  padding-left: 0px;
}
.article ul.album li, .col_4 ul li , .col_2 ul li ,.col_3 ul li , #text_list li{
  background:none; 
  padding-left: 0px;
}

#text_list{
	padding-top: 10px;	
}

#text_list li{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

ul.circleMarkList li {
  margin: 0 0 0 20px;
  list-style: disc;
  color: #92b4d9;
}
ul.circleMarkList li span {
  color: #7c7c7c;
}
ul.anchor , .boxStyle01{
	margin: 20px 0px 20px;
	padding: 15px 20px;
	border: 1px solid #d8e3e8;
	overflow: hidden;
	font-size: 15px;
}
.boxStyle02{
	margin: 20px 20px 20px;
	padding: 20px 35px;
	border: 1px solid #d8e3e8;
	overflow: hidden;
	font-size: 15px;
}
ul.anchor li{
	float: left;
	margin-right: 10px;
}
ul.anchor li ul li{
	padding-left: 20px;
}
p.note{
	font-size: 88%!important;
	margin: 10px 0;

}

/*________________________________________________
image
________________________________________________*/
dl.dataList01 dd img.thumbnailPhoto {
  float: right;
  margin: 0 0 0 20px;
}
/*________________________________________________
box
________________________________________________*/
.addInformationBox {
  border: 1px solid #d8e3e8;
  padding: 20px;
  margin:20px 0 0;
}
.addInformationBox strong {
  font-weight: bold;
  padding: 0 0 10px 0;
  display: block;
  color: #606c79;
}
.addInformationBox p {
  color: #7c7c7c;
}
/*________________________________________________
textstyle
________________________________________________*/
.singleInformation {
  text-align: right;
  padding: 0 0 10px 0;
}
.singleInformation a {
  text-decoration: none;
}
.singleInformation .cat{
	background: #e77b83;
	color: #fff;
	width: 6em;
	text-align: center;
	padding: 2px 10px;	
}
.singleInformation .categoryLinknews {
  background: #ea7b44;
  color: #fff;
  width: 6em;
  text-align: center;
  padding: 2px 10px;
}
.singleInformation .categoryLinkevent {
  background: #73ad70;
  color: #fff;
  width: 6em;
  text-align: center;
  padding: 2px 10px;
}
.singleInformation .categoryLinkentry {
  background: #6e9cd1;
  color: #fff;
  width: 6em;
  text-align: center;
  padding: 2px 10px;
}
.pageLink {
  padding: 20px 0;
}
.pageLink a {
  color: #606c79;
  text-decoration: underline;
}
.pageLink a:hover {
  color: #606c79;
  text-decoration: none;
}
.pageLink .left {
  float: left;
  background: url(../img/common/arrow_left.gif) no-repeat left center;
  padding: 0 0 0 10px;
}
.pageLink .right {
  float: right;
  background: url(../img/common/arrow.gif) no-repeat right center;
  padding: 0 10px;
}
/*________________________________________________
title
________________________________________________*/
h3 {
  font-size: 130%;
  color: #3582dc;
  border-bottom: 1px solid #a2bfe1;
  padding: 0 0 5px 0;
  font-weight: bold;
  margin-bottom: 15px;
  clear: both;
}
h3.style02 {
  font-size: 130%;
  color: #3582dc;
  border-bottom:none;
  padding: 0;
  font-weight: bold;
  margin-bottom: 0px;
  clear: both;
}
h4{
	font-weight: bold;
	margin-bottom: 4px;
	font-size: 110%;	
}
h5{
	font-weight: bold;	
}
div.innerSectionStyle01 {
  padding: 20px 0;
}
#main #content .article div.innerSectionStyle01 img{
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	border-radius: 0px;	
}
/*________________________________________________
float
________________________________________________*/
.floatR {
  float: right;
}
.floatL {
  float: left;
}
/*________________________________________________
clear
________________________________________________*/
.clear {
  clear: both;
}
/*________________________________________________
searchbox
________________________________________________*/
li.search form#searchform {
  border: 1px solid #dde5ed;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
li.search form#searchform #s {
  border: 1px solid #fff;
  width: 85px;
}
li.search form#searchform #searchsubmit {
  border: 1px solid #4092f1;
  background: #4092f1;
  color: #fff;
  width: 30px;
  font-size: 11px;
  padding: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#pagetype_low #main #content .article {
  padding: 0 20px;
}
.searchCount strong {
  display: inline;
}
#serchList {
  padding: 40px 0;
}
#serchList li {
  border: 1px solid #d8e3e8;
  padding: 20px;
  margin: 20px 0;
}
.serchList #serchList a {
  display: block;
  border-bottom: 1px solid #d8e3e8;
  padding: 0 0 10px 0;
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.search #previous{
	float: left;
}
.search #previous a{
		border-bottom: none!important;
	}

.search #next{
	float: right;
}
.search #next a{
		border-bottom: none!important;
	}



/*________________________________________________
table
________________________________________________*/
.tableStyle01 tr td.noPadding {
  padding: 0!important;
}
.tableStyle01 {
  width: 625px;
  border-top: 1px solid #d8e3e8;
  border-left: 1px solid #d8e3e8;
}
.tableStyle01 tr th {
  border-bottom: 1px solid #d8e3e8;
  border-right: 1px solid #d8e3e8;
  padding: 20px 10px;
  font-weight: bold;
  background: #fafbfb;
  color: #606c79;
}
.tableStyle01 tr td {
  border-bottom: 1px solid #d8e3e8;
  border-right: 1px solid #d8e3e8;
  padding: 20px;
}
.innerTableStyle01 {
  width: 100%;
}
.innerTableStyle01 tr th {
  border-bottom: 1px solid #d8e3e8;
  border-left: none;
  background: transparent;
  font-weight: normal;
  color: #7c7c7c;
}
.innerTableStyle01 tr td {
  border-bottom: 1px solid #d8e3e8;
  border-left: 1px solid #d8e3e8;
  border-right: none;
}
.innerTableStyle01 tr td.oneLine {
  border: none;
}
#main #content .article table#organization a img{
	border: none;
}
/*Link
----------------------------------------------------------*/
.linkArrowRight {
	line-height: 1.5;
	margin: 0px;
	font-weight: normal;
	float: right;
	clear: right;
	padding-left: 10px;
	background: url(../img/common/arrow.gif) no-repeat 0 8px;
}
.linkArrow {
  clear: both;
  line-height: 1.8;
  font-weight: normal;
  padding-left: 10px;
  background: url(../img/common/arrow.gif) no-repeat 0 8px;
}
.linkArrowRight a,
.linkArrow a {
  text-decoration: none;
}
.linkArrowRight a:hover,
.linkArrow a:hover {
  text-decoration: underline;
}

.dlbutton{
	margin-bottom: 20px;
}
.buttonRadius {
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */

  -moz-border-radius: 10px;
  /* Firefox用 */

}


.button {
	background: #65a7f4;
	border: 1px solid #dde5ed;
	padding: 15px;
	margin: 1.5em 120px 10px;
	text-align: center;
	font-size: 140%;
	clear: both;
}.button:hover {
  background: #78b6ff;
}
.button a {
  color: #FFF;
  text-decoration: none;
  display: block;
}
.button a span {
  font-weight: bold;
  margin-right: 8px;
}
/*Text style
----------------------------------------------------------*/
.red {
  color: #e64545;
}
.center {
  text-align: center;
}
strong {
  font-weight: bold;
  color: #606c79;
}
.blue {
  color: #3582dc;
}
strong.large {
  font-size: 170%;
}
/*2column thumbnail list
----------------------------------------------------------*/
#main #content .article .col_2 ul li span {
  display: block;
  margin: 3px 0 10px;
}
#main #content .article .col_2 .imgbox_L {
  float: left;
  width: 298px;
  margin-right: 20px;
  height: 100%;
}
#main #content .article .col_2 .imgbox_R {
  float: right;
  width: 298px;
  margin-left: 0px;
}
#main #content .article .col_2 a:hover{
	opacity: 0.8;
	filter: alpha(80)
}


/*3column thumbnail list
----------------------------------------------------------*/
#main #content .article .col_3{
	overflow: hidden;
	margin-bottom: 10px;
}
#main #content .article .col_3 a:hover{
	opacity: 0.8;
	filter: alpha(80)
}
#main #content .article .col_3 ul li span {
  display: block;
  margin: 3px 0 10px;
}
#main #content .article .col_3 .imgbox_L {
  float: left;
  width: 200px;
  margin-right: 13px;
  height: 100%;
}
#main #content .article .col_3 .imgbox_C {
  float: left;
  width: 200px;
  height: 100%;
}
#main #content .article .col_3 .imgbox_R {
  float: right;
  width: 200px;
  margin-left: 0px;
}



/*4column thumbnail list
----------------------------------------------------------*/
#main #content .article .col_4 {
  clear: both;
}
#main #content .article .col_4 a:hover{
	opacity: 0.8;
	filter: alpha(80)
}
#main #content .article .col_4 ul {
  display: block;
  clear: both;
}
#main #content .article .col_4 ul li span {
  display: block;
  margin: 3px 0 10px;
}
#main #content .article .col_4 .imgbox_L {
  float: left;
  width: 146px;
  margin-right: 12px;
  height: 100%;
}
#main #content .article .col_4 .imgbox_CL {
  float: left;
  width: 146px;
  margin-left: 0;
  height: 100%;
}
#main #content .article .col_4 .imgbox_CR {
  float: left;
  width: 146px;
  margin-left: 13px;
  height: 100%;
}
#main #content .article .col_4 .imgbox_R {
  float: right;
  width: 148px;
  margin-left: 14px;
}


#main #content .article .textbox{
	background-color: #fff;
	border: 1px solid #dae5ee;
	padding: 30px;
	margin-bottom: 10px;
}

/*banner
----------------------------------------------------------*/
.textwidget a {
  display: block;
  border: 1px solid #dde5ed;
}
.textwidget a:hover {
  border: 1px solid #429aff;
}

/*list
----------------------------------------------------------*/
#main #content .article dl{
	margin: 10px 0;
}
#main #content #pager{
	text-align: center;
	
}
/*人物紹介
----------------------------------------------------------*/
#main #content .article #profile img{
	float: left;
}
#main #content .article #profile dl{
}
#main #content .article #profile dl dt{
	font-weight: bold;
	font-size: 12px;
	color: #3582dc;
} 
#main #content .article #profile dl dt.clr{
	clear: left;
	padding-top: 10px;
}
#main #content .article #profile dl dd{
}
/*accsess_page
----------------------------------------------------------*/
#accsess_page{
	position: relative;
}
#accsess_page img{
	background: none;
	margin-bottom: 30px;
}
#accsess_page #mapimg{
	float: left;
	width: 600px;	
}
#accsessInfo{
	float: right;
	width: 280px;
	padding-left: 20px;
}
#accsess_page hr{
	clear: both;
}
#accsessInfo h3{
	margin-bottom: 15px!important;
}



/*沿革
----------------------------------------------------------*/

.img_col3{
	padding-top: 20px;
	overflow: hidden;
}
.img_col3 img{
	width: 170px;
	margin-left: 12px;
	float: left;
}
.img_col3 img:first-child{
	margin-left: 0;	
}




/*person
----------------------------------------------------------*/

#main #content .article #person p{
	margin-bottom: 15px;
}
#main #content .article #person h4{
	color: #3582dc;
}


#main #content .article #person .linkThumb{
	list-style: none;
	margin-right: -27px;
	
}
#main #content .article #person .linkThumb li{
	background: no-repeat;
	padding: 0;
	width: 148px;
	float: left;
	margin-right: 15px;
	margin-bottom: 30px;
	
}

/*person
----------------------------------------------------------*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}
/* Hides from IE-mac */
* html .clearfix{height:1%;}*+html .clearfix{height:1%;}.clearfix{display:block;}

#pagetype_low #main #content h1.pp {background: url(http://support21.or.jp/wp/wp-content/themes/support21/img/common/h1_hed.png) 10px 30px no-repeat;}
h1 span.small {font-size:85%;}
h1 span.h1sub {font-size:70%;}
h3 span.small {font-size:85%;}

.pp_message {box-sizing: border-box;width: 100%;margin: 0 20px 20px 0;padding: 20px;border: solid 1px #a2bfe1;background-color: #fff;border-radius: 5px;}
.pp_message .info {margin-bottom:40px;}
.pp_message .info .left {float:left;width:70%;}
.pp_message .info .left .title {font-size:18px;font-weight:bold;margin-bottom:16px;}
.pp_message .info .left .name {font-size:16px;font-weight:bold;margin-bottom:10px;}
.pp_message .info .left .position {font-size:13px;}
.pp_message .info .right {float:right;width:30%;}
.pp_message .info .right img {border:0 !important;border-radius:0 !important;}

.ppschedule_table {width:70%;}
.ppcommittee_table {width:100%;}

iframe.pptoi .freebirdFormviewerViewHeaderTitle {font-size:20px !important;}