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


/* Base Theme ============================================================= */

/* Reset ------------------------------------------------------------------ */

body{font-size: 87.5%;
  line-height: 1.6em}

body,
p,
ol,ul,li,
dl,dt,dd,
h1,h2,h3,h4,h5,h6,
hr,form{margin: 0;
     padding: 0}

address,em{font-style: normal}

th{font-weight: normal}

ul,ol{list-style-type: none}

table{border-collapse: collapse}
th,caption{text-align: left}

img{border: 0;
 vertical-align: bottom}

h1,h2,h3,h4,h5,h6{font-size:1em;
               text-indent: 1em}


.contact_us{padding: 1em 1em 1em 0;;
         font-weight: bold}

/* ���� */
.txtr{text-align: right}
.txtl{text-align: left}
.txtc{text-align: center }

.small{font-size: 0.8em}


/* clearfix */

#content-inner:after,
.clearfix:after,
.global:after,
#intro:after
{content: ".";
             clear: both;
     display: block;
     height: 0;
     visibility: hidden;}
#content-inner,
.clearfix,
.global,
#intro
{/display: inline-block;
_zoom:1}


/****************************************************************************/


body {
 text-align: center;
background: #fafafa url("/images/common/body-bg.gif") top;}

#container-inner {
 width: 840px;
 margin: 0 auto;
 text-align: left;
   border: solid 1px #ddd;
   border-top: none;
   -moz-box-shadow: 3px 3px 3px #ddd;
   background: #fff url("/images/common/header_bg.jpg") top repeat-x;}

#header{position: relative;
     height: 400px}

#mizuno #header,
#hirose #header,
#fujimi #header{height: 150px}


#universal {position: absolute;
         top: 1em;
   right: 0px;
   width: 600px;
   text-align: right}
#universal li{display: inline;
           padding: 0px 10px 0px 15px;
     background: url("/images/common/universal-icon.gif") left center no-repeat}
#universal a{color: #2b8e13;
          text-decoration: none}
#universal a:hover{text-decoration: underline}

#content{padding: 10px 14px}


#construction-name{height: 55px}


#intro img{float: left;
        padding: 0 10px 10px 0}


/* Thin-Wide */

.layout-tw #alpha {
 float:right;
 width: 612px;
}

.layout-tw #beta {
 float: left;
 width: 184px;
}


/* ���[�J���i�r */
#local {margin-bottom: 10px}
#local li{line-height: 40px;
   height: 40px;
   border: solid 1px #dbdbdb;
   background: #f6f6f6;
   margin-bottom: 1px;
   text-indent: 14px}
#local li a,
#local li span{display: block;}


#link-banner{margin-top: 10px}
#link-banner li{margin-bottom: 4px}


/* �t�b�^�[ */
#footer{border-top : solid 1px #eee;
 background: #f8f8f8;
 color: #818181;
 margin: 0 auto;
 padding: 1em;
 text-align: right}
#footer a{color: #818181}

#footer ul{text-align: center;
        padding: 0 0 1em 0}
#footer li{display: inline;
        padding: 0 0.5em;
        border-bottom: none}
#footer .global li a{padding: 0 0.5em}

/* �J�����_�[*/
#calendar{
background:#F2F9FC;
border:1px solid #B0DEF7;
padding-left:0px;
/*padding-left:14px;:*/
font-size:100%;
}

#calendar caption{
color:#589CDB;
font-size:110%;
font-weight: normal;
/*font-weight:bold;*/

text-align:center;
margin:3px 0 3px 0;
}
#calendar caption a{
text-decoration:none;
font-size:100%;
}

#calendar th{
color:#333333;
text-align:center;
font-size:96%;
}

#calendar tr{
text-align:center;
/*border-bottom:1px dotted #B0DEF7;*/
}

#calendar td{
padding:4px;
color:#589CDB;
}

#calendar a{
color:#E2180E!important;
}
#calendar caption a{
color:#005088!important;
}

