@charset "utf-8";
/*less
----------------------------------------------------------*/
/*common
----------------------------------------------------------*/
html {
  background: url(../img/common/bg.gif) repeat;
}
body {
  background: url(../img/common/footer_logo.png) center bottom no-repeat;
}
/*header
----------------------------------------------------------*/
#header p#siteName {
  position: absolute;
  top: 30px;
}
#header #utilities {
  position: absolute;
  right: 0;
  width: 424px;
  padding-top: 20px;
}
#header #utilities li {
  float: left;
  height: 29px;
  text-indent: -9999px;
  margin-left: 14px;
  margin-bottom: 10px;
}
#header #utilities li a {
  height: 29px;
}
#header #utilities .tel {
  background: url(../img/common/hed_tel.gif);
  width: 150px;
}
#header #utilities .fb a{
	background: url(../img/common/fb_btn.jpg) no-repeat;
	width: 104px;
  display: block;
}
#header #utilities .contact a {
  background: url(../img/common/hed_contact_btn.gif);
  width: 116px;
  display: block;
}
#header #utilities .english a {
  background: url(../img/common/hed_english_btn.gif);
  width: 116px;
  display: block;
}
#header #utilities .textSize {
  width: 70px;
  height: 28px;
  background: url(../img/common/hed_text_bg.gif) left center no-repeat;
  margin-left: 20px;
  padding-left: 32px;
  padding-top: 5px;
}
#header #utilities .textSize li {
  text-indent: 0;
  margin: 0;
}
#header #utilities .textSize a {
  display: block;
  width: 21px;
  height: 23px;
  text-indent: -9999px;
}
#header #utilities .textSize #fontL a {
  background: url(../img/common/fontl.png) 0 23px;
}
#header #utilities .textSize .fontL #fontL a {
  background: url(../img/common/fontl.png) 0 0;
}
#header #utilities .textSize #fontM a {
  background: url(../img/common/fontm.png) 0 23px;
}
#header #utilities .textSize .fontM #fontM a {
  background: url(../img/common/fontm.png) 0 0;
}
#header #utilities .textSize #fontS a {
  background: url(../img/common/fonts.png) 0 23px;
}
#header #utilities .textSize .fontS #fontS a {
  background: url(../img/common/fonts.png) 0 0;
}
#header #utilities .search {
  width: 146px;
  text-indent: 0;
}
#pagetype_top #header {
  margin-bottom: 38px;
}
/*Gnavi
----------------------------------------------------------*/
#gnavi {
  height: 105px;
}
#gnavi ul li {
  text-indent: -9999px;
  background-position: 0 -105px;
}
#gnavi ul li a {
  display: block;
  height: 105px;
}
#gnavi ul .btn_home {
  background-image: url(../img/common/gnavi_01.png);
}
#gnavi ul .btn_about {
  background-image: url(../img/common/gnavi_02.png);
}
#gnavi ul .btn_activities {
  background-image: url(../img/common/gnavi_03.png);
}
#gnavi ul .btn_need {
  background-image: url(../img/common/gnavi_04.png);
}
#gnavi ul .btn_join {
  background-image: url(../img/common/gnavi_05.png);
}
#gnavi ul .btn_news {
  background-image: url(../img/common/gnavi_06.png);
}
#gnavi ul .btn_donation {
  background-image: url(../img/common/gnavi_07.png);
}
#gnavi ul .btn_home a {
  background: url(../img/common/gnavi_01.png);
  display: block;
  height: 105px;
  width: 102px;
}
#gnavi ul .btn_about a {
  background: url(../img/common/gnavi_02.png);
  width: 128px;
}
#gnavi ul .btn_activities a {
  background: url(../img/common/gnavi_03.png);
  width: 128px;
}
#gnavi ul .btn_need a {
  background: url(../img/common/gnavi_04.png);
  width: 148px;
}
#gnavi ul .btn_join a {
  background: url(../img/common/gnavi_05.png);
  width: 156px;
}
#gnavi ul .btn_news a {
  background: url(../img/common/gnavi_06.png);
  width: 107px;
}
#gnavi ul .btn_donation a {
  background: url(../img/common/gnavi_07.png);
  width: 188px;
}

