@import "common.css";

/***********************/

body {
    text-align: center;
    font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
    margin: 0 auto;
    background-color: #003fbf;
    background-image: url(/images/bg_body.gif);
    margin: 5px 0 5px 0;
    
}

/* pﾡ¦*/

#rc{
  text-align: center;
}

#rc .corner {
	  background-image:url(/images/ssx/rc-bg.png);
}

#tl{
  padding-left: 10px;
}
#tr{
  background-position: right top;
  padding-top: 10px;
  padding-right: 10px;
  text-align: center;
}
#bl{
  padding-left: 10px;
  background-position: left bottom;  
}
#br{
  padding-bottom: 10px;
  background-position: right bottom;
}

div.kadomaru {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

   border: 3px green solid;     /* g¡¦»ï½ê¡¦»ª/
   background-color: #fff;   /* wiF */
}

/*****  header section  *****/

div#container {
    width: 930px;
    text-align: left;
    margin: 0 auto;
/*    background-image: url(/images/kkq/wrapper_bg.gif); */
    background-color: #fff;
    border-top: 2px #191970 solid;
    border-right: 1px #191970 solid;
    border-bottom: 2px #191970 solid;
    border-left: 1px #191970 solid;
}

div#header {
    background-color: #ffffff;
    padding: 2px 5px 5px 5px;
    height: 110px;
}

div#header .img_link {
   float: left;
   margin: 5px 0px 0px 10px;
}

div#header .img_pr {
   float: right;
   margin: 0px 5px 5px 5px;
}

.title-message {
   border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border: 3px #00008b outset;  /* g¡¦»ï½ê¡¦»ª/
   background-color: #fff;      /* wiF */

   width: 465px;
   height: 90px;
   float: right;
   padding: 2px 5px 10px 5px;
   margin: 5px 10px 5px 0;
}

div#header div.title-message h2 {
  margin: 10px 0 0 5px;
  color: #880000;
}

div.title-message p {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    margin: 5px 0px 0px 5px;
}

div#header h1 {
    font-size: 10px;
    font-weight: bold;
    line-height: 1.50em;
    margin: 3px 0px 0px 13px;
    color: #000;
}

div#header h2 { 
    font-size: 15px;
    font-weight: bold;
    line-height: 1.22em;
    margin: 3px 0px 0px 0px; 
    color: #4E5A6A;
}

div#header h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.22em;
    margin: 20px 10px;
    color: #eee;
}

div#header h4 { 
    margin-left: 20px; 
    color: #eee;
    font-size: 15px;
}

div.header_link {
    border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */

    text-align: center;
    background-color: #00008b;
/*    background-image: url(/images/555.png); */
    color: #4E5A6A;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #bbb;
    margin: 0 15px 0 15px;
    padding: 3px;
    clear: both;
    height: 19px;
}

div.header_link li{
    display: inline;
    padding: 2px 0 0 1px;
}

div.header_link a {
    font-size: 15px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    padding: 0 0 0 3px;
}

div.header_link a:hover {
    background-color: #1e90ff;
    color: #fff;
}

.stitle {
    width: 190px;
/*    background-image: url(/images/555.png); */
    background-color: #00008b;
    color: #4E5A6A;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #00008b;
    padding: 3px;
    clear: both;
    height: 16px;
}

.prologue {
       margin: 1em 1em;
       color: #666666;
}

/*****  contents section  *****/

div#contents {
    width: 480px;
    background-color: #fff;
    float: left;
    margin: 8px 0px 0px 15px;
}

div#contents_sp {
    width: device-width;
    background-color: #fff;
    float: left;
    margin: 10px 0;
}

div#contents h2.top {
  background-color: #00008b;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
}

div#contents h2.title {
  font-size: 16px;
  font-weight: bold;
}

div#contents h2.top img {
  margin: 5px 10px 0 10px;
}

div#contents h2.top img font {
  margin: 5px 10px 0 10px;
}

div#contents table.contents {
  background-color: #e5ffe9;
  width: 480px;
  height: 300px;
  border: 3px double #000080;
  padding; 5px;
}

div#contents table.contents td {
  font-size: 12px;
  font-weight: bold;
}

div#contents table.contents td a img {
  width: 235px;
  height: 195px;
  margin: 0 0 0 10px;
  padding; 0 0 0 0;
  border:1px #000080 solid;
}

.adnavigate { 
    text-align: right; 
    background:transparent url(/images/common/arrow_green_16x16.gif) no-repeat scroll right center;
    padding: 0 20px 5px 0;
    font-size: medium;
}

.out_table {
    margin: 0 auto;
}

.middle_table {
    border: 1px solid #000;
    width: 500px;
    margin: 5px; auto;
}

