@charset "UTF-8";

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}
/* CSSリセット ここまで */ 

/* 一般・共通設定…ここから */
body{
font: 16px/20px "ヒラギ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
		font-size: 18px;
		color: #000000;
		-webkit-text-size-adjust: none;
		background:#faf1df;
		}
		
/*全体の大きさ*/
#wrapper, .inner{
margin:0 auto;
width:960px;
}

#header{
overflow:hidden;
}		
a{
	margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
	color:#79a6d2;
	}
a:hover{
	outline: none;
	color:#4080bf;
	}
a:visited{
	color:#7a2741;
	}
	
#world{
		width: 960px;
		margin-top: 20px;
		margin-bottom: auto;
		margin-left: auto;
		margin-right: auto;
		}


/* 一般・共通設定…ここまで */

/* 教団章とロゴ･PLカラーの設定…ここから */
#top-logo{
		width: 960px;
		float: left;
		margin-right: 8px;
		}
.top-logo-kyoudanki{
		width: 110px;
		float: left;
		}
.top-logo-right{
		width: 600px;
		float: left;
		margin-top: 20px;
		margin-left: 60px;
		}
/* 教団章とロゴ･PLカラーの設定…ここまで */

/* 教団章とロゴの設定…ここから */
#top-logo2{
		width: 960px;
		float: left;
		margin-right: 8px;
		}
.top-logo2-kyoudanki{
		width: 110px;
		float: left;
		}
.top-logo2-right{
		width: 600px;
		float: left;
		margin-top: 20px;
		margin-left: 10px;
		}
/* 教団章とロゴの設定…ここまで */

/* ナビボタンの設定…ここから */
nav li{
	float: left;
	}
#nav1:hover{
	filter:"alpha(opacity=20)";
	opacity:0.2;
	}
/* ナビボタンの設定…ここまで */


/* ナビ表示の設定…ここから */
/*@media only screen and (min-width: 1025px){*/
  #mainNav{
	clear:both;
	position:relative;
	z-index:200;
	width:100%;
	}
	
	#mainNav .inner{
	padding-left:10px;
	background:url(images/mainNavSep.png) no-repeat 0 5px;
	}

	#mainNav ul li{
	float: left;
	position: relative;
	background:url(images/mainNavSep.png) no-repeat 100% 5px;
	}
	
	#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	color:#000;
	height:35px;
	line-height:45px;
	font-size:110%;
	margin-right:1px;
	padding:10px 35px 0;
	}
	/* ナビ日本語 */
	#mainNav ul li a span,#mainNav ul li a strong{
	display:block;
	font-size:75%;
	line-height:1.4;
	}
	/* ナビ英語 */
	#mainNav ul li a span{
	font-size:60%;
	color:#888;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	}

	nav div.panel{
  display:block !important;
  float:left;
  }
  
  a#menu{display:none;}
  
  #mainNav ul li.current-menu-item a, #mainNav ul li a:hover span, #mainNav ul li a:hover, #mainNav ul li.current-menu-parent a{
  color:#4c4c4c;
  }
  
  #mainNav ul ul{
	width:160px;
	border:1px solid #e2d7c2;
	border-top:0;
	}
  
  #mainNav ul li ul{display: none;}
  
  #mainNav ul li:hover ul{
  display: block;
  position: absolute;
  top:42px;
  left:-1px;
  z-index:500;
  }
	
  #mainNav ul li li{
	margin:0;
  float: none;
  height:40px;
  line-height:40px;
  width:200px;
	background:#faf1df;
	border-bottom:1px dotted #e2d7c2;
  }
	
	#mainNav ul li li:last-child{border:0;}
	
	/* ナビサブボタン設定 */
  #mainNav ul li li a{
  width:110%;
  height:40px;
	padding:0 0 0 0px;
  line-height:40px;
  font-size:65%;
  text-align:left;
  }
	
	#mainNav ul li li.current-menu-item a,#mainNav ul li li a:hover{color:#6f6f6f}/*}*/

/* ナビ表示の設定…ここまで */

/* iPhone用ナビ設定…ここから*/

/* この中の記述がおかしい*/
/* この中の記述がおかしい*/
/* この中の記述がおかしい*/

/* iPhone用ナビ設定…（たぶん）ここまで*/




/* スライドショーの設定…ここから */
#slideshow {
   position: relative;
   width:  600px; /* ボックスの横幅 */
   height: 500px; /* ボックスの高さ */
   margin: 10px auto auto
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   background-color: #faf1df; /* ボックスの背景色(必須) */
   height: 520px; /* ボックスの高さ */
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  600px; /* 画像の横幅 */
   height: 400px; /* 画像の高さ */
   display: block;
   border: 10;
   margin-bottom: 10px; /* 画像下部の余白 */
}

/* スライドショーの設定…ここまで */

/* フッターの設定 */
#footer{
clear:both;
}

#copyright{
text-align:center;
color:#000;
font-size:10px;
}



/*JavaScriptの記述ここから*/

<script type="text/javascript">
function slideSwitch() {
   var $active = $('#slideshow p.active');

   if ( $active.length == 0 ) $active = $('#slideshow p:last');

   var $next =  $active.next().length ? $active.next()
      : $('#slideshow p:first');

   $active.addClass('last-active');

   $next.css({opacity: 0.0})
      .addClass('active')
      .animate({opacity: 1.0}, 1000, function() {
         $active.removeClass('active last-active');
      });
}

$(function() {
   setInterval( "slideSwitch()", 15000 );
});
</script>

/*JavaScriptの記述ここまで*/