/*外部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:"ＭＳ ゴシック", Osaka, sans-serif; 
color:#000000;
line-height:1.5;
text-align: center;
}
/*============アンカー書式===============================*/
a:link { color: #330066; text-decoration: none;}
a:visited { color: #36c; text-decoration: none;}
a:hover { color: #000; text-decoration: none; background-color: #ff0}
a:active {color:#f00 }
.a_normal01:link {text-decoration:underline;}

/*============コンテナー、ヘッダー書式===============================*/

#back_body0{

background-color:#eef0ee;
top:0px;

}
#back_body1{
background-color:#eef0ee;
height:20px;
margin:-20px;
left:0;
top:-20px
}


#container{
	width:960px; 
	margin:20px auto;
	margin-top:0px;
	margin-bottom:0px;
padding:0;
	background-color:#fffadc;
	position:relative;
}

#header{
	width:960px;
	height:70px; 
	margin:20px auto;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#7d1e1e;
	position:relative;
}


#header02 {
	width:450px;
	height:40px;
	padding:10px;
	padding-top:20px;
	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;
}

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

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

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

#gradiate_line{
	width:960px;
	height:25px;	
background-image:url(../img_navi/brown_bar02.jpg); /*背景画像の設定*/

position:relative;
}



#header_line{
	width:750px;
	height:5px;
	background-color:#ff0000;
	position:absolute;
	top:57px;    /*55px orifginal*/
	left:10px;
}

#vertical_line{
width:5px;
	height:510px;
	background-color:#ff0000;
position:absolute;
top:18px;
left:205px;
}

#vertical_line02{
width:5px;
	height:200px;
	background-color:#ff0000;
position:absolute;
top:18px;
left:205px;
}
/*============for screen reader==================*/
.sr_only {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/*============本文===============================*/
#pagebody02{
width:910px;
padding:20px;
background-color:#ffffdd;
}

ebody02 p{
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
line-height:2;
text-align:left;
color:#000000;
}

#pagebody{
width:960px;
background-color:#fffedd;
}

ebody p{
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
line-height:2;
text-align:left;
color:#000000;
}
/*============本文 class===============================*/
.middle_textbox{
width:900px;
margin-left:30px;
background-color:#ffffdd;
margin-bottom:20pt;
}
.middle_textbox p{
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
font-size:18px;
line-height:26px;
text-align:left;
color:#000000;
}
.textbox_low{
width:900px;
margin-left:30px;
background-color:#ffffdd;
margin-bottom:10pt;
}
.textbox_low p{
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
font-size:14px;
line-height:1.5;
text-align:left;
color:#000000;
}

/*============h4書式===============================*/
h4.colortext{
text-align:left;
color:#A50021;
}

/*============フッター書式===============================*/
#footer {
	width:960px;
margin:20px auto;
margin-top:0px;
	height:80px;
	background-color:#7d1e1e;
}


#footer p {
	margin:0px 0px 20px 20px;
	font-family:bold "ＭＳ ゴシック", Osaka, sans-serif; 
	line-height:1.5;
	text-align:center;
	color:#ffffff;
}

/*============top写真&写真中文字==============================================*/
#hp_top{
width: 960px; 
height:430px;
margin:20px auto;
margin-top:0px;
margin-bottom:0px;
background-image:url(../img_margaret/00_top.jpg); /*背景画像の設定*/
background-repeat:no-repeat;
position:relative;
z-index:1;
}

div #text_left{
width:190px; 
margin:5px;
float:left;
}
#text_left01{
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
padding-bottom:10px;
font-size:16px;
font-weight:bold;
line-height:1.5;
text-align:center;
color:#ff4260;
}
#text_left02{
width:180px;
padding:5px;
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
font-size:15px;
line-height:1.3;
text-align:left;
color:#ffffff;
background:#000000;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity:0.80;
}

div #text_right{
width: 150px; 
padding-top:20px;
float:right;
}

div #text_upright{
width: 150px; 
padding-left:10px;
}

div #text_bottomright{
width: 120px;
padding-left:30px; 
padding-top:230px;
}

#text_right a{
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
line-height:1.5;
font-weight:normal;
font-size:x-small;
text-align:left;
text-decoration: none;
color: #ffffff;
}
#text_right a:link {color: #ffffff;}
#text_right a:visited {color: #ffffff; }
#text_right a:hover {color: #000000; background-color: #ff0}
#text_right a:active {color:#ff0000 }


