@charset "Shift_JIS" ;

* {
          margin: 0;
}

body {
          color: black;
          background-color: #6a573c;
          width: 900px;
          height: auto;
          margin-top: 0px;
          margin-right: auto;
          margin-bottom: 0px;
          margin-left: auto;
}

/*ヘッダー*/

#header {
          width: 900px;
          height: auto;
          background-color: #f5f4cd;
}

#header p {
          font-size: 150%;
}

.left {
          font-size: 85%;
          font-style: italic;
}

.right {
          font-size: 70%;
}

#header a, #header a:link, #header a:visited {
          text-decoration: none;
          color: #000000;
          background-color: transparent;
}

#header a:hover {
          color: #ffffff;
          background-color: rosybrown;
          font-weight: bold;
}

/*メニュー*/


ul#menu,ul#menu li {
	margin: 0;
	padding: 0;
}
#menu {
	background-image: url("../img/menu1.jpg");
	float: left;
	width: 899px;
	list-style: none;
}

#menu li {
	float: left;
	text-indent: -9999px;
}

#menu a {
	width: 128px;
	height: 37px;
	display: block;
}

.li1 a:hover {background:url("../img/menu1.jpg") 0.5px -37px;}
.li2 a:hover {background:url("../img/menu1.jpg") -129px -37px;}
.li3 a:hover {background:url("../img/menu1.jpg") -257px -37px;}
.li4 a:hover {background:url("../img/menu1.jpg") -385px -37px;}
.li5 a:hover {background:url("../img/menu1.jpg") -512px -37px;}
.li6 a:hover {background:url("../img/menu1.jpg") -641px -37px;}
.li7 a:hover {background:url("../img/menu1.jpg") -768px -37px;}


/*コンテナ*/

#container {
          width: 900px;
          height: auto;
          float: left;
          background: url("../img/color3.jpg") repeat-y left top;
}

/*ナビ*/

#navi {
          width: 200px;
          height: auto;
          color: black;
          float: left;
          line-height: 1.5em;
}

#navi h3 {
          text-align: center;
          margin: 10px 20px 20px 20px;
          padding-top: 50px;
          padding-bottom: 50px;
          background-color: #7272b8;
          color: white;
          letter-spacing: 0.2em;
}

#navi li {
          margin-left: -30px;
          background-color: #f8eadc;
          padding-right: 10px;
          padding-left: 5px;
          width: 155px;
          line-height: 3.0em;
}

#navi ul {
          list-style-position: inside;
}

#navi h4 {
          background-color: #e2c7c7;
          width: 170px;
          text-align: center;
          margin: 82px 0px 0px 10px;
}

#navi .sub {
          font-size: 80%;
}


/*メイン*/

#main {
          width: 700px;
          height: auto;
          color: black;
          background-color: ivory;
          float: right;
          text-align: left;
}


#main h1 {
          margin-top: 5px;
          margin-bottom: 10px;
}

#main h2 {
          text-align: center;
          padding: 10px;
          margin: 10px 10px 10px 0px;
          background-color: #7272b8;
          width: 670px;
          color: #fffff0;
          letter-spacing: 0.1em;
}

#main h3 {
          clear: both;
          text-align: center;
          margin: 15px -205px 15px 235px;
          width: 200px;
          color: #000000;
          padding: 10px 0px 10px 0px;
          letter-spacing: 0.2em;
          border-left-style: solid;
          border-left-width: 10px;
          border-left-color: #7272b8;
          border-right-style: solid;
          border-right-width: 10px;
          border-right-color: #7272b8;
}

#main p.tag {
          font-size: 110%;
          margin: 15px;
          text-align: center;
}

#main p.tag2 {
          font-size: 90%;
}




/*ボックス*/

.box1 {
   	  height: 330px;
  	  width: 330px;
	  margin: 0px 10px 0px 10px;
          float: left;
}

.box2 {
   	  height: 330px;
  	  width: 340px;
	  margin: 0px 10px 0px 0px;
	  font-size: 105%;
          float: right;
}

.box3 {
   	  height: 530px;
  	  width: 620px;
	  margin: 0px 20px 50px 40px;
          float: left;
}

#main caption {
          margin-top: 15px;
          font-size: 110%;
          letter-spacing: 0.2em;
}


.box4 {
   	  height: 310px;
  	  width: 700px;
	  margin: 0;
	  background-color: ivory;
          overflow: auto;
}


#main tr.back0 {
          background-color: #e2e2f1;
}


#main tr.back1 {
          background-color: #f4f1f8;
}

#main tr.back2 {
          background-color: #ffeaff;
}

/*ここまで*/

#main h4 {
          text-align: right;
          padding-bottom: 150px;
}

#main a, #main a:link, #main a:visited {
          text-decoration: none;
          color: #000000;
          background-color: transparent;
}

#main h4 a:hover {
          color: #ffffff;
          background-color: rosybrown;
          padding: 5px;
}


/*フッター*/

#footer {
          clear: both;
          width: 900px;
          height: 90px;
          color: white;
          background-color: #4b4238;
          position: fixed;
          bottom: 0px;
}

#footer p {
          text-align: right;
          margin-top: -20px;
          font-size: 110%;
}

#footer h5 {
          padding: 5px;
          font-size: 102%;
}

#footer a, #footer a:link, #footer a:visited {
          text-decoration: none;
          color: #fffff0;
}

#footer h5 a:hover {
          color: #dc4e4e;
}