/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt/mt-static/themes-base/blog.css);
@import url(/mt/mt-static/support/themes/professional-blue/professional-blue.css);
/* end StyleCatcher imports */




/* 初期化-------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td{
   margin: 0;
   padding: 0;
   }

fieldset,img{
   border: 0;
   }

abbr,acronym{
   border: 0;
   }

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

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




/*GLOBAL------------------------------------------------------*/


body{
   Font-family:century,sans-serif;
   }


#container{
   background:#e4dccc;
   padding:7px 0px;
   }
 
#container-inner {
   background:#e4dccc;   
   margin-left:auto;
   margin-right:auto;

   width:950px;
   }

#content { 
   margin-top: 0px;  
   margin-bottom: 7px;
   border-right:solid 1px #CCE3FF;
   border-left:solid 1px #CCE3FF;  
   background:#FFFFFF;
}

#content-inner{
    margin-top: 0px;  
    margin-bottom: 0px;
    padding-top:7px; 
    width:auto; 
    background:#FFFFFF;
    overflow:hidden;
}

#alpha,#beta,#gamma{
   padding-top:7px;
   padding-bottom:32768px;
   margin-bottom:-32768px;
   }

#alpha,#beta,#gamma{
   background:#FFFFFF;
   }



a{
   color:#008800;
   }

ol {
   list-style-type: none;
   }




/*-----------------------------------------------------
  LAYOUT
------------------------------------------------------*/

/*Thin-Middle-Middle*/

.layout-tmm #alpha{
   left: 195px;
   width: 375px;
   }

.layout-tmm #beta{
   left: -375px;
   width: 189px;
   }

.layout-tmm #gamma{
   left:10px;
   width: 375px;
   }


/*Wide*/

.layout-w #alpha{
   width:940px;
   }

/* Thin-Wide */

.layout-tw #alpha {
    left: 215px;
    width: 733px;
}

.layout-tw #beta {
    left: -733px;
    width: 209px;
}

/* Thin-Wide-Thin */

.layout-twt #alpha {
    left: 224px;
    width: 500px;
}

.layout-twt #beta {
    left: -500px;
    width: 220px;
}

.layout-twt #gamma {
    left:4px;
    width: 220px;
}


/*Widget------------------------------------------------------*/

.WidgetBox{
  width:auto;
  margin-bottom:5px;
  border:solid 0px #C8A07D;
  padding:5px;
  }

#beta .WidgetBox{
  width:auto;
  margin:5px 10px;
  border:solid 1px #C8A07D;
  padding:5px;
  }

#alpha-inner .WidgetHeadLine,#gamma-inner .WidgetHeadLine {
   height: 20px;
   width: auto;
   background: #FFFFEE;
   font-size: 1em;
   color: #896954;
   border-left: solid 5px #896954;
   padding: 0 6px 0 10px;
   line-height: 20px;
   font-family: verdana;
   text-transform: none;
   }

#beta-inner .WidgetHeadLine {
   height: 20px;
   width: auto;
   background: none;
   font-size: 1em;
   color: #896954;
   border-left: solid 5px #C8A07D;
   padding: 0 6px 0 15px;
   line-height: 20px;
   font-family: verdana;
   text-transform: none;
   }



.WidgetContent{
   padding: 5px 10px;
   }

#beta .WidgetContent{
   margin-top:3px;
   border-top:solid 1px #DBC7AC;
   padding: 5px 10px;
   
   }

.WidgetContent h3{
   height: 18px;
   width: auto;
   background: #F9FBF3;
   font-size: 0.8em;
   color: #000000;
   padding: 0px;
   line-height: 20px;
   font-family: verdana;
   text-transform: none;
   }



.WidgetItem{
   float:left;
   padding:5px 5px 5px;
   height:auto;
   width:auto;
   }


/*この下未調整---------------------------
-------------------------------------------
-------------------------------------------
--------------------------------------*/



/*HEADER------------------------------------------------------*/




#lumi-top-header,#naka-top-header{
  background:#FFF;
  height:350px;
   border-top:solid 1px #896954;
   border-right:solid 1px #CCE3FF;
   border-left:solid 1px #CCE3FF;
  }




#lumi-top-header{
  background-image:url("http://sera-group.sakura.ne.jp/kadoma2/img/base/lumi_top.gif");
  }




#naka-top-header{
  background-image:url("http://sera-group.sakura.ne.jp/kadoma2/img/base/naka_top.gif");
  }




#main-header,#lumi-header,#naka-header{
  background:#FFF;
  height:100px;
   border-top:solid 1px #896954;
   border-right:solid 1px #CCE3FF;
   border-left:solid 1px #CCE3FF
  }




#main-header{
  background-image:url("http://sera-group.sakura.ne.jp/kadoma2/img/base/top.gif");
  }


#lumi-header{
  background-image:url("http://sera-group.sakura.ne.jp/kadoma2/img/base/lumi_style_top.gif");
  }


#naka-header{
  background-image:url("http://sera-group.sakura.ne.jp/kadoma2/img/base/naka_style_top.gif");
  }




#header-inner{
  }










/*MAIN-NAVIGATION---------------------------------------------------------------*/


#main-navigation{
  background: #896954;   
   border-right:solid 1px #CCE3FF;
   border-bottom:solid 1px #896954;
   border-left:solid 1px #CCE3FF;
       }


#main-navigation-inner{
       }


