@charset "utf-8";


/* 
==============================
 基本レイアウトCSS
 最終更新日：2010年3月2日
============================== 
*/


/* ------------------------------
 Basic
------------------------------ */

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

html {
  background-color : white;
}

body {
  font-family : "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
  font-size : 14px;
  line-height : 20px;
  margin : 0px;
  padding : 0px;
  height : 100%;
  width : 100%;
}


/* ------------------------------
 Header
------------------------------ */

#header {
  background-image : url(../img/back-header-main.jpg);
  background-repeat : no-repeat;
  height : 150px;
  width : 800px;
  margin-right : auto;
  margin-left : auto;
  position : relative;
  margin-bottom : 10px;
}

#header h1 {
  font-size : 14px;
  line-height : 20px;
  height : 20px;
  width : 700px;
  text-align: right;
  position : absolute;
  top : 20px;
  right : 0px;
}


/* ------------------------------
 Header menu
------------------------------ */

#header .menu {
  height : 40px;
  width : 800px;
  position : absolute;
  top : 105px;
  left : 0px;
}

#header .menu .menu01 {
  width : 134px;
  height : 40px;
  position : absolute;
  left : 0px;
  top : 0px;
  bottom : auto;
}

#header .menu .menu02 {
  width : 133px;
  height : 40px;
  position : absolute;
  left : 134px;
  top : 0px;
  bottom : auto;
}

#header .menu .menu03 {
  width : 133px;
  height : 40px;
  position : absolute;
  left : 267px;
  top : 0px;
  bottom : auto;
}

#header .menu .menu04 {
  width : 133px;
  height : 40px;
  position : absolute;
  left : 400px;
  top : 0px;
  bottom : auto;
}

#header .menu .menu05 {
  width : 133px;
  height : 40px;
  position : absolute;
  left : 533px;
  top : 0px;
  bottom : auto;
}

#header .menu .menu06 {
  width : 134px;
  height : 40px;
  position : absolute;
  left : 666px;
  top : 0px;
  bottom : auto;
}


/* ------------------------------
 menu01
------------------------------ */

#header .menu .menu01 a {
  background-image : url(../img/menu01a.jpg);
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 134px;
  bottom : auto;
}

#header .menu .menu01 a:hover {
  background-image : url(../img/menu01c.jpg);
  display : block;
  height : 40px;
  width : 134px;
  bottom : auto;
}

#header .menu .menu01-2 {
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 134px;
  bottom : auto;
}


/* ------------------------------
 menu02
------------------------------ */

#header .menu .menu02 a {
  background-image : url(../img/menu02a.jpg);
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 133px;
  bottom : auto;
}

#header .menu .menu02 a:hover {
  background-image : url(../img/menu02c.jpg);
}

#header .menu .menu02-2 {
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 133px;
  bottom : auto;
}


/* ------------------------------
 menu03
------------------------------ */

#header .menu .menu03 a {
  background-image : url(../img/menu03a.jpg);
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 133px;
  bottom : auto;
}

#header .menu .menu03 a:hover {
  background-image : url(../img/menu03c.jpg);
}

#header .menu .menu03-2 {
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 133px;
  bottom : auto;
}


/* ------------------------------
 menu04
------------------------------ */

#header .menu .menu04 a {
  background-image : url(../img/menu04a.jpg);
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 133px;
  bottom : auto;
}

#header .menu .menu04 a:hover {
  background-image : url(../img/menu04c.jpg);
}

#header .menu .menu04-2 {
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 133px;
  bottom : auto;
}


/* ------------------------------
 menu05
------------------------------ */

#header .menu .menu05 a {
  background-image : url(../img/menu05a.jpg);
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 133px;
  bottom : auto;
}

#header .menu .menu05 a:hover {
  background-image : url(../img/menu05c.jpg);
}

#header .menu .menu05-2 {
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 133px;
  bottom : auto;
}


/* ------------------------------
 menu06
------------------------------ */

#header .menu .menu06 a {
  background-image : url(../img/menu06a.jpg);
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 134px;
  bottom : auto;
}

#header .menu .menu06 a:hover {
  background-image : url(../img/menu06c.jpg);
}

#header .menu .menu06-2 {
  background-repeat : no-repeat;
  text-indent : -9999px;
  display : block;
  height : 40px;
  width : 134px;
  bottom : auto;
}


/* ------------------------------
 Main
------------------------------ */

#main {
  background-image : url(../img/back-main.gif);
  background-repeat : repeat-y;
  height : auto;
  width : 800px;
  margin-right : auto;
  margin-left : auto;
}

#main .side {
  float: right;
  height : auto;
  width : 191px;
}

#main .side .banner_waku {
  padding : 5px;
  height : 50px;
  width : 181px;
  margin-bottom : 5px;
  background-position : 5px 5px;
}


/* ------------------------------
 Footer
------------------------------ */

#footer {
  background-image : url(../img/back-footer.jpg);
  background-repeat : no-repeat;
  height : 100px;
  width : 800px;
  margin-right : auto;
  margin-left : auto;
  position : relative;
}

#footer address {
  font-size : 12px;
  line-height : 20px;
  font-family : "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
  font-style : normal;
  color : #333;
  height : 20px;
  width : 800px;
  text-align : center;
  position : absolute;
  top : 35px;
  left : 0px;
}


/* ------------------------------
 Contents
------------------------------ */

#main .contents {
  float: left;
  height : auto;
  width : 597px;
}

#main .contents .bar {
  height : 30px;
  width : 597px;
  background-image : url(../img/bar.jpg);
  background-repeat : no-repeat;
  position : relative;
  margin-bottom : 10px;
}

#main .contents .bar h2 {
  font-size : 16px;
  font-weight : 600;
  color : #00008b;
  line-height : 16px;
  position : absolute;
  top : 10px;
  left : 35px;
  height : 20px;
  width : auto;
}


/* ------------------------------
 Side
------------------------------ */

.side .bn-waku {
  width  : 181px;
  padding-left : 5px;border-width : 1px;border-style : solid;border-color : gray;
  padding-top : 10px;
  padding-bottom : 10px;
  text-align : left;
}

.side .twit {
  padding-right : 2px;
  padding-bottom : 10px;
  padding-left : 2px;
  width : 186px;
  
}

.side .blank {
  height : 20px;
  width  : 181px;
}
.maru{
  border-style : none;
  width : 10px;
  height : 10px;
}

/* ------------------------------
 Table
------------------------------ */

th{
  border : 1px solid #cccccc;
}

td{
  padding : 10px 0px 10px 5px;
  font-size : 13px;
  font-family : "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
}

.td-txt{
  border : 1px solid #cccccc;
  font-size : 13px;
  font-family : "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC",sans-serif;
  vertical-align : top;
  text-align : left;
  background-color : white;
  padding-left : 15px;
  padding-right : 15px;
}