@charset "shift-jis";


/*----- ページ全体 -----*/

body {
  margin: 0px;
  background: #ccc url(img/background.gif);
  color: #333333;
}

a:link {
  color: #003399;
}
a:visited {
  color: #003399;
}
a:hover {
  color: #ff6600;
}
a:active {
  color: #ff6600;
}

#main {
  width: 780px;
  margin: 10px auto 10px auto;
  background-color: #ffffff;
  border: 1px solid #666;
  line-height: 120%;
}



/*----- ヘッダー -----*/

#header {
  padding-bottom: 1px;
  border-bottom: 5px solid #3333ff;
}
#header img {
  width: 780px;
  height: 138px;
}



/*----- メニュー -----*/

#menu {
  float: left;
  width: 210px;
  margin: 0px;
}
#menu ul {
  margin: 15px 0px 0px 15px;
  padding: 0px;
}
#menu li {
  list-style-type: none;
}

.menu-btn {
  width: 190px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}
.menu-btn a:link {
  display: block;
  width: 190px;
  height: 40px;
  background: url(img/menu-back.gif) top no-repeat;
  text-decoration: none;
  color: #666666;
}
.menu-btn a:visited {
  display: block;
  width: 190px;
  height: 40px;
  background: url(img/menu-back.gif) top no-repeat;
  text-decoration: none;
  color: #666666;
}
.menu-btn a:hover {
  display: block;
  width: 190px;
  height: 40px;
  background: url(img/menu-back.gif) bottom no-repeat;
  text-decoration: none;
  color: #ffffff;
}
.menu-btn a:active {
  display: block;
  width: 190px;
  height: 40px;
  background: url(img/menu-back.gif) bottom no-repeat;
  text-decoration: none;
  color: #ffffff;
}


.menu-txt {
  padding: 13px 0px 0px 10px;
  font-weight: bold;
  font-size: 11pt;
}




/*----- コンテンツ：共通 -----*/

#contents {
  float: right;
  width: 550px;
  margin: 0px;
  padding: 10px 0px 0px 10px;
  border-left: 1px solid #999999;
}

#contents-title {
  width: 520px;
  height: 50px;
  margin: 0px 0px 10px 10px;
  background: url(img/contents-title.gif) no-repeat;
}
#contents-title h1 {
  padding: 18px 0px 0px 30px;
  color: #333333;
  font-size: 140%;
}

#contents h2 {
  margin: 15px 0px 0px 20px;
  color: #6699ff;
  font-size: 120%;
}

#contents h3 {
  width: 500px;
  margin: 20px 0px 20px 25px;
  padding: 7px 0px 5px 10px;
  background: url(img/h3.gif) repeat-x bottom;
  border-bottom: solid 1px #cccccc;
  border-left: solid 4px #3366ff;
  font-size: 90%;
}
#contents h4 {
  width: 500px;
  margin: 20px 0px 20px 25px;
  padding: 7px 0px 5px 10px;
  background: url(img/h4.gif) repeat-x bottom;
  border-bottom: solid 1px #9cf;
  border-left: solid 4px #3366ff;
  font-size: 90%;
}


.contents-text {
  margin: 20px 30px 20px 30px;
  font-size: 90%;
}
.contents-ul {
  margin: 0px 35px 10px 20px;
  font-size: 90%;
}
.contents-ul li {
  margin: 0px 0px 3px 0px;
}

.arrow {
  margin: 10px 20px 30px 0px;
  text-align: right;
}



/*----- フッター -----*/

#footer {
  clear: both;
  padding: 10px;
  border-top: 8px solid #33f;
  text-align: right;
  color: #999999;
  font-size: 70%;
}