@charset "UTF-8";

/* ページ全体の基本レイアウト、index.html
---------------------------------------------------- */

body {
  margin: 0;
  padding: 0;
  font-size: small;
  font-weight: 500;
  color: #333;
  background: #fff;
  font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';
  /*font-family:="Osaka", "ＭＳ Ｐゴシック", "Arial,sans-serif",*/

}

h1 {
  margin-top: 5px;
  margin-left: 30px;
  margin-bottom: 0;
  font-size:70%;
  font-weight: bold;
  color: #333;
}

h2 {
  width: 600px;
  margin-left: 30px;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.3em;
  color: #fff;
}

h2 a {
  color: #fff;
  text-decoration: none;
}

h2 a:hover {
  color: #fff;
  text-decoration: none;
}

#set {
  margin-left: 30px;
  margin-top: -10px;
  width: 420px;
  font-size: 0.7em;
  color: #111;
}

h3 {
  font-size: 0.9em;
  font-weight: bold;
}

#site-name {
  margin-top: 10px;
  margin-left: 30px;
  font-size: 150%;
  font-weight: bold;
  color: #fff;
}

#container {
  margin: 0 auto;
  padding: 0;
  width: 820px;
  color: #333;
  background: url(images/bg-container.jpg) repeat;
}

#header {
  position: relative;
  margin: 0;
  width: 820px;
  height: 100px;
  background: url(images/header.jpg) no-repeat;
}

#footer {
  margin: 0;
}


.top-index {
  position: relative;
  margin: 11px;
  width: 810px;
  height: 97px;
  background: url(images/index3-a.jpg) no-repeat;
}

#s-index-box {
 width: 798px;
 height: 96px;
 margin-left: 10px;
}

#s-index-box img {
  border: none;
}

.s-index {
  float: left;
  padding: 0;
  margin:  0 0 0 1px;
  }

.topi {
  display: block;
  width: 130px;
  height: 90px;
  
}

.topi img{
  border: none;
  float: left;
}

.float-clear {
  clear: both;
}

.r-clear {
  clear: right;
}

.l-clear {
  clear: left;
}

.lft {
   float: left;
}

#foot-coment {
  clear: both;
  position: relative;
  width: 320px;
  bottom: -65px;
  left: 500px;
  font-size: 1.1em;
  font-weight: bold;
  color: #fff;
}

#end-title {
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
}

.red2 {
  font-style: normal;
  font-weight: bold;
  color: #f90606;
}


.red3 {
  font-style: normal;
  font-weight: bold;
  font-size: 130%;
  color: #f90606;
}

#right-box .red4 {
  margin-left: 20px;
  font-weight: bold;
  font-size: 110%;
  color: #f90606;
}





.blue {
  font-weight: bold;
  color: #00f;
}

#sm {
  position: absolute;
  top: 10px;
  right: 30px;
  font-weight: bold;
  padding: 3px;
  border: 1px solid #333;
  background-color: #fff;
  
}

#header #sm a {
  text-decoration: underline;
}

/*------------ Left side  --------------*/

#left-box {
  position: relative;
  top: -69px;
  width: 210px;
  height: auto;
  margin: 0 ;
  color: #333;
  float: left;
}

#left-box2 {
  position: relative;
  top: -69px;
  width: 210px;
  height: auto;
  margin: 0 ;
  color: #333;
  float: left;
}

#left-box3 {
  position: relative;
  top: -49px;
  width: 210px;
  height: auto;
  margin: 0 ;
  color: #333;
  float: left;
}

#navi-container {
  margin-left: 10px;
  width: 200px;
  height: 1630px;
  background-color: #f0fcfc;
}

ul {
  margin: 0 5px;
  padding: 0;
  list-style-type: none;
  display: block;
  width: 183px;
  height: 20px;
  color: #00c;
  line-height: 17px;
}

.lev-1 {
  background: url(images/list.gif) no-repeat;
  background-position: left;
}

.lev-2 {
  background: url(images/arow.gif) no-repeat;
  background-position: left;
}

li a {
  display: block;
  padding-left: 20px;
  padding-top: 5px;
  color: #fff;
 /* border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  background-color: #e1fdff;*/
  width: 168px;
  height: 20px;
  font-size: 90%;
  color: #00c;
  text-decoration: none;
}

li a:hover {
  display: block;
  margin-left:20px;
  /*padding-left: 10px;*/
  padding-top: 5px;
  padding-left: 0;
  width: 168px;
  height: 20px;
  font-size: 90%;
  color: #ff7f00;
  background-color: #fff;
  text-decoration: underline;
}

a {
  text-decoration: none;
  color: #091E96;
}

a:hover {
  text-decoration: underline;
  color: #ff7f00;
}

.item-unit {
  width: 183px;
  height: 21px;
  padding-left: 5px;
  padding-top: 4px;
  border:1px solid #ccc;
  background-color: #a7d353;
  vertical-align: middle;
}

