/*外部CSSファイルスタイル記述。*/
@charset "UTF-8" ;
*{
margin:0; 
padding:0;
line-heigt: 150%;
}
body{
background-image:url(../IMG_navi/margaret_back03.jpg);
}
h1 {font-family:"ＭＳ ゴシック", Osaka, sans-serif; 
font-weight:bold;
color:#ffc000;;
line-height:1.5;
text-align: center;
}

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

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



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


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

#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:#fd6b6b;
	position:absolute;
	top:74px;   
	left:10px;
}

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


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

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

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

#centertext {
widthe:740px;
padding-top:20px;
padding-left:100px;
float:left;
}


/*============header用global menu===============================*/
#head_menu{
position:absolute;
top:84px;
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/orange_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: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");
}

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


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

/*============本文==============================================*/
#bodycontent {
	width:690px;
	margin-left:220px;
	padding:20px;
	background-color:#ffebfd;
}
#bodycontent2013{
	width:690px;
	margin-left:220px;
	padding:20px;
	background-color:#fff7ff;
}
/*===============本文書式用======================*/
#bodystyle01{
width:650px;
padding:20px;
}

#bodystyle01 p{
line-height:2;
}

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

#bodystyle02 p{
line-height:2;
}
#bodystyle03{
width:690px;
padding:0;
}

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



/*=========左サイドメニュー=======================*/
#bodymenu {
	width:190px;
	padding:10px;
	color:#ffe1e1;
	position:absolute;
	left:10px; top: 93px;
	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;
}

/*==============左サイドメニュー中のlocal menu書式=====================*/
#bodymenu li {
list-style:none;
}

#bodymenu li a{
list-style-type:none;
color:#ffe1e1;
text-align:center;
font-size:small;
list-style:none;
}

/*============左サイドメニュー中のglobal menu===============================*/
ul#menu{
height:20px;
}

#menu01,#menu02,#menu03,#menu04,#menu05{
list-style-type:none;
background-repeat:no-repeat;
width:150px;
background-image:url("../IMG_navi/orange_n.jpg");
}

ul#menu a{
display:block;
width:140px;
padding-left:10px;
padding-top:3px;
text-align:left;
text-decoration:none;
font-family:bold "ＭＳＰゴシック", Osaka, sans-serif;
font-weight:bold;
color:#7d1e1e;
}

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


/*==============画像説明Text style=======*/
.phototext{
text-align:center;
}
.phototext_s{
text-align:center;
font-size:small;
}
/*===============画像style=================================*/

/*左サイドメニュー用写真*/
#sample00 {
 width: 170px;
padding-left:5px;
}


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

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

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

#photoframe_h_r_02{
widthe:140px;
padding:20px;
padding-left:80px;
float:left;
}

#photoframe_w_r{
widthe:400px;
padding:3px 10px 3px 10px;
float:right;
}


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

#sample02 {
width: 200px;
}

#sample03 {
width: 300px;
}

#sample04 {
width: 135px;
}

#sample_w {
width: 400px;
}

/*==========写真掲載用divのclass==============*/
.photoframe_400_l{
widthe:400px;
padding:10px 10px 3px 10px;
float:left;
}
.photoframe_400_r{
widthe:400px;
padding:10px 10px 3px 10px;
float:right;
}
.sample_400{
width: 400px;
}

.photoframe_350_l{
widthe:350px;
padding:10px 10px 3px 10px;
float:left;
}
.photoframe_350_r{
widthe:350px;
padding:10px 10px 3px 10px;
float:right;
}
.sample_350{
width: 350px;
}
.photoframe_300_l{
widthe:300px;
padding:10px 10px 3px 10px;
float:left;
}
.photoframe_300_r{
widthe:300px;
padding:10px 10px 3px 10px;
float:right;
}
.sample_300{
width: 300px;
}
.photoframe_250_l{
widthe:250px;
padding:10px 10px 3px 10px;
float:left;
}
.photoframe_250_r{
widthe:250px;
padding:10px 10px 3px 10px;
float:right;
}
.sample_250{
width: 250px;
}

.photoframe_s_l{
widthe:150px;
padding:10px 10px 3px 10px;
float:left;
}

.photoframe_175_l{
widthe:175px;
padding:10px 10px 3px 10px;
float:left;
}

.photoframe_200_l{
widthe:200px;
padding:10px 10px 3px 10px;
float:left;
}
.photoframe_220_l{
widthe:220px;
padding:10px 10px 3px 10px;
float:left;
}
.photoframe_220_r{
widthe:220px;
padding:10px 10px 3px 10px;
float:right;
}

.photoframe_m_l{
widthe:250px;
padding:10px 10px 3px 10px;
float:left;
}

.photoframe_m_r{
widthe:250px;
padding:10px 10px 3px 10px;
float:right;
}

.photoframe_l_r{
widthe:350px;
padding:10px 10px 3px 10px;
float:right;
}

.photoframe_s_r{
widthe:150px;
padding:10px 10px 3px 10px;
float:right;
}

.photoframe_300_l{
widthe:300px;
padding:10px 10px 3px 10px;
float:left;
}
.photoframe_300_r{
widthe:300px;
padding:10px 10px 3px 10px;
float:right;
}


.photoframe_s_c{
widthe:150px;
padding:200px 10px 3px 10px;
float:left;
}
.sample_s{
width: 150px;
}
.photoframe_200_l{
widthe:200px;
padding:10px 10px 3px 10px;
float:left;
}
.photoframe_200_r{
widthe:200px;
padding:10px 10px 3px 10px;
float:right;
}
.sample_200{
width: 200px;
}

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

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

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

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


.sample_m{
width: 250px;
}

.sample_l{
width: 350px;
}
.sample_300{
width: 300px;
}

.sample_175{
width: 175px;
}

.sample_220{
width: 220px;
}

.sample_200{
width: 200px;
}

.damyframe_r{
width:50px;
float:right;
}

.damyframe_l{
width:50px;
float:left;
}

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

span.textcolor{
color:#A50021;
}