/*HEADER*/
#header h2{
font-size:80%;
color:#24942D;
padding-top:2px;
}

#index_visual{
  background: transparent url(../../images/index/bg/bg_main.jpg) no-repeat scroll top center;
  width: 800px;
  height: 352px;
  position: relative;
}

  #index_visual a#index_movie{
    position: absolute;
    top: 38px;
    left: 521px;
    width: 240px;
    height: 135px;
    background: transparent url(../../images/index/btn/btn_movie.jpg) no-repeat scroll top center;
    text-indent: -9999px;
  }
  
  #index_visual div#index_trial{
    position: absolute;
    top: 199px;
    left: 516px;
    width: 250px;
    height: 124px;
    text-align: center;
  }
    
    div#index_trial p{
      line-height: 150%;
    }
    
    div#index_trial p.p1{
      padding-top: 25px;
      color: black;
    }

      div#index_trial span.number{
        color: #FF6600;
        font-size: 26px;
        font-weight: bold;
        padding: 0 5px;
        font-family: 'Arial Black',sans-serif;
      }
    
      div#index_trial span.trial{
        color: #24942D;
        font-weight: bold;
      }

    div#index_trial p.p2{
      text-align: right;
      padding-right: 20px;
      font-size: 10px;;
      color: #666666;
      margin-bottom: 10px;
    }
    
    div#index_trial p.p3{
      font-weight: bold;
    }

/*Interview*/

dl#interview{
  padding-top: 10px;
  padding-left: 10px;
  height: 105px;
}

dl#interview dd{
  float:left;
  margin-bottom:25px;
  text-indent:-9999px;
}

  dl#interview dd a{
    display:block;
    width:130px;
    height:105px;
  }

  dl#interview dd.pt01 a:hover,
  dl#interview dd.pt02 a:hover,
  dl#interview dd.pt03 a:hover,
  dl#interview dd.pt04 a:hover,
  dl#interview dd.pt05 a:hover,
  dl#interview dd.pt06 a:hover{
    background-position: 0 -105px;
  }

  dl#interview dd.pt01 a{
    background:url(../../images/index/btn/btn_interview_01.gif) no-repeat top;
  }
  
  dl#interview dd.pt02 a{
    background:url(../../images/index/btn/btn_interview_02.gif) no-repeat top;
  }
  
  dl#interview dd.pt03 a{
    background:url(../../images/index/btn/btn_interview_03.gif) no-repeat top;
  }
  
  dl#interview dd.pt04 a{
    background:url(../../images/index/btn/btn_interview_04.gif) no-repeat top;
  }
  
  dl#interview dd.pt05 a{
    background:url(../../images/index/btn/btn_interview_05.gif) no-repeat top;
  }
    
  dl#interview dd.pt06 a{
    background:url(../../images/index/btn/btn_interview_06.gif) no-repeat top;
  }
  


/**/

#index{
	clear:both;
}

/*SEARCHBOX*/
#indexsearch div.cont{
background:url(../../images/index/bg/bg_green.jpg) repeat-y;
border-top:1px solid #D0E0A6;
border-bottom:1px solid #D0E0A6;
margin:10px 0 25px;
padding:7px 0px 10px 0;
}

#indexsearch h4{
color:#FF6600;
margin:0 0 8px 10px;
}

#indexsearch #thumblist{
margin:0 7px 10px 7px;
padding:0 0 10px 0;
background:url(../images/line/line_dot_green_x_01.gif) bottom repeat-x;
}

#indexsearch #thumblist dl{
width:153px;
float:left;
text-align:center;
}

#indexsearch #thumblist dl dd{
margin:5px 0;
}

*html #indexsearch #txtlist{
	padding:0 0 0 3px;
}
#indexsearch #txtlist{
padding:0 0 0 7px;
}

#indexsearch #txtlist dl{
width:183px;
float:left;
margin:0 4px;
}

#indexsearch #txtlist dl dt{
background:#D2E2A8;
font-weight:bold;
color:#24942D;
padding:2px 5px;
margin:0 0 5px 0;
}

#indexsearch #txtlist dl dd{
padding:0 5px;
line-height:140%;
}

/*COL*/
#cal2wrap{
}

#cal2wrap #leftwrap{
float:left;
}

#cal2wrap #rightwrap{
float:right;
}

/*KANSO*/
#index #kanso{
width:485px;
padding-bottom:14px;
background:url(../../images/index/bg/bg_kanso_bottom.gif) bottom no-repeat;
}

#index #kanso .titlebox{
background:url(../../images/index/bg/bg_kanso_top.gif) bottom no-repeat #FFFFFF;
}

#index #kanso .titlebox h4{
background:url(../../images/index/title/title_kanso.gif) no-repeat;
width:272px;
height:20px;
text-indent:-9999px;
}

#index #kanso .titlebox p{
text-align:right;
padding:0 5px 10px 0;
}

#index #kanso .bodybox{
background:url(../../images/index/bg/bg_kanso_body.gif) bottom repeat-y transparent;
}

#index #kanso dl{
margin:0 10px ;
}

#index #kanso dl dt{
padding:3px 0 3px 18px;
margin:0 0 5px 0;
background:url(../images/icon/icon_hukidashi.gif) left no-repeat;
}

#index #kanso dl dd{
text-align:right;
background:url(../images/line/line_dot_brown_x_01.gif) bottom repeat-x;
font-size:80%;
padding:0 0 10px 0;
color:#7F6F5B;
}


#index #kanso p.btn{
padding:10px 0 10px 187px;
}

#index p.btn a{
display:block;
width:111px;
height:27px;
background: url(../../images/index/btn/btn_more.gif) no-repeat;
text-indent:-5000px;
}
#index p.btn a:hover{
width:111px;
height:27px;
background-position: 0px -28px;
}

/*BLOG*/
#index #blog{
width:275px;
background:url(../../images/index/bg/bg_blog.gif) bottom no-repeat;
margin:0 0 25px 0;
}

#index #blog .titlebox{
background:url(../../images/index/bg/bg_blog_top.gif) bottom no-repeat #FFFFFF;
}

#index #blog .titlebox h4{
background:url(../../images/index/title/title_blog.gif) no-repeat;
width:275px;
height:22px;
text-indent:-9999px;
}

#index #blog .titlebox p{
text-align:right;
padding:0 5px 10px 0;
}

#index #blog dl{
padding:5px 0;
margin:0 10px ;
background:url(../images/line/line_dot_brown_x_01.gif) bottom repeat-x;
}

#index #blog dl dt{
float:left;
height:30px ;
width:30px;
margin:0 10px 0 0;
}

#index #blog dl dd{
line-height:130%;
}

#index #blog p.btn{
padding:10px 0 10px 82px;
}

/*FOR BUGGGG!*/
#index .wrap:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#index .wrap{
display:inline-block;
}

/* exlude MacIE5 \*/
*html #index .wrap{
height:1%
}

#index .wrap{
display:block;
}
/* END MacIE5 */


/*footer*/
#footerindex{

width:800px;
margin:0px auto;
background:url(../images/bg/bg_footer.gif) no-repeat top;
}

#footerindex p{
text-align:center;
color:#99CC99;
font-size:75%;
}

#footerindex p.main{
padding:65px 0 5px 0;
color:#FFFFFF;
font-size:80%;
font-weight:bold;
}

#footerindex p a{
color:#FFFFFF;
}

address{
text-align:center;
font-size:75%;
font-style:normal;
color:#FFFFFF;
padding:10px 0 15px 0;
}