﻿/*外部CSSファイルスタイル記述。*/
@charset "UTF-8" ;
*{
margin:0; 
padding:0;
line-heigt: 150%;
}
h1 {font-size:30px;}

h2{
font-family:bold "ＭＳ ゴシック", Osaka, sans-serif; 
font-weight:bold;
color:#A50021;
line-height:1.0;
text-align: center;
}

h3{
font-family:bold "ＭＳ ゴシック", Osaka, sans-serif; 
font-weight:bold;
color:#A50021;
line-height:1;
text-align: center;
}

#container{
	width:950px; margin:20px auto;
	margin-top:10px;
	background-color:#7d1e1e;
	position:relative;
}


#header {
	width:910px;
	height:50px;
	padding:20px;
	text-align:center;
	background-color:#7d1e1e;
	color:#ffffff;
}

/*============header用global menu===============================*/
#head_menu{
position:absolute;
top:63px;
left:460px;
}

ul#menu_h{
color:#ffffff;
height:31px;
}

li#menu_h01,li#menu_h02,li#menu_h03,li#menu_h04,li#menu_h05,li#menu_h06 {
float:left;
display:inline;
list-style-type:none;
background-repeat:no-repeat;
text-align:center;
}
li#menu_h01{
width:120px;
background-image:url("../IMG_navi/crimson_navi01.jpg");
}
li#menu_h02{
width:120px;
background-image:url("../IMG_navi/crimson_navi02.jpg");
}
li#menu_h03{
width:120px;
background-image:url("../IMG_navi/orange_navi02.jpg");
}
li#menu_h04{
width:120px;
background-image:url("../IMG_navi/crimson_navi02.jpg");
}
li#menu_h05{
width:120px;
background-image:url("../IMG_navi/crimson_navi02.jpg");
}
li#menu_h06{
width:120px;
background-image:url("../IMG_navi/crimson_navi02.jpg");
}



ul#menu_h a{
width:120px;
height:31px;
display:block;
padding-top:6px;
text-align:center;
text-decoration:none;
font-family:bold "ＭＳＰゴシック", Osaka, sans-serif;
font-weight:bold;
font-size:small;
color:#320a0a;
}

ul#menu_h a:hover {
list-style-type:none;
background-repeat:no-repeat;
color:#ff0000;
background-image:url("../IMG_navi/yellow_navi.jpg");
}

/*============フッター用p書式===============================*/
#footer {
	width:910px;
	padding:20px;
	text-align:center;
	background-color:#7d1e1e;
	color:#ffffff;
}


/*============フッター用p書式===============================*/
#footer p {
	margin:0px 0px 20px 0px;
	font-family:bold "ＭＳ ゴシック", Osaka, sans-serif; 
	line-height:1.5;
	text-align:center;
	color:#ffffff;
}
/*============フッター用リンク===============================*/
#navigation{
margin-top:10px;
text-align:center
}
#navigation ul{
list-style:none;
}

/*============本文＋左再度メニュー===============================*/
#pagebody{
	width:910px;
	background-color:#7d1e1e;
}

/*============本文==============================================*/
#bodycontent {
	width:690px;
	margin-left:220px;
	padding:20px;
	padding-top:30px;
	background-color:#ffffdd;
}
#bodycontent p {
line-height:2;
}

/*テキストpの行間調整用*/
#shoenstyle{
line-height:2;
}
#shoenstyle02{
line-height:2;
}

.textcolor_m{
color:#A50021;
}
/*==============左寄せ・右寄せテキスト==================*/
#leftside {
margin:0px 0px 20px 0px;
line-height:1.5;
text-align:left;
}
#leftside02 {
margin:0px 0px 20px 0px;
line-height:1.5;
text-align:left;
}
#rightside{
padding-right:50px;
text-align: right;
}
/*==============span 書式　class==================*/
.spanbold{
font-weight:bold;
}

/*=========左サイドメニュー=======================*/
#bodymenu {
	width:180px;
	padding:10px;
	color:#ffffff;
	position:absolute;
	left:10px; top: 80px;
	background-color:#7d1e1e;
}

#bodymenu p{
	padding:10px;
	margin:0px 0px 20px 0px;
	line-height:0.5;
	text-align:center;
}

#bodymenu a {color:#ffffff;}

#bodymenu ul {
	padding:10px;
	margin:0px 0px 20px 0px;
	border:1px;
	dotted #ffffff;
}
/*=================臨時メニュー書式聖霊降臨日お知らせ=====*/
#bodymenu01 {
	width:200px;
	padding:0;
	color:#ffffff;
	position:absolute;
	left:10px; top: 80px;
	background-color:#7d1e1e;
}

#bodymenu01 dt{
	padding:10px;
	margin:0px 0px 20px 0px;
	line-height:2;
	font-size:small;
	text-align:center;
}
#bodymenu01 li a{
list-style-type:none;
color:#ffffff;
text-align:center;
font-size:small;
}

#bodymenu02 {
float:left;
	width:180px;
	padding:10px;
	color:#ffffff;
position:absolute;
	left:10px; top: 380px;
	background-color:#7d1e1e;
}

#bodymenu02 p{
	padding:10px;
	margin:0px 0px 20px 0px;
	line-height:0.5;
}

#bodymenu02 a{color:#ffffff;}