/******************************************************/
/* �L��������(�E�F�u�T�C�g)
*******************************************************/


#sayama #news{position: relative}
#sayama #news dd{}
#sayama #news dd span{position: absolute;
                   right: 0}


#sayama #explain{background: url("/images/sayama/")}

#sayama .home {border-bottom: none;
background: none}

#sayama li.toppage{background: #000}
body.index #local li.toppage{background: #000}

#sayama li.information,
#sayama li.event,
#sayama li.circle,
#sayama li.lesson,
#sayama li.lecture{border-left: solid 0.5em #0000aa}


body.information #local li.information,
body.event #local li.event,
body.circle #local li.circle,
body.lesson #local li.lesson,
body.lecture #local li.lecture{border-left: solid 0.5em #000099;}


/* �w��Ď��� */
#sayama .aboutus dt{font-weight: bold;}
#sayama .aboutus dd{padding-left: 2em;
     background: url("/images/common/dotted.gif") bottom repeat-x;
             padding-bottom: 0.3em;
     margin-bottom: 0.3em}

/* �����N�W */
#sayama .links #alpha  ul{padding-left: 1.5em;
           list-style-type: disc}
#sayama .links #alpha li{background: url("/images/common/dotted.gif") bottom repeat-x;
           line-height: 3em;}

/* �v���C�o�V�[�|���V�[ */
#sayama .privacy #alpha ol {}
#sayama .privacy #alpha p  {padding: 0 1em 0.5em 1em}
#sayama .privacy #alpha ol{list-style-type: decimal;
                 padding: 0.5em 1em 1em 2.5em}


/******************************************************/
/* ���������
*******************************************************/

#mizuno .lecture li.lecture{background: #fff url("/images/mizuno/vector.gif") 5px 50% no-repeat}


#mizuno #content a{color: #005088}
#mizuno #content h1 a{color: #fff}

#mizuno .mizuno {border-bottom: solid 1px #fff;
background: none}


#mizuno li.information,
#mizuno li.event,
#mizuno li.report,
#mizuno li.circle,
#mizuno li.lesson,
#mizuno li.lecture{}

#mizuno .index li.toppage,
#mizuno .information #local li.information,
#mizuno .event li.event,
#mizuno .report li.report,
#mizuno .circle li.circle,
#mizuno .lesson li.lesson{background: #fff url("/images/mizuno/vector.gif") 5px 50% no-repeat}


/******************************************************/
/* �x�m��������
*******************************************************/


#fujimi #content a{color: #167d3d}
#fujimi #content h1 a{color: #fff}

#fujimi #explain{background: url("/images/fujimi/fujimi.jpg") top left no-repeat}
#fujimi .fujimi {border-bottom: solid 1px #fff;
              background: none}

#fujimi .toppage li.toppage,
#fujimi .information li.information,
#fujimi .event li.event,
#fujimi .report li.report,
#fujimi .circle li.circle,
#fujimi .lesson li.lesson,
#fujimi .lecture li.lecture{}

#fujimi .index #local li.toppage,
#fujimi .information #local li.information,
#fujimi .event #local li.event,
#fujimi .report #local li.report,
#fujimi .circle #local li.circle,
#fujimi .lesson #local li.lesson,
#fujimi .lecture #local li.lecture{background: #fff url("/images/fujimi/vector.gif") 5px 50% no-repeat}


/******************************************************/
/* �L��������
*******************************************************/
#hirose #explain{background: url("/images/hirose/hirose.jpg") top left no-repeat}


#hirose #content a{color: #008c7e}
#hirose #content h1 a{color: #fff}


#hirose .hirose {border-bottom: solid 1px #fff;
background: none}

#hirose .toppage li.toppage,
#hirose .information li.information,
#hirose .event li.event,
#hirose .circle li.circle,
#hirose .lesson li.lesson,
#hirose .lecture li.lecture{}

