/* CSS   banner1 gradation flashnabi  2c Use  */
/*    エントリーの内は（に指定）、画像４５０以下、ただしブログページ上下写真は４００以下       */

/* basic elements    基本要素設定     */

html {
    margin: 0 auto;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

/*    setting  sentence general fonts and letter size   */

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
    font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Verdana','helvetica', 'ＭＳ ゴシック', sans-serif;
    font-size: 0.9em;
   }

/*    setting  body color and background color   */

body {  text-align: center;   /* center on ie */
          color: #666666;
          background: #003c81;
}

form { margin: 0; padding: 0; }
a { text-decoration: none;  color: #0066ff; }
a img { border: none; }

a:hover { color: #5fe1fa; }

div { margin: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin: 0px;
}
strong { text-decoration: bold; color: #003c81;  }

/* -----------------------------------------------------     */

#container {
    width: 860px;
    position: relative;
    margin-top: 0px;
    margin-left: auto;     /* center on everything else */
    margin-right: auto;
    margin-bottom: 20px;
    background-color: #003c81;

}

#container-inner {     width: 100%;
                               margin: 0px; background-color: #ffffff;
                       position: relative;
}


/* standard helper classes    修正パッチ　　*/

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/*   seo taisaku waku     */
#seowaku {   width: 860px;   margin: 0px;   
}
.seo-h1 { font-size: 8pt;
                color: #5fe1fa;
                text-align: right;
                padding: 2px 10px 2px 10px;
}

/* banner1   バナータイプ設定  */

#banner { position: relative; 
              width: 860px;
              margin: 0px;
             }
#banner-inner {  width: 100%;             /*    IEのpeakaboo　回避      */
                          margin: 0px;
}



/*   flash running waku  no flash     */

#fwrap {    width: 480px;
            height: 250px;
               margin: 0px;
               background-color: #003c81;
               position: relative;
}

#fwaku {   width: 100%;
              margin: 0px;
              position: relative;
}

#pagebody { width: 860px; position: relative; margin: 0px; 
            
 }
#pagebody-inner { width: 100%; margin: 0px; }

/*         page divide           */

#alpha {     width: 190px;
               float: left;
               margin: 0px;
               background: url(http://kailalua.com/images/a-back.jpg) repeat-y;
}
#bc-waku {   width: 670px;
             float: left;
             margin: 0px;
             position: relative;
}
#beta {      width: 480px;
               float: left;
               margin: 0px;
               position: relative;
}
#ceta {    width: 190px;
           float: right;
           margin: 0px;
           background-color: #b3f0ff;
}

/*    top page 横並びナビワク    */
#nabi {   width: 452px;
            margin: 7px 14px 7px 14px;
            position: relative;
}

/* nabiボタン5つ  横並べフロート付 */

