@charset "utf-8";


/*reset YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com
---------------------------------------------------*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


/*font
---------------------------------------------------*/
body{font:14px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height: 1.7;letter-spacing:0.1em;color:#231815;}


/*layout
---------------------------------------------------*/
html{
  background:url(../images/green_dot.gif);
}



#wrapper{
  width: 800px;
  height: auto;
  margin: 0 auto;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  }
  
/*index
---------------------------------------------------*/

#index{
  width:310px;
  height: 400px;
  margin: -400px 0 0 26px;
  display: block;
  position: relative;
}

#index ul{
  list-style-type:none;
  width:290px;
  height: 220px;
  margin-top: 10px;
}

#index ul li{
  width:290px;
  height: 33px;
  padding:0 0 13px 0;
  display: block;
}

#index .prof ul{
  width:310px;
  height:120px;
}

#index .prof ul li{
  width:85px;
  height:120px;
  padding: 0 0 0 10px;
  display: inline;
}

#index .prof ul li:first-child{
  width:85px;
  height:120px;
  padding: 0;
  display: inline;
}

#index .prof ul li:last-child{
  width:100px;
  height:120px;
  padding: 0;
  display: inline;
}


#archive{
  width:310px;
  height: 125px;
  margin: -125px 0 0 26px;
  display: block;
  position: relative;
}

#archive .prof ul{
  width:310px;
  height:120px;
}

#archive .prof ul li{
  width:85px;
  height:120px;
  padding: 0 0 0 10px;
  display: inline;
}

#archive.prof ul li:first-child{
  width:85px;
  height:120px;
  padding: 0;
  display: inline;
}

#archive .prof ul li:last-child{
  width:100px;
  height:120px;
  padding: 0;
  display: inline;
}




/*contents
---------------------------------------------------*/
  
  
.main_content{
  width:450px;
  height: auto;
  margin: 0 auto;
}

h1{
  position:relative
}

table {
    width: 454px;
    margin: 0 auto 46px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.1em;
}

th, td {
    vertical-align: top;
}

th {
    width: 70px;
    padding-bottom: 13px;
}

th.archin {
    background-image:url(../images/ico_archin.gif);
    background-repeat: no-repeat;
    font-size:1px;
    line-height:1px;
    text-indent:-9999px;
}

th.hobo {
    background-image:url(../images/ico_hobo.gif);
    background-repeat: no-repeat;
    font-size:1px;
    line-height:1px;
    text-indent:-9999px;
}

th.tanikawa {
    background-image:url(../images/ico_tanikawa.gif);
    background-repeat: no-repeat;
    font-size:1px;
    line-height:1px;
    text-indent:-9999px;
}

td {
    width: 392px;
    padding-bottom: 20px;
}

td[colspan="2"] {
    padding: 8px 0 28px 0;
    line-height: 1.75;
}

td[colspan="2"] img {
    display: block;
    
}

.line {
  border-style: solid;
  border-width: 1px;
  border-color : #999999;
}

td[colspan="2b"] {
    padding: 8px 0 28px 0;
    line-height: 0.5;
}

td a{
  color : #99CC00;
  text-decoration: none;
}

td a:hover{
  color : #CFE787;
  text-decoration: none;
}


p{
  color:#636464;
}

.end{
  text-align:center;
  margin:auto
}

.end .date{
  font-size: 12px;
}



/*navi
---------------------------------------------------*/

#navi{
  width:450px;
  height: 112px;
  margin:30px auto 5px auto;
}

#navi ul{
  width:450px;
  height: 112px;
  list-style-type:none
}

#navi ul li{
  width:112px;
  height:112px;
  padding-left:49px;
  display: inline
}

#navi ul li:first-child{
  width:112px;
  height:112px;
  padding: 0;
  display: inline
}


/*banner
---------------------------------------------------*/

#banner{
  background-color: #99CC00;
  width:800px;
  margin:0 auto 0 auto;
  display: block;
}

#banner ul{
  width:640px;
  height: 156px;
  margin-left:90px;
  list-style-type:none;
}

#banner ul li{
  width:300px;
  height:156px;
  padding:0 0 0 20px;
  display: inline
}

#banner ul li:first-child{
  width:300px;
  height:156px;
  padding:0;
  display: inline
}

#banner .banner_big{
  width:663px;
  height: 317px;
  margin: 0 auto 30px auto;
  display: block;
}

#banner .banner_small{
  width:300px;
  height: 156px;
  margin:0 auto 0 auto;
  display: block;
}


/*footer
---------------------------------------------------*/

#footer{
  background-color: #99CC00;
  width:800px;
  height: 200px;
  margin:0 auto 0 auto;
  display: block;
  padding-top: 20px;
}

#footer ul{
  width:635px;
  height: 32px;
  margin-left:90px;
  margin-bottom: 20px;
  list-style-type:none;
}

#footer ul li{
  width:158px;
  height:30px;
  padding:0;
  display: inline
}

#footer ul li:first-child{
  width:158px;
  height:30px;
  padding:0;
  display: inline
}

#footer ul li .fb{
  width:158px;
  height:20px;
  padding-left:30px;
  display: inline
}



address{
  width: 632px;
  height: 35px;
  margin:10px auto 0 auto;
}