body.page-aboutus #gnavi ul .btn_about a,
body.page-ouractivites #gnavi ul .btn_activities a, 
body.page-needsupport #gnavi ul .btn_need a,
body.page-joinus #gnavi ul .btn_join a,
body.page-news #gnavi ul .btn_news a,
body.page-donation #gnavi ul .btn_donation a,
body.blog #gnavi ul .btn_news a,
body.single #gnavi ul .btn_news a,
body.archive #gnavi ul .btn_news a{
	background-image: none;
}
/*main_visual
----------------------------------------------------------*/
#pagetype_top #main_visual {
  position: relative;
  width: 960px;
  height: 350px;
  margin: 0 auto;
}
#pagetype_top #main_visual #mainSlide div {
  position: absolute;
}
#pagetype_top #main_visual #mainSlide div img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(../js/PIE.htc);
}
#pagetype_top #main_visual #slideMenu {
  position: absolute;
  right: 0;
}
#pagetype_top #main_visual #slideMenu ul li {
  position: relative;
  margin-bottom: 7px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(../js/PIE.htc);
}
#pagetype_top #main_visual #slideMenu ul li img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(../js/PIE.htc);
}
#pagetype_top #main_visual #slideMenu ul li span {
  display: none;
}
#pagetype_top #main_visual #slideMenu ul li.active span {
  background: url(../img/home/active.png) no-repeat;
  display: block;
  width: 81px;
  height: 81px;
  opacity: 1;
  position: absolute;
  top: 0;
}
#pagetype_low #main_visual {
  height: 270px;
  text-indent: -9999px;
}
/*main_visual_setting
----------------------------------------------------------*/
body.page #main_visual {
  background: url(../img/visual/h1_common.png);	
}
body#pagetype_top #main_visual {
	background-image: none;	
}
body.page-aboutus #main_visual {
  background: url(../img/visual/h1_about.png);
}
body.page-ouractivites #main_visual {
  background: url(../img/visual/h1_ouractivites.png);
}
body.single-album #main_visual,
body.post-type-archive-album #main_visual {
  background: url(../img/visual/h1_ouractivites.png) !important;
}
body.page-joinus #main_visual {
  background: url(../img/visual/h1_joinus.png);
}
body.page-needsupport #main_visual {
  background: url(../img/visual/h1_needsupport.png);
}
body.page-news #main_visual {
  background: url(../img/visual/h1_news.png);
}
body.page-donation #main_visual {
  background: url(../img/visual/h1_donation.png);
}
body.blog #main_visual,
body.single #main_visual,
body.archive #main_visual {
  background: url(../img/visual/h1_news.png);
}

body.post-type-archive-staffblog #main_visual,
body.tax-blog_cat #main_visual,
body.single-staffblog #main_visual{
  background: url(../img/visual/h1_staffblog.png);	
}
body.search #main_visual{
  background: url(../img/visual/h1_common.png);		
}

