/**
 * bslg base styles
 */
body{
	position: inherit;
}
.page {
	position: relative;
}
.page a:hover {
	text-decoration: underline;
}
.page h1, .page h2, .page h3,
.page h4, .page h5, .page h6 {

}
h1 { padding: 0 0 0 0px;
font-size: 10px;
font-weight: normal;
}
h2 { padding: 0 0 0 0px;
font-size: 10px;
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
padding-top: 0
}
h3 { padding: 0 0 0 0px;
font-size: 10px;
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
padding-top: 0
}
h4 { font-size: 15px; }
h5, h6 { font-size: 14px; }
.clearfix:before, .clearfix:after,
.main-content-thumb:before, .main-content-thumb:after {
	content: "";
	display: table;
}
.clearfix:after,
.main-content-thumb:after {
	clear: both;
}
.clearfix, .main-content-thumb {
	*zoom: 1;
}

/**
 * Fixes broken ccm edit ui
 */
.ccm-ui *, .ccm-ui *:before, .ccm-ui *:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.ccm-ui .tabs {
	height: auto;
}
.ccm-ui .tabs li {
	border-top: none;
	margin-top: 0;
}
.ccm-ui .tabs li a {
	font-size: inherit;
	height: auto;
	padding: 8px 12px;
}
.ccm-ui input, .ccm-ui textarea, .ccm-ui keygen, .ccm-ui select, .ccm-ui button,
.ui-dialog input, .ui-dialog textarea, .ui-dialog keygen, .ui-dialog select, .ui-dialog button {
	display: inline-block;
	width: auto;
}
.ccm-ui select, .ui-dialog select {
	width: auto;
}

/**
 * Header
 */
#masthead {
	text-align: right;
	margin-top: 15px;
}
.page .social-buttons,
.page .social-buttons li {
	display: inline;
	margin-right: 8px;
}
.page .social-buttons img {
	vertical-align: middle;
}
.page .social-buttons a:hover img {
	opacity: 0.8;
}
.page .ccm-search-block-form {
	display: inline;
}
.page .ccm-search-block-form .ccm-search-block-text {
	display: inline-block;
	height: 25px;
	width: auto;
	margin: 0;
}
.page .ccm-search-block-form .ccm-search-block-submit {
	background: #000000;
	border: none;
	color: white;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	height: 25px;
	margin: 0 0 0 5px;
	padding: 0 1.5em;
	width: auto;
	-webkit-appearance: none;
}
#pageHeader h1 {
	margin: 0 0 0;
}
#pageHeader img {
	vertical-align: bottom;
}
#pageHeader .tel {
}
#globalNav {
	padding: 8px 0;
}
ul.breadcrumbs {
	background: #f8f5f1;
	border-color: #efece9;
	margin-bottom: 24px;
}
ul.breadcrumbs a:link, ul.breadcrumbs a:visited {
	color: #000000;
}
ul.breadcrumbs a:hover, ul.breadcrumbs a:active {
	color: #000000;
}
ul.breadcrumbs li {
	background: transparent url(images/breadcrumbs_arrow.png) no-repeat center right;
	padding-right: 24px;
}
ul.breadcrumbs li.current {
	background-image: none;
}
ul.breadcrumbs li:before {
	content: none;
}
ul.breadcrumbs li a, ul.breadcrumbs li span {
	font-size: .9em;
}

/**
 * Main
 */
#main h1:first-child {
	margin-top: 0;
	padding-top: 0;
}
#main h2:first-child {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0
}
#main h3:first-child {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0
}
.page .news-list {
	line-height: 1.5;
}
.page .news-list .published {
	float: left;
	padding-left: 15px;
	background: url(images/announcement_list_mark.png) 0 .2em no-repeat;
}
.page .news-list .entry-title {
	margin-left: 10em;
	margin-bottom: 10px;
border-bottom: 1px dotted #698a3e;
}
.page .menu-item {
	padding-bottom: 7px;
	margin-bottom: 24px;
	border-bottom: 1px dotted #698a3e;
}
.page .menu-item .photo {
	border: 1px solid #698a3e;
	padding: 5px;
	float: left;
}
#main .menu-item .photo img {
	margin: 0;
}
.page .menu-item .summary {
	margin-left: 240px;
}
.page .menu-item .summary h3 {
	font-size: 100%;
	margin-bottom: .5em;
	border: none;
}
.page .menu-item .menu-item-title {
	margin: 0;
	font-size: 26px;
	border: none;
}
.page .read-more {
}
.page .read-more a {
	background: url(images/list_arrow.png) no-repeat 0 0;
	line-height: 18px;
	padding-left: 18px;
}
.page .read-more a:hover {
	color: #dc143c;
}
.main-content-thumb h4 {
	margin-top: 0;
}
.main-content-thumb h3 {
	border: none;
}
#main .image-link {
	float: left;
	margin-right: 10px;
	margin-bottom: 0px;
}
#main .image-link img {
	margin: 0;
	border: solid 1px #698a3e;
	padding: 0px;
}

/**
 * Sidebar
 */
.sidebar p {
	font-style: normal;
	font-size: 14px;
}
.sidebar h3 {
	border: none;
}
.sidebar a:hover img {
	opacity: 0.8;
}
.sidebar .side-nav {
	padding-top: 0;
}
.ccm-tag-list li {
	display: inline;
	list-style: none;
}
.ccm-tag-list li a {
	padding: 5px;
}

/**
 * Footer
 */