#main-navigation-inner a{
  color:#FFF;
  }


/*content------------------------------------------------------*/


.box1,.box2,.box3,.box4{
   margin:5px 2px;
   position:relative;
   }


.box1{
   border:solid 1px #896954;
   padding:1px;
   height:auto;
   }


.box2{
   border:solid 1px #896954;
   padding:0px;
   height:360px;
   width:100%;
   }


.box3{
   border:solid 0px #FF0000;
   padding:0px;
   height:350px;
   width:100%;
   }


.box1-1{
   border:solid 0px #FFFFFF;
   height:260px;
   background-color:#F9FBF3;
   overflow:auto;
   }
   
.box1-1-1{
   background:#FFFFFF;
   height:auto;
   width:auto;
   }


.box2-1,.box2-2,.box3-1,.box3-2{
   position:absolute;
   background:#F9FBF3;
   margin:0px 0px;
   border:solid 1px #896954;
   padding:1px;
   height:342px;
   width:49%;
   }


.box2-1,.box3-1{
   top:1px;
   left:1px;
   }


.box2-2,.box3-2{
   top:1px;
   right:1px;
   }


.box2-1-1,.box2-2-1{
   border:solid 1px #FFFFFF;
   height:330px;
   overflow:auto;
   }


.box3-1-1,.box3-2-1{
   border:solid 0px #00ff00;
   height:318px;
   overflow:auto;
   }


.box3-1-1-1{


   background:#FFFFFF;
   margin-right:auto;
   margin-left:auto;
   border:solid 1px #896954;
   padding:5px;
   height:auto;
   width:95%;
   }


/*施設案内他のページ-------------------------------------------------*/


.content-box1-v{
  border:solid 0px #FF0000;
  background:#FFFFFF;
  padding:0px;
  width:auto;
  height:auto;
  margin-bottom:5px;
   }


.style_headline{
  height: 24px;
  width: auto;
  margin-top: 10px;
  border:solid #78b346;
  border-width:1px 1px 1px 5px;
  background: #f9fbf3;
  padding: 0 6px 0 10px;
  font-size: 16px;
  color: #000000;
  font-family: verdana;
  text-transform: none;
  position:relative;
}


.text-right-headline{
 position: absolute;
 top:5px;
 right:10px;
 font-size:70%;
 }


.style_content{
 margin-top:1px;
 border:solid #896954;
 border-width:0px 1px 1px 1px;
 background:#FFFFFF;
 padding:5px 8px 5px 8px;
 width:auto;
 height:250px;
 font-size:12px;
 line-height:18px;
 overflow:auto;
 overflow-x: hidden;
  }




/*ModuleParts-------------------------------------------------*/


.mp-headline{
   height: 20px;
   width: auto;
   background: #896954;
   font-size: 12px;
   color: #FFFFFF;
   border : none;
   padding: 0 6px 0 10px;
   line-height: 20px;
   font-family: verdana;
   text-transform: none;
}




.mp-newentry{
   clear:both;
   position:relative;
   margin:0px;
   border:solid 0px #FFFFFF;
   hight:auto;
   width:auto;
   background-color:#FFFFFF;
   }


.mp-titlelist{
   clear:both;
   position:relative;
   background-color:#F9FBF3;
   margin-right:auto;
   margin-left:auto;
   margin-bottom:5px;
   padding-left:1.5%;
   padding-right:4.5%;
   height:auto;
   width:auto;
   overflow:auto;
   }


.mp-map{
   margin-right:auto;
   margin-left:auto;
   text-align:center;
   }


/*Modulelist2------------------------------------------------*/


.mp-entryheader,.mp-entrybody,.mp-entryfooter{
   position:relative;
   padding:0px 4px;
   }


.mp-entryheader{
   height:auto;
   }


.mp-entrybody{
   height:auto;
   width:auto;
   }


.mp-entryfooter{
   height:auto;
   }


.mp-imgleft{
   float:left;
   padding:5px 5px 5px;
   height:auto;
   width:auto;
   }


*html body .mp-imgleft{ 
   float:left; 
   padding:5px 2px 5px;
   height:auto; 
   width:auto; }


.mp-entrytext{


   margin:0px 0px 5px;
   height:auto;
   width:auto;
   padding-right:10px;
   }




/*ModuleStyles------------------------------------------------*/


.ms-textright{
   text-align:right;
   }


.ms-textsizeL{
   font-size:13pt;
   padding-left:5pt;
   }






/*Assets------------------------------------------------------*/






/*Footer------------------------------------------------------*/
#footer{
   border-right:solid 1px #CCE3FF;
   border-bottom:solid 1px #896954;
   border-left:solid 1px #CCE3FF;  
   }

#footer-inner{
 background:#FFF;
 width:auto;
  }










/*Article------------------------------------------------------*/


.ArticleBody:after {
   content:".";
   display:block;
   clear:both;
   height:0.1px;
   visibility:hidden;
   font-size:0.1em;
   line-height:0;
   }

.ArticleBody {
   display:block;
   _height: 1px;
   min-height:1px;
   }

.ArticleList {
   margin-bottom:15px;
   padding:0px 0px;
   }

dl .ArticleTitle {
   font-size:1.2em;
   }

ol .ArticleTitle {
   font-size:1em;
   margin:4px 0px;
   }


.ArticleFooter {
   font-size:1em;
   text-align:right;
   }