/*content
----------------------------------------------------------*/
#newsList span {
  font-size: 12px;
  float: left;
  padding-top: 3px;
}
#newsList li {
  background: url(../img/common/dotto.gif) repeat-x center bottom;
  padding: 10px 0;  
}
#newsList .cat{
  background: #e77b83;	
  color: #fff;
  width: 6em;
  text-align: center;  
}
#newsList .nCtgry_event {
  background: #73ad70;
}
#newsList .nCtgry_news {
  background: #ea7b44;
}
#newsList .nCtgry_entry {
  background: #6e9cd1;
}
#newsList span.date {
  margin-right: 10px;
}
#newsList p.newsTitle {
  margin-left: 170px;
}
/*Sidebar
----------------------------------------------------------*/
#sidebar #localNavi div[class^="menu-"] {
  padding: 0 10px;
  margin-bottom: 50px;
}
#sidebar #localNavi div[class^="menu-"] ul.menu li a {
  margin-bottom: 15px;
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #f4703c;
}
#sidebar #localNavi div[class^="menu-"] ul.menu li a:hover {
  text-decoration: none;
}
#sidebar #localNavi div[class^="menu-"] ul.sub-menu li a {
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: normal;
  text-decoration: underline;
  padding-left: 10px;
  color: #606c79;
  background: url(../img/common/arrow.gif) no-repeat 0 6px;
}
#sidebar #localNavi ul.sub-menu{
	padding-left: 10px;
	padding-top: 10px;
	
}
#sidebar li {
  margin-bottom: 20px;
}
#sidebar #postArchive {
  padding: 0 10px;
  margin-bottom: 50px;
}
#sidebar #postArchive h4 {
  margin-bottom: 15px;
  font-weight: bold;
  color: #f4703c;
}
#sidebar #postArchive ul {
  padding-left: 10px;
}
#sidebar #postArchive ul li {
  text-indent: -10px;
}
#sidebar #postArchive ul li a {
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: normal;
  text-decoration: underline;
  padding-left: 10px;
  color: #606c79;
  background: url(../img/common/arrow.gif) no-repeat 0 6px;
}
#sidebar #postArchive ul li a:hover {
  text-decoration: none;
}
#sidebar #postArchive li {
  margin-bottom: 20px;
}
#sidebar #postArchive div {
  margin-bottom: 40px;
}
/*footer
----------------------------------------------------------*/
#footer {
  border-top: 1px solid #d3e1f1;
}
#footer .innar {
  overflow: hidden;
  padding-top: 50px;
}
#footer .info {
  float: left;
}
#footer .info li {
  margin-bottom: 10px;
}
#footer .info .address {
  line-height: 1.3;
  padding: 5px 0;
}
#footer .info .map {
	padding-top: 20px;
}
#footer .info .fax {
  background: url(../img/common/icon_fax.png) no-repeat left center;
  height: 27px;
  padding-left: 35px;
  line-height: 27px;
}
#footer .info .mail {
  background: url(../img/common/icon_mail.png) no-repeat left center;
  height: 27px;
  padding-left: 35px;
  line-height: 27px;
  padding-top: 8px;
}
#footer .info .mail a{
	padding: 0;
}
#footer .info .tel {
  background: url(../img/common/icon_tel.png) no-repeat left center;
  height: 27px;
  font-size: 20px;
  font-weight: bold;
  color: #6495ce;
  padding-left: 35px;
  line-height: 27px;
}
#footer .info .zoom {
  height: 22px;
  background: url(../img/common/icon_zoom.png) no-repeat;
}
#footer .info a {
  font-size: 10px;
  text-decoration: none;
  padding-left: 25px;
}
#footer .sitemap {
  float: right;
}
#footer .sitemap a {
  color: #60738b;
}
#footer .sitemap div[class^="menu-"] {
  width: 135px;
  float: left;
  padding: 0 0 0 20px;
  margin-bottom: 50px;
  background: url(../img/common/arrow.gif) no-repeat 8px 4px;
}
#footer .sitemap div[class^="menu-"] ul.menu li a {
  margin-bottom: 15px;
  display: block;
  font-weight: bold;
  text-decoration: none;
}
#footer .sitemap div[class^="menu-"] ul.sub-menu li a {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 10px;
  font-weight: normal;
  text-decoration: underline;
}
#footer .sitemap div[class^="menu-5"] {
  clear: left;
}
#footer #copy {
  clear: both;
  height: 60px;
  line-height: 60px;
  font-size: 10px;
  text-align: center;
  color: #9cc3f0;
  letter-spacing: 2px;
}
/*EditableArea
----------------------------------------------------------*/
#pagetype_low #main #content h1 {
  border: 1px dotted #f7b69a;
  padding: 25px 15px 25px 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(../js/PIE.htc);
  color: #e37043;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 30px;
  background: url(../img/common/h1_hed.png) 10px center no-repeat;
}
#pagetype_low #main #content .article {
  padding: 0 20px;
}
/*新着情報
----------------------------------------------------------*/
body.blog .date {
  margin-bottom: 10px;
  font-size: 12px;
}
body.blog dl {
  margin-bottom: 25px;
}
/*活動アルバム
----------------------------------------------------------*/
.page-template-onecol-php #main #content,
.single-album #main #content,
.post-type-archive-album #main #content {
  width: 960px;
  float: none;
}
.page-template-onecol-php #main #content h3,
.single-album #main #content h3,
.post-type-archive-album #main #content h3 {
  margin-bottom: 25px;
  clear: both;
}
.page-template-onecol-php #main #content h4,
.single-album #main #content h4,
.post-type-archive-album #main #content h4 {
  color: #3582dc;
  font-weight: bold;
  margin-bottom: 15px;
}
.page-template-onecol-php #main #content .album li,
.single-album #main #content .album li,
.post-type-archive-album #main #content .album li {
  float: left;
  margin-right: 15px;
  margin-bottom: 30px;
}
.page-template-onecol-php #main #content .col_4 li,
.single-album #main #content .col_4 li,
.post-type-archive-album #main #content .col_4 li {
  margin-right: 13px;
  width: 220px;
}
.page-template-onecol-php #main #content .col_4 li p,
.single-album #main #content .col_4 li p,
.post-type-archive-album #main #content .col_4 li p {
  line-height: 2;
  background: url(../img/common/arrow.gif) left center no-repeat;
  padding-left: 12px;
}
.page-template-onecol-php #main #content .album li.right,
.single-album #main #content .album li.right,
.post-type-archive-album #main #content .album li.right {
  margin-right: 0;
}
.page-template-onecol-php #main #content #archivesArea,
.single-album #main #content #archivesArea,
.post-type-archive-album #main #content #archivesArea {
  clear: both;
  padding: 30px;
}
.page-template-onecol-php #main #content .yearArchives,
.single-album #main #content .yearArchives,
.post-type-archive-album #main #content .yearArchives {
  float: left;
  padding: 30px;
  border: 1px solid #d8e3e8;
  width: 368px;
}
.page-template-onecol-php #main #content .yearArchives h4,
.single-album #main #content .yearArchives h4,
.post-type-archive-album #main #content .yearArchives h4 {
  color: #f4703c;
  font-size: 16px;
  font-weight: bold;
}
.page-template-onecol-php #main #content .yearArchives ul,
.single-album #main #content .yearArchives ul,
.post-type-archive-album #main #content .yearArchives ul {
  padding-left: 30px;
}
.page-template-onecol-php #main #content .yearArchives ul li,
.single-album #main #content .yearArchives ul li,
.post-type-archive-album #main #content .yearArchives ul li {
  background: url(../img/common/arrow.gif) left center no-repeat;
  padding-left: 12px;
}
.page-template-onecol-php #main #content .currentArchives,
.single-album #main #content .currentArchives,
.post-type-archive-album #main #content .currentArchives {
  padding: 30px;
  border: 1px solid #d8e3e8;
  width: 368px;
  margin-left: 460px;
}
.page-template-onecol-php #main #content .currentArchives h4,
.single-album #main #content .currentArchives h4,
.post-type-archive-album #main #content .currentArchives h4 {
  color: #f4703c;
  font-size: 16px;
  font-weight: bold;
}
.page-template-onecol-php #main #content .currentArchives ul,
.single-album #main #content .currentArchives ul,
.post-type-archive-album #main #content .currentArchives ul {
  padding-left: 30px;
}
.page-template-onecol-php #main #content .currentArchives ul li,
.single-album #main #content .currentArchives ul li,
.post-type-archive-album #main #content .currentArchives ul li {
  background: url(../img/common/arrow.gif) left center no-repeat;
  padding-left: 12px;
}



a.openBox01,
a.openBox02,
a.openBox03,
a.openBox04,
a.openBox05,
a.openBox06{
	position: relative;
	z-index: 100000;
}

.noteBox01,
.noteBox02,
.noteBox03,
.noteBox04,
.noteBox05,
.noteBox06{
	display: none;
	position: absolute;
	padding-top: 100px;
	margin-top: -100px;
	z-index: 1000;	
}
.noteBox05,
.noteBox06{
	padding-left: 200px;
	margin-left: -200px;
}
.noteBox02{
	margin-left: 60px;
}
.noteBox03{
	margin-left: 120px;
}
.noteBox04{
	margin-left: 180px;
}

.noteBox01 .inner,
.noteBox02 .inner,
.noteBox03 .inner,
.noteBox04 .inner,
.noteBox05 .inner,
.noteBox06 .inner{
	border: 1px solid #eee;
	padding: 20px;
	background-color: #fff;
 	width: 400px;
}
.noteBox05 .inner,
.noteBox06 .inner{
	margin-left: 200px;
	margin-top: -100px;
}