@charset "utf-8";

/****************************************************************************
ヘッダ
****************************************************************************/

#header {
  width:960px;
  height:290px;
  margin:0 auto;
  background:url(../img/bg_body_base.jpg) no-repeat center top; /*下部スライダー対応*/
}

.home #header {
  height:400px;
  background-image:url(../img/bg_home_body_base.jpg); /*下部スライダー対応*/
}

#header:after {
  content:"";
  display:block;
  clear:both;
}
*+html #header { zoom:1; }
* html #header { zoom:1; }

#header h1{
  float:left;
  width:180px;
  height:260px;
  padding:10px 10px 20px 10px;
}

#header #copybox{
  float:left;
  width:320px;
  height:210px;
	text-indent:-9999em;
  text-indent:-9999em;
  overflow:hidden;
  background:no-repeat left top;
}

#header #yellbox,
#header #yellboxssl{
  position:relative;
  float:right;
  width:225px;
  height:186px;
  margin:45px -45px 0 0;
}

.home #header #outer{
  float:right;
  width:760px;
  height:400px;
}

.home #header #copybox{
  float:left;
  width:400px;
  height:400px;
  text-indent:-9999em;
  overflow:hidden;
  background:no-repeat left top;
}

.home #header #yellbox{ margin-top:200px; }


.yellsafari{
  background:url(../img/bg_yellsafari.png) no-repeat left top;
}


/****************************************************************************
コンテンツ
****************************************************************************/

#contents {
  width:960px;
  margin:0 auto;
  padding-bottom:30px;
}

#contents:after {
  content:"";
  display:block;
  clear:both;
}
*+html #contents { zoom:1; }
* html #contents { zoom:1; }

/****************************************************************************
メイン
****************************************************************************/

#main{
  float:right;
  width:720px;
  margin-top:-83px;
}

#main:after{
  content:"";
  display:block;
  clear:both;
}
*+html #main { zoom:1; }
* html #main { zoom:1; }

#main h1{
  width:720px;
  height:75px;
}

#main h2{
  padding-top:30px;
  padding-bottom:50px;
  line-height:20px;
}

.section{ padding-bottom:50px; }

.section:after{
  content:"";
  display:block;
  clear:both;
}
*+html .section { zoom:1; }
* html .section { zoom:1; }

.link{ color:#00b0ec; }

#main h3{
  height:38px;
  line-height:38px;
  font-size:18px;
  font-weight:normal;
  margin-bottom:30px;
  padding:0 10px 0 38px;
  border:1px solid #ccc;
  background:no-repeat 15px 13px #ecf3f6;
  
  border-radius: 4px;
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;
  behavior: url(/common/css/PIE.htc);
}

#main h3 + *,
.firstline{ margin-top:-10px; }

#main h4{ font-weight:bold; }

/*マーカー付リスト*/
.marker li{
  padding-left:1.25em;
  background:no-repeat 0px -72px;
}

.news #main h3,
.news .marker li{ background-image:url(../img/marker01.png); }

.outline #main h3,
.outline .marker li{ background-image:url(../img/marker02.png); }

.feature #main h3,
.feature .marker li{ background-image:url(../img/marker03.png); }

.torchrun #main h3,
.torchrun .marker li{ background-image:url(../img/marker04.png); }

.volunteer #main h3,
.volunteer .marker li{ background-image:url(../img/marker05.png); }

.sponsorship #main h3,
.sponsorship .marker li{ background-image:url(../img/marker06.png); }

.hap #main h3,
.hap .marker li,
.transfer #main h3,
.transfer .marker li{ background-image:url(../img/marker07.png); }

/*ボタン*/
.btn{
  width:510px;
  height:80px;
  overflow:hidden;
  background:no-repeat left bottom;
  margin:40px auto 0 auto;
}

.btn a{
  display:block;
  width:510px;
  height:80px;
  overflow:hidden;
}

/****************************************************************************
サイド
****************************************************************************/

#side{
  float:left;
  width:200px;
}

/*ナビゲーション*/
#nav{
  width:200px;
  border-top:1px solid #ccc;
  padding-bottom:10px;
}

#nav li a{
  display:block;
  width:200px;
  height:70px;
  background:url(../img/bg_side_nav.png) no-repeat 0 0;
}

#nav li a#n01{ background-position:0 0; }
#nav li a#n02{ background-position:0 -70px; }
#nav li a#n03{ background-position:0 -140px; }
#nav li a#n04{ background-position:0 -210px; }
#nav li a#n05{ background-position:0 -280px; }
#nav li a#n06{ background-position:0 -350px; }

#nav li a:hover img,
.news #n01 img,
.outline #n02 img,
.feature #n03 img,
.torchrun #n04 img,
.volunteer #n05 img,
.sponsorship #n06 img{
  filter:alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  opacity: 0;
  -moz-opacity:0;
  -khtml-opacity: 0;
}

#nav li ul{
  display:none;
  padding:0 0 20px 20px;
  border-bottom:1px solid #ccc;
}

#nav li ul:after{
  content:"";
  display:block;
  clear:both;
}
*+html #nav li ul { zoom:1; }
* html #nav li ul { zoom:1; }

.outline #nav02{ display:block; }
.feature #nav03{ display:block; }
.volunteer #nav05{ display:block; }
.sponsorship #nav06{ display:block; }

