@charset "utf-8";

/* フレーム */


body {background: linear-gradient(#c1e4e9, #f5f5f5 ); }

.container1 {
  width:495px; 
  margin: 0 auto; }

.container2 {
  width:495px; 
  margin: 0 auto;
  background-color: f5f5f5;}

.container3 {
  width:485px; 
  margin: 0 auto;
}



/* �@ページヘッド */

#pagehead:after {content: ""; clear: both; display:block; }
#pagehead {background: linear-gradient(#c1e4e9, #c1e4e9 ); }

#pagetitle { width: 200px; float: left; }
#homebottun  { width: 200px; margin-bottom:5px; float: left; }
#sitesubtitle { font-size: 16px; color: #333333; margin-bottom: 0; font-weight: bold; }
#sitetitle { font-size: 22px; color: #333333; margin-top: 5px; margin-bottom: -5px; font-weight: bold; }

#addressinfo { width: 295px; float: right; }
#addressinfo p { font-size: 14px; color: #333333; line-height: 1.4;   text-align: right; font-weight: bold; }


/* �Aグローバルナビ */

#navi { background: linear-gradient(#2a83a2, #2a83a2 );}

.globalnavi { border-bottom: solid #2a83a2; border-width: 1px 0 ; }
.globalnavi ul { margin: 0; padding: 0;}
.globalnavi ul:after { content: ""; clear:both; display: block;}
.globalnavi ul li { 
  list-style: none; 
  width: 165px;
  float: left;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  line-height: 1.429;
}

.globalnavi ul li a { color: #ffffff; text-decoration: none; display: block; padding: 8px 0;}
.globalnavi ul li a:hover { background-color: #696969;} 


.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}

.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

.dropmenu li ul li a{  padding: 8px 0px;
  border-top: 1px solid #DFDFDF;
   background: #696969;
  text-align: center;
}
.dropmenu li:hover > a{
  background: linear-gradient(#696969, #696969 );
}
.dropmenu li a:hover{
  background: #2a83a2;
}

#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}



/* �Bフォトスライド*/

/*範囲を見分ける
#photoslide {background-color: #CCCCCC;
            border: solid 10px #FF0000; }
*/

#photoslide:after {content: ""; clear: both; display:block; }
#photoslide {box-shadow: 0 0 10px rgba(0,0,0,0.3); }
#photoslide img{ width:525px; height:150px; }

/* �Cメッセージ */

#message { font-family: "Sawarabi Mincho"; margin-bottom:50px; }
#message h1 {padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; font-size: 20px;}
#message p {font-size: 20px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 25px; line-height: 1.329; width:300px; }

/* �Eニュース */

#news { width: 150px; height: 175px; float: right;  border: solid #CCCCCC; border-width: 1px; padding-left: 5px; background-color: #DFDFDF; margin-top:-495px; margin-right:10px;}
#news a { display: block;  text-decoration: none;  color: #000000; }
#news a:hover {  color: #222; text-decoration: none; opacity: 0.25;  /* 要素を透明にするタグ */ background-color: #E6EBE0;}
#newstitle {font-size:14px; list-style: none; margin-top: 5px; margin-left: -40px; }
#newsimage {margin-top: -5px;}
#news img{width:140px; height:120px; }


/* �Dスケジュール */

#schedule { margin-top: 30px; margin-bottom: 30px; margin-left:-5px; margin-right:-5px;}

.tab {overflow:hidden; margin: 0; padding: 0; } 

.tab li{ list-style: none; float:left; width: 160px; background-color: #DFDFDF; 
          border-radius: 0.2em 0.2em 0 0 ; margin-right: 5px; 
          font-size: 20px; text-align: center; padding-top: 8px; padding-bottom: 5px;
          cursor: pointer; } 
.tab li.select{background: #2a83a2; color: #F5F5F5;} 

.content{margin-top: -0.05px; padding: 0; width:   width:100%;}

.content li{overflow-y: scroll;   /* 縦のスクロール表示 */ 
            width:100%; 
            height: 200px;
            background-color: #f5f5f5; 
            border-top: solid; border-width: 3px; border-color: #2a83a2; 
            position: relative; }
            	
.hide {display:none;} 

.content table { width: 100%; position: absolute; }
.content table tr th,
.content table tr td { font-size: 18px; line-height: 1.429; border-bottom: 1px dotted #333333; padding: 10px 0; vertical-align: top; text-align: left; }

.content table tr th {white-space: nowrap; padding-right: 30px;}
.content table tr td { width: 100%;}




/* �Fページフット*/


#pagefoot {background: linear-gradient(#c1e4e9, #c1e4e9 ); padding-top:15px; padding-bottom:15px; font-size: 14px;}




/* �G写真エリア*/

#bottomsect1 { height: 230px; border-bottom: dashed #CCCCCC; border-bottom-width: 1px; margin-top: -40px;}

#bottomsect1 img{width:217px; height:145px;}

#bottomsect1_1 { margin-top: 0px; width: 247px; height: 200px; border-right: dashed #CCCCCC; border-right-width: 1.0px; float: left; }
#bottomsect1_1 img { margin: 10px 15px 7.5px 15px; box-shadow: 0 0 5px rgba(0,0,0,0.3) }
#bottomsect1_1 h2 { margin: 0px 15px 0px 15px; padding-bottom: 0px; font-size: 20px; }
#bottomsect1_1 p { margin: 0px 15px 0px 15px; padding-top: 0px; }

#bottomsect1_2 { margin-top: 0px; width: 247px; height: 200px; float: right; }
#bottomsect1_2 img { margin: 10px 15px 7.5px 15px; box-shadow: 0 0 5px rgba(0,0,0,0.3) }
#bottomsect1_2 h2 { margin: 0px 15px 0px 15px; padding-bottom: 0px; font-size: 20px; }
#bottomsect1_2 p { margin: 0px 15px 0px 15px; padding-top: 0px; }

#bottomsect2 { height: 250px; border-bottom: dashed #CCCCCC; border-bottom-width: 1px;  position: relative; }

#bottomsect2 img{width:217px; height:145px;}

#bottomsect2_1 { margin-top: 0px; width: 247px; height: 200px; border-right: dashed #CCCCCC; border-right-width: 1.0px; float: left; }
#bottomsect2_1 img { margin: 10px 15px 7.5px 15px; box-shadow: 0 0 5px rgba(0,0,0,0.3) }
#bottomsect2_1 h2 { margin: 0px 15px 0px 15px; padding-bottom: 0px; font-size: 20px; }
#bottomsect2_1 p { margin: 0px 15px 0px 15px; padding-top: 0px; }

#bottomsect2_2 { margin-top: 0px; width: 247px; height: 200px; float: right; }
#bottomsect2_2 img { margin: 10px 15px 7.5px 15px; box-shadow: 0 0 5px rgba(0,0,0,0.3) }
#bottomsect2_2 h2 { margin: 0px 15px 0px 15px; padding-bottom: 0px; font-size: 20px; }
#bottomsect2_2 p { margin: 0px 15px 0px 15px; padding-top: 0px; }

#bottomsect2_3 { display:none;}

/* �Hアクセス*/
#accessmap img{height: 225px; margin-left:50px;}
#accessmethod{margin-left: 5px;}

/* �I牧師*/
.bokushicomment{font-size:16px; margin-bottom:10px; width:240px; float:right; margin-top:20px;}
img.bokushishoukai{ width:220px; height:260px; box-shadow: 0 0 30px rgba(0,0,0,0.3) }
#bokushikeireki1{ font-size:18px; margin-top:20px;}
#bokushikeireki2{ font-size:18px; margin-top:20px;}

/* �J教会の歴史*/
img.megurohistory{margin-left:5px; width:200px; height:150px;}

/* �K礼拝案内*/
img.reihaihuukei{display:none;}