.item-unit-2 {
  width: 183px;
  height: 21px;
  padding-left: 5px;
  padding-top: 4px;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  background-color: #cfea94;
}

.item-unit-3 {
  width: 188px;
  height: 18px;
  background-color: #23b53b;
}

.item-unit-4 {
  width: 188px;
  height: 18px;
  background-color: #bfefc1;
}

#navi li img {
  padding-right: 3px;
  border: none;
  float:left;
}


#side-link {
  margin-left: 15px;
  font-size: 0.7em;
}

#vl {
  margin-top:20px;
  margin-left:40px;
  font-size: 1.1em;
}




/*----------- Right side --------------*/

#right-box {
  width: 540px;
  height: auto;
  margin: 0;
  padding: 10px 40px 10px 30px;
  font-size: 1.1em;
  line-height: 1.7em;
  letter-spacing: 0.1em;
  color: #111;
  float: right;
}

#right-box a {
  color: #00f;
  text-decoration: underline;
}

#right-box a:hover {
  color: #ff7f00;
  text-decoration: underline;
}

#right-box p {
  width: 450px;
  font-size: 14px;
  margin-top: 10px;
  margin-left:10px;
  margin-bottom: 30px;
  text-align: justify;
  text-justify: inter-ideograph;
}

#right-box dd {
    width: 430px;
}



#top-image {
 position: relative;
}

#top-image h3 {
   position: absolute;
   top: 15px;
   left: 15px;
   margin: 10px;
   font-size: 1.8em;
   color: red;
}

#top-image #cp2 {
   position: absolute;
   top: 100px;
   left: 40px;
   width: 430px;
   font-weight: bold;
   font-size: 0.8em;
   line-height: 1.2em;
   color: #111;
}

.title-l {
  
  background-color: #091e96;
  
}

.title-m {
  width: 500px;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 5px;
  color: #282828;
  background-color: #93a3d8;
  border: 0.5px solid #091e96;
}

/*
.title-m {
  width: 17em;
  color: #96c612;
  font-size: 2em;
}
*/

.title-m-l {
  width: 22em;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 5px;
  color: #282828;
  background-color: #93a3d8;
  border: 0.5px solid #091e96;
}

.title-m-ll {
  width: 27em;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 5px;
  color: #282828;
  background-color: #93a3d8;
  border: 0.5px solid #091e96;
}

.title-m-l3 {
  width: 30em;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 5px;
  color: #282828;
  background-color: #93a3d8;
  border: 0.5px solid #091e96;
}


/*.title-m-l {
  width: 22em;
  text-align: center;
  color: #fff;
  background-color: #4f68d3;
  border: 1px solid #091e96;
}



.title-m-ll {
  width: 27em;
  text-align: center;
  color: #fff;
  background-color: #4f68d3;
  border: 1px solid #091e96;
}
*/

.title-s {
  padding: 5px 10px;
  background-color: #e7ebf2;
  border: 1px solid #091e96;
}

.title-s-l {
  width: 27em;
  padding: 5px 10px;
  background-color: #e7ebf2;
  border: 1px solid #091e96;
}


.title-b {
  padding: 5px 10px;
  background-color: #f7c99f;
  border: 1px solid #333;
}

.title-it {
  width: 10em;
  padding-left: 10px;
  text-align: center;
  background-color: #e7ebf2;
  border: 1px solid #091e96;
}

.title-it-l {
  width: 12em;
  padding-left: 10px;
  text-align: center;
  background-color: #e7ebf2;
  border: 1px solid #091e96;
}

.title-it-ll {
  width: 15em;
  padding-left: 10px;
  text-align: center;
  background-color: #e7ebf2;
  border: 1px solid #091e96;
}

.title-it-llw {
  width: 20em;
  padding-left: 10px;
  text-align: center;
  background-color: #e7ebf2;
  border: 1px solid #091e96;
}

.title-it-s {
  width: 12em;
  padding: 5px 10px;
  text-align: center;
  font-weight: bold;
  background-color: #e7ebf2;
  border: 1px solid #091e96;
}



.st {
  font-weight: bold;
}

.sec-1 {
  font-size: 0.9em;
  padding-left: 10px;
  background-color: #93a3d8;
}

.sec-1a {
  font-size: 0.9em;
  padding-left: 10px;
  width: 25%;
  background-color: #93a3d8;
}

.sec-1b {
  font-size: 0.9em;
  padding-left: 10px;
  width: 80%;
  text-align: center;
  background-color: #93a3d8;
}

.sec-1c {
  font-size: 0.9em;
  padding-left: 10px;
  width: 20%;
  text-align: center;
  background-color: #93a3d8;
}

.sec-1d {
  font-size: 0.9em;
  padding-left: 10px;
  width: 40%;
  background-color: #93a3d8;
}

