/*
	Yahoo UI Library Reset CSS
	http://developer.yahoo.com/yui/reset/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
/* h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; } */
h1 {
	font-size:130%;
	font-weight:normal;
	color : #ff0000 ;
}
h2 {
	font-size:150%;
	font-weight:normal;
	color : #000000 ;
}
h3 {
	font-size:120%;
	font-weight:normal;
	font
	face :メイリオ;
	color : #002828 ;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* ******************************************************** */

/* body要素 背景色変更 #0000ff */

body {
	   font-family: "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", sans-serif;  /* border-top: solid 3px maroon; */
	   background-image: url("880-700back.jpg");                              /* background-image: url("photo1.jpg"); background-color: #ffffff; */
}

/* a要素 */

a:link {
	text-decoration: none;
	color: darkslategrey;
}
a:visited {
	text-decoration: none;
	color: darkslategrey;
}
a:hover, a:active {
	text-decoration: underline;
	color: darkgrey;
}

/* 外枠のデザイン  width: 900px */

#wrapper {
	width: 900px;
	margin: 0 auto;
	background-color: snow;
	/*outline: solid 1px red;*/        /* {background-image: url("photo1.jpg"); } background-color: snow; */

}

/* ヘッダーのデザイン margin: 0px auto; width: 880px  */

#header {
	width: 880px;
	margin: 0px auto;
/*outline: solid 1px blue;*/
}

/** ヘッダーのLogo width: 880px  **/

#headerLogo {
	width: 880px;
	height: 400px;
	margin : 0px 0px 0px 0px;
/*outline: solid 1px orange;*/

}




/* グローバルナビゲーションのデザイン  */

/*　立て並びメニュー　start */

ul {
	width: 250px;                 /* width: 200px; */
	margin: 0;
	padding-top: 20px;            /* padding: 0; */
	list-style-type: none;
	background-color: #eeeeee;     /* background-color: #eeeeee 枠内の背景色*/
}


li a {
	display: block;                /* display: block; /*
	padding: 8px 16px;             /* padding: 8px 16px; */
	font-size:30px;
	text-decoration: none;
	color: #000000;                 /* 黒色 #000000 */
	height:50px;                    /* メニューバーの高さ 2019.03.28追加 */
}
li {
	text-align: center;
}
li:last-child {
	border-bottom: none;
}

/* ---------------------メニュー反転固定 ?-----------------------  */

li a.active {
	color: #ffffff;               /* 文字の色   #ffffff */
	background-color: #ff0000;    /* background-color: #1b2538 */
}


li a:hover:not(.active) {
	color: #ffffff;
	background-color: #ff0000;     /* background-color: #da3c41 カーソル選択時の色 */
}

/*  立て並びメニュー  end */
/*  display: inline-block;  横に並べる */




/* コンテンツ部分のデザイン  */


#article {
    float: center;
	width: 880px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/* 本文のスタイルを指定する */

.aa { color: #000000;
       font-family: "メイリオ";
       font-size: 1.2em;
       text-align: left;
       line-height: 1.5;
}

.aaa { color: #0000ff;
       font-family: "メイリオ";
       font-size: 1.2em;
       text-align: left;
       line-height: 1.5;
}

.bbb { color: #191970;
       font-family: "メイリオ";
       font-size: 1.2em;
       text-align: left;
       line-height: 1.2;
       margin-left: 50px;
}

.ccc { color: #191970;
       font-family: "メイリオ";
       font-size: 1.2em;
       text-align: left;
       line-height: 1.5;
}

.ddd { color: #000000;
       font-family: "メイリオ";
       font-size: 1em;
       }
.eee { color: #000000;
       font-family: "メイリオ";
       font-size: 1.5em;
       text-align: left;
       margin-left: 100px;
}

.sub { color: #000000;
       font-size: 1.0em;
       text-align: left;
       width: 350px;
       padding: 2px 2px 2px 0px;
}


.second { color: #000000;
       font-size: 1.2em;
       text-align: left;
       width: 700px;
       padding: 2px 2px 2px 200px;
}
p.main { line-height: 150%;
         color: #000000;
         text-align: left;
         padding: 2px 2px 2px 50px;
         width: 800px;
         font-size:  100%;
}

p.main-sentence { line-height: 150%;
         color: #000000;
         text-align: left;
         padding: 2px 2px 2px 100px;
         width: 440px;
         font-size: 100%;
 }



/* フッターのデザ イン #copyright {loat:left;} → {float:left;} */

#footer {
clear: both;
width: 900px;
border-top: solid 1px maroon;
padding: 10px 10px 20px 0;
}
#copyright {float:right;}