@charset "utf-8";

* { margin:0; padding:0; }
html, body, #page {
  height: 100%;
}
html {
  background: url(Images/bg-cobalt.png) fixed left top repeat-y;
}
#page {
  background: url(Images/bg-cobalt-r.png) fixed right top repeat-y;
  font-family: 'ヒラギノ丸ゴ Pro W4', 'メイリオ', Trebuchet MS, Arial, Verdana, Osaka, MS P Gothic, sans-serif !important;
  font-size: 13px;
  line-height: 1.3;
}
body > #page {
  height: auto;
  min-height: 100%;
  background: url(Images/bg-cobalt-r.png) fixed right top repeat-y;
}

#body {
  padding: 60px 0 80px 0;
  position: relative;
}
#footer {
  background: url(Images/bg-foot.png) no-repeat center 50px;
  height: 80px;
  margin-top: -80px;
  position: relative;
  line-height: 80px;
}

#header {
  width: 480px;
  padding: 7px 10px 0 10px;
  margin: 6px 0 20px 0;
  border: 1px solid #ccc;
  position: fixed;
  top: 10px; left: 80px;
  z-index: 1024;
  background: url(Images/bg-nav.png);
}

#header #nav {
  padding: 0 0 20px 10px;
}

#header #nav li {
  display: inline;
  list-style-type: none;
}

#header #nav a:link, #nav a:visited {
  float: left;
  font-size: 11px;
  line-height: 14px;
  font-weight: bold;
  padding: 0 12px 6px 12px;
  text-decoration: none;
  color: #36536c;
}
#header #nav {
  background: url(Images/hover.png) no-repeat -100% -100%;
}
#header #nav a:link.current, #nav a:visited.current {
  color: #000;
  background: url(Images/current.png) no-repeat center bottom;
}
#header #nav a:hover {
  color: #ffb747;
  background: url(Images/hover.png) no-repeat center bottom;
}
#body #google-search {
  position: absolute;
  top: 80px; right: 65px;
}
#footer p {
  font-size: 90%;
  font-variant: small-caps;
  text-align: center;
}
h1 { 
  text-align: center; color: snow;
  width: 610px; height: 100px; line-height: 100px; margin: auto;
  font-size: 32px;
}
a {
  text-decoration: none;
}
a:link, a:visited {
  color: #6a74a6;
}
a:hover, a:active {
  color: #f45000;
  text-decoration: underline;
}
strong {
  color: #7b4d4b;
}
em {
  border-bottom: 3px double #ccc;
  font-style: normal;
}
kbd {
  font: 500 12px verdana, arial, sans-serif;
  text-decoration: underline;
}
acronym, abbr {
  cursor: help;
}
a img {
  border: none;  
}
#main .nav {
  margin: 30px auto;
  text-align: center;
}
@import "layout.css";

