/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
#wrptop{
    display: flex;
    flex-direction: column;}
#wrptop #leftside{order: 3;}/*所在地情報*/
#wrptop #rightside{order: 2;}/*行事予定カレンダー*/
#wrptop #centercol{order: 1;}/*新着情報*/
img{
max-width: 100%;
height: auto;
width /***/:auto;
}

/* ここから通常のCSS */
@charset "Shift_JIS";
@import "clearfix.css";
body {
width: 100%;
margin: 0px;
font-size: 1em;
text-align: center;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}
#mainmenu {
	display: none;
}
#globalmenu ul,
#mainmenu ul,
#rightside ul,
#bottommenu ul{
	padding-left:0;
}
#globalmenu ul li,
#mainmenu ul li,
#rightside ul li,
#bottommenu ul li{
	text-align: center;
	list-style-type: none;
	display: block;
	margin-bottom: 10px;
	border: thin solid #deb887;
	background-color: #fffaf0;
}
#globalmenu ul li a,
#mainmenu ul li a,
#rightside ul li a,
#bottommenu ul li a {
	width: 100%;
	text-decoration: none;
	line-height: 1.5em;
	margin-bottom: 0.2em;
	padding: 8px 30px;
}
#globalmenu ul li a:hover,
#mainmenu li a:hover,
#rightside li a:hover,
#bottommenu ul li a:hover{
	text-decoration: underline;
}
#topicarea {
	text-align: left;
	margin: 0 10px;
	padding: 0 0 10px 0;
	border: thick solid #FF9900;
	background-color: #FFFFF0;
}
#topicarea h2 {
	background-color: #FF9900;
	padding-left: 20px;
	line-height: 2em;
	color: #FFFFFF;
	letter-spacing: 0.4em;
	margin-top: 0;
	margin-bottom: 0;
}
#topicarea ul {
	margin-left: 0;
	margin-top: 10px;
	padding: 0 10px 10px 10px;
}
#topicarea ul li {
	list-style: disc inside;
	padding-left: 7.5em;
	text-indent: -7.5em;
}
#topicarea p {
	margin-right: 10px;
}
#photo {
	margin: 10px;
	padding: 0;
	border: thick solid #905C4E;
	background-color: #905C4E;
}
#photo h2 {
	background-color: #905C4E;
	padding-left: 0;
	line-height: 1em;
	color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	font-size: 1em;
}
#photo table td {
	background-color: #905C4E;
}
#photo table td.ml6 {
	padding-left: 10px;
}
#photo iframe {
	width: auto;
	height: auto;
}
.maincol {
	text-align:left;
}
.maincol h2 {
	font-size: 130%;
	margin-bottom: 10px;
	background-color: #E6CBC5;
	padding: 0.5em 1em;
}
.maincol h3 {
	font-size: 120%;
	border-bottom: thick solid #B07883;
	margin-bottom: 20px;
	margin-left: 20px;
}
.maincol h4 {
	font-size: 110%;
	margin-left: 20px;
}
.maincol h5 {
	font-size: 105%;
	margin-left: 20px;
}
.maincol p {
	margin: 0.5em 10px 1em 20px;
}
.maincol ul,
.maincol ol,
.maincol dl {
	margin-left: 0;
	padding-bottom: 1em;
}
.maincol table {
	margin: 10px;
}

.toptop,
.links {
	font-size: small;
	text-align: right;
	margin-top: 1em;
	margin-right: 1em;
}
.skipnavi {
	border: thin solid #deb887;
	background-color: #fffaf0;
	padding: 5px;
}
.skipnavi a {
	font-size: medium;
	text-align: center;
}
table.pt1 {
	border-top: 1px solid #CC9999;
	border-left: 1px solid #CC9999;
	font-size: 90%;
}
table.pt1 th,
table.pt1 td {
	border-right: 1px solid #CC9999;
	padding: 4px;
	border-bottom: 1px solid #CC9999;
}
table.pt1 th {
	background-color: #ECD0D0;
	vertical-align: top;
}
table.pt1 td {
	vertical-align: top;
}
.maincol table td p,
.maincol table td ul,
.maincol table td ol,
.maincol table td dl {
	margin-left: 1.5em;
}
.maincol table td ol ul {
	margin-left: 0.5em;
}
.pic {
	margin: 1px;
}
.tleft,
.hidari {
	text-align: left;
}
.tright,
.migi {
	text-align: right;
}
.tcenter,
.naka {
	text-align: center;
}
.tred {
	color: #F00;
}
.tgreen {
	color: #393;
}
.imageleft {
	float: left;
	padding: 0 1em 1em 0;
}
.imageright {
	float: right;
	padding: 0 0 1em 1em ;
}
.clearl {
	clear: left;
}
.clearr {
	clear: right;
}
.clearb {
	clear: both;
}