.n-box1,.n-box1 a,.n-box1 a:hover,
.n-box1 a:focus {    width: 142px;
                                float: left;
                                height: 51px;
                          background: url(http://kailalua.com/images/n-box1.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.n-box1 {   margin: 0px;  }
.n-box1,.n-box1 a:hover,.n-box1 a:focus {
                        background: url(http://kailalua.com/images/n-box1_o.jpg) top left no-repeat;
                                text-decoration: none;
}

.n-box2,.n-box2 a,.n-box2 a:hover,
.n-box2 a:focus {    width: 142px;
                                float: left;
                                height: 51px;
                      background: url(http://kailalua.com/images/n-box2.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.n-box2 {   margin: 0px 0px 0px 13px;  }
.n-box2,.n-box2 a:hover,.n-box2 a:focus {
                       background: url(http://kailalua.com/images/n-box2_o.jpg) top left no-repeat;
                                text-decoration: none;
}

.n-box3,.n-box3 a,.n-box3 a:hover,
.n-box3 a:focus {    width: 142px;
                                float: left;
                                height: 51px;
                       background: url(http://kailalua.com/images/n-box3.jpg) top left no-repeat;
                                text-indent: -8000px;
                                border: none; 
                                text-decoration: none;
}
.n-box3 {   margin: 0px 0px 0px 13px;   }
.n-box3,.n-box3 a:hover,.n-box3 a:focus {
                     background: url(http://kailalua.com/images/n-box3_o.jpg) top left no-repeat;
                                text-decoration: none;
}


/*   tatenarabi bottom    */
.camp,
.camp a,
.camp a:hover,
.camp a:focus { width: 190px;
                     height: 30px;
                     background: url(http://kailalua.com/images/t-kaisya.jpg) top left no-repeat;
                     text-indent: -8000px;
                     font-size: 8pt;
                     border: none;display: block;
                    text-decoration: none;
}
.camp {    margin: 0px 0px 0px 0px;   }
.camp,
.camp a:hover,
.camp a:focus {    text-decoration: none; 
                     background: url(http://kailalua.com/images/t-kaisya_o.jpg) top left no-repeat;    
                       }
.home,
.home a,
.home a:hover,
.home a:focus { width: 190px;
                     height: 120px;
                     background: url(http://kailalua.com/images/top-b.jpg) top left no-repeat;
                     text-indent: -8000px;
                     font-size: 8pt;
                     border: none;display: block;
                    text-decoration: none;
}
.home {    margin: 0px;   }
.home,
.home a:hover,
.home a:focus {    text-decoration: none; 
                     background: url(http://kailalua.com/images/top-b_o.jpg) top left no-repeat;    
                       }

/*  alpha contents  bottoms    */

.a-waku {     width: 190px;
                 margin: 0px 0px 15px 0px;
}
.a-waku-con {  width: 170px;
               margin: 0px 10px 0px 10px;
               border-bottom: dashed #fefabd 2px;
}
.a-waku-con a { color: #fefabd;  }
.a-waku-con a:hover { color: #5fe1fa;  }
.a-waku-con h3 {  margin: 0px;
                  font-size: 9pt;
                  font-weight: bold;
                  line-height: 1.1;
                  padding: 12px 0px 3px 0px;
                  text-align: left;
}
 
/*  ceta contents  bottoms    */

.c-waku {     width: 190px;
                 margin: 0px 0px 15px 0px;
                 text-align: center;
}

/* たて並び CSS切り替えナビは、ディスプレイブロックが必要・マージンは一回　間で設定    */
.b1,
.b1 a,
.b1 a:hover,
.b1 a:focus { width: 165px;
                     height: 55px;
                     background: url(http://kailalua.com/images/b1.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b1 {    margin: 0px;   }
.b1,
.b1 a:hover,
.b1 a:focus {    text-decoration: none; 
                     background: url(http://kailalua.com/images/b1_o.jpg) top left no-repeat;    
                       }
.b2,
.b2 a,
.b2 a:hover,
.b2 a:focus { width: 165px;
                     height: 55px;
                     background: url(http://kailalua.com/images/b2.jpg) top left no-repeat;
                     text-indent: -8000px;
                     border: none;display: block;
                    text-decoration: none;
}
.b2 {    margin: 5px 0px 0px 0px;   }
.b2,
.b2 a:hover,
.b2 a:focus {    text-decoration: none; 
                     background: url(http://kailalua.com/images/b2_o.jpg) top left no-repeat;    
                       }

/*   contents  custamize    */


.footer-nabi {    width: 860px;
                      background-color: #ffffff;
                      font-size: 8pt;
                      text-align: center;
                      margin: 0px 0px 10px 0px;
}
.footer-nabi p {   padding: 5px 20px 0px 20px;  line-height: 1.3; }   
.footer-nabi a {   color: #666666;  text-decoration: none; }

/*    エントリー部分　設定    */

/*  top pages  */

.category-title {    background-color: #fefabd;
                     width: 90%;
}
.category-title h3 {  color: #003c81;
                  font-size: 14pt;
                  font-weight: bold;
                  text-align: left;
                  padding: 5px 10px 5px 10px;
}
.t-news {  width: 480px;
           height: 154px;
           margin: 0px;
           background: url(http://kailalua.com/images/t-news.jpg) top left no-repeat; 
}
.t-news-text {  width: 334px;
                height: 106px;
                padding: 48px 10px 0px 136px;
                overflow: scroll;
}
.t-news-text h2 { font-size: 1.2em;
                  line-height: 1.2;
                  padding: 5px 10px 0px 0px;
                  text-align: left;
                  font-weight: bold;
}

.c-news {  width: 480px;
           height: 132px;
           margin: 0px;
           background: url(http://kailalua.com/images/c-news.jpg) top left no-repeat; 
}
.c-news-text {  width: 440px;
                height: 86px;
                padding: 46px 10px 0px 30px;
                overflow: scroll;
}
.c-news-text h2 { font-size: 1.2em;
                  line-height: 1.2;
                  padding: 5px 10px 0px 0px;
                  text-align: left;
                  font-weight: bold;
}
.e-news {  clear: both;
           width: 480px;
           height: 132px;
           margin: 0px;
           background: url(http://kailalua.com/images/e-news.jpg) top left no-repeat; 
}
.e-news-text {  width: 334px;
                height: 86px;
                padding: 46px 10px 0px 136px;
                overflow: scroll;
}
.e-news-text h2 { font-size: 1.2em;
                  line-height: 1.2;
                  padding: 5px 10px 0px 0px;
                  text-align: left;
                  font-weight: bold;
}
.t-blog {   width: 458px;
            margin: 12px 10px 20px 10px;
            border: solid #cccccc 1px;
            background: url(http://kailalua.com/images/t-blog.jpg) top left no-repeat;
}
.t-blog h2 {  width: 438px;
              margin: 46px 10px 0px 10px;
              font-size: 1.2em;
              line-height: 1.2;
              background-color: #fefabd;
              text-align: left;
              font-weight: bold;
}
.t-blog-title { padding: 4px 10px 4px 10px;  }
.t-blog-text {  padding: 10px 10px 10px 10px;
                text-align: left;
                font-size: 1.1em;
                line-height: 1.3;
}
.t-blog-text p { padding: 0px 0px 0px 20px; }
              
/*  sub pages  */
.e-title {  width: 440px;
            margin: 15px 15px 0px 15px;
            text-align: left;
            background-color: #fefabd;
            border-left: solid #003c81 10px;
}
.e-title2 {  width: 435px;
             margin: 0px;
             border-left: solid #5fe1fa 5px;
}
.e-title2 h3 {  font-size: 1.3em;
               font-weight: bold;
               color: #003c81;
               padding: 4px 10px 4px 20px;
}

.entry-waku {   width: 480px;
              margin: 0px 0px 15px 0px;
}

.entry-wrap {  margin: 10px 15px 0px 15px;
              text-align: left;
              position: relative;
              font-size: 11pt;
              line-height: 1.5;
}
.entry-wrap p { padding: 0px 10px 0px 20px;  }



/*  画像横幅設定モジュールより   */


/*-------      フォーム内設定       ---------*/

.form-waku {    margin: 0px;  font-size: 10pt;  line-height: 1.3; }

.form-text {    color: #4a3002;
                    font-size: 10pt;
                    line-height: 1.3;
                    padding: 5px 10px 0px 5px;
}
.form-red {     color: #ff0000;    font-weight: bold;  }
.form-con {     color: #666666;
                     font-size: 10pt;
                     line-height: 1.3;
                    padding: 5px 0px 0px 15px;
}

/*  schedule table   */
.style1 {color: #990000}
.style4 {font-size: 9pt}
.style5 {color: #990000; font-size: 9pt; }
.style6 {
	color: #990000;
	font-size: 10pt;
	font-weight: bold;
}
.style9 {font-size: 10pt; font-weight: bold; }
.style11 {
	font-size: 12pt;
	font-weight: bold;
}
.schedule {  text-align: center; 
             line-height: 1.1; }

/*  image floating in entry  */
.wrapwrap { margin: 10px 0px 0px 0px; position: relative;  }
.entry-img1 { width: 120px; float: left; height: 120px;  
              padding: 0px 0px 0px 40px;  border: none;  }
.entry-img2 { width: 200px; float: left; height: 60px;  
              padding: 0px 0px 0px 40px;  border: none;  }

/*   Monthly Blog Title    */
.mblog-title {    margin: 5px 0px 0px 20px;
                  font-size: 10pt;  }

/* ----------------- mentenance top banner  -----------------  */

#ban,#ban-in { position: relative; 
       width: 860px;
       margin: 0px;
}
#ban-in ul#topb {   width: 860px;
               height: 153px;
               position: relative;
               background: url(http://kailalua.com/images/t-logo3.jpg) top right no-repeat;
               list-style-type: none;
               margin: 0; padding: 0; border: none;
}
#ban-in ul li {  float: left;
                 list-style: none;
}
#ban-in ul li#t-logo {  width: 640px;
                      height: 153px;
                      margin: 0px;
}
#ban-in ul li#padi5 {  width: 80px; 
                       height: 103px;
                       margin: 7px 9px 43px 9px;
}
#ban-in ul li#team25 {  width: 112px;
                        height: 67px;
                        margin: 21px 10px 65px 0px;
}
#ban-in ul#subb {   width: 860px;
               height: 153px;
               position: relative;
               background: url(http://kailalua.com/images/s-logo3.jpg) top right no-repeat;
               list-style-type: none;
               margin: 0; padding: 0; border: none;
}

ul#nabi2 {  width: 452px;
            margin: 7px 14px 7px 14px;
            position: relative;
            padding: 0;  border: 0;
            list-style-type: none;
}
ul#nabi2 li { width: 142px;
              float: left;
              margin: 0px 0px 0px 13px;
}
ul#nabi2 li.hajime { margin-left: 0px;  }