a {
 font      : 500 13px arial;
 font-family: 'ヒラギノ丸ゴ Pro W4', 'メイリオ', Trebuchet MS, Arial, Verdana, Osaka, MS P Gothic, sans-serif;
 color     : #FF0080;;
 text-decoration: none;
}
a:link{
 color : #40482B;
}
a:visited{
 color : #48452B;
}
a:hover{
 background-color:#EFFDFE;
 text-decoration: underline;
}
img {
 border-width : 0;
}
div.title{
 margin       : auto;
 text-align   : center;
 width        : 100%;
 height       : 30px;
}
.title span{
 background   : #003a4d;
 font         : 600 14px arial, sans-serif;
 text-align   : center;
 border       : solid 1px #2F4F4F;
 border-top   : none;
 background   : url(button/header-bg.png) #dfdfdf repeat-x;
 letter-spacing : 2px;
}
.navigation {
  width: 608px;
  min-width: 608px;
  margin: 0px auto 30px auto;
  font-family: 'ヒラギノ丸ゴ Pro W4', 'メイリオ', Trebuchet MS, Arial, Verdana, Osaka, MS P Gothic, sans-serif;
}
.navigation ul {
  background: url(button/header-bg.png) #dfdfdf repeat-x;
  width: 100%;
  line-height: 1.5;
  border       : solid 1px #2F4F4F;
  height: 20px;
}
.navigation ul li {
  display: inline
}
.navigation ul li a {
  border-right: #dfdfdf 1px solid;
  padding:0 5px 0 5px;
  text-decoration: none;
}
.navigation ul li a:hover {
  background: url(button/header-bg-a.png) #fff repeat-x;
  color: #2f63af;
  text-decoration: none;
}
.center{
  width     : 100%;
  text-align: center;
  margin: 10px auto 15px auto;
  font-family: 'ヒラギノ丸ゴ Pro W4', 'メイリオ', Trebuchet MS, Arial, Verdana, Osaka, MS P Gothic, sans-serif;
}
.i-center{
 padding    : 10px;
 text-align : center;
}
.alert{
  font       : 500 12px Trebuchet MS, Sans-serif;
  font-family: 'ヒラギノ丸ゴ Pro W4', 'メイリオ', Trebuchet MS, Arial, Verdana, Osaka, MS P Gothic, sans-serif;
  color      : #CC0033;
  text-align : center;
  margin     : 100px 0 20px 0;
}
.tips { font-size:12px; color:#003a4d;}
sup {
 color  : #DD2D5E;
}
span.georgia{
 font         : 500 12px georgia, serif;
 color        : #005E00;
}
strong.georgia{
 font         : 600 12px georgia, serif;
 color        : #005E00;
}
div.header{
 margin       : 20px 20% -15px 20%;
 text-align   : center;
 color        : #006C6C;
 font-size    : 14px;
}

div.tab{
 margin: 30px auto 0 auto;
 text-align   : left;
 background   : url(button/header-bg.png) #dfdfdf repeat-x;
 border       : solid 1px #2F4F4F;
 padding      : 5px;
 border-bottom: none;
 width: 70%;
 max-width: 610px;
}
div.box{
 background: #fff;
 margin: auto;
 border: solid 1px #637B44;
 padding: 5px;
 line-height: 1.6;
 text-align: left;
 width: 70%;
 max-width: 610px;
 font-family: 'ヒラギノ丸ゴ Pro W4', 'メイリオ', Trebuchet MS, Arial, Verdana, Osaka, MS P Gothic, sans-serif;
}
div.box a {
 text-decoration: underline;
}
div.ibox{
 line-height  : 1.5;
 margin       : 5px auto 5px 30px;
 text-align   : left;
}
div.ibox a {
 text-decoration: underline;
}
div.result{
 margin       : 0;
 padding      : 5px;
 color        : #008080;
 text-align   : center;
 width        : 100%;
}
hr.p {
 height       : 1px;
 color        : #004000;
 background   : #004000;
 width        : 97%;
 border       : none;
}
hr.c {
 width        : 10px;
 height       : 10px;
 color        : #ffd700;
 text-align   : center;
 background   : #ffd700;
 margin: auto;
}
.color-cell{
 width:12px;
 height:12px;
 font-size: 1px;
}
.color-cell-a{
 width:10px;
 height:10px;
 border:1px solid #000;
 font-size: 1px;
 cursor: pointer;
}
fieldset{
  width: 98%;
  padding: 10px;
  background: #eee;
  margin: auto;
}
div.imgbtn {height: 20px; width: 21px; border: solid 1px #c0c0c0; margin:0;}
#toolbar {
 padding: 0px;
 margin: auto;
 position:relative;
 left: 0;
 background  : url(button/header-bg.png) #dfdfdf repeat-x;
 width: 600px;
 border:1px solid #aaa;
}
#toolbar table { font-size:12px; }
#toolbar div.imgbtn img {border:none;width:21px; height:20px;}
.smiley {
  height: 16px;
  width: 16px;
  border: none;
  margin: 1px;
  vertical-align: middle;
  cursor:pointer;
}
.tool {
  height:20px;
  font:800 14px 'Times New Roman';
  background: #ddd;
  border: solid 1px #aaa;
  cursor: pointer;
}
div.rt {
 text-align   : right;
 padding-right: 1em;
}
strong {
 color : #2D446A;
}
.mod{
 text-align : right;
 margin     : 10px auto 0 auto;
}
.home-icon{
 border   : none;
 width    : 16px;
 height   : 16px;
 vertical-align: bottom;
}
.form-box {
  width: 600px;
  margin: auto;
}
.form-box tr td{
 text-align: left;
}
.form-box tr td.r{
 text-align: right;
}
.form-box p {
  text-align: center;
  padding-top: 0.5em;
}
/* for custom tags */
div.quote, blockquote {
 border : 2px solid #ddd;
 background-color : #f7f7f7;
 font    : 500 12px arial;
 padding : 5px;
 margin: 1em;
 color : #00468c;
 border-width : 0 2px 0 2px;
 text-align   : left;
}
pre {
  width: 93%; margin: 1.5em auto;
  overflow: auto;
  border-left: 4px solid #58B258;
  background : #f6f6f9;
  padding: 1em;
  font: 500 1em/1.4 "Consolas","Bitstream Vera Sans Mono","Lucida Console","Courier New",Verdana,Meiryo,monospace;
}
.underline {
 border-bottom : 1px solid #004000;
}
/* end of custom tags */


.search{
 width:480px;
 margin: 40px auto auto auto;
 border:dashed 2px #114400;
 color:rgb(35,70,50);
 background:#fff;
 font:500 13px/20px "MS UI Gothic";
 padding:10px;
}
.show-all {
 text-decoration : none;
 font            : 500 11px arial;
 color           : #A20051;
}
input.button, button{
 border      : 1px solid #777;
 font        : 500 9px Arial;
 cursor      : pointer;
 color       : #333;
 width       : 45px;
 height      : 15px;
 text-align  : center;
 background  : #F0FFF0;
}
.button2 {
 border      : 1px solid #777;
 font        : 500 14px arial, sans-serif;
 cursor      : pointer;
 color       : #333;
 width       : 60px;
 height      : 20px;
 text-align  : center;
 background  : #FFFF6A;
}

/* Headline */

table.list {
  border-collapse: collapse;
  width: 80%;
  max-width: 800px;
  margin: auto;
}
table.list tr td, div.box {
  background: snow;

}
th{
 border      : solid 1px #2F4F4F;
 font        : 500 14px "MS UI Gothic";
 color       : #333456;
 background  : url(button/header-bg.png) #dfdfdf repeat-x;
}
.list td {
 border      : solid 1px #2F4F4F;
 color       : #333444;
 padding     : 2px;
 background  : #FFFBFF;
 text-align  : center;
 font-size   : 13px;
}
td.lt{
 font-size   : 12px;
 color       : #000080;
 text-align  : left;
}
td.name {
  font-size: 13px;
}
td.res {
  font: 500 13px georgia;
} 
textarea {
  border :#aaa 1px solid;
  font-size : 13px;
  font-family: 'ヒラギノ丸ゴ Pro W4', 'メイリオ', Trebuchet MS, Arial, Verdana, Osaka, MS P Gothic, sans-serif;  
  width: 570px;
  color : #444;
  background:#fff;
  text-align: left;
}
input[type=text], option {
  font-size : 13px;
  font-family: 'ヒラギノ丸ゴ Pro W4', 'メイリオ', Trebuchet MS, Arial, Verdana, Osaka, MS P Gothic, sans-serif;    
}