@charset "UTF-8";

body {
  font-size: 75%;
  background-color: #f0f0f0;
  margin: 0px;
  height: 100%;
  width: 100%;
}  

#wrapper {
  height: 100%;
}

p {
  color: #565656;
  padding: 5px 0px 5px 0px;
  letter-spacing: 1px;
}

img {
  padding: 0px;
  border: 0px;
  margin: 0px;
}

div {
  padding: 0px;
  border: 0px;
  margin: 0px;
}



/*　ヘッダーのＣＳＳ　スタート　*/

#header {
  height: 47px;
  width: 100%;
  background-image: url(../images/header_background.jpg);
  background-repeat: no-repeat;
  background-color: #ffffff;
}

#left-logo {
  height: 47px;
  width: 174px;
  float: left;
}

#right-logo {
  height: 46px;
  width: 84px;
  float: right;
}

/*　ヘッダーのＣＳＳ　終わり　*/


/*　リンクのＣＳＳ　スタート　*/

a {
  text-decoration: none;
}

a:link {
  color: #386acf;
}

a:visited {
  color: #386acf;
}

a:hover {
  color: #92aee5;
}

a:active {
  color: #92aee5;
}

/*　リンクのＣＳＳ　終わり　*/

#top-image-box {
  height: 184px;
  width: 100%;
}

#frame-up {
  height: 17px;
  width: 100%;
  background-image: url(../images/image_frame_up.jpg);
}

#top-image {
  height: 150px;
  width: 100%;
  background-color: #29294d;
}

#frame-buttom {
  height: 17px;
  width: 100%;
  background-image: url(../images/image_frame_buttom.jpg);
}

#contents-header {
  height: 23px;
  width: 100%;
  background-image: url(../images/contents_header_image.jpg);
}

.pan-list {
  height: 23px;
  padding: 3px 0px 0px 225px;
  color: #f4f4f4;
  font-size: 10px;
}

#main-contents {
  width: 1000px;
  padding-bottom:23px;
}

#left-box {
  height: 250px;
  width: 211px;
  float: left;
}

#menu-box {
  height: 249px;
  width: 200px;
  float:left;
  border-style: none solid solid none;
  border-width: 1px;
  border-color: #a8a8a8;
  background-color: #f4f4f4;
}

#menu-box img {
  height: 50px;
  width: 200px;
  float: left;
}

#menu-box-shadow {
  height: 250px;
  width: 10px;
  float:left;
  background-image: url(../images/menu_box_shadow_right.jpg);
}

#menu-box-shadow-buttom {
  height: 10px;
  width: 210px;
  float: left;
  background-image: url(../images/menu_box_shadow_buttom.jpg);
}

#right-box {
  width: 739px;
  float: left;
  padding-left: 50px;
  background-color: #f0f0f0;
}

.explanation-title{
  padding-top: 20px;
}

.explanation-title b {
  padding-top: 10px;
  color: #616161;
  font-size: 150%;
}

.explanation-box {
  width: 650px;
  border-style: solid;
  border-width: 1px;
  border-color: #a8a8a8;
  background-color: #ffffff;
  margin-top: 20px;
}

.explanation-header {
  height: 23px;
  width: 650px;
  background-image: url(../images/explanation_header.jpg);
}

.explanation-header b {
  padding: 0px 0px 0px 25px;
  line-height: 19px;
  color: #f0f0f0;
}

.explanation-bun {
  width: 630px;
  padding: 10px;
  letter-spacing: 1px;
  color: #616161;
}

.explanation-bun-02 {
  width: 595px;
  padding: 0px 10px 15px 35px;
  letter-spacing: 1px;
  color: #616161;
}

.explanation-bun-02 p {
  line-height: 20px;
  padding: 0px;
  margin: 0px;
}


/*　テーブルのＣＳＳ　スタート　*/

table {
  border: solid 1px #a8a8a8;
  border-collapse: collapse;
  width: 650px;
  color: #616161;
}

th {
  border: solid 1px #a8a8a8;
  background-image: url(../images/explanation_header.jpg);
  height: 20px;
  color: #f0f0f0;
}

td {
  border: solid 1px #a8a8a8;
  background-color: #ffffff;
  padding: 5px;
}

.explanation-bun table {
  width: 500px;
  color: #616161;
  border: none;
}

.explanation-bun td {
  color: #616161;
  border: none;
  background-color: #f0f0f0;
  padding: 2px;
}

/*　テーブルのＣＳＳ　終わり　*/

.copyright {
  width: 650px;
  text-align: center;
  padding: 100px 0px 10px 0px;
  color: #a1a1a1;
  font-size: 11px;
  background-image: url(../images/copy_background.jpg);
}





.u30 {padding: 270px 0px 0px 0px;}