/*
#catch {
	font-size: 90%;
	color: #FFF;
	padding: 2px 0px;
	line-height: 36px;
}
#header h1 {
	width: 849px;
}
#search {
	position: absolute;
	right: 160px;
	width: 250px;
	top: 90px;
}
#search input {
	vertical-align: middle;
}
#moji {
	position: absolute;
	width: 128px;
	height: 21px;
	right: 30px;
	top: 92px;
	color: #FFF;
	background: #135BAF;
}
#rss {
	position: absolute;
	width: 26px;
	height: 25px;
	right: 0;
	top: 90px;
	line-height: 25px;
}
#container {
	clear: both;
	width: 1024px;
	height: 32px;
	margin: 0 auto 20px auto;
}
#container ul {
	list-style: none;
}
#container .main {
	padding-top: 1px;
	padding-left: 1px;
}
#wrapper #centercol_second #container_second{
	position: absolute;
	margin: 0 auto 0 auto;
	width: 1024px;
	font-size: 100%;
	height: 40px;
	top: 0;
	left: 0;
}
#container_second ul {
	list-style: none;
}
#container_second .main {
	padding-top: 1px;
	padding-left: 1px;
}
ul.main li{
	float: left;
	width: 124px;
	height: 32px;
	position: relative;
	text-align: center;
	font-size: 100%;
	margin-left: 1px;
	margin-right: 1px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	color: #FFFFFF;
}
ul.main li.m1 {
	width: 124px;
}
ul.main li.m2 {
	width: 124px;
}
ul.main li.m3 {
	width: 124px;
}
ul.main li.m4 {
	width: 124px;
}
ul.main li.m5 {
	width: 124px;
}
ul.main li.m6 {
	width: 127px;
}
ul.main li.m7 {
	width: 125px;
}
ul.main li.m8 {
	width: 126px;
	border-right: none;
}
ul.main li a{
	display: block;
	width: 100%;
	height: 32px;
	color: #FFF;
	text-decoration: none;
	position: relative;
	font-weight: bold;
	line-height: 32px;
}
body.m1 ul.main li.m1 a,
body.m2 ul.main li.m2 a,
body.m3 ul.main li.m3 a,
body.m4 ul.main li.m4 a,
body.m5 ul.main li.m5 a,
body.m6 ul.main li.m6 a,
body.m7 ul.main li.m7 a,
body.m8 ul.main li.m8 a,
ul.main li a:hover{
	border-bottom: 2px solid #CC0000;
	background: url(../image/bg-mainmenu_on.jpg) repeat scroll top bottom;
	font-weight: bold;
	color: #FFFF99;
}
ul.sub li ul.sub{
	position: absolute;
	left: 175px;
	top: 0;
}
ul.sub{
	display: none;
	font-size: small;
	font-weight: normal;
}
ul.sub li a {
	background: url(../images/bg_mainmenu2_on.png) no-repeat scroll left bottom;
	color: #0400FF;
	border-right: 1px solid #999;
	display: block;
	border-left: 1px solid #ccc;
}
ul.sub li a:hover {
	color: #8400FF;
}
ul.main:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}

/* IE7 絲丞.? */
/*
ul.main{
	zoom:1;
}
*+html ul.main li{
    display:inline;
    zoom:1;
}
*+html ul.sub{
    zoom:1;
    position:relative;
}
#wrptop {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#gmenu {
	position: absolute;
	top: 0px;
	right: 2px;
	z-index: 100;
	font-size: small;
}
#topicpath {
	font-size: small;
	line-height: 150px;
	margin-bottom: 1em;
}
#centercol {
	width: 620px;
	margin-left: 200px;
}
#centercol-second {
	width: 800px;
	margin-left: 220px;
}
.maincol {
	margin: 0 0 30px;
}
#topicarea {
	margin: 0 10px;
	padding: 0 0 10px 0;
	border: thick solid #FF9900;
	background-color: #FFFFF0;
}
#banararea {
	margin-top: 10px;
	margin-left: 5px;
}
#banararea ul {
	text-align: center;
}
#banararea ul li {
	list-style: none outside;
	display: inline;
	padding-right: 5px;
}
#banararea ul li a {
	line-height: 100%;
}
#leftside {
	width: 200px;
	float: left;
}
#rightside {
	width: 200px;
	float: right;
}
.lblock,
.rblock {
	text-align: center;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	padding: 0 0 4px 0;
}
.lblock p,
.rblock p {
	font-size: 90%;
	line-height: 110%;
}
.lblock h2,
.rblock h2 {
	text-align: center;
	background-color: #E4CFCD;
	margin-bottom: 5px;
}
.lblock li,
.rblock li {
	list-style: none inside none;
	text-align: left;
	margin: 0 10px 2px 10px;
	padding-left: 10px;
	background: url(../image/ico_dots1_17.gif) no-repeat scroll left center;
}
li a[href^="http://"]:after,
li a[href^="https://"]:after {
	content: url(../image/arrow003.gif);
}

li a[href^="http://www.tsuruma.jp"]:after,
li a[href^="https://www.tsuruma.jp"]:after {
   content:"";
}
#wrpbtm {
	clear: both;
	font-size: 90%;
	background: url(../image/bg-footer.jpg) repeat scroll center center;
}
table.noborder {
	border: none;
}
table.noborder th {
	white-space: nowrap;
	vertical-align: top;
}
.navi {
	text-align: center;
	padding-bottom: 10px;
}
div#slider {
	margin-top: 5px;
}
dl.width6 dt {
	width: 6em;
	float: left;
}
dl.width5 dd {
	
}
.map {
	width: 600px;
	margin: 20px auto;
}
*/
}/* ←CSSの一番最後に記述 */