﻿

body{
  margin : 0 10px;
  font-family : "Helvetica", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicProN",  "Arial", "Verdana", "ＭＳ Ｐゴシック", "sans-serif";
  font-size : 80%;
}

a{
  color : #0000ff;
  text-decoration : none;
}

a:hover{
  text-decoration : underline;
}

a:hover img.hover{
    filter: alpha(opacity=80); /* IE7以下用 */
     -ms-filter: “alpha(opacity=80)”; /* IE8用 */
    opacity:0.8; /* Firefox 1.5以上, Opera, Safari用 */
}

#container{
  max-width : 700px;
  min-width : auto;
  height : auto;
  padding : 5px;
  margin : auto;
}

#ban18{
  color : red;
  padding : 5px 10px;
  text-align : right;
  border-top : 1px dotted #999999;
  border-bottom : 1px dotted #999999;
  margin-bottom : 10px;
}

header{
  margin : 0 0 10px;
  padding : 0;
}

#basho{
  padding : 0 10px 0;
  border-bottom : 1px dotted #999999;
  margin : 0 0 20px;
}

#basho p{
  padding : 0 0 5px;
  color : #666666;
  font-size : 90%;
}

menu{
  padding : 0;
  margin : 0 0 20px;
  text-align : center;
  list-style-type : none;
}

menu li{
  line-height : 40px;
  width : 116.5px;
  float : left;
  background : url("images/menubg02.jpg") repeat;
}

menu li a{
  display : block;
}

menu li a:hover{
  color : #000;
}

h1,h2,h3,p{
  padding : 0;
  margin : 0;
  line-height : 120%;
}

.top{
  max-width : 700px;
  margin : 0 0 10px;
}

.top h2{
  padding-top : 20px;
  margin-bottom : 10px;
}

h3.h3bg{
  background : url("images/h3bg.jpg") no-repeat left;
  padding : 10px 30px;
  margin-bottom : 10px;
}

.h3p{
  background-color : #fff8fc;
  padding : 10px;
  color : #666666;
  margin-bottom : 10px;
}

.h3p p{
  font-weight : bold;
}

.h3p p.pa10{
  padding : 10px;
  font-weight : normal;
  font-size : 80%;
}

.h3p p.pa10-12{
  padding : 10px;
  font-weight : normal;
}

.mtop10{
  margin-top : 10px;
}

/**************************************************** toppage table */

table#nozoki{
  width : 100%;
  margin : 0 auto 20px;
  border-collapse : collapse;
  text-align : left;
}

table#nozoki td{
  width : 50%;
  padding : 0 5px;
  margin : 0;
  line-height : 40px;
}

#peeping{
  background-color : #999999;
  font-weight : bold;
  color : #000;
  font-size : 110%;
}

.bg1{
  background-color : #e1e1e1;
}

.bg2{
  background-color : #f1f1f1;
}

#topkoushin{
  padding : 10px;
  margin : 10px 0 0;
  font-size : 110%;
  background-color : #eaeaea;
  border-top : 1px solid #000000;
}

/**************************************************** /toppage table */




.bottom{
  padding : 5px;
  color : #333333;
}

#bottomlink{
  max-width : 700px;
  clear : both;
  padding : 80px 10px 0;
  margin : 0 auto;
  text-align : center;
}

#bottomlink p{
  line-height : 300%;
}

#bottomlink p a{
  color : #666666;
}

.l20{
  margin-left : 20px;
}

.r10{
  margin-right : 10px;
}

footer{
  padding : 80px 0;
  text-align : center;
  color : #999999;
}

img{
  border : 0;
  max-width : 100%;
  min-width : auto;
  height : auto;
  padding : 0;
  margin : 0;
}

.left30{
  margin-left : 30px;
}

.left60{
  margin-left : 60px;
}

#setsumei{
  margin-top : 30px;
  line-height : 140%;
}

.m0a{
  max-width : 700px;
  min-width : auto;
  margin : 0 0 20px;
}

#txright{
  text-align : right;
}

/**************************************** contents *********************************************/


.content{
  max-width : 700px;
  float : right;
  margin : 0 0 10px;
}

.content h2{
  margin : 0 0 20px;
}

table.work{
  width : 100%;
  margin : 0 auto 20px;
  border-collapse : collapse;
}

table.work td{
  padding : 0 5px 5px;
  vertical-align : top;
}

table.work td.title{
  padding : 10px 0;
  background-color : #ffcfe9;
  border-top : 1px solid #000000;
}

table.work h3{
  background : url("images/titlebg.png") no-repeat left;
  padding : 0 0 0 10px;
  text-indent : 20px;
  font-size : 110%;
}

table.work td.workimg{
  width : 400px;
  background-color : #000000;
  padding-top : 10px;
}

table.work td.workp{
  background-color : #fff8fc;
}

table.work td.workp p{
  margin : 5px 0 10px;
  border-bottom : 1px dotted #999999;
  line-height : 16px;
}

span.naiyou{
  background-color : #fffca5;
  margin-right : 10px;
  color : #333333;
}

span.idou a{
  background-color : #000000;
  color : #ffffff;
  padding : 10px;
}

table.work td.workp p.none{
  border-bottom : none;
  text-align : right;
}

table.work td.workp p.flash{
  padding : 0;
  margin : 0;
  border-bottom : none;
  line-height : none;
}

table#hrnaka{
  margin : 0 auto 20px;
  text-align : center;
  width : 100%;
  border-collapse : collapse;
}

table#hrnaka td{
  background-color : #000;
  padding : 5px;
}

/*****************************linkpage**********************************/

#linkpage{
  max-width : 700px;
  margin : auto;
  background-color : #e9e9e9;
  padding-bottom : 30px;
}

#linkpage h3{
  padding : 10px 30px;
  margin-bottom : 30px;
  border-bottom : 1px dotted #999999;
  background : url("images/linkh3bg.png") no-repeat left;
}

#linkpage p{
  padding : 0 40px;
  margin-bottom : 20px;
  font-weight : bold;
}

#back{
  text-align : right;
}

.clear{
  clear : both;
}

hr{
  border : 0;
  padding : 0;
  margin : 0;
}

.border{
  border : 1px dotted #999999;
  margin-bottom : 20px;
}

.next a{
  border : 1px solid #0024ff;
  background-color : #9a9a9a;
  padding : 10px 5px;
  color : red;
  float : left;
  width : 80px;
  margin-right : 10px;
  text-align : center;
  display : block;
  color : #fff;
  font-weight : bold;
}

.tsugi{
  padding : 10px;
  float : left;
}

p.flash700{
  padding : 0;
  margin : 0 0 20px;
}