@charset "utf-8";
/* CSS Document */

/*------------------------------
1.スタイルのリセット
------------------------------*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquout,th,td {
 margin:0;
 padding:0;
   font-size:1em;
  font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ;
  line-height:150%;
  color:#333333
}

li {
 list-style:none;
}

h1,h2,h3,h4,h5,h6 {
 font-size:100%;
 font-weight:normal;
}

input,textarea,select {
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit;
}

input,textarea,select {
 *font-size:100%;
}

legend {
 color:#000000;
}

address,caption,cite,code,dfn,em,th,var {
 font-style: normal;
 font-weight: normal;
}

ol,ul {
 list-style: none;
}

fieldset, img {
 border:: 0;
}

img{

  border:none;

}


/*=========================================================

  base

=========================================================*/



body{

  padding-bottom:50px;
  background-color:#FFFFFF;
  background-position:center top;
  background-repeat:repeat;
  background-image:url(/img/bg_img.jpg);
  text-align:left;
  font-size:95%;

}


a:link {
  color: #75b900;
  text-decoration: underline;
}
a:visited {
  color: #75b900;
  text-decoration: underline;
}
a:hover {
  color: #75b900;
  text-decoration: underline;
}
a:active {
  color: #75b900;
}



/*=========================================================

  wrapper

=========================================================*/



* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }



#bg {
  background-image:url(/img/note-bg.jpg);
  background-repeat:repeat-y;
  background-position:center top;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
}

#wrapper{
  margin-right:auto;
  margin-left:auto;
  background-image:url(/img/bg_top.jpg);
  background-position:center top;
  background-repeat:no-repeat;
  text-align:left;
}

/*=========================================================

  header

=========================================================*/

#header{
  background-position:center top;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  width:965px;
}


#header .logo{
  float:left;
  width:464px;

}


/*------------------------------
2.グローバルナビの設定
------------------------------*/


ul#global-nav {
  position: relative;
  width: 475px;
  margin: 0;
  height: 67px;
  list-style: none;
  overflow: hidden;
  margin:20px 0px 0px 20px;
}

ul#global-nav li a {
  height: 67px;
  position: absolute;
  overflow: hidden;
  padding: 67px 0 0 0;
  text-indent: -100em;
  text-decoration: none;
  top: 0;
}

html>body ul#global-nav li a{
  height: 0;
}


li#navi00 a{ 
  background: transparent url(/img/navi00.jpg) no-repeat 0 0;
  width: 67px;
  left: 0px;
  }
  
li#navi01 a{ 
  background: transparent url(/img/navi01.jpg) no-repeat 0 0;
  width: 67px;
  left: 80px;
  }


li#navi02 a{ 
  background: transparent url(/img/navi02.jpg) no-repeat 0 0;
  width: 67px;
  left: 160px;
  }
li#navi03 a{ 
  background: transparent url(/img/navi03.jpg) no-repeat 0 0;
  width: 67px;
  left: 240px;
  }
li#navi04 a{ 
  background: transparent url(/img/navi04.jpg) no-repeat 0 0;
  width: 67px;
  left: 320px;
  }
li#navi05 a{ 
  background: transparent url(/img/navi05.jpg) no-repeat 0 0;
  width: 67px;
  left: 400px;
  }
  
li#navi00 a:hover, 
li#navi01 a:hover, 
li#navi02 a:hover, 
li#navi03 a:hover, 
li#navi04 a:hover, 
li#navi05 a:hover{ 
  background-position: 0px -67px;
  }



#header h2{
 height:0;
 overflow:hidden;
 text-indent:-9999px;
}


#about {
  float:left;
  position:absolute;
  background-image:url(/img/tit-about.jpg);
  background-position:left;
  background-repeat:no-repeat;
  left: -10px;
  top: 102px;
  width: 307px;
  height: 124px;
  text-indent:-9999px;

}

#profile {
  float:left;
  position:absolute;
  background-image:url(/img/tit-profile.jpg);
  background-position:left;
  background-repeat:no-repeat;
  left: -10px;
  top: 102px;
  width: 307px;
  height: 124px;
  text-indent:-9999px;

}

#schedule {
  float:left;
  position:absolute;
  background-image:url(/img/tit-schedule.jpg);
  background-position:left;
  background-repeat:no-repeat;
  left: -10px;
  top: 102px;
  width: 307px;
  height: 124px;
  text-indent:-9999px;

}


#contact {
  float:left;
  position:absolute;
  background-image:url(/img/tit-contact.jpg);
  background-position:left;
  background-repeat:no-repeat;
  left: -10px;
  top: 102px;
  width: 307px;
  height: 124px;
  text-indent:-9999px;

}

