@charset "EUC-JP";





/*---------- &#402;y&#64258;[&#402;W¡ÆS¡Æ&#65533;&#8218;&#65533;&#8805;w¡Ç&#65533; ----------*/



body {

  font-family: Verdana, Arial, Helvetica, sans-serif, "&#8218;l&#8218;r &#402;S&#402;V&#402;b&#402;N","Hiragino KaKu Gothic Pro", Osaka;

  margin: 0;

  padding: 0;

  font-size: 18px;

  color: #F0FFFF;

  background-color: #000000;

}



a:link {

  color: #f0ffff;

  font-size: 14px;

}



a:hover {

  color: #005ebb;

  font-size: 14px;

}



a:visited {

  color: #f0ffff;

  font-size: 14px;

}



p {

  margin: 10px 0 20px 0;

  line-height: 150%;

  letter-spacing: 1px;

}



h1 {

  font-size: 14px;

  margin: 0;

  padding: 2px 3px 0px 3px;

  color: #333;

}







/*---------- &#402;&#64258;&#402;C&#402;¡È ----------*/



#main {

  margin: 0 auto 0 auto;

  padding: 0;

  width: 950px;

  background-color: #000000;

}





#main img.head_photo {

  margin: 2px 0 0 0;

}





/*---------- &#402;w&#402;b&#402;_&#64258;[ ----------*/



#header {

  margin: 0;

  width: 950px	;

  height: 14px;

  border-bottom: solid 3px #333333;

  background-color: #ffffff;

  font-family:Verdana;

  background-repeat: no-repeat;

}



#header h1 {

  margin: 0;

  padding: 3px 0 4px 8px;

  border-bottom: solid 1px #cccccc;

  text-align: left;

  font-size: 14px;

  color: #000000;

  background-color: #000000

}



#header h2 {

  margin: 0;

  padding: 3px 3px 3px 3px;

  width: 400px;

  text-align: left;

  font-size: 14px;

  color: #000000;

}





#table-left{

  text-align: left;

  font-size: 14px;

  color: #333333;

  line-height: 100%;

  text-decoration: none;

}



#table-left a{

  font-size: 14px;

  color: #333333;

  text-decoration: none;

}



#table-left a:hover{

  font-size: 14px;

  color: #666666;

  text-decoration: none;

}





#table-right{

  text-align: right;

  margin: 0;

  padding: 2px 14px 2px 0;

  font-size: 14px;

  color: #f0ffff;

  line-height: 100%;

  text-decoration: none;

}



#table-right a{

  font-size: 12px;

  color: #333333;

  text-decoration: none;

}



#table-right a:hover{

  font-size: 12px;

  color: #666666;

  text-decoration: none;

}





#header-menu {

  width: 1000px;

  height: 20px;

  background-color: #333333;

  margin: 0px;

  padding: 5px 0 6px 10px;

  background-color: #ffffff

}



#header-menu ul {

  text-align: left;

  padding-bottom: 1px;

  margin: 0px;

  width: auto;

}



#header-menu li {

  color: #ffffff;

  display: inline;

  padding-left: 14px;

  padding-right: 10px;

  background: url(img/l_icon.gif) no-repeat;

}



#header-menu a {

  font-size: 14px;

  color: #000000;

  text-decoration: none;

}



#header-menu a:hover {

  font-size: 14px;

  color: #708090;

}





/*---------- &#402;R&#402;¡È&#402;e&#402;¡È&#402;c ----------*/



#container {

  margin: 0px;

  padding: 6px 0 6px 0;

  background-color: #000000;

}





/*---------- &#402;&#64258;&#402;C&#402;¡È&#402;R&#402;¡È&#402;e&#402;¡È&#402;c ----------*/



#contents {

  float: right;

  margin: 0;

  padding: 5px 2px 0 10px;

  font-size: 14px;

  color: #ffffff;

  line-height: 150%;

  letter-spacing: 1px;

  width: 650px;

}



#contents h2 {

  margin: 0 0 7px 0;

  padding: 9px 0 10px 5px;

  line-height: 110%;

  font-size: 16px;

  color: #6A5ACD;

  background-image: url(img/titlebar.gif);

  background-repeat: no-repeat;

}



#contents img.head_photo {

  margin: 0 0 10px 0;

}



#contents img.photo {

  float: left;

  margin: 10px 20px 0 0;

}



#contents img.picture {

  margin: 0 10px 10px 0;

  float: left;

}



#contents p.photo {

  margin: 0 0 20px 0;

  padding: 0;

}



#contents p {

  margin: 15px 0 35px 0;

  line-height: 150%;

  letter-spacing: 1px;

}





/*---------- &#402;&#64258;&#402;j&#402;¡Ä&#64258;[ ----------*/



#menu {

  float: left;

  margin: 3px 0 15px 0;

  padding: 0;

  width: 230px;

  letter-spacing: 1px;

  text-align: left;

  background-image: url(img/menu_back.gif);

}



#menu h2 {

  margin: 0 0 2px 0;

  padding: 6px 0 6px 12px;

  line-height: 110%;

  font-size: 14px;

  color: #000000;

  background-color: #778899

}





.menulist {

  margin: 0 0 14px 0;

  padding: 5px 2px 0px 8px;

  width: 215px;

  text-align: left;

  background-image: url(img/menu_back.gif);

}



.menulist h2 {

  margin: 0;

  padding: 6px 0 6px 12px;

  line-height: 110%;

  font-size: 14px;

  color: #fffffc;

  background-color: #000000

}



.menulist a{

  color: #6039FF;

  display: block;

  border-bottom: solid 1px #999999;

  width: 191px;

  padding: 10px 0 9px 24px;

  font-size: 14px;

  background-image: url(img/side_menu_bg.gif);

  background-repeat: no-repeat;

 }



.menulist a:hover{

  color: #DA91FF;

  background-image: url(img/side_menu_bg_hover.gif);

  background-repeat: no-repeat;

}





.menu_free {

  margin: 0 0 14px 0;

  padding: 5px 2px 0px 8px;

  width: 215px;

  text-align: left;

  background-image: url(img/menu_back.gif);

}



.menu_free h2 {

  margin: 0;

  padding: 6px 0 6px 12px;

  line-height: 110%;

  font-size: 14px;

  color: #fffffc;

  background-color: #000000

  background-repeat: no-repeat;

}



.menu_free a{

  color: #004080;

  width: 203px;

  padding: 6px 0 5px 0;

  font-size: 14px;

  background-color: #f3f3f2;

 }



.menu_free a:hover{

  color: #005ebb;

  background-color: #f3f3f2;

}





#menu p {

  margin: 10px 4px 0 4px;

  line-height: 150%;

}



li {

  list-style-image: url(img/mark.gif);

  margin: 0 0 5px 0;

}









/*---------- &#402;t&#402;b&#402;^&#64258;[ ----------*/



#footer {

  clear: both;

  margin: 0;

  padding: 8px 0 18px 10px;

  text-align: center;

  font-size: 14px;

  color: #C0C0C0;

  border-top: solid 4px;

  border-top-color: #000000

  background-color: #ffffff;

}



#footer a {

  color: #f0ffff;

  font-size: 14px;

 }



#footer a:hover {

  color: #333333;

}