.middle_title a {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.middle_title {
    border: 1px solid #a0a0a0;
    text-align: center;
    background-color: #6281bb;

    margin: 5px 30px;
    padding: 5px;
}

.inner_table tr,
.inner_table td {
    border: 1px solid #fff;

    margin: 5px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
}

.square { background-color: #fff; }

/* left menu */

div#left_menu{
    width: 200px;
    background-color: #fff;
    float: left;
    margin: 3px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
/*    border: 1px solid #bbb; */
    line-height: 18px;
}

div.menu_title{
    font-size: 11pt;
    font-weight: bold;
    border-bottom: 2px solid #9FD717;
}

div.menu_text{
    width: 174px;
    background-color:;
    font-size: 11pt;
    font-family: sans-serif;
    color: #000;
    margin: 0px 0px 15px 0px;
    padding: 5px 10px 15px 10px;
    border: 2px solid #00008b;
}

div#left_menu a {
    color: #333333;
    text-decoration: none;
}

div#left_menu a:hover {
    background-color: #908569;
    color: #fff;
}

div#left_menu h3 {
    font-weight: bold;
    color: #ffffff;
    padding-left: 3px;
}

div#left_menu h4 {
    font-weight: bold;
    color: #ffffff;
    padding-left: 3px;
}

div#left_menu .menu_sheet .menu_text ul.one li u img {
  margin: 0 5px 0 0;
}

div#left_menu .menu_sheet .menu_text ul.two li img {
  margin: 0 7px 0 4px;
}

div#left_menu .menu_sheet .menu_text u img {
  margin: 0 7px 0 0;
}

div#left_menu .menu_sheet .menu_text img.pr {
  float: left;
  margin: 25px 5px 0 0;
}

/* right menu */

div#right_menu {
    width: 200px;
    float: right;
    margin: 3px 17px 0px 0px;
}

div .menu_sheet{
    margin: 5px;
}

div#right_menu a{
    font-weight: bold;
    color: #000088;
}

div#right_menu a:hover {
    background-color: #1e90ff;
    color: #fff;
}

div#right_menu h3{
    font-weight: bold;
    color: #ffffff;
    padding-left: 3px;
}

.spec {
    font-size: 1.2em;
    line-height: 20px;
}

ul#index .kizu {
    font-size: 1.2em;
    line-height: 20px;
    margin-top: 15px;
}


.both { 
    clear: both;
    margin: 0;
    padding: 0;
}

ul#index li {
    float: left;
    margin: 5px;
font-size: 13px;
}

ul#index .img{
    width: 150px;
    height: 175px;
    border: 1px #000000 solid;
}

ul#index .message{
    width: 140px;
    margin-top: 15px;
    height: 165px;
}

ul#index .score{
    width: 140px;
    margin-top: 80px;
    height: 100px;
}

ul#index li a{
    color: #333333;
    text-decoration: none;
}

ul#index li a:hover {
background-color: #B0C1DA;
color: #1E77FF;

}

/************  topics section ***********/

htable#spec td {
    width: 325px;
    border: 1px solid #666;
    padding: 5px;
}

table#spec {
    width: 650px;
    margin: 0 auto;
}

table#spec h1 {
    text-align: center;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #2EA5D0;
}
#spec table {
    margin: 0 auto;
    border: 1px solid #000;
    width: 300px;
}

.inner_spec tr,
.inner_spec td {
    font-size: 15px;
    text-align: center;
}

.spec_info {
    background-color: #2EA5D0;
    color: #fff;
}

.spec_name {
    padding: 10px;
    text-align: center;
    background-color: #606060;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

.spec_image {
    text-align: center;
    width: 250px;
}

.first { padding: 10px; }

.spec_link { background-color: #e0e0e0; }

.spec_link li{
    display: inline;
    margin: 0 5px;
}

/************  topics section  ***********/



table td .img{
padding: 5px 0;
    text-align: center;
}

div.search_title{
    font-size: 150%;
    background-color: #f00;
    color: #fff;
    text-align: center;
    margin: 10px;
    padding: 2px;
    font-weight: bold;
}

div.search_title2{
    font-weight: bold;
    font-size: 120%;
    background-color: d3da64;
    text-align: center;
    padding: 2px;
    margin: 10px;
} 

div.search_machine{
    font-size: 100%;
    margin: 10px;
}

div.search_select{
    padding: 5px;
    margin: 10px;
    font-size: 120%;
    text-align: center;
}

div.search_button{
    margin: 10px;
}

div.form_3{
    padding: 10px;
    text-align: center;
}

div.spec_img{
    margin-top: 10px;
    width: 150px;
}

div.spec-page {
    line-height: 20px;
    font-size: 1.2em;
    padding: 10px;
    width: 120px;
}

div.scratch_title{
    background-color: #000;
    color: #f00;
    font-size: 140%;
    text-align: center;
    font-weight: bold;
    margin: 10px;
}

div.scratch_title2{
    font-size: 120%;
    text-align: center;
    line-height: 25px;
}

div.scratch_text{
    line-height: 20px;
    font-size: 120%;
    margin: 10px;
}


/*****  footer section  *****/

div#footer {
    text-align: center; 
    clear: both;
    margin: 0 0 5px 0;
}

.copyright { 
    border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
    text-align: center;
    background-color: #00008b;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #bbb;
    margin: 0 15px 5px 15px;
    padding: 3px;
    clear: both;
    height: 19px;
}