@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* { margin: 0; padding: 0;}
body { margin:0; padding:0; font-size:12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; line-height: 150%;
      color: #FFFFFF; text-align: center; height: 100%;}
p {margin:0; padding:0; zztext-align:justify; color: #FFFFFF; }
p.line100{line-height: 100%;}
p.line120{line-height: 150%;}
p.line250{line-height: 210%;}
img { border:0; }
a {color: #FFFFFF; 　text-decoration:none;}
a:hover { color: #fff000; text-decoration:underline;}
h1,h2,h3,h4{ text-indent: -9999px;}
hr {clear:both; display:none;}
.title_img { margin-bottom:20px; }


#wrapper {width:1000px; margin: 0 auto; text-align:left; position:relative; background: #000000;}
#contents{ width:785px; background:url(../common/img/back_jimon.jpg) no-repeat; margin:0; padding:0; float:left;}

/* ナビゲーション
---------------------------------------------*/
/*#navi{float:left; width:215px; background:#000000; background:url(../common/img/back_navi.jpg) no-repeat; text-align:center; margin:0; padding:0;}*/
#navi{float:left; width:215px; background:#000000; margin:0; padding:0;}
div#globalNav { position:relative; width:180px; height:326px;}
div#globalNav ul{ padding:20px 0 0 17px;}
div#globalNav ul.globalNav li { text-indent:-9999px; margin-top:10px;}
div#globalNav li.about a {display:block; overflow: hidden; width:83px; height:40px; margin-left:10px; background:url(../common/img/bt_about.jpg) no-repeat;}
div#globalNav li.about a:hover {background:url(../common/img/bt_about_on.jpg) no-repeat;}
div#globalNav li.predinct a {display:block; overflow: hidden; width:83px; height:40px; margin-left:10px; background:url(../common/img/bt_predinct.jpg) no-repeat;}
div#globalNav li.predinct a:hover {background:url(../common/img/bt_predinct_on.jpg) no-repeat;}
div#globalNav li.event a {display:block; overflow: hidden; width:83px; height:40px; margin-top:0px; margin-left:10px; background:url(../common/img/bt_event.jpg) no-repeat;}
div#globalNav li.event a:hover {background:url(../common/img/bt_event_on.jpg) no-repeat; }
div#globalNav li.hall a {display:block; overflow: hidden; width:83px; height:40px; margin-left:10px; background:url(../common/img/bt_hall.jpg) no-repeat;}
div#globalNav li.hall a:hover {background:url(../common/img/bt_hall_on.jpg) no-repeat;}
div#globalNav li.access a {display:block; overflow: hidden; width:83px; height:40px; margin-left:10px; background:url(../common/img/bt_access.jpg) no-repeat;}
div#globalNav li.access a:hover {background:url(../common/img/bt_access_on.jpg) no-repeat;}
div#globalNav li.link a {display:block; overflow: hidden; width:83px; height:40px; margin-left:10px; background:url(../common/img/bt_link.jpg) no-repeat;}
div#globalNav li.link a:hover {background:url(../common/img/bt_link_on.jpg) no-repeat;}
ul,li { list-style-type:none; margin: 0px; padding: 0px;}

/* ロゴ
---------------------------------------------*/
#logo{width:180px; height:200px; margin: 27px 0 0 17px; background: url(../common/img/logo.jpg) no-repeat;}
#logo a{display: block; width:180px; height:200px;}

/* 住所・電話番号
---------------------------------------------*/
/*#address{width:180px; height:100%; margin-top:90px; padding-left:30px; text-align:left;}*/

#address{width:180px; height:100px;}
#address ul{padding: 20px 0 0 32px;}
#address li.line_100{line-height: 100%;}

/* ヘッダー
---------------------------------------------*/
#header{ width: 785px; height: 31px; background:#000000; margin:0 ; padding:0;}

/* サブジェクト
---------------------------------------------*/
#subject{ width: 785px; height: 148px; background:#000000; margin:0 ; padding-top: 31px;}

/* フッター
---------------------------------------------*/
#footer{width:785px; height:38px; background:#000000;  clear:both;}
#footer p{ padding: 10px 35px 0 0; text-align:right;}


/* コピーライト
---------------------------------------------*/
/*  #copyright{width:965px; height:21px; padding-top:20px; padding-right:35px; background:#000000; background: url(../common/img/back_copyright.jpg) no-repeat; text-align:right; } */

#copyright{width:1000px; height:41px; background:#000000; background: url(../common/img/back_copyright.jpg) no-repeat; } 
#copyright p{ padding-top:20px; padding-right:35px; text-align:right; }


/* トップページ
---------------------------------------------*/
#main_img{width: 785px; height: 579px; margin:0; padding:0; background:#000000;}
#information{width:785px; height:143px; background:#000000; margin:0; padding:0;}
#news{ width:367px; height:126px; background: #000000; background: url(../common/img/back_news.jpg) no-repeat; text-align: left; margin: 0; float:left;}
#news ul { padding: 20px 0 0 60px;}
#news li { font-size:11px; }
#banner1{position:relative; width:177px; height:115px; margin-left:10px; margin-top:11px; float:left; background:#000000;}
#banner2{position:relative; width:177px; height:115px; margin-left:7px; margin-top:11px; float:left; background:#000000;}



/* 歴史
---------------------------------------------*/
#main{ width: 725px; padding: 30px 0 0 60px; }
#about_01{ width: 600px; height: 330px; }
#about_01 .title_img { margin-bottom:10px; }
#about_01 .right_img { width:289px; height:199px; margin-left:5px; float:right;}
#about_02{ width: 600px; height: 300px;  }
#about_02 .title_img { margin-bottom:20px; }
#about_02 .ic_area_170{ width: 170px; height: 190px; margin: 20px 20px 0px 0px; float:left; text-align: center;}
.ic_title{font-size:12px; color: #FFFFFF; font-style:normal;}


.kashi{ width: 360px; margin: 30px 20px 0px 10px; text-align: left; line-height: 150%;}
.calendar{ width: 560px; height: 460px; margin: 30px 20px 0px 80px; text-align: center;}
.calendar_title_01{text-decoration:underline; text-align: right; margin: 20px 150px;}
#calendar_message{ width: 560px; height: 10px; margin: 30px 20px 0px 80px; text-align: left; color: #FFFFFF;}
#calendar_sub{ width: 400px; height:500px;  margin: 50px 0px 0px 20px; text-align: left; color: #FFFFFF; background: url(../common/img/back_jimon.jpg) no-repeat;}

#main_450{ width: 480px; height: 580px; }
#main_600{ width: 785px; height: 600px; }
#ondo_left{   padding: 30px 0 50px 20px; text-align: center; float:left;}
#ondo_right{  padding: 30px 0 50px 60px; float:left;}


/* 境内案内
---------------------------------------------*/
.predinct_01{ width: 600px; height: 240px; margin-top:30px; margin-left:110px; }
.predinct_01 ul{ width: 197px; height: 240px; margin: 30px 50px 0px 30px; float:left; text-align: center; color:#FFFFFF;}


/* 年間行事
---------------------------------------------*/
#main_550{ width: 785px; height: 550px; }
#event_01{ width: 600px; height: auto; padding:30px 0 50px 0; font-size:14px;}
#event_01 dl{ width:350px; color:#ffffff; line-height:220%; font-size:14px; float:left;}
#event_01 dt{ width:130px; float:left; }
#event_01 dd{ padding-right:28px;}

#event_02{ width: 600px; height: auto; }

#event_03{ width: 600px; height: 300px; }
#event_03 p { margin-bottom:20px; }
#event_03 ul { float:left; width:180px;}
#event_03 li.text{ margin-left:5px; color:#FFFFFF; }


p.ic_area_150{ width: 150px; height: 170px; margin: 30px 20px 0px 10px; float:left; text-align: center;}

/* イベントページ(桜情報)
---------------------------------------------*/
#subject_sakura{ width: 785px;   margin:0 ; padding:0;}
#main_462{ width: 785px; min-height:600px;}

.topic{ position:relative; padding:50px 0 0 50px; width:654px; height:240px; clear:both; }
.topic_left{ position:relative; width:147px; height:148px; float:left;}
.topic_right{ position:relative; width:507px; float:left;}
.topic_title{ position:relative; left:10px; width:507px; height:33px; clear:both;  }
.topic_text{ position:relative; top:5px; left:10px;  width:507px; height:114px; }

div.topic_text dl{ clear:both; margin-top:15px; line-height:170%;}
div.topic_text dt{ float:left; width:75px; height:auto;}
div.topic_text dd{ width:370px; height:auto;}


/* 如意ホール
---------------------------------------------*/
#main_600{ width: 785px; height: 600px;}
#hall_01{ width: 600px; height: 130px; margin-top:20px; margin-left:60px; }
#hall_02{ width: 600px; height: 100px; margin-top:20px; margin-left:60px; }

#guide{ width: 286px; height: 114px; margin-top:20px; margin-left:60px; text-align:center; float:left;}
#alert{ width: 600px; height: 114px; margin-top:40px; margin-left:95px; text-align:left;}

.line_0{line-height: 0%;}
.script_01{ width: 600px; height: 40px; margin-top:20px; margin-left:60px; text-align:center;}


/* アクセスページ
---------------------------------------------*/
#main_516{ width: 785px; height: 516px; }
#access_left{ width: 345px; height: 330px; margin-top:50px; margin-left:20px; float:left;}
#access_right{ width: 350px;height: 330px; margin-top:50px; margin-right:0px; float:left;}
.ic_title_01 {padding-bottom:10px; }
.ic_title_02 {padding:50px 0 10px 0; }


/* リンクページ
---------------------------------------------*/
.link_01{ width: 600px; height: 130px; margin-top:50px; margin-left:60px; }
.explanation{padding-top :10px;}
a.link{ font-size:16px; color: #ffffff; text-decoration:underline;}
a.link:hover{ color: #fff000; text-decoration:underline;}