.sec-1e {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: center;
  width: 40%;
  background-color: #93a3d8;
}

.sec-1f {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: center;
  width: 30%;
  background-color: #93a3d8;
}

.sec-2 {
  font-size: 0.9em;
  padding-left: 10px;
  background-color: #e7ebf2;
}

.sec-2a {
  font-size: 0.9em;
  padding-left: 10px;
  width: 75%;
  background-color: #e7ebf2;
}

.sec-2c {
  font-size: 0.9em;
  padding-left: 10px;
  width: 50%;
  background-color: #e7ebf2;
}

.sec-2cf {
  font-size: 0.9em;
  padding-left: 10px;
  width: 40%;
  background-color: #e7ebf2;
}

.sec-2cmb {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: center;
  width: 30%;
  background-color: #e7ebf2;
}

.sec-2d {
  font-size: 0.9em;
  padding-left: 10px;
  width: 50%;
  background-color: #cde8ce;
}

.sec-2df {
  font-size: 0.9em;
  padding-left: 10px;
  width: 40%;
  background-color: #cde8ce;
}

.sec-2dmb {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: center;
  width: 30%;
  background-color: #cde8ce;
}

.sec-2e {
  font-size: 0.9em;
  padding-left: 10px;
  width: 60%;
  background-color: #e7ebf2;
}


.sec-3 {
  font-size: 0.9em;
  padding-left: 10px;
  background-color: #e7ebf2;
}

.sec-4 {
  font-size: 0.9em;
  padding-left: 10px;
  background-color: #cde8ce;
}

.sec-5 {
  font-size: 0.9em;
  padding-left: 10px;
  width: 40%;
  background-color: #93a3d8;
}

.sec-6 {
  font-size: 0.9em;
  padding-left: 10px;
  width: 10%;
  background-color: #93a3d8;
}

.sec-7 {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: center;
  width: 25%;
  background-color: #93a3d8;
}

.sec-8 {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: right;
  background-color: #e7ebf2;
}

.sec-8a {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: left;
  background-color: #e7ebf2;
}

.sec-9 {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: right;
  background-color: #cde8ce;
}

.sec-9a {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: left;
  background-color: #cde8ce;
}

.sec-10 {
  font-size: 0.9em;
  padding-left: 10px;
  width: 25%;
  background-color: #93a3d8;
}

.sec-10a {
  font-size: 0.9em;
  padding-left: 10px;
  width: 75%;
  background-color: #93a3d8;
}

.sec-11 {
  font-size: 0.9em;
  padding-left: 10px;
  background-color: #e7ebf2;
}

.sec-12 {
  font-size: 0.9em;
  padding-left: 10px;
  background-color: #cde8ce;
}

.sec-13 {
  font-size: 0.9em;
  padding-left: 10px;
  width: 50%;
  background-color: #e7ebf2;
}

.sec-14 {
  font-size: 0.9em;
  padding-left: 10px;
  width: 50%;
  background-color: #cde8ce;
}

.sec-15 {
  font-size: 0.9em;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  width: 20%;
  background-color: #93a3d8;
}

.sec-15a {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: left;
  background-color: #e7ebf2;
}

.sec-15b {
  font-size: 0.9em;
  padding-right: 10px;
  text-align: right;
  background-color: #e7ebf2;
}

.sec-15c {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: left;
  background-color: #cde8ce;
}

.sec-15d {
  font-size: 0.9em;
  padding-right: 10px;
  text-align: right;
  background-color: #cde8ce;
}

.sec-16-l {
  font-size: 0.9em;
  text-align: center;
  width: 15%;
  background-color: #93a3d8;
}

.sec-16-m {
  font-size: 0.9em;
  text-align: center;
  width: 50%;
  background-color: #93a3d8;
}

.sec-16-r {
  font-size: 0.9em;
  text-align: center;
  width: 35%;
  background-color: #93a3d8;
}

.sec-16a {
  font-size: 0.9em;
  padding-right: 10px;
  text-align: center;
  background-color: #e7ebf2;
}

.sec-16b {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: left;
  background-color: #e7ebf2;
}

.sec-16c {
  font-size: 0.9em;
  padding-right: 10px;
  text-align: right;
  background-color: #e7ebf2;
}

.sec-16d {
  font-size: 0.9em;
  padding-right: 10px;
  text-align: center;
  background-color: #cde8ce;
}

.sec-16e {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: left;
  background-color: #cde8ce;
}

.sec-16f {
  font-size: 0.9em;
  padding-right: 10px;
  text-align: right;
  background-color: #cde8ce;
}



.sec-n-a {
  font-size: 0.9em;
  padding-left: 10px;
  width: 35%;
  text-align: center;
  background-color: #93a3d8;
}

.sec-r-a {
  font-size: 0.9em;
  padding-left: 10px;
  width: 15%;
  text-align: center;
  background-color: #93a3d8;
}