#hirose .index #local li.toppage,
#hirose .information #local li.information,
#hirose .event #local li.event,
#hirose .report #local li.report,
#hirose .circle #local li.circle,
#hirose .lesson #local li.lesson,
#hirose .lecture #local li.lecture{background: #fff url("/images/hirose/vector.gif") 5px 50% no-repeat}


/************************************/
/* �e�p�[�c
*************************************/

/*�T�C�gID*/
 #site-id{height: 80px;
        line-height: 80px;
      padding: 0px;
      text-indent: 0}
 
 
/* �O���[�o���i�r */
 .global	  {
        height: 72px;
           }
 
 .global li{float: left;
        width: 210px;
        height: 72px;
           border-left: none;
        text-align: center;
        overflow: hidden}
 .global a{display: block;
           height: 51px;
       margin: 4px 0 17px 0;
       text-indent: -25em;
       overflow: hidden}
 
.global li.home{background: url("/images/common/tab.jpg") 0px 0}
.global li.fujimi{background: url("/images/common/tab.jpg") 630px 0}
.global li.hirose{background: url("/images/common/tab.jpg") 420px 0}
.global li.mizuno{background: url("/images/common/tab.jpg") 210px 0}

#sayama .global li.home{background: url("/images/common/tab_selected.jpg") 0 0}
#fujimi .global li.fujimi{background: url("/images/common/tab_selected.jpg") 630px 0}
#hirose .global li.hirose{background: url("/images/common/tab_selected.jpg") 420px 0}
#mizuno .global li.mizuno{background: url("/images/common/tab_selected.jpg") 210px 0}
 
 
#construction-name a{color: #fff;
        display: block;
        line-height: 45px;
        height: 45px;
        margin-bottom: 10px;
        padding-left: 10px}

#fujimi #construction-name{background: url("/images/common/construction_name.gif") 0 55px}


#hirose #construction-name{background: url("/images/common/construction_name.gif") 0 0}


#mizuno #construction-name{background: url("/images/common/construction_name.gif") 0 165px}

#alpha .search-results-header,
#sayama .asset-name,
#alpha .entry-title,
#alpha h1.archive-title,
#alpha .asset-name,
#alpha h2{height: 43px;
   line-height: 37px;}


#sayama .search-results-header,
#sayama .asset-name,
#sayama h2{background: url("/images/common/h2.gif") 0 0px}


#fujimi #alpha .asset-name,
#fujimi .search-results-header,
#fujimi .entry-title,
#fujimi .archive-title,
#fujimi h2{background: url("/images/common/h2.gif") 0 86px}


#hirose #alpha .asset-name,
#hirose .search-results-header,
#hirose .entry-title,
#hirose .archive-title,
#hirose h2{background: url("/images/common/h2.gif") 0 129px}


#mizuno #alpha .asset-name,
#mizuno .search-results-header,
#mizuno .entry-title,
#mizuno .archive-title,
#mizuno h2{background: url("/images/common/h2.gif") 0 43px}
 
 
 .global li a{
        display: block}
/* �p������ */
 p#pankuzu{}

/* �t���b�V�� */
 #flash{text-align: center;
        width: 810px;
      margin: 10px 15px}


/* �R���e���c�� */		
 
 
 #alpha-inner h1{line-height: 54px;
           height: 54px;
           font-size: 1.2em;
       xtext-indent: -20em;
       overflow: hidden;
       background: #eee;
       margin-bottom: 5px}
 h1 a{color: #fff;
      text-decoration: none}
 

 #access dl.address{width: 400px;
                    float: right}
 #access p.map{width: 300px;
               float: left}

 
