﻿/*外部CSSファイルスタイル記述。*/
@charset "UTF-8" ;
*{
margin:0; 
padding:0;
line-heigt: 150%;
}
body{
background-image:url(../img_navi/margaret_back.jpg);
}


h1 {font-size:30px;}

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

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

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


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


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


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

#header01 {
	width:40px;
	height:40px;
	padding:0;
	text-align:left;
	background-color:#7d1e1e;
	color:#ffffff;
	float:left;

}

.hidden_navi{
	visibility:hidden;
	font-size:xx-small;
	line-height:1;
	list-style-type:none;
}

#header02 {
	width:600px;
	height:40px;
	padding:5px;
	padding-bottom:0px;
	text-align:center;
	background-color:#7d1e1e;
	color:#ffffff;
position:relative;
float:left;
}

#header03{
	width:200px;
	height:30px;
	margin-top:20px;
	padding:0px;
	background-image:url(../img_navi/header_logo_02.jpg); /*背景画像の設定*/
	background-repeat:no-repeat;
	float:left;
}

#header04{
	width:200px;
padding-top:10px;
background-color:#7d1e1e;
float:right;
}

#header_line{
	width:700px;
	height:5px;
	background-color:#ff0000;
	position:absolute;
	top:72px;   
	left:10px;
}

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

/*============header用p書式===============================*/

#leftimage {
widthe:170px;
padding:0;
float:left;
}

#topimage {
width:170px;
top:0;
left:0;
}

#centertext {
widthe:740px;
padding-top:60px;
float:left;
}
/*============header用global menu===============================*/
#head_menu{
position:absolute;
top:90px;
left:225px;
}

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

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/crimson_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/orange_navi02.jpg");
}

ul#menu_h a{
width:120px;
height:20px;
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 p {
	margin:0px 0px 20px 0px;
	font-family:bold "ＭＳ ゴシック", Osaka, sans-serif; 
	line-height:1.5;
	text-align:center;
	color:#ffffff;
}


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


/*============本文==============================================*/
#bodycontent {
	width:690px;
	margin-left:220px;
	padding:20px;
	background-color:#ffffdd;
}

#bodycontent03 {
	width:690px;
	margin-left:220px;
	padding:20px;
background-image:url("../img_back/back_img_20130209old.jpg");
}

#bodycontent04 {
	width:595px;
	margin-left:40px;
	padding:0px;
background-image:url("../img_back/20130609_04.jpg");
/* background-repeat:no-repeat; */
}

/*===============本文書式用======================*/
#bodystyle01{
width:650px;
padding:20px;
}

#bodystyle01 p{
line-height:2;
}

#bodystyle02{
width:650px;
padding:20px;
}

#bodystyle02 p{
line-height:2;
}

#bodycontent p{
line-height:2;
}
#bodycontent03 p{
line-height:2;
}

#rightside{
text-align:right;
font-family:bold "ＭＳ ゴシック", Osaka, sans-serif; 
color:#A50021;
}

/*=========span書式=======================*/
.span_bold{
font-weight:bold;
}
.spanbold{
font-weight:bold;
}

/*=========a要素書式=======================*/
a.declink{
text-decoration:none;
}

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

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


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

#bodymenu a {
color:#ffffff;
font-family:"ＭＳＰ ゴシック", Osaka, sans-serif;
}

#bodymenu ul {
	padding:10px;
	padding-top:0px;
	margin:0px 0px 20px 0px;
	border:1px;
	dotted #ffffff;
list-style-type:none;
position:relative;
}

#bodymenu dl {
	margin:0px 0px 5px 10px;
	border:1px;
	dotted #ffffff;
list-style-type:none;
list-style:none;
text-decoration:none;
}

#bodymenu dt {
font-size:small;
}
.dt menuform_s{
font-family:"ＭＳＰ ゴシック", Osaka, sans-serif; 
font-size:xx-small;
color:#ffffff;
}


#bodymenu_new p{
	padding:10px;
	margin:0px 0px 20px 0px;
	line-height:1;
	font-size:small;
	text-align:center;
}

#bodymenu_new a {color:#ffffff;}

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

/*==============左サイドメニュー中のリスト書式=====================*/
#bodymenu ul li {list-style:none;
list-style-type:none;}
#bodymenu dl li {list-style:none;
list-style-type:none;}

#bodymenu_new ul li {list-style:none;}
#bodymenu_new dl li {list-style:none;}

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

/*左サイドメニュー用写真*/
#sample00 {
 width: 180px;
border-color:#7d1e1e;
}
#sample_180{
width: 180px;
border-color:#7d1e1e;
}


/*------------横長写真左おき、sampleXX使用----------------*/
#photoframe_h_r{
widthe:300px;
padding:20px;
padding-bottom:5px;
padding-right:10px;
float:right;
}

#photoframe_h_l{
widthe:300px;
padding:20px;
float:left;
}

#photoframe_h_l_02{
widthe:300px;
padding:20px;
float:left;
}

#photoframe_h_l_03{
widthe:150px;
padding:20px;
float:left;
}


#photoframe_h_r_02{
widthe:140px;
padding:20px;
float:right;
}