.sec-ra1 {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: left;
  background-color: #cde8ce;
}

.sec-rb1 {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: right;
  background-color: #cde8ce;
}

.sec-ra2 {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: left;
  background-color: #e7ebf2;
}

.sec-rb2 {
  font-size: 0.9em;
  padding-left: 10px;
  text-align: right;
  background-color: #e7ebf2;
}

.hyou-1 {
  width: 523px;
  margin: 0;
  empty-cells: show;
  border-collapse: collapse;
  border: 1px solid #666;
}

.hyou-1  td {
   border-bottom: 1px solid #666;
   border-right: 1px solid #666;
}

.hyou-2 {
  width: 230px;
  margin: 0;
  empty-cells: show;
  border-collapse: collapse;
  border: 1px solid #666;
}

.hyou-2  td {
   border-bottom: 1px solid #666;
   border-right: 1px solid #666;
}

.hyou-3 {
  width: 470px;
  margin: 0;
  empty-cells: show;
  border-collapse: collapse;
  border: 1px solid #666;
}

.hyou-3 td {
   border-bottom: 1px solid #666;
   border-right: 1px solid #666;
}

.hyou-4 {
  width: 540px;
  margin: 0;
  empty-cells: show;
  border-collapse: collapse;
  border: 1px solid #666;
}

.hyou-4 td {
   padding-right: 5px;
   border-bottom: 1px solid #666;
   border-right: 1px solid #666;
}

.hyou-5 {
  width: 523px;
  margin: 0;
  empty-cells: show;
  border-collapse: collapse;
  border: 1px solid #666;
}

.hyou-5  td {
   border-bottom: 1px solid #666;
   border-right: 1px solid #666;
}

.hyou-6 {
  width: 250px;
  margin: 15px 15px 15px 0px;
  empty-cells: show;
  border-collapse: collapse;
  border: 1px solid #666;
  float: left;
}

#space {
   margin-left: 195px;
}

#jmp {
  margin-left: 400px;
  font-size: 1.3em;
}

.klst {
    font-weight: bold;
    border-radius: 20px;
    border: solid 2px #ccc;
    height: auto;
    line-height: 1.8em;
    margin-left: 10px;
    margin-top: 10px;
    padding: 8px;
    width: 470px;
}

.klst ol {
   list-style-type: decimal;
}

.klst a {
   width: 370px;
}

.klst a:hover{
  width: 370px;
}


/*--------- link page ----------*/

.link-container {
  width: 535px;
  height: 85px;
  margin-left: 0;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 70%;
  color: #000;
  border: 1px solid #ccc
}

.baner-box {
  width: 200px;
  height: 65px;
  margin: 0;
  padding-top: 20px;
  padding-left: 10px;
  float: left;
}

.baner-box img {
  border: none;
}

.coment-box {
  width: 283px;
  height: 77px;
  margin: 0;
  padding: 4px 10px;
  line-height: 1.5em;
    border-left: 1px solid #ccc;
  background-color: #d9deed;
  float: right;
}

/*-------- profeel -------------*/
.form-p {
  margin-left: 10px;
  line-height: 1.4em;
}

.head_nav2 {
   position: relative;
   top: -33px;
   width: 786px;
   margin: 0 10px;
   color: #fff;
   background: #339;
   padding: 0.2em 0.5em;
}

#bt-icon2 {
  width: 200px;
  height: 40px;
  margin-top: 20px;
  margin-left: 330px;
}

#bt-icon2 img {
   border: none;
}

#bt-mese2 {
  width: 10em;
  margin-top: 2px;
  margin-left: 390px;
}

#bt-mese2 a {
  color: #000;
}

#bt-mese2 a:hover {
  color: #ff7f00;
  text-decoration: underline;
}

/*--------- otoiawase -----------*/
#ot-box {
  width: 460px;
  height: 200px;
  margin: 10px 85px 30px 85px;
  padding: 20px;
  line-height: 1.5em;
  color: #000;
  background-color: #d9deed;
  border: 1px solid #ccc
}

#link-info {
  margin-left: 25px;
}

#link-howto {
  margin: 0 50px;
}

#bn {
  width: 200px;
  height: 40px;
  margin-left: 230px;
}

#bn img {
  border: none;
}

#c-mail {
  margin-left: 100px;
}

#mail-icon {
  width: 64px;
  height: 64px;
  margin-left: 300px;
  margin-bottom: 0;
}

#mail-icon img {
  border: none;
}

#t-mail {
  margin-top: 0;
  margin-left: 310px;
}

#t-mail a {
  color: #333;
}

#t-mail a:hover {
  color: #ff7f00;
  text-decoration: underline;
}


/*------- new  --------*/

.new {
  width: 20px;
  height:10px;
  margin-left:2px;
  border: none;
  vertical-align:baseline;
}

#messe {
  color: #00f;
  font-weight: bold;
}