#text_right p{
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
line-height:1.5;
font-weight:bold; 
font-size:x-small;
text-align:left;
color:#ffffff;
}

/*=========本文書式=======================*/
p.text_bold{
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
font-weight:bold; 
line-height:2;
text-align:left;
color:#000000;
}

p.text_right{
font-family:"ＭＳ ゴシック", Osaka, sans-serif; 
line-height:2;
text-align:right;
}

p.text_body{
font-family:"ＭＳ ゴシック", Osaka, sans-serif;
line-height:2;
text-align:left;
color:#000000;
}



/*==========================span書式=======================*/
.textcolor_m{
color:#A50021;
}
.textcolor_r{
color:#ff4260;
}
.textcolor_b{
color:#0000ff;
}

.spanbold{
font-weight:bold;
}


/*============Table用divと書式==============================================*/
div #body_middle_left{
width:465px; 
margin:2px;
margin-left:10px;
float:left;
background-color:#ffffdb;
}

div #body_middle_right{
width:465px; 
margin:2px;
margin-right:10px;
float:left;
background-color:#ffffdb;
}

#body_middle_left a{
	font-family:"ＭＳ ゴシック", Osaka, sans-serif; 
	line-height:1.5;
	font-size:small;
	text-align:left;
	text-decoration:none;
}

#body_middle_right p{
	font-family:"ＭＳ ゴシック", Osaka, sans-serif; 
	line-height:1.5;
	font-size:small;
	text-align:left;
	color:#000000;
}

#body_middle_right a{
	font-family:"ＭＳ ゴシック", Osaka, sans-serif; 
	line-height:1.5;
	font-size:small;
	text-align:left;
	text-decoration:none;
}
/*=========================table書式=======================*/
#table_left{
width:100%;
border: 1px solid #b12e4d;
table-layout:fixed;
}

#table_right{
width:100%;
border: 1px solid #b12e4d;
table-layout:fixed;
}

th, td {border: 1px solid #ffffdd;}
th{
height:22px;
font-size:small;
color: #ffffff;
/*background-color:#b12e4d;*/
background-color:#A50021;
/* background-image:url(../img_navi/brown_bar02rd.jpg);*/
}

#chrono01{
table-layout:auto;
}


#row01{
width:40px;
}
#row02{
width:10px;
}
#row03{
width:10px;
}
#row04{
width:500px;
}

/*=======================汎用写真Class=======================*/
.photoframe_120_l{
width:120px;
padding:10px;
pdding-bottom:0px;
float:left;
}
.photoframe_120_r{
width:120px;
padding:10px;
padding-top:5px;
float:right;
}
.sample_120 {
width: 120px;
}

.photoframe_150_l{
width:150px;
padding:10px;
pdding-bottom:0px;
float:left;
}
.photoframe_150_r{
width:150px;
padding:10px;
padding-top:5px;
float:right;
}
.sample_150 {
width: 150px;
}

.photoframe_200_l{
width:200px;
padding:10px;
pdding-bottom:0px;
float:left;
}
.photoframe_200_r{
width:200px;
padding:10px;
padding-top:5px;
float:right;
}
.sample_200 {
width: 200px;
}
.photoframe_250_l{
width:250px;
padding:10px;
pdding-bottom:0px;
float:left;
}
.photoframe_250_r{
width:250px;
padding:10px;
padding-top:5px;
float:right;
}
.sample_250 {
width: 250px;
}

.photoframe_300_l{
width:300px;
padding:10px;
pdding-bottom:0px;
float:left;
}
.photoframe_300_r{
width:300px;
padding:10px;
padding-top:5px;
float:right;
}
.sample_300 {
width: 300px;
}

.photoframe_900{
width:900px;
margin-left:30px;
padding-top:10px;
}

.photoframe_900_l{
width:900px;
margin:30px auto;
margin-top:0px;
}
.sample_900 {
width: 900px;
}
.photoframe_700_r{
width:700px;
padding:0px;
padding-left:10px;
float:right;
}
.photoframe_700_l{
width:700px;
padding:0px;
padding-left:10px;
float:left;
}
.photoframe_800_l{
width:800px;
padding:0px;
padding-top:5px;

float:left;
}
.sample_800 {
width: 800px;
}




.photoframe_600_l{
width:600px;
padding-left:0px;
padding-top:10px;
float:left;
}
.photoframe_600_r{
width:600px;
padding-left:0px;
padding-top:10px;
float:right;
}
.sample_600 {
width: 600px;
}