/*------------絶対配置写真----------------*/
#positionframe_01{
widthe:70px;
padding:10px;
position:absolute;
top:100px;
right:10px;
}


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

#sample02 {
width: 200px;
}

#sample03 {
width: 300px;
}

#sample04 {
width: 135px;
}

/*------------写真frame Class----------------*/

.photoframe_s_r{
widthe:50px;
padding:20px;
float:right;
}

.sample_s {
width: 70px;
}


.photoframe_m_l{
widthe:300px;
padding:20px;
float:left;
}
.photoframe_m_r{
widthe:300px;
padding:20px;
float:right;
}
.sample_m {
width: 300px;
}



.photoframe_w_n{
widthe:400px;
padding:20px;
}
.photoframe_w_r{
widthe:400px;
padding:20px;
float:right;
}
.photoframe_w_l{
widthe:400px;
padding:20px;
float:left;
}
.sample_w {
width: 400px;
}

.photoframe_700{
widthe:700px;
margin-left:20px;
}

.sample_700 {
width: 700px;
}

.photoframe_650{
widthe:650px;
margin-left:20px;
}

.sample_650 {
width: 650px;
}

.photoframe_600{
widthe:600px;
padding:20px;
}

.sample_600 {
width: 600px;
}


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

.photoframe_500_r{
widthe:500px;
padding:20px;
float:right;
}
.photoframe_500_l{
widthe:500px;
padding:20px;
float:left;
}
.sample_500 {
width: 500px;
}
.photoframe_350_r{
widthe:350px;
padding:5px;
float:right;
}
.photoframe_350_l{
widthe:350px;
padding:5px;
float:left;
}
.sample_350 {
width: 350px;
}
.photoframe_300_r{
widthe:300px;
padding:20px;
float:right;
}
.photoframe_300_l{
widthe:300px;
padding:20px;
float:left;
}
.sample_300 {
width: 300px;
}

.photoframe_270_l{
widthe:270px;
padding:10px;
float:left;
}
.photoframe_270_r{
widthe:270px;
padding:10px;
float:right;
}
.sample_270 {
width: 270px;
}

.photoframe_250_l{
widthe:250px;
padding:10px;
float:left;
}
.photoframe_250_r{
widthe:250px;
padding:10px;
float:right;
}
.sample_250 {
width: 250px;
}

.photoframe_230_l{
widthe:230px;
padding:10px;
float:left;
}
.photoframe_230_r{
widthe:230px;
padding:10px;
float:right;
}
.sample_230 {
width: 230px;
}

.photoframe_200_l{
widthe:200px;
padding:10px;
float:left;
}
.photoframe_200_r{
widthe:200px;
padding:10px;
float:right;
}
.sample_200 {
width: 200px;
}
.photoframe_180_r{
widthe:180px;
padding:10px;
float:right;
}
.photoframe_180_l{
widthe:180px;
padding:10px;
float:left;
}
.sample_180 {
width: 180px;
}

.photoframe_170_r{
widthe:170px;
padding:10px;
float:right;
}
.photoframe_170_l{
widthe:170px;
padding:10px;
float:left;
}
.sample_170 {
width: 170px;
}

.photoframe_150_l{
widthe:150px;
padding:10px;
float:left;
}
.photoframe_150_r{
widthe:150px;
padding:10px;
float:right;
}
.sample_150 {
width: 150px;
}

.photoframe_140_l{
widthe:140px;
padding:10px;
float:left;
}
.photoframe_140_r{
widthe:140px;
padding:10px;
float:right;
}
.sample_140 {
width: 140px;
}

.photoframe_130_l{
widthe:130px;
padding:10px;
float:left;
}
.photoframe_130_r{
widthe:130px;
padding:10px;
float:right;
}
.sample_130 {
width: 130px;
}

.photoframe_125_l{
widthe:125px;
padding:10px;
float:left;
}
.photoframe_125_r{
widthe:125px;
padding:10px;
float:right;
}
.sample_125 {
width: 125px;
}

.photoframe_120_l{
widthe:120px;
padding:10px;
float:left;
}
.photoframe_120_r{
widthe:120px;
padding:10px;
float:right;
}
.sample_120 {
width: 120px;
}

.photoframe_100_l{
widthe:100px;
padding:10px;
float:left;
}
.photoframe_100_r{
widthe:100px;
padding:10px;
float:right;
}
.sample_100 {
width: 100px;
}

.multi_flame_680{
width:680px;
margin_left=0px;
position: relative;
}
.img_680{
width:680px;
height:aute;
}

.img_100p{
width:100%;
height:aute;
}

.bodyimage{
background-image: url("20160313_01.jpg");
}

.multi-bg{
background:
url(../img_back/20160515_back_01.jpg) no-repeat;
}
.multi-bg20170615{
background:
url(../img_back/20170615_01.jpg) no-repeat;
}
.multi-bg_20171119{
background:
url(../img_back/20171119_01_event.png) no-repeat;
}
/*==========span書式class====================*/
.textcolor_m{
color:#A50021;
}


/*==========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;
}

.multi_flame_680{
width:680px;
margin_left=20px;
position: relative;
}
.img_680{
width:680px;
}

.img_100p{
width:100%;
height:aute;
}