#mail-ico {
  margin-left: 20px;
}

#mail-ico img {
  border: none;
}

#page {
  background: #a7d353;
  margin: 10px;
  padding: 5px;
}

#page-b {
  background: #a7d353;
  padding: 5px 5px 5px 0;
}

#next-page {
 margin-left: 10px;
}

#prev-page {
  background: #a7d353;
  margin: 10px 0 10px 10px;
  padding: 5px;
}

.head_nav {
   position: relative;
   top: -20px;
   margin-left: 210px;
   margin-right: 10px;
   color: #fff;
   background: #339;
   padding: 0.3em 0.5em 0.4em 0.5em;
}

.head_nav a {
  color: #fff;
  text-decoration: underline;
}

.head_nav a:hover {
  color: #ff7f00;
  text-decoration: underline;
}


.this-page {
   font-weight: bold;
   font-style: normal;
   margin-left: 1em;
   padding: 0.2em 0.5em;
   color: #f90c1c;
   background-color: #fff;
}

#op-box {
  width: 540px;
  height: 40px;
}

#left-arrow {
  width: 40px;
  height: 40px;
  text-align: left;
  margin-left: 10px;
  margin-bottom: 0;
  float: left;
}

#right-arrow {
  width: 40px;
  height: 40px;
  text-align: right;
  margin-right: 20px;
  margin-bottom: 0;
  float: right;
}

#txtop-box {
  margin: 0;
  width: 540px;
  height: 30px;
}

#l-txtop {
  width: 225px;
  text-align: left;
  font-size: 80%;
  float: left;
}

#m-txtop {
  width: 90px;
  font-size: 50%;
  float: left;
}

#r-txtop {
  width: 225px;
  font-size: 80%;
  text-align: right;
  float: right;
}


#mid-op {
 width: 110px;
 height:40px;
}

#op-left {
  width: 250px;
  height: 40px;
  float: left;
}

#op-right {
  width: 250px;
  height: 40px;
  float: left;
}




#left-arrow img {
  border: none;
}

#right-arrow img {
  border: none;
}


#left-item {
  width: 200px;
  height: 40px;
  margin-left: 0;
}

#right-item {
  width: 200px;
  height: 40px;
  margin-left: 0;
  text-align: right;
}

#op-box a {
  text-decoration: underline;
}

#ph-cent {
  margin-left: 150px;
  border: none;
}

#il-1 {
  margin-left: 100px;
  border: none;
}

#il-2 {
  margin-left: 50px;
}

#right-box .fr-1 {
  padding: 10px;
  width: 500px;
  border: 1px solid #aaa;
}

#right-box .fr-1b {
  padding: 10px;
  border: 1px solid #aaa;
  background-color: #e4ebf4;
}

#right-box .fr-1c {
  margin-left: 50px;
  padding-top: 10px;
  padding-left: 20px;
  width: 400px;
  border: 1px solid #aaa;
}

#right-box .fr-1d {
  font-size: 0.7em;
  padding: 10px;
  border: 1px solid #aaa;
}

#right-box .fr-1-s {
  padding: 20px 10px;
  width: 500px;
  border: 1px solid #aaa;
  background-color: #ffe7ca;
  font-weight: bold;
}

#right-box .fr-k {
  width: 450px;
  margin-left: 20px;
  font-size: 0.7em;
  padding: 10px;
  border: 1px solid #aaa;
}

#right-box .pr-brock {
  margin-top: 40px;
  margin-bottom: 50px;
}

#siryo-1 {
  font-size: 0.7em;
  margin-left: 250px;
}

#cap-1 {
  font-weight: bold;
}

#spc125 {
  margin-left: 125px;
}

#spc132 {
  margin-left: 132px;
}

#spc50 {
  margin-left: 50px;
}

.spc90 {
  margin-left: 90px;
}

.spc50 {
  margin-left: 50px;
}

#spc75 {
  margin-left: 50px;
}

#spc25 {
  margin-left: 25px;
}

.spc15 {
  margin-left:15px;
}

#cap {
  font-size: 0.7em;
  margin-left: 150px;
}

#cap2 {
  font-size: 0.6em;
  margin-left: 180px;
}

#cap3 {
  font-size: 0.6em;
  margin-left: 180px;
}

#cap4 {
  font-size: 0.7em;
  margin-left: 200px;
}

#cap5 {
  font-size: 0.6em;
  margin-left: 130px;
}

#cap6 {
  font-size: 0.6em;
  margin-left: 240px;
}

#cap7 {
  font-size: 0.6em;
  margin-left: 160px;
}

#cap8 {
  font-size: 0.6em;
  margin-left: 260px;
}

.cap9 {
  font-size: 0.6em;
  margin-left: 190px;
}

#cap10 {
  font-size: 0.6em;
  margin-left: 210px;
}

#cap11 {
  font-size: 0.6em;
  margin-left: 380px;
}