/* �V�����,�{�݃f�[�^,�V���L���ꗗ�i�A�[�J�C�u�j */
     
 #report,
 #information,
 #event,
 #kominkan-dayori,
 #lecture{margin-bottom: 0.5em}
 
 #report dt,
 #information dt,
 #kominkan-dayori dt{width :7e11m;
                 padding: 0.25em 0.25em 0.25em 1em;
         clear: both;
         float: left}
       
 #hirose #report dt,			
 #hirose #information dt,
 #hirose #kominkan-dayori dt{background: url("/images/hirose/vector.gif") 0 50% no-repeat}
 
 #fujimi #report dt,
 #fujimi #information dt,
 #fujimi #kominkan-dayori dt{background: url("/images/fujimi/vector.gif") 0 50% no-repeat}
 
 #mizuno #report dt,
 #mizuno #information dt,
 #mizuno #kominkan-dayori dt{background: url("/images/mizuno/vector.gif") 0 50% no-repeat}
 
 #report dd,
 #information dd,
 #kominkan-dayori dd{padding: 0.25em 0.25em 0.25em 9em;
                 background:  url("/images/common/dotted.gif") bottom repeat-x;}
 
 #repoert dd img,
 #news dd img,
 #event dt img,
 #lecture dt img{vertical-align:middle;
                 line-height: 2em}
 
 #event dt,
 #lecture dt{font-weight: bold;
       margin-bottom: 5px}
 
 #event dd,
 #lecture dd{padding-left: 50px;
             background:  url("/images/common/dotted.gif") bottom repeat-x;
       line-height: 1.3em;
       margin-bottom: 5px;
       padding-bottom: 5px}
 

 #news dt{padding: 0.25em;
      clear: both;
      float: left}
      
 #report dd,		 
 #news dd{padding: 0.25em 0.25em 0.25em 9em;
          background: url("/images/common/dotted.gif") bottom repeat-x}
 
 
 #news li{background: url("/images/common/dotted.gif") bottom repeat-x}
 
 #news,
 #data{margin-bottom: 1em}
 
 .mt-search-results dl,
     .mt-datebased-monthly-archive dl,
 #news dl,
 #data dl{margin: 0 1em 1em;}
 

 .mt-search-results dt,
 .mt-datebased-monthly-archive dt,	 
 #archives dt,
 #data dt{clear: both;
        float: left;
          width : 8em;
          padding: 5px 5px 5px 15px;
      background: url("/images/common/universal-icon.gif") 0 50% no-repeat}
  
 #data dt{background: none}
 
 .mt-search-results dd,
 .mt-datebased-monthly-archive dd,

 #archives dd,
 #data dd{padding: 5px 5px 5px 10em;
      background: url("/images/common/dotted.gif") bottom repeat-x}
 

 #alpha .archive-content li{background: url("/images/common/dotted.gif") bottom repeat-x;
                            height: 2em}
 #alpha .archive-content li a{display: block;
                 text-indent: 15px;
                 line-height: 2em}
 #mizuno .archive-content li a{background: url("/images/mizuno/vector.gif") 0 50% no-repeat}
 #fujimi .archive-content li a{background: url("/images/fujimi/vector.gif") 0 50% no-repeat}
 #hirose .archive-content li a{background: url("/images/hirose/vector.gif") 0 50% no-repeat}					  
 
 
/* �u���O�L�� */


.asset-body table{border-collase: collapse}
.asset-body th,
.asset-body td{border: solid 1px #ccc !important;
               padding: 0.2em 0.5em;
       text-align: left}

 .asset-content{padding: 0 1em 1em}
     .asset-footer{padding: 0 1em 1em;
               text-align: right}
 div.article{border: solid 1px #eee;
             padding: 1em}
 div.article h1{background: url("/images/common/dotted.gif") bottom repeat-x}
 div.article-content{padding: 0 1em 1em;
             background: url("/images/common/dotted.gif") bottom repeat-x}
 div.author{text-align: right}
     

/**/
.widget-search {background: #f5f5f5 url("/images/common/search.gif") 0 0 no-repeat;
             border: solid 1px #dbdbdb;
     padding : 30px 0 10px 0}

.widget-search form{text-align: center;}

.widget-search input{width: 100px}
.widget-search button{}


/* pagination */

#pagination{text-align: center;
         list-style-type: none}

#pagination li{
/*width: 2em;*/
line-height: 2em;
height: 2em;
 border: solid 1px #ddd;
 margin: 0 0.25em;
 padding: 0 6px 0 6px;
 font-size: 1em;
 text-align: center;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 }