.scroll-page-top {
	line-height: 18px;
}
.scroll-page-top a {
	display: block;
	background: url(images/page_top_arrow.png) no-repeat 0 0;
	padding-left: 18px;
	margin: 0;
	color: #6c8c3b;
}
.scroll-page-top a:hover {
	background-position-y: -45px;
	color: #ff8b02;
}
.link-list li a {
	background: url(images/list_arrow.png) no-repeat 0 0;
	line-height: 18px;
	padding-left: 18px;
}
.link-list li.active a,
.link-list li a:hover {
	background-position-y: -45px;
	color: #ff8b02;
}
.copyright small {
	font-size: 100%;
	color: #8f8174;
}

/**
 Media Queries
 */
/* Small Screen */
@media only screen and (max-width: 767px) {
	.page .social-buttons, .page .social-buttons li {
		margin: 0;
	}
	.page .ccm-search-block-form .ccm-search-block-text {
		width: 8em;
	}
	.page #pageHeader h1 {
		margin-top: 10px;
	}
	.page #pageHeader h1,
	.page #pageHeader .tel {
		text-align: center;
	}
	.page #pageHeader .tel {
		margin-top: 10px;
	}
	.page .news-list .published {
		float: none;
	}
	.page .news-list .entry-title {
		margin-top: .5em;
		margin-left: 15px;
	}
	.page .menu-item .photo {
		margin-bottom: 10px;
	}
	.page .menu-item .summary {
		clear: left;
		margin-left: 0;
	}
	#main .image-link {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
}
/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
    border-spacing: 0;
	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;	
}
.coder th,
.coder td {
    padding:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}
.coder th {
    background:#e3dcd5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#69655c;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}

/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
nav div.panel{
display:block !important;
float:left;
}

a#menu{display:none;}		
	
nav#mainNav{
clear:both;
position:relative;
z-index:200;
}

nav#mainNav ul li{
float: left;
position: relative;
border-right:1px dotted #ccc;
}

nav#mainNav ul li:first-child{border-left:1px dotted #ccc;}

nav#mainNav ul li a{
display: block;
text-align: center;
_float:left;
color:#333;
height:34px;
line-height:33px;
padding:12px 40px 5px;
}

nav#mainNav ul li a span,nav#mainNav ul li a strong{
display:block;
font-size:90%;
line-height:1.4;
}

nav#mainNav ul li a span{
font-size:70%;
color:#f1bed2;
}

nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
background:#f8f8f8;
}

nav#mainNav ul ul{width:160px;}

nav#mainNav ul li ul{display: none;}

nav#mainNav ul li:hover ul{
display: block;
position: absolute;
top:50px;
left:-2px;
z-index:500;
}

nav#mainNav ul li li{
padding:0 0 0 10px;
margin:0;
float: none;
height:40px;
line-height:40px;
background:#f8f8f8;
border:0;
border-bottom:1px dotted #ccc;
}

nav#mainNav ul li li:first-child{border-left:0;}

nav#mainNav ul li li a{
width:100%;
height:40px;
padding:0;
line-height:40px;
font-size:95%;
text-align:left;
}

nav#mainNav ul li li a span{padding:0 10px;}

nav#mainNav ul li li a:hover,nav#mainNav ul li li.current-menu-item a{color:#f1bed2;}

nav#mainNav ul li:hover ul li:last-child{border:0;}

}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav{
	clear:both;
	width:100%;
	margin:10px auto;
	background:#ddd;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	}
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:37px;
	line-height:37px;
	font-weight: bold;
	text-align:left;
	color:#fff;
  background: url(images/menuOpen.png) no-repeat 5px 8px;
	}
	
	nav#mainNav a#menu span{padding-left:35px;}
	
	nav#mainNav a.menuOpen{
	background: url(images/menuOpen.png) no-repeat 5px -34px;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul{margin:0;padding:0;}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li:first-child{border-top:1px solid #d5d5d5;}
	nav#mainNav ul li li:first-child{border-top:0;}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	background:#fff;
	}
	
	nav#mainNav ul li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #ccc;}

 	nav#mainNav ul li a span{display:none;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	background:#fbfbfc;
	}

	nav#mainNav ul li li{
	float:left;
	border:0;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
  padding-left:40px;
	background:#fff url(images/sub1.png) no-repeat 20px 18px;}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
		background:#fbfbfc url(images/sub1.png) no-repeat 20px -62px;}
	
	nav#mainNav ul li li:last-child a{background:#fff url(images/subLast.png) no-repeat 20px 20px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#fbfbfc url(images/subLast.png) no-repeat 20px -65px;}
	
	nav div.panel{float:none;}
	
	#mainImg{margin-bottom:20px;}
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
  #wrapper, #header, .inner{width:100%;}

	#header h1, #header p{padding:5px 10px;}
	#header h2{padding:20px 10px 0;}
	#header ul{padding:20px 10px 10px;}


	nav#mainNav ul, .thumbWrap{margin:0 auto;}
	nav#mainNav ul ul{padding:0;}

	nav div.panel{float:none;}
	
	#mainImg img{width:98%;height:auto;}

	#content, #sidebar{
	clear:both;
	width:95%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}
	
	#banners{width:100%;margin:0 auto;text-align:center;}
	#banners p{display:inline;margin:0 10px;}
  #banners p img{width:100%;height:auto;}
	
	section.widget_search{text-align:center;}

	#footer{margin:0;border:0;text-align:center;}
	
	#footer ul{	text-align:center;	}
	#footer ul li{margin-right:20px;}
	
	.thumbWrap{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	margin:0 auto;
	padding-top:20px;
	overflow:auto;
  border:1px solid #dadada;
	}
	.thumbWrap ul.thumb li{width:30%; float:left;margin:0 1% 0 2%;}
  .thumbWrap img{width:100%;height:auto;}
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	#header{text-align:center;}
	#header h2,#header ul{float:none;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
	#footer ul{text-align:left;padding:15px;}
	#footer ul ul{padding:0;}
}