#bodymenue02 ul {
	padding:10px;
	margin:0px 0px 20px 0px;
	border:1px;
	dotted #ffffff;
}

#bodymenu01 dl {list-style-type:none;}
#bodymenu02 dl {list-style-type:none;}
#bodymenu02 ul {list-style-type:none;}

/*==============メニュー定義文中のリスト=====================*/
#bodymenu dl li {list-style-type:none;}
#bodymenu ul li {list-style-type:none;}

/*==============本文中のリスト=====================*/
#listform01{
clear: left;
width:690px;
padding-left:280px;
}

#listform01 ul li{
float: left;
width: 7em;
list-style:none;
}

/*======中～後段（牧師コーナー）書式用===============*/
#midle02{
width:680px;
padding:20px;
}

#midle02 p{
line-height:2;
}


/*===============画像style=================================*/

/*左サイドメニュー用写真*/
#sample00 {
 width: 160px;
}

/*左サイドメニュー用写真聖霊降臨日案内*/
#sample_sp {
 width: 180px;
}

/*-------------縦長写真右おき、sample01使用やや大----------*/
#photoframe01{
width:250px;
padding:10px 20px 5px 10px;
float: right;
}

#photoframe_v_r{
widthe:230px;
padding:10px 20px 5px 10px;
float:right;
}

/*-------------縦長写真左おき,sample02使用----------------*/
#photoframe_v_l{
widthe:230px;
padding:10px 10px 5px 20px;
float:left;
}

/*------------横長写真左おき、sample03使用----------------*/
#photoframe_h_l{
widthe:330px;
padding:10px 10px 5px 20px;
float:left;
}
/*------------横長写真右おき、sample03使用----------------*/
#photoframe_h_r{
widthe:330px;
padding:10px 20px 5px 10px;
float:right;
}



/*------------縦長写真----------------*/
#sample01 {
width: 220px;
}

#sample02 {
width: 200px;
}

/*------------横長写真----------------*/
#sample03 {
width: 300px;
}

#sample04 {
width: 300px;
position:relative; left:20px;
}

/*------------汎用写真フレーム----------------*/
.photoframe_s_r{
width:150px;
padding:10px 20px 5px 10px;
float:right;
}
.photoframe_s_l{
width:150px;
padding:10px 20px 5px 10px;
float:left;
}
.sample_s {
width: 150px;
}

.photoframe_120_r{
width:120px;
padding:10px 20px 5px 10px;
float:right;
}
.photoframe_120_l{
width:120px;
padding:10px 20px 5px 10px;
float:left;
}
.sample_120 {
width: 120px;
}
.photoframe_170_r{
width:170px;
padding:10px 20px 5px 10px;
float:right;
}
.photoframe_170_l{
width:170px;
padding:10px 20px 5px 10px;
float:left;
}
.sample_170 {
width: 170px;
}



.photoframe_600_r{
width:200px;
padding:10px 20px 5px 10px;
float:right;
}

.photoframe_600_r{
width:600px;
padding:10px 20px 5px 10px;
float:right;
}
.photoframe_600_l{
width:600px;
padding:10px 20px 5px 10px;
float:left;
}
.sample_600 {
width: 600px;
}

.photoframe_600_r{
width:200px;
padding:10px 20px 5px 10px;
float:right;
}

.photoframe_500_r{
width:500px;
padding:10px 20px 5px 10px;
float:right;
}
.photoframe_500_l{
width:500px;
padding:10px 20px 5px 10px;
float:left;
}
.sample_500 {
width: 500px;
}

.photoframe_400_r{
width:400px;
padding:10px 20px 5px 10px;
float:right;
}
.photoframe_400_l{
width:400px;
padding:10px 20px 5px 10px;
float:left;
}
.sample_400 {
width: 400px;
}

.photoframe_xm_r{
width:300px;
padding:10px 20px 5px 10px;
float:right;
}
.photoframe_xm_l{
width:300px;
padding:10px 20px 5px 10px;
float:left;
}
.sample_xm {
width: 300px;
}
.photoframe_300_r{
width:300px;
padding:10px 20px 5px 10px;
float:right;
}
.photoframe_300_l{
width:300px;
padding:10px 20px 5px 10px;
float:left;
}
.sample_300 {
width: 300px;
}
.photoframe_230_l{
width:230px;
padding:10px 20px 5px 10px;
float:left;
}
.photoframe_230_r{
width:230px;
padding:10px 20px 5px 10px;
float:right;
}
.sample_230 {
width: 230px;
}
.photoframe_250_r{
width:250px;
padding:10px 20px 5px 10px;
float:right;
}
.photoframe_250_l{
width:250px;
padding:10px 20px 5px 10px;
float:left;
}



.sample_250 {
width: 250px;
}

.photoframe_m_l{
width:200px;
padding:10px 20px 5px 10px;
float:left;
}
.photoframe_m_r{
width:200px;
padding:10px 20px 5px 10px;
float:right;
}
.sample_m {
width: 200px;
}
/*==========float解除class====================*/
.newpara {clear: both}





/*==========ルビ書式==========================*/
rt {
font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
font-size:xx-small;
font-weight:500;  
ruby-align:left;
ruby-overhang:auto;
word-break:normal;
white-space:normal;
color:#cc0033;
}
rp {
font-size:xx-small;color:#cc0033;
}