#pagination .current_page{
text-align: center
}
#pagination .link_first,
#pagination .link_last{
display: inline-block;
/display: inline;
/zoom: 1;
width: 4em}


/******************************************************/
/* �L��������(�E�F�u�T�C�g)
*******************************************************/


#sayama #explain{background: url("/images/hirose/hirose.jpg") top left no-repeat}

#sayama .global .home{border-bottom: none;
background: none}

#sayama li.toppage,
#sayama li.information,
#sayama li.event,
#sayama li.circle,
#sayama li.lesson,
#sayama li.lecture{}

body.index #local li.toppage,
body.information #local li.information,
body.event #local li.event,
body.circle #local li.circle,
body.lesson #local li.lesson,
body.lecture #local li.lecture{}


.circle_headline{border: solid 1px #dbdbdb;
              border-bottom: none;
      line-height: 2em}

.circle_list{width: 100%}

.circle_list .colored{background: #f6f6f6}
.circle_list th,
.circle_list td{padding: 0.25em 0.5em;
             border: solid #dbdbdb 1px}

.circle_list th{font-size: 0.9em}

.go_back{text-align: right;
      margin-bottom: 0.5em}

.shortcut_circle {margin-bottom: 1em}
#fujimi .shortcut_circle li{width: 33%;
                 float: left;
       background: url("/images/fujimi/vector.gif") no-repeat 0 50%;
       text-indent: 1em}
#hirose .shortcut_circle li{width: 33%;
                 float: left;
       background: url("/images/hirose/vector.gif") no-repeat 0 50%;
       text-indent: 1em}
#mizuno .shortcut_circle li{width: 25%;
                 float: left;
       background: url("/images/mizuno/vector.gif") no-repeat 0 50%;
       text-indent: 1em}

       .news-title{
         margin-left: 5px;
     }
     .gallery{
       width: 86%;
       margin: 0 0 20px !important;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       
   }
   .gallery-item{width: calc(50% - 15px) !important;}
   .gallery-item img{max-width: 100%;
    width: 100%;
   border: none !important; }
   .img-list li{}
   .content p{
     margin-bottom: 20px !important;
   }

   .xo-event-calendar {
     max-width: 24rem;
     margin: 0 auto;
   }
   
   
   .xo-event-calendar table.xo-month .month-dayname td div {
     padding: 0;
     text-align: center;
     font-size: 1em;
   }
   .xo-event-calendar table.xo-month .month-dayname td div,
   .xo-event-calendar table.xo-month .month-week {
     line-height: 2.5em;
     height: 2.5em;
   }
   .dayname{
     width: 100%;
   }
   #calendar td{
     padding: 0;
   }
   .xo-month{
     width: 100%;
   }
   .month-dayname{
     width: 100%;
   }
   #calendar th{
     width: 24px;
   }
   #calendar td{
     width: 24px;
     position: relative;
   }
   .xo-event-calendar table{
     background: none;
   }
   .xo-event-calendar table.xo-month th, .xo-event-calendar table.xo-month td{
     border: 0;
   }
   .xo-event-calendar table.xo-month{
     border: 0;
   }
   .xo-event-calendar table.xo-month .month-event-title{
     height: 20px;
     font-size: 0;
     color: #eee;
     border-bottom: solid 2px #589CDB !important;
     height: 21px;
     color: #589CDB;
     display: block;
     position: absolute;
     top: -23px;
     left: 3px;
     border-radius: 0;
     width: 14px;
     margin: auto;
     background: none !important;

}

.xo-event-calendar table.xo-month .month-event-space{
 height: 0;
}
.xo-event-calendar table.xo-month .month-header > span{
 font-size: 100%;
}

.xo-event-calendar table.xo-month button > span{
 font-size: 16px;
 color: #589CDB;
}

.content img{
  max-width: 100%;
  height: auto;
}
.content p {
    font-size: 14px;
    line-height: 1.6;
}