@charset "shift_jis";


/*---------- ページ全体の指定 ----------*/

body {
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 12px;
  color: #333;
  background-image: url(sozai/back-1.gif);
}

a:link {
  color: #004080;
  text-decoration:none;
  background-color:transparent;
}

a:visited {
  color: #004080;
  text-decoration:none;
  background-color:transparent;
}

a:hover {
  color: #004080;
  text-decoration:underline;
  background-color:transparent;
}

/*
p {
  margin: 20px 0 20px 0;
  line-height: 120%;
  letter-spacing: 1px;
}
*/

h1 {
  margin: 0;
  color: #333333;
}

.colorred {
  color: #ff0000;
}

.colorpurple {
  color: #cc00cc;
}

.colordarkblue {
  color: #330099;
}

.redbold {
  color: #ff0000;
  font-weight: bolder;
}

.colordarkblueSG {
  line-height: 200%;
  color: #330099;
  background-color: #ffefd5;
  padding: 5px;
}

/*---------- メイン ----------*/

#main {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 750px;
  background-color: #ffffff;
}

img {
  image-orientation: from-image;
}


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

#header {
  margin: 0;
  width: 750px;
  height: 90px;
  background-color: #FFFFFF;
}

#header-yago {
  float:left;
  margin-top: 20px;
  margin-left: 10px;
  width: 200px;
  height: 50px;
}

#header-yago img {
  border: none;
}

#header-topic {
  float: right;
  margin-top: 50px;
  padding: 0;
  width: 270px;
  height: 36px;
  border: none;
  line-height: 140%;
} 
 
#header-topic2 {
  float: right;
  margin-top: 55px;
  margin-right: 10px;
  border: none;
}

#header-topic2 img {
  border: none;
}

/*---------- コンテンツ ----------*/

#container {
  margin: 0px;
  padding: 10px;
  width: 730px;
  border-top: 1px solid #333333;
  background-color: #ffffff;
}

#navi {
  margin: 2px 0 15px 5px;
  font-size: 10px;
  white-space:nowrap;
}  

#navi a:hover {
  text-decoration:underline;
}  

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

#menulist {
  float: left;
  margin: 0;
  padding:5px 5px 10px 5px;
  width: 160px;
  text-align:left;
  background-color: #ffffff;
}

#menulist ul.menuu {
  margin:0px;
  padding:0px;
}

#menulist ul.menuu li{
  list-style-type: none;
}

#menulist ul.menuu li a{
  width:125px;
  height:26px;
  background-repeat:no-repeat;
  background-position:0px 0px;
  display:block;
  margin-bottom:2px;
}

#menulist ul.menuu li p{
  margin: 0;
  width: 137px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: block;
  margin-bottom: 2px;
}

#menulist ul.menuu li a span{
  display:none;
}

#menulist ul.menuu li p span{
  display:none;
}

#menulist ul.menuu li a:hover{
  background-position:0px -26px;
}

#menulist ul.submenu{
  margin: 5px 0 5px 20px;
  padding: 0;
}

a.menulist01 {
  background-image: url(sozai/btn-home.jpg);
}

a.menulist02 {
  background-image: url(sozai/btn-oshirase.jpg);
}

a.menulist03 {
  background-image: url(sozai/btn-about.jpg);
}

a.menulist04 {
  background-image: url(sozai/btn-shop.jpg);
}

a.menulist05 {
  background-image: url(sozai/btn-sitemap.jpg);
}
  
a.menulist06 {
  background-image: url(sozai/btn-ask.jpg);
}
  
a.menulist07 {
  background-image: url(sozai/btn-links.jpg);
}

a.menulist08 {
  background-image: url(sozai/btn-kago.jpg);
}

a.menulist09 {
  background-image: url(sozai/btn-blog.jpg);
}
  
.menulist11 {
  background-image: url(sozai/here-home.jpg);
}

.menulist12 {
  background-image: url(sozai/here-oshirase.jpg);
}

.menulist13 {
  background-image: url(sozai/here-about.jpg);
}

.menulist14 {
  background-image: url(sozai/here-shop.jpg);
}

.menulist15 {
  background-image: url(sozai/here-sitemap.jpg);
}
  
.menulist16 {
  background-image: url(sozai/here-ask.jpg);
}
  
.menulist17 {
  background-image: url(sozai/here-links.jpg);
}
  

/*---------- メインコンテンツ ----------*/

#contents {
  float: right;
  margin: 0;
  line-height: 150%;
  letter-spacing: 1px;
  width: 540px;
}

#contents h1 {
  margin: 0;
  padding: 0;
  font-size: 140%;
  color: #339999;
  line-height: 100%;
  font-weight: normal;
  background-color:  #ffffff;
}

#contents h2 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  color: #339999;
  line-height: 200%;
  font-weight: normal;
  background-color:  #ffffff;
}

#contents li{
  list-style-type: none;
}

.contents-inner {
  margin-top: 0;
  margin-bottom: 40px;
  padding: 0 20px 30px 30px;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #808080;
}

.contents-inner1 {
  margin-top: 0;
  margin-bottom: 20px;
  height: 235px;
  padding: 0;
}

.contents-inner1 img {
  margin: 0 10px 20px 0;
  float: left;
  border: none;
}

.contents-inner2 {
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0;
  clear: both;
}

.contents-inner2 img {
  border: none;
}

.contents-index {
  float: left;
  margin: 10px 0;
  width: 180px;
  height: 160px;
  display: block;
  text-align: center;
}

.contents-index img {
  border: none;
}

#contents p {
  margin: 0;
  line-height: 140%;
}

#contents p.note1 {
  margin-left: 1em;
}

#contents p.note3 {
  margin-left: 3em;
}

#contents p.noteh img {
  vertical-align: middle;
}

table#tbl-in {
  width: 500px;
  border: 1px #E3E3E3 solid;
  border-collapse: collapse;
  border-spacing: 0;
}

table#tbl-in th {
  padding: 3px;
  border: #E3E3E3 solid;
  border-width: 0 0 1px 1px;
  background: #F5F5F5;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  white-space: nowrap;
}

table#tbl-in td {
  padding: 3px;
  border: 1px #E3E3E3 solid;
  border-width: 0 0 1px 1px;
  line-height: 110%;
  text-align: center;
  white-space: nowrap;
}

.additional :hover{
  position: absolute;
  width: auto;
  height: auto;
}

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

#footer {
  clear: both;
  margin: 0;
  padding: 10px 0 8px 0;
  text-align: center;
  font-size: 12px;
  color: #333;
  border-top: 1px solid #333333;
  background-color: #FFFFFF;
}

#footer h1 {
  margin: 0;
  text-align: right;
  padding: 0 8px 0 0;
  font-size: 12px;
  color: #666666;
}

#footer h1 a {
  color: #666666;
  font-size: 12px;
 }

#footer h1 a:hover {
  color: #666666;
}

#footer a {
  color: #666666;
  font-size: 12px;
 }

#footer a:hover {
  color: #666666;
}