@charset "utf-8";

/*header*/
#siteName{max-width:290px;}
#siteName h1 a { background:url(images/header_bijutsukan.png) no-repeat;height:65px;}
.site-header h2{float:right;max-width:167px;}
.site-header h2 a{background: url(images/bn_01.gif) no-repeat center;height:48px;}

body {border-top: 10px solid #F0F0C0;}
#footer-nav.innerbox{background:#F0F0C0; border-bottom:1px solid #AABF81;}
#footer-nav ul li:last-child { border-right: 1px solid #F0F0C0;}
#footer-nav ul li a,#footer-nav ul li a:hover { color: #413C32;}

#secondary .panel-default > .panel-heading{background:#F0E8C0;}
#secondary .panel-default,
#secondary .panel-default > .panel-heading{ border-color: #F0E8C0;}
#secondary h3 a {color: #353D32;}
#secondary .panel-body h4 { border-left: #AABF81 3px solid;}


#primary h1{background:#88A155;}
#primary h2 {
	background:#EAF2DA;
    border: 1px solid #AABF81;
}
#primary h3{ border-bottom: #CC9966 2px solid;}
#primary h4{ border-left: 8px solid #CC9966;}
#primary h5 {border-left:8px solid #EAF2DA;}



/*お知らせ*/
#primary .whatsnewarea {
    margin: 0em 0 1.5em 0;
    border: 2px solid #F0E8C0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background:#FFF;
	behavior: url(/common/js/PIE.htc);
}
#primary .whatsnewarea h2 {
    background-color: #F0E8C0;
    border-color: #F0E8C0;
    border-bottom: 2px solid #F0E8C0;
    color: #3E3536;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
    behavior: url(/common/js/PIE.htc);
}

/* 田辺市マーク */
#footer img { float: right;}


/* ■カレンダー用のテーブル■ */
#maincont table.tablecalendar {
  margin: 10px 0 5px 10px;
  line-height:130% ;
  border : 1px solid #999 ;
  border-collapse: collapse;
  width:96%;
}
#maincont table.tablecalendar th {
  line-height : 130% ;
  padding : 4px ;
  background-color: #EEE;
  border : 1px solid #999;
  text-align:center;
}
#maincont table.tablecalendar td {
  line-height : 130% ;
  padding : 4px ;
  border : 1px solid #999;
  text-align:center;
}
#maincont table.tablecalendar th.tablecalendar-sun , #maincont table.tablecalendar td.tablecalendar-sun {color:#FF0000;}
#maincont table.tablecalendar th.tablecalendar-sat , #maincont table.tablecalendar td.tablecalendar-sat {color: #0000FF ;}


@media screen and (max-width: 768px){
#header {height: 80px !important;}
.site-header { padding-bottom: 0;}
#siteName {
	margin:auto !important;
	float:none !important;
    max-width: 290px !important;
}
#siteName h1 a {
    height: 65px !important;
}
}