#cap12 {
  font-size: 0.6em;
  margin-left: 80px;
}

#cap13 {
  font-size: 0.7em;
  margin-left: 300px;
}

#to-g1 {
  margin-left: 50px;
  margin-bottom: 30px;
}

#to-g2 {
  margin-left: 50px;
  margin-bottom: 0;
}

.bld {
  font-weight: bold;
}

.red {
  font-weight: bold;
  color: red;
}

.green {
 font-weight: bold;
 color: #0f7f14;
}



.black {
  font-weight: bold;
  color: #333;
}

.phr {
  float: right;
  padding-left: 10px;
  border: none;
}

.ri {
  margin: 10px 0 10px 20px;
  float: right;
}


/*--------- tokuho --------------*/
.toku-box {
  width: 160px;
  height: 200px;
  padding: 5px;
  font-size: 0.7em;
  float:left;
}

/*--------- new index -----------*/

.bmi-menu {
  position: relative;
  width: 504px;
  height: 104px;
  padding: 20px 0 5px 0;
  font-size: 0.7em;
  line-height: 1.3em;
  float: left;
}

.bmi-cap {
  position: absolute;
  top: 82px;
  left: 20px;
}

.top-menu {
  position: relative;
  width: 160px;
  height: 310px;
  padding: 20px 5px 5px 0;
  font-size: 0.75em;
  line-height: 1.4em;
  float: left;
}

.m-cap {
  position: absolute;
  top: 180px;
  left: 5px;
  width: 130px;
}

/*--------- google ad -----------*/
#right-box #google-ad1 {
  position: relative;
  top: -20px;
  margin: 0;
  width: 468px;
  height: 15px;
}

#right-box #google-ad2 {
  margin-left: 20px;
  width: 336px;
  height: 280px;
}

#right-box #google-add2 {
  margin: 40px 0 40px 20px;
  width: 336px;
  height: 280px;
}

#right-box #google-ad3 {
  margin-top: 20px;
  margin-left: 15px;
  width: 468px;
  height: 60px;
}

#right-box #google-ad4 {
  margin-top: 25px;
  margin-left: 5px;
  width: 160px;
  height: 600px;
  /*border: 1px solid #ccc;*/
  float: left;
}

#google-ad5 {
  position: relative;
  left: 240px;
  top: -10px;
}


.ads-5 {
  margin-left:20px;
}

#yah-bm {
  position: relative;
  top: 220px;
  left: 30px;
}

#gol-re {
  position: relative;
  top: 230px;
  left: 30px;
}

#rss {
  position: relative;
  top: 10px;
  left: 50px;
}

#rss img {
  border: none;
}

.whats-new {
  position: relative;
  top: 240px;
  left: 0;
  width: 178px;
  height: auto;
  margin: 0 5px;
  padding: 0 5px;
  border: 1px solid #ccc;
  background-color: #fff;
}

#left-box .whats-new a {
  text-decoration: underline;
}

#weather {
  position: relative;
  top: 280px;
  left: 25px;
}

.nu {
 color: #aaa;
}

/*---------- Amazon AD ----------------*/
.ad-ambox2 {
 width: 120px;
 height: 240px;
 margin: 10px 50px 20px 30px;
 float: left;
}

.ad-ambox4 {
 margin: 20px 0 0 50px;
}

#right-box .h-cap {
  font-size: 0.75em;
  font-weight: bold;
  color: #06c;
}

.ad-ambox-t {
  /*position: absolute;*/
  margin-left: 50px;
  /*top: 730px;*/
}

.ad-ambox-m {
  position: absolute;
  left: 50px;
  top: 990px;
}

.ad-ambox-b {
  left: 0;
  top: 0;
  
}

/*---------- Vitamin Mineral ----------*/


.left-index {
  width: 255px;
  height: 100px;
  color : #333;
  margin-bottom: 10px;
  float: left;
}

.right-index {
  width: 255px;
  height: 100px;
  height: 100px;
  color : #333;
  margin-bottom: 18px;
  float: left;
}

.left-index img {
  padding: 5px;
}

.right-index img {
  padding: 5px;
}

.left-item {
  margin: 0;
  width: 80px;
  height: 98px;
  float: left;
}

.right-item {
  margin: 0;
  padding: 3px;
  width: 145px;
  height: 92px;
  font-size: 1em;
  line-height: 1em;
  border-right: 3px solid #ccc;
  border-bottom: 3px solid #ccc;
  float: right;
}

.setsu  {
  font-size: 0.7em;
  font-weight: bold;
}

#right-box img {
  border: none;
}

/*------- Vitamin & Mineral -------*/
#head-cap {
  color: #333;
}

#v-image {
  margin-top:20px;
  margin-right: 10px;
  float: left;
}

#head-cap h3 {
  width: 430px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.1em;
  color: #333;
  border-bottom: solid #00f 7px;
  float: right;
}