.photoframe_500_r{
width:500px;
padding-left:30px;
padding-top:10px;
float:right;
}
.photoframe_500_l{
width:500px;
padding-left:30px;
padding-top:10px;
float:left;
}
.sample_500 {
width: 500px;
}
.photoframe_400_r{
width:400px;
margin-left:10px;
padding-top:5px;
float:right;
}
.photoframe_400_l{
width:400px;
margin-left:30px;
padding-top:5px;
float:left;
}
.photoframe_350_l{
width:350px;
margin-left:10px;
padding-top:5px;
float:left;
}
.photoframe_350_r{
width:350px;
margin-left:10px;
padding-top:5px;
float:right;
}

.sample_400 {
width: 400px;
}
.photoframe_350_l{
width:350px;
margin-left:10px;
padding-top:5px;
float:left;
}

.sample_350 {
width: 350px;
}

.photoframe_180_l{
width:180px;
padding-left:10px;
padding-top:10px;
float:left;
}
.photoframe_180_r{
width:180px;
padding-left:10px;
padding-top:10px;
float:right;
}
.sample_180 {
width: 180px;
}



.photoframe_130_r{
width:130px;
padding-left:10px;
padding-top:10px;
float:right;
}
.photoframe_130_l{
width:130px;
padding-left:10px;
padding-top:10px;
float:left;
}
.photoframe_160_l{
width:160px;
padding-left:10px;
padding-top:10px;
float:left;
}
.photoframe_160_r{
width:160px;
padding-left:10px;
padding-top:10px;
float:right;
}
.sample_130 {
width: 130px;
}
.sample_160 {
width: 160px;
}

.txtbox01{
width:920px;
background-color:#fffedd;
margin:10px auto;
margin-top:0;
margin-bottom:0;
padding-left:20px;
padding-right:20px;
position:relative;
}

.photoframe_30pr_var{
width:30%;
padding-left:15px;
float:right;
}

.sample_100p {
width:100%;
}
/*==========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;
}
/*============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/orange_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/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");
}

/*============drop down用 menu===============================*/
/* ナビ設定 */
 #navi {
 width: 960px; /*メニューの横幅*/
margin-top:0px;
position:relative;
z-index:2;
 }
 
#navi ul,#navi li {
 list-style:none; /*リストスタイルはなし*/
 margin:0;
 padding:0;

 }

#root_toc{
position:relative;
z-index:8;
}
 
#root_toc li,#root_toc li a {
 width: 160px; /*各メニューの横幅*/
 background-image:url(../img_navi/brown_bar00rd.jpg); 
 height: 25px;
 font-weight:bold;
color:#ffffff;
 }
#root_toc li.plist02 a {
 width: 160px; /*各メニューの横幅*/
 background-image:url(../img_navi/brown_bar02rd.jpg); 
 height: 25px;
 font-weight:bold;
color:#ffffff;
 }
#root_toc li.plist01 a {
 width: 160px; /*各メニューの横幅*/
 background-image:url(../img_navi/red_bar_r2.jpg); 
 height: 25px;
 font-weight:bold;
color:#ffffff;
 }
#root_toc li.plist03 a {
 width: 158px; /*各メニューの横幅*/
border:solid 1px #7d1e1e;
 background-image:url(../img_navi/orange_bar.jpg); 
 height: 25px;
 font-weight:bold;
color:#000000;
 }



 
#root_toc li{
 float:left; 
 border-bottom:1px solid ;
border-bottom-color:#ffffdd;
 }
 
#root_toc li.plist ul {
 display:none; 
 position:absolute;
 }
#root_toc li.plist02 ul {
 display:none; 
 position:absolute;
 }
#root_toc li.plist01 ul {
 display:none; 
 position:absolute;
 }

 
#root_toc li.plist:hover ul {
 display: block;
 }
#root_toc li.plist01:hover ul {
 display: block; 
 }
#root_toc li.plist02:hover ul {
 display: block; 
 }

 
#root_toc li.plist li {
 float:none; 
 }
#root_toc li.plist01 li {
 float:none; 
 } 
#root_toc li.plist02 li {
 float:none; 
 }

#root_toc li a {
 display: block;
 line-height:2;
 text-indent: 5px;
text-align:center;
font-size:small;
 color:#ffffff;
/* background-color: #666;*/
 text-decoration:none;
 }
 
#root_toc li a:hover {
width:158px;
 color:#A50021;
border:solid 1px #7d1e1e;
border-bottom:none;
background:url(../img_navi/orange_navi.jpg); /* right top;*/
 }