#nav li ul li{
  padding-top:20px;
  float:left;
}

#nav li ul li a{
  width:150px;
  height:20px;
  padding-left:30px;
  background:no-repeat 6px -36px;
  line-height:20px;
}

#nav li ul li a:hover,
#message #n02_01,
#schedule #n02_02,
#officers #n02_03,
#access #n02_04,
#lodging #n02_05,
#flow #n03_01,
#vform #n05_01,
#donation #n06_01,
#support #n06_02{ background-position:6px 4px; }

#nav li ul li a#n06_03{
  height:40px;
  background-position:6px -26px;
}

#dform #nav li ul li a#n06_03,
#nav li ul li a#n06_03:hover{
  background-position:6px 14px;
}

.outline #nav li ul li a{ background-image:url(../img/marker02.png); }
.feature #nav li ul li a{ background-image:url(../img/marker03.png); }
.volunteer #nav li ul li a{ background-image:url(../img/marker05.png); }
.sponsorship #nav li ul li a{ background-image:url(../img/marker06.png); }

#nav li ul li a:hover img{
  filter:alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  opacity:1;
  -moz-opacity:1;
  -khtml-opacity:1;
}

.banner{ margin-top:20px; }

#linkbox{
  width:180px;
  padding:10px 10px 0 10px;
  background:url(../img/bg_side_linkbox.png) repeat left top;
  margin-top:20px;
}

#linkbox li{
  padding-bottom:10px;
}

#linkbox li a{
  display:block;
  width:180px;
  height:60px;
  background:url(../img/bg_side_linkbox_li.png) no-repeat 0 0;
}

#linkbox li#l01 a{ background-position:0 0; }
#linkbox li#l02 a{ background-position:0 -60px; }

#linkbox li a:hover img{
  filter:alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  opacity: 0;
  -moz-opacity:0;
  -khtml-opacity: 0;
}

/****************************************************************************
フッタ
****************************************************************************/

#footer{
  width:100%;
  background:url(../img/bg_footer.png) repeat-x left top #f6f1e4;
}

#footer #inner{
  width:960px;
  margin:0 auto;
  padding-bottom:30px;
}

#footer #subnav{
  height:50px;
  padding:15px 0; 
}

#footer ul{
  height:25px;
}

#footer ul li{
  float:left;
  display:inline;
  padding-right:0.75em;
  height:25px;
  line-height:25px;
  font-size:14px;
}

#footer ul li a{ color:#fff; }

#twitter{
  position:relative;
  float:right;
  width:250px;
  height:100px;
  background:url(../img/bg_twitter.png) no-repeat left top;
  margin-top:-20px;
}

#sociallink{
  position:relative;
  float:right;
  width:360px;
  height:100px;
  background:url(../img/bg_sociallink.png) no-repeat left top;
  margin-top:-20px;
}

#sociallink p{
  float:left;
  width:170px;
  height:90px;
  padding-right:10px;
}

#footer address{ 
	padding:10px 0 15px 0;
  background:no-repeat 595px 20px;
}

#footer address.type1{ background-image:url(../img/footer_txt_01.png); }
#footer address.type2{ background-image:url(../img/footer_txt_02.png); }
#footer address.type3{ background-image:url(../img/footer_txt_03.png); }
#footer address.type4{ background-image:url(../img/footer_txt_04.png); }
#footer address.type5{ background-image:url(../img/footer_txt_05.png); }
#footer address.type6{ background-image:url(../img/footer_txt_06.png); }

#footer address span{
  font-size:0.858em; /*14-12px相当*/
  line-height:1.667em; /*12-20px相当*/
}

#footer #copyright{
  font-size:12px; /*固定*/
}

#gotop{
  position:fixed;
  right:0;
  bottom:235px;
  width:60px;
  height:70px;
  background:url(../img/bg_gotop.png) no-repeat left top;
}

* html #gotop{
  position:relative;
  float:right;
  margin-top:-200px;
}

#gotop a:hover img{
  filter:alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  opacity: 0;
  -moz-opacity:0;
  -khtml-opacity: 0;
}

/****************************************************************************
汎用クラス
****************************************************************************/

/*フロート*/
.boxleft,
.imgleft{ float:left; }
.boxright,
.imgright{ float:right; }

.w310{ width:310px; }
.w380{ width:380px; }
.w480{ width:480px; }
.whalf{ width:50%; }

/*右寄せ文字*/
.txtright{
  text-align:right;
  margin-top:1.25em;
}

/*スペース*/
.spa{ margin-bottom:1.25em; }
.spb{ margin-top:1.25em; }

/*リンク半調*/
.alpha a:hover img,
a.alpha:hover img{
  filter:alpha(opacity=50);
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
}

/*リンク透明*/
.trans a:hover img,
a.trans:hover img{
  filter:alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
  opacity: 0;
  -moz-opacity:0;
  -khtml-opacity: 0;
}

/*クリアフィックス*/
.clear:after{
  content:"";
  display:block;
  clear:both;
}
*+html .clear { zoom:1; }
* html .clear { zoom:1; }

/*JS用のクラス*/
/*透過PNG*/
.alphapng { }

/*スムーススクロール解除*/
.nopscr{}