#head-cap2 {
  color: #333;
}

#head-cap2 h3 {
  width: 430px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.1em;
  color: #333;
  border-bottom: solid #a1dd3a 7px;
  float: right;
}

.v-info {
 margin-top: 40px;
 margin-left: 20px;
}

.v-1 {
  color: #333;
}

.v-1 h3 {
  width: 500px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.1em;
  color: #333;
  border-bottom: solid #00f 7px;
}

.v-2 {
  color: #333;
}

.v-2 h3 {
  width: 500px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.1em;
  color: #333;
  border-bottom: solid #a1dd3a 7px;
}

#v-jump {
  color: #111;
}

.v-op {
  font-size: 75%;
  margin: 0;
  padding: 1px;
  color: #00f;
  background-color: #ddd;
  border: 1px #111 solid;
}

.v-this {
  font-size: 75%;
  margin: 0;
  padding: 1px;
  color: #00f;
  background-color: #f4a156;
  border: 1px #111 solid;
}

#v-jump a {
  color: #00f;
  text-decoration: none;
}

#v-jump a:hover {
  color: #ff7f00;
  background-color: #fff;
  text-decoration: underline;
}

.op-arow-r {
  vertical-align: bottom;
}

.k-photo {
  float: right;
  padding-left: 20px;
  padding-bottom: 10px;
  border: none;
}

/*------- index --------*/
.index-line {
  width: 540px;
  height: 25px;
  margin: 0;
}

.index-l-box {
  width: 250px;
  height: 30px;
  padding-left: 20px;
  background: url(images/li-a.gif)  no-repeat;
  background-position: left;
  float: left;
}

.index-r-box {
  width: 250px;
  height: 30px;
  padding-left: 20px;
  margin: 0;
  background: url(images/li-a.gif) no-repeat;
  background-position: left;
  float: right;

}

.index-cap-box {
  width: 500px;
  height: 53px;
  margin: 0 0 5px 0;
  padding: 10px;
  font-size: 80%;
  line-height: 1.3em;
  border: 1px solid #ccc;
}

.index-cap-box2 {
  width: 245px;
  height: 120px;
  margin: 0 0 5px 4px;
  padding: 8px;
  font-size: 80%;
  line-height: 1.3em;
  border-top: 1px solid #bbb;
  border-right: 3px solid #bbb;
  border-bottom: 3px solid #bbb;
  border-left: 1px solid #bbb;
  float: left;
}

.link-b {
 width: 475px;
 height: 10px;
 margin-top: 0;
 padding: 0 0 10px 25px;
 background: url(images/arow-b.gif) no-repeat;
 background-position: left center;
}

.link-b2 {
 width: 220px;
 height: 10px;
 font-size: 120%;
 margin-top: 0;
 padding: 0 0 0 25px;
 background: url(images/arow-b.gif) no-repeat;
 background-position: left center;
}


.smp {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
  float: right;
}

/*--------ETC ---------*/
.icon {
 border: none;
 vertical-align: middle;
 padding-right: 5px;
}

.l-op {
 text-align: left;
}

.m-op {
 text-align: center;
}

.r-op {
 text-align: right;
}


.site {
 font-size: 80%;
 line-height: 1.4em;
}

.rev-3 {
 margin-left: 10px;
 padding-left: 20px;
 background: url(images/list.gif) no-repeat;
 background-position: left;
}

.cp {
 color: red;
 font-size: 1.3em;
 font-weight: bold;
}

.ad-ph {
 float: right;
 padding: 10px 0 10px 10px;
}

#right-box .am-ad1 {
  line-height: 1.3em;
  font-size: 0.7em;
}

#right-box #newsBar-bar {
  font-size: 0.7em;
  width: 265px;
  margin-top: 0;
  margin-left: 35px;
  padding: 0 10px;
  line-height: 1.2em;
  /*border: 1px solid #ccc;*/
  float: left;
}


.vm-unit {
  width: 530px;
  margin-bottom: 10px;
}

.vm-unit2 {
  width: 500px;
  height: 550px;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 1em;
  border: 1px solid #ccc;
}


.vm-l {
  width: 238px;
  height: 400px;
  padding: 10px;
  float: left;
  border: 1px solid #ccc;
}

.vm-r {
  width: 238px;
  height: 400px;
  padding: 10px;
  float: right;
  border: 1px solid #ccc;
}

.vm-l2 {
  width: 238px;
  height: 500px;
  padding: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
  border: 1px solid #ccc;
}

.vm-l2b {
  width: 238px;
  height: 550px;
  padding: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
  border: 1px solid #ccc;
}

#right-box .vm-l2 p{
  width: 220px;
}

#right-box .vm-l2b p{
  width: 220px;
}

.vm-l3 {
  width: 238px;
  height: 470px;
  padding: 10px;
  float: left;
  border: 1px solid #ccc;
}