#blog {
  float:left;
  position:absolute;
  background-image:url(/img/tit-blog.jpg);
  background-position:left;
  background-repeat:no-repeat;
  left: -10px;
  top: 102px;
  width: 307px;
  height: 124px;
  text-indent:-9999px;

}


  
/*============================
  contents
============================*/

#contents{
  position:relative;
  width:740px;
  margin-left:auto;
  margin-right:auto;

}
#form_14974 {
  line-height: 150%;
  padding: 0px;
  margin-bottom: 10px;
  margin-left: 35px;
}


.lead {
  line-height: 200%;
  font-weight: bold;
  margin-bottom:30px;
}




h4 {
  background-image: url(/img/check.gif);
  background-position: left top;
  background-repeat:no-repeat;
  color:#0084aa;
  font-weight:bold;
  padding-left:35px;

}

 .info {
   line-height:150%;
  margin-left:35px;
  margin-bottom:50px;
}
.mailmaga {
  line-height: 150%;
  padding: 0px;
  margin-bottom: 20px;
  margin-left: 35px;
}


.photo-img {
  float:right;
}


.photo-img-l {
  float:left;
  margin-right:20px;
}

.l-35 {
   margin-left:35px;
}

/** 
** Define global definition of the table 
**/
.calendar {
  width: 710px;
  border-collapse: separate;
  border-spacing: 0;
}

/* 1. Define the border lines and additional attributes for th */
.calendar th{
  /* Font and background setting */
  font-size: 1.0em;
  background-color:#0099CC;
  font-weight:normal;
  color:#FFFFFF;
  text-align:center;
  width:35px;
  padding:3px;

  /* Border setting for bottom and right border */
  border-right: 1px solid #0099CC;
  border-bottom: 1px solid #0099CC;
}

/* 2. Define the border lines and additional attributes for td */
.calendar td{
  /* Font and background setting */
  font-size: 1.0em;
  font-weight:normal;
  padding:3px;

  /* Border setting  for bottom and right border */
  border-right: 1px solid #0099CC;
  border-bottom: 1px solid #0099CC;
}

/* 3. Define the border lines for first column in header */
.calendar tr:first-child th {
  border-top: 1px solid #0099CC;
}

/* 3. Define the border lines for first column in header and first column in last row*/
.calendar tr:first-child th:first-child,
.calendar tr td:first-child {
  border-left: 1px solid #0099CC;
}

/**
** Define the border radius
**/
/* 1. Define the top left radius for the first column in the header */
.calendar tr:first-child th:first-child {
  border-top-left-radius:20px;
}

/* 2. Define the top right radius for the last column in the header */
.calendar tr:first-child th:last-child {
  border-top-right-radius:20px;
}

/* 3. Define the bottom left radius for the first column in the last line */
.calendar tr:last-child td:first-child {
  border-bottom-left-radius:20px;
}

/* 4. Define the bottom left radius for the last column in the last line */
.calendar tr:last-child td:last-child {
  border-bottom-right-radius:20px;
}


.sun{
  color:#FF0000;
}


.sat{
  color:#0099FF;
}

.select{
  background-color:#ffc0c0;
  font-weight:bold;
}


.finisht{
  background-color:#CCCCCC;
  font-weight:bold;
}

.off{
  background-color:#66FF99;
  font-weight:bold;
}


.cap{
  font-size:80%;
  }

.blue-l{
  color:#0084aa;
  font-size:130%;
  font-weight:bold;
  
  }
  
.blue-m{
  color:#0084aa;
  font-weight:bold;
  
  }
  
  
#infolist{
  border-bottom:dotted;
  border-bottom-color:#FF0033;
  border-bottom-width:100%;
  border-bottom-style:dotted;
}  


/*============================
  footer
============================*/



#footer{
  background-position:center bottom;
  background-repeat:no-repeat;
  background-image:url(/img/footer-img.jpg);
  margin-left:auto;
  margin-right:auto;
  height:90px;
}

/*============================
        for slider
============================*/
/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
    position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('/img/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 12 css */
/*
.jssora12l                  (normal)
.jssora12r                  (normal)
.jssora12l:hover            (normal mouseover)
.jssora12r:hover            (normal mouseover)
.jssora12l.jssora12ldn      (mousedown)
.jssora12r.jssora12rdn      (mousedown)
*/
.jssora12l, .jssora12r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 46px;
    cursor: pointer;
    background: url('/img/a12.png') no-repeat;
    overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }