/* 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-columns-3 .gallery-item{width: calc(33.33333% - 10px) !important;}
			.gallery-columns-4 .gallery-item{width: calc(25% - 10px) !important;}
			.gallery-item img{max-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: 2em;
				height: 2em;
			}
			.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;
	}

	.wp-pagenavi a, .wp-pagenavi span{
		padding: 6px;
    margin: 6px;
	}