.vm-r3 {
  width: 238px;
  height: 470px;
  padding: 10px;
  float: right;
  border: 1px solid #ccc;
}

#mn {
  margin-top: 70px;
  margin-bottom: 50px;
}

#add-1 {
  margin: 0;
  float: left;
}

.add-box {
  margin: 0px;
  width: 500px;
  height: 150px;
  
}

.add-box2 {
  width: 540px;
  height: 200px;
  margin-top: 50px;
  margin-bottom: 100px;
}

.add-box3 {
  width: 400px;
  height: 250px;
}

.add-box4 {
  width: 500px;
  height: auto;
  margin-top: 50px;
  margin-bottom: 100px;
  padding-left: 20px;
  padding-top: 20px;
  background-color: #ddd;
  border: 1px solid #bbb;
}

.add-box4 img {
  float: left;
  padding-right: 30px;
  padding-bottom: 30px;
}

.add-box4 hr {
  width: 450px;
  margin-top: 10px;
  border: 1px dotted #bbb;

}


.mes {
  width: 350px;
  height: 80px;
  margin-left: 150px;
}

.mes-2 {
  width: 400px;
  height: 200px;
  margin-left: 140px;
}

#mes-3 {
  font-weight: bold;
}

.lu {
  padding: 5px 10px;
  background-color: #fdef15;
}

.otoku {
 width: 500px;
 height: 200px;
 margin: 20px 0px;
 padding: 10px;
 border: 1px solid #f90c1c;
 }

.otoku-j {
 color: #f90c1c;
 font-size: 1.4em;
 font-weight: bold;
}

.cat-box {
 width: 500px;
 height: 180px;
 background: #f7dfdf;
 margin: 20px 0px;
 padding: 10px;
 border: 2px solid #f90c1c;
}

.slip {
 width: 460px;
 height: 480px;
 margin: 20px 0px;
 padding: 20px 30px;
 border: 1px solid #bfefc1;
}

.slip-t {
 width: 480px;
 height: 140px;
 margin: 10px 0px;
 padding: 10px;
 border: 3px solid #a7d353;
}

.raku-ad2 {
  float: left;
}

.top-p {
  float: left;
  padding: 0 10px 0 0;
}

.raku-ad3 {
 margin-top: 60px;
 margin-left: 10px;
 margin-bottom: 30px;
}

.raku-ad4 {
 font-weight: bold;
 margin-top: 60px;
 margin-left: 10px;
 margin-bottom: 30px;
}

.rp {
  float: right;
  padding: 10px 0 10px 10px;
}

.att {
  margin: 45px 20px 20px 70px;
  font-size: 1.5em;
  font-weight: bold;
}

.



/*------- WEB API RAKUTEN ---------*/

div#rakuten {
 width : 200px;
 margin-left : 20px;
 margin-bottom : 40px;
}

div#rakuten p {
 text-align : center;
 font-size : 75%;
}

div#rakuten p img {
 border : none; 
}

.nounder {
 text-decoration : none;
}


.aktbox {
 width: 400px;
 height: 280px;
 margin: 20px;
 padding: 30px;
 border: 4px solid #bfefc1;
}

.txtbk {
  padding-left: 1em;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-left: 1em;
  font-size: 1.1em;
  font-weight: bold;

}

.attakt {
   font-size: 1.7em;
   font-weight: bold;
}

.bnntop {
  margin-top: 25px;
  margin-left: 25px;
}

.abx {
 width: 500px;
 height: 81px;
 color: #00f;
}

.ad-br {
 float: left;
 margin-left: 15px;
}

.tad-box {
  width: 173px;
  height: 370px;
  margin-top: 5px;
  margin-left: 10px;
  padding: 5px 5px 0px 14px;
  border: 1px solid #ccc;
  font-weight: bold;
  line-height: 1.4em;
}

.tad-box a {
   text-decoration: underline;
}
.tad-box a:hover {
  position: relative;
  top: 1px;
  left: 1px;
}

.stp {
  margin-top:20px;
  margin-left: 180px;
}

.kobo {
  width: 190px;
  margin-left: 5px;
  padding-left: 10px;
  font-size: 1em;
  line-height: 1.2em;
}

.ad3 {
  margin-left: 50px;
}

.def {
  background-color: #edf492;
}


.gad-hight {
  position: absolute;
  top: 35px;
  left: 338px;
}


.voc {
 margin-right: 100px;
 margin-top: 70px;
 float: right;
}

#right-box .voc2 {
 margin-left: 50px;
}

#right-box .voc3 {
 margin-left: 50px;
 padding-bottom: 30px;
}

#right-box .tb20 {
  margin-left: 30px;
}

#gad-lt {
  margin-left: 40px;
}

.samp img{
  margin-top: 5px;
  margin-bottom: 20px;
  width: 175Px;
  height: 175px;
}