/*
Theme Name: YOKOSO SAPPRO
Theme URI: 
Author: Drawing and Manual Inc.
Version: 1.0
Text Domain: drawingand manual
*/

*{margin:0; padding:0;}
html{width:100%; font-size: 62.5%;}
body{width:100%; background: #fff; 	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; color:#333333; margin:0; padding:0;}
a{text-decoration: none; display: inline; color: #333333; overflow:hidden; outline:none;}
a:hover{color:#A9A9A9}
li{list-style: none; margin: 0; padding: 0;}
img{margin:0; padding:0; border-style:none; display: block; max-width: 100%; height: auto; }
a img{border-style:none;text-decoration: none; color: #6699CC;}
p{line-height: 1.7; color: #666666}
h1,h2,h3,h4,h5,h6{  color: #333333 }

a.deadlink,a.deadlink img{
	filter: alpha(opacity=50) !important;
	-moz-opacity:0.5 !important;
	opacity:0.5 !important;
	cursor: default;
}

a img{
	opacity: 1;
	-o-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}
a:hover img{opacity: 0.7; filter: alpha(opacity=70)}

.topColumn a:hover .thumbWrap img,#topColumnMainInner a:hover img{ opacity: 1; filter: alpha(opacity=100) }

.fbcomments,.fb_iframe_widget,.fb_iframe_widget[style],.fb_iframe_widget iframe[style],.fbcomments iframe[style],.fb_iframe_widget span ,iframe#gmap{ width: 100% !important; }


	/* ------------------------------ common ---------------------------------- */
	#headerPc{ display: none; }
	
	#headerMb #headFirstWrapInner{
		width: 100%;
		height: 20px;
		background: #6699CC;
		padding: 10px 0;
	}
	
	#headerMb #headFirstWrap h1{
		background: #FFF;
		float: left;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 14.4%;
	}
	
	#headerMb #headFirstWrap h1 a{
		display: block;
		width: 107px;
		height: 51px;
		text-indent: -9999px;
		background: url(images/logo_mb.gif) no-repeat 50% 50%;
	}
	
	#headerMb #headFirstWrap #selector{
		cursor: pointer;
		float: right;
		margin-top: 25px;
		margin-right: 14.4%;
	}
	
	#headerMb #headSecondWrap{
		clear: both;
		border-top: 2px solid #d9dada
	}
	
	#headerMb #headSecondWrap #menuWrap{
		display: none;
	}
	
	#headerMb #global ul li{
		width: 100%;
		font-size: 108%;
		background: #ececed;
		border-bottom: 1px solid #d9dada;
		padding: 12px 0;
	}
	
	#headerMb #global ul li:last-child{ border-bottom: none; }
	
	#headerMb #global ul li a{
		display: block;
		width: 100%;
		color: #717071;
		font-weight: bold;
		padding: 3px 20px;
	}
	
	#headerMb #otherMenu{
		background: #800000;
		color: #FFF;
	}
	
	#headerMb #otherMenu ul{ padding: 12px 20px 10px; }
	
	#headerMb #otherMenu ul li{ display: inline; border-right: 1px solid #FFF; padding:0 10px}
	#headerMb #otherMenu ul li:first-child{padding-left:0}
	#headerMb #otherMenu ul li:last-child{border-right:none}
	
	#headerMb #otherMenu ul li a{ color: #FFF; }
	
	#headerMb #otherMenu ul li a{
		padding: 10px 0;
	}
	
	#headerMb #otherMenu ul li a#myList{
		padding-left: 30px;
		background:  url(images/my-listHead_mb.gif) no-repeat 0% 50%;
	}
	
	#headerMb #searchForm{
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
		padding: 10px 20px 12px;
	}
	
	form#searchform input#s{
		height: 22px;
		width: 140px;
		margin-right: 5px;
		background: #FFF;
		border: none;
		font-size: 108%;
		border-radius: 2px;		/* CSS3草案 */
		-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 2px;	/* Firefox用 */
	}
	
	form#searchform input#searchsubmit{
		top:-5px;
		color: #FFF;
		height: 25px;
		width: 25px;
		background: /*#b2cee6*/ url(images/search_mb.gif) no-repeat 40% 50%;
		border: none !important;
		text-indent: -9999px;
		cursor: pointer; 
	}
	
	#langWrap{
		position: absolute;
		right: 10px;
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		height: 20px;
		width: 124px;
		background: /*#b2cee6*/ url(images/arrow.gif) no-repeat 100% 50%;
	}
	
	#langWrap #langForm{ position: absolute; top:10px;left:10px; padding-top:20px; width:120px; z-index: 9999}
	#langWrap p#activeLang{ color:#FFF; font-size:93%; padding-left: 30px; margin-left: 10px; cursor: pointer}
	#langWrap p#activeLang.ja{ background: url(images/lng_ja.gif) no-repeat 0 2px; }
	#langWrap p#activeLang.en{ background: url(images/lng_en.gif) no-repeat 0 2px; }
	#langWrap p#activeLang.ko{ background: url(images/lng_ko.gif) no-repeat 0 2px; }
	#langWrap p#activeLang.cn{ background: url(images/lng_cn.gif) no-repeat 0 2px; }
	#langWrap p#activeLang.tw{ background: url(images/lng_tw.gif) no-repeat 0 2px; }
	#langForm li{width:85%; }
	#langForm li a{display:block; width:100%;  padding:5px 0 5px 30px;color: #FFF; font-size: 93%; background:#6699CC;}
	#langForm li a:hover{ background:#FFF; color: #6699CC; }
	
	#footer{
		width: 100%;
		/*height: 265px;*/
		background: #F0FFFF;
		color: #717071;
		border-top:5px solid #B4D2D2;
	}
	
	#footer a{ color: #717071; }
	
	#footerInner{
		width: 100%;
		margin: 0 auto;
		padding-top: 30px;
		border-top:5px solid #D2E6E6;
	}
	
	#footerInner #footerFirstWrap{
		width: 90%;
		margin: 0 auto 20px;
	}
	
	#footerInner .social{
		text-align: center;
		width: 110px;
		height: 28px;
		padding-left: 0px;
		/*background: url(images/text_social.gif) no-repeat;*/
		margin: 0 auto;
	}
	
	#footerInner .social ul li{
		float: left;
		padding-left: 7px;
	}
	
	#footerInner #userInfo{
		font-size: 100%;
		font-weight: bold;
		margin-bottom: 25px;
	}
	
	#footerInner #userInfo p a.myList{
		padding: 15px 0 15px 45px;
		background:  url(images/my-listHead_footer.gif) 15px 50% no-repeat;
	}
	
	#footerInner #userInfo p{ letter-spacing: 0.1em; }
	
	#footerInner #backtoTop{
		text-align: center;
		font-size: 123.1%;
		margin:0 auto;
		padding: 2px 0 5px 30px;
		background: url(images/toTop.gif) no-repeat 0 3px;
		width: 115px;
	}
	
	#footerInner #mailmagazine{
		width: 180px;
		font-size: 123.1%;
		margin: 20px auto;
		padding: 2px 0 5px 40px;
		background: url(images/mailmagazine.gif) no-repeat 0 3px;
	}
	
	#footerInner #userInfo p,#footerInner #councilInfoWrap p,#footerInner #councilLink p,#footerInner #copy p{
		font-size: 77%;
	}
	
	#footerInner #councilInfoWrap #councilInfo,#footerInner #copy{
		display: none;
	}
	
	#footerMiddleWrap{ background: #3e3a39;}
	#footerMiddleWrapInner{ width: 90%; margin: 0 auto; padding: 20px 0;}
	#footerMiddleWrapInner span{ color: #FFF; font-size: 93%}
	#footerMiddleWrapInner ul{ float: right; }
	#footerMiddleWrapInner ul li{ display: inline; padding: 0px;}
	#footerMiddleWrapInner ul li a{ font-size: 85%; padding: 15px 7px; color:#FFF; background: #595757; }
	
	#footerSecondWrap{
		width: 100%;
		background: #6699CC;
		padding: 10px 0;
	}
	
	#footerSecondWrap a{
		font-size: 93%;
		color: #FFF
	}
	
	#infoTable {
		width: 100%;
		padding:  2% 0;
		background: #E6F0F0;
		margin-bottom: 30px;
	}
	
	.infoTable{
		padding:  10px;
	}
	
	.w640 #infoTable,.infoTable {
		/*padding: 10px !important;*/
		background: #dbdcdc !important;
	}
	
	.w640 #infoTableWrap,.infoTableWrap{
		/*width: 94% !important;*/
		padding: 10px;
		margin: 0 auto;
		background: #F5F5F5 !important;
	}
	
	.w640 #infoTableInnerWrap,.infoTableInnerWrap{ border: none !important; padding: 20px;}
	
	.w640 #infoTableInnerWrap b,.infoTableInnerWrap b{ font-size: 100%; display:block; margin-bottom:10px;}
	.w640 #infoTableInnerWrap p,.infoTableInnerWrap p{ font-size: 95%; }
	
	#entryWrap{
		width: 100%;
		padding:  3% 0;
		background: #E6F0F0;
	}
	
	#serchResult{
		width: 90%;
		margin: 10px auto 0;
		text-align: left;
	}
	
	#serchResult h2{ margin-bottom: 15px; }
	#serchResult p{ font-size: 108%; font-weight:bold; margin-left: 3%}
	
	#infoTableWrap {
		padding: 2%;
		background: #FFFFF0;
	}
	
	#infoTableInnerWrap { border: 2px solid #B0D0E6; }
	
	#infoTableInnerWrap h2{
		font-size: 108%;
		padding: 10px;
	}
	
	#infoTableInnerWrap #map{
		padding: 10px;
	}
	
	#infoTableInnerWrap #map a#adressLinkGm{
		display: block;
		padding:7px 0 15px 
	}
	
	#infoTableInnerWrap #pict{
		padding: 10px;
		border-top: 1px solid #B0D0E6;
		background: #FFFFF0;
	}
	
	a#pictExam{
		display: none
	}
	
	#table{
		margin: 0 ;
		border-collapse:collapse;
		width: 100%;
		border-bottom: 1px solid #B0D0E6;
		table-layout:fixed ;
	}
	#table thead{
		display: none;
	}
	#table tbody{
		display: block;
	}
	#table tbody tr{
		display: block;
		border-bottom: none;
		border-top: 1px solid #B0D0E6;
		padding: 10px;
		background: #FFFFF0;
	}
	
	#table tbody th,
	#table tbody td{
		display: list-item;
		list-style-type: none;
		border: none;
		vertical-align: top;
		background: #FFFFF0;
		font-size: 93%;
	}
	#table tbody th{ list-style-type: none; text-align: left; margin-bottom: 1%; }
	#table tbody td{ padding: 0; width: 100%; }
	#table tbody td div a{ word-wrap:break-word }
	
	.regularTable{
		margin: 0 0 50px;
		border-collapse:collapse;
		width: 100%;
		border-top: 2px solid #D3D3D3;
		border-bottom: 2px solid #D3D3D3;
	}
	.regularTable thead{
		display: none;
	}
	.regularTable tbody{
		display: block;
	}
	.regularTable tbody tr{
		display: block;
		padding: 10px
	}
	.regularTable tbody tr:nth-child(odd){background: #f5f3f2}
	
	.regularTable tbody tr a{ color: #6699CC; }
	
	.regularTable tbody th,
	.regularTable tbody td{
		display: list-item;
		list-style-type: none;
		border: none;
		vertical-align: top;
		text-align: left;
		font-weight: normal;
	}
	.regularTable tbody th{ list-style-type: none; padding-bottom: 10px;}
	.regularTable tbody td{ padding: 0; }
	
	#regularTable2{
		margin: 0 0 50px;
		border-collapse:collapse;
		width: 100%;
		border-top: 1px solid #D3D3D3;
		border-bottom: 1px solid #D3D3D3;
	}
	#regularTable2 thead{
		display: none;
	}
	#regularTable2 tbody{
		display: block;
	}
	#regularTable2 tbody tr{
		display: block;
		padding: 10px
	}
	#regularTable2 tbody tr:nth-child(odd){background: #f5f3f2}
	#regularTable2 tbody tr:first-child{ }
	
	#regularTable2 tbody th,
	#regularTable2 tbody td{
		display: list-item;
		list-style-type: none;
		border: none;
		vertical-align: top;
		text-align: left;
		font-size: 93%;
		color: #666666;
	}
	#regularTable2 tbody th{ list-style-type: none; margin-bottom: 10px; }
	#regularTable2 tbody td{ padding: 0; }
	
	/*.regularTable thead,#calender thead{ display: table-header-group; text-align: left;}
	.regularTable tbody,#calender tbody{display: table-row-group}*/
	
	#socialButtns{ margin: 40px 0; }
	
	#snsbtn {
		overflow: hidden;
	}
	#snsbtn li {
		float: left;
		margin-right: 4px;
	}
	#snsbtn iframe {
		margin: 0 !important;
	}
	
	/* ------------------------------ common ---------------------------------- */
	
	#w940{
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
	
	#mainInfo{
		color: #FFF;
		background: #000;
		font-size: 93%;
		padding: 5%;
		/*background: url(images/alphaBg.png);*/
	}
	
	#mainInfo h2{ font-size: 108%; color:#FFF;}
	#mainInfo h5 { font-size: 108%; color:#FFF;}
	#mainInfo p{ margin-bottom: 35px; color:#FFF; }
	#mainInfo p#recommendMainText{ display: none }
	
	#mainInfo a{
		padding:2px 30px 5px 0;
		color: #FFF;
		text-decoration: underline;
		background: url(images/recommendLinkArrow.gif) no-repeat 100% 0;
	}
	
	#entryHead h2{ margin: 20px auto; }
	
	#breadList h3{ margin: 0 auto 20px }
	
	#breadList h3 a{
		border: 2px solid #595757;
		border-left:0px solid #595757;
		padding: 5px 10px;
		font-size: 77%;
	}
	
	#breadList h3 a.area-icon{
		background: #595757;
		color: #FFF;
	}
	
	#breadList h3 a{ margin: 0; }
	
	#breadList h3 a:first-child{ border-left:2px solid #595757; }
	
	#mainText{ margin: 0 0 30px; }
	
	#mainText h4{
		font-size: 116%;
		margin:0 0 20px;
	}
	
	#mainText{ margin: 0 0 30px; }
	
	#learnMainText h4{
		font-size: 123.1%;
		margin:25px 0 ;
		/*font-family: serif;*/
		font-weight: normal;
	}
	
	#learnMainText p{ font-size: 100% }
		
	.block{
		font-size: 108%;
		margin-bottom: 50px;
		/*border-bottom: 1px solid #000;*/
	}
	
	.block h5{
		font-size: 108%;
		margin-bottom: 15px;
	}
	
	.aboutus.block{
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #717071
	}
	
	.aboutus.block:last-child{ border-bottom: none; }
	
	.aboutus.block h3{
		font-size: 108%;
		margin-bottom: 15px;
	}
	
	.block a{ color:#6699CC }
	.block a:hover{ color:#A9A9A9 }
	
	#three-column{ text-align: center; }
	
	#three-column img{
		width: 100%;
		margin: 0 auto;
	}
	
	#three-column li{
		width: 90%;
		margin: 0 auto 30px;
		font-size: 100%;
		text-align: left;
	}
	
	#three-column li h5{
		margin: 20px auto;
	}
	
	#three-column li p{ font-size: 93% }
	
	#map iframe{ display: none; }
	
	#relation-posts{
		width: 90%;
		margin: 30px auto 50px;
	}
	
	#relation-posts h5{ text-align: center; }
	
	#relation-posts .relation-post-block{
		
	}
	
	#relation-posts .relation-post-block a{
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
		border-top: 1px solid #c8c9ca;
		border-left: 1px solid #c8c9ca;
		border-right: 1px solid #c8c9ca;
		width: 90%;
		padding: 5%;
		margin: 0 auto;
	}
	
	#relation-posts .relation-post-block:last-child a{
		border-bottom: 1px solid #c8c9ca;
		
	}
	
	#relation-posts .relation-post-block a span.relationImg{
		float: left;
		vertical-align: top;
		width: 26%;
		height: 26%;
		overflow: hidden;
	}
	
	#relation-posts .relation-post-block a span.relationImg img{
		max-width: 190%;
	}
	
	#relation-posts .relation-post-block a .relation-post-blockInner{
		float:right;
		width: 68%;
		margin-left: 3%;
		min-height: 26%;
	}
	
	#relation-posts .relation-post-block a .relation-post-blockInner .relationTitle{
		font-weight: bold;
		color: #6699CC;
		margin-bottom: 10px;
		font-size: 93%;
	}
	
	#relation-posts .relation-post-block a .relation-post-blockInner .relationCopy{
		color: #888888;
		font-weight: normal;
		font-size: 85%;
	}
	
	#relation-posts .relation-post-block a .relation-post-blockInner .relationArrow{
		text-indent: -9999px;
		width: 15px;
		height: 15px;
		margin-top: 5%;
		background: url(images/relation_arrow_mb.gif);
	}
	
	.w460{margin-bottom: 30px; }
	.w460 a{ color: #666666; }
	
	.w460 a img{ margin-bottom: 20px; }
	
	.w640 h5,.w460 a h5{
		width: 100%;
		text-align: center;
		border-bottom: 1px dashed #c8c9ca;
		font-size: 108%;
		padding-bottom: 15px;
	}
	
	.twoOneColumnTwo h4,.twoOneColumnOne h4{
		width: 100%;
		text-align: left;
		border-bottom: 1px dashed #c8c9ca;
		font-size: 108%;
		padding-bottom: 15px;
		margin-bottom: 20px;
	}
	
	.twoOneColumnTwo p.caption,.twoOneColumnOne p.caption{ font-size: 85%; }
	
	.vWrap{
		position: relative;
		margin-top: 1.2em;
		margin-bottom: 10px;
		padding-bottom: 50%;
		padding-top: 0;
		overflow: hidden;
	}
	
	.vWrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	body.home #w960{
		background: #B0D0E6;
	}
	
	.w640 .w310 h5{
		text-align: left;
		border-bottom: none;
		font-size: 108%;
		padding-bottom: 0;
		color: #6699CC;
		margin-bottom: 5px;
	}
	
	.w640 .w310 p.dulation{ font-size: 93% }
	
	.w640 h6{
		font-size: 123.1%;
		font-weight: normal;
		padding: 0 0 25px;
	}
	
	dl{
		font-size: 93%;
	}
	
	dl dt {
	   float:left;
	   width:80px;
	   
	}
	
	dl dd {
	   margin-left:0;
	   padding-left:90px;
	}
	
	dl dd div{
	   display: inline-block;
	    *display: inline;
	    *zoom: 1;
	}
	
	li.w300{
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #c8c9ca;
	}
	
	.w300 div img{
		display: block;
		margin: 0 auto;
		padding: 30px 0;
	}
	
	.w300 .imageWrap{
		width: 23%;
		padding-top: 0;
	}
	
	.w300 h5{
		padding-top: 1%;
		margin-left: 30%;
	}
	
	.w640 .w300 h5{ margin-left: 0 !important; }
	
	.twoOneColumnTwo .w300 h5,.twoOneColumnOne .w300 h5{ margin-left: 0; }
	
	.w300 .imageWrap img{ padding: 0 0 30px; }
	
	.w300 p{ clear: both; }
	
	#ulBlock h3{ margin-bottom: 20px; }
	
	#choseList h3 span,#ulBlock h3 span{
		display: block;
		font-weight: normal;
		font-size: 77%;
	}
	
	#tableBlock ul{ border-top:none !important; }
	#tableBlock li.w300{ border-bottom: 1px solid #CCC; text-align: center; padding-bottom:0;  }
	#tableBlock li.w300 .imageWrap{ float: left; }
	#tableBlock li.w300 .imageWrap img{ padding:0 0 15px; }
	#tableBlock li.w300 h5{ font-size: 85%; text-align: left; color:#6699CC;}
	.twoOneColumn .twoOneColumnTwo .w300 h5.twoOneColumn .twoOneColumnOne .w300 h5{ font-size: 85%; text-align: left; margin-left: 0; }
	#tableBlock #choseList .w300 .regularTable,.twoOneColumn .twoOneColumnTwo .w300 .regularTable,.twoOneColumn .twoOneColumnOne .w300 .regularTable{ margin: 0; }
	#tableBlock #choseList .w300 .regularTable tr,.twoOneColumn .twoOneColumnTwo .w300 .regularTable tr,.twoOneColumn .twoOneColumnOne .w300 .regularTable tr{ font-size: 77%; }
	#tableBlock #choseList .w300 p.caption,.twoOneColumn .twoOneColumnTwo .w300 p.caption,.twoOneColumn .twoOneColumnOne .w300 p.caption{ padding: 10px 0; text-align: left; font-size: 77%; }
	.twoOneColumn .twoOneColumnTwo p,.twoOneColumn .twoOneColumnOne p{ font-size: 93% }
	
	.w640 ul{
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}
	
	.w640 ul li{
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		width: 24%;
		padding: 2% 4%;
	}
	
	.w640 ul#flag li{ width: 19%; padding: 2% 0.1%}
	
	.w640 ul li:last-child{ padding-right: 0 }
	
	#tel{
		width: 100%;
		text-align: center;
		padding: 20px 0;
		font-size: 174%;
		font-weight: bold;
		color: #666666;
		letter-spacing: 0.1em;
		background: #E6F0F0;
		margin-bottom: 25px;
	}
	
	#surport{ margin: 30px 0 }
	
	#surport p{
		display: inline;
		padding: 5px 25px;
		background: #eeeeef;
		font-size: 93%;
	}
	
	.surport{ margin: 15px 0 20px; }
	
	.surport p{
		display: inline;
		padding: 5px 25px;
		border: 1px solid #D3D3D3;
		font-size: 93%;
	}
	
	.surport p a{ color: #6699CC; }
	
	#choseList ul{
		border-top: 1px solid #CCC;
		padding: 15px 0;
	}
	
	#choseList ul li a p{
		color: #666666;
	}
	
	body.parent-pageid-3456 #choseList ul{
		border-top: none;
		padding: 0;
	}
	
	#choseList h3{
		display: none;
	}
	
	#choseList ul li{
		clear: both;
	}
	
	#choseList ul li img{ width: 90%; margin: 20px auto ; }
	
	#choseList ul li a h5{
		color: #6699CC;
		font-size: 108%;
	}
	
	#choseList ul li a .imageWrap{
		float: left;
		width: 25%;
	}
	
	#choseList ul li a .listInfo{
		padding: 0 0 10%;
		margin-bottom: 8%;
		border-bottom: 1px solid #CCC;
	}
	
	#choseListThree ul li .imageWrap{
		float: left;
	}
	
	ul#entries{
		width: 90%;
		padding: 5%;
		margin: 0 auto;
		border-bottom: 1px solid #D3D3D3;
	}
	
	.columnSub{
		width: 80%;
		padding: 5%;
		margin: 0 auto;
		border-bottom: 1px solid #D3D3D3;
		background: #FFF;
	}
	
	ul#entries li{
		background: #FFF;
		margin: 0;
		border-bottom: 1px solid #D3D3D3;
		padding: 5%;
		min-height: 80px;
		background: #fbfbfb url(images/relation_arrow_mb.gif) no-repeat 40% 80%;
	}
	
	.columnSub{
		background: #FFF;
		border-bottom: 1px solid #D3D3D3;
		padding: 5%;
		min-height: 80px;
		background: #fbfbfb url(images/relation_arrow_mb.gif) no-repeat 40% 80%;
	}
	
	ul#entries li a .thumbWrap,.columnSub a .thumbWrap{
		clear: left;
		width: 80px;
		height: 80px;
		overflow: hidden;
		float: left;
	}
	
	ul#entries li a h6,.columnSub a h6{
		font-size: 93%;
		color: #6699CC;
		margin-left: 37%;
	}
	
	ul#entries li a p,.columnSub a p{
		font-size: 85% !important;
		margin-left: 37%;
	}
	
	/*ul#entries li a h6,ul#entries li a p{ margin-left: 32%; }*/
	
	ul#entries li a span{ display: none }
	
	ul#entries li a .thumbWrap img{ min-width: 200%; }
	.columnSub.top-img a .thumbWrap img{ min-width: 250%; }
	
	#loadmore{
		text-align: center;
		padding-bottom: 50px;
	}
	
	#loadmore a{
		display: block;
		width: 180px;
		padding: 12px 0;
		background: #3e3a39;
		color: #FFF;
		margin:50px auto 0;
	}
	
	#loadmore a:hover{
		color: #333333;
		background: #FFF;
	}
	
	#loading{
		width: 16px;
		margin: 0 auto;
		/*display: none;*/
	}
	
	
	#recommend-posts{
		width: 100%;
		background: #F5F5F5;
	}
	
	#recommend-posts .yarpp-related{
		text-align: center;
		width: 90%;
		margin: 0 auto;
		overflow-x: scroll;
	}
	
	#recommend-posts .yarpp-related h3{
		position: absolute;
		font-weight: bold;
		font-size: 123.1%;
		padding: 25px 0;
		left: 50%;
		margin-left: -128px;
	}
	
	#recommend-posts .yarpp-related #yaap-related-inner{
		width: 1400px;
		margin-bottom: 20px;
		padding-top: 70px;
		text-align: left;
	}
	
	#recommend-posts .yarpp-related ul li{
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		width: 18%;
		vertical-align: top;
		padding-right: 0.1%;
		font-size: 85%;
		font-weight: bold;
		text-align: left;
	}
	
	#recommend-posts .yarpp-related ul li img{ margin-bottom: 15px}
	
	#recommend-posts .yarpp-related ul li:last-child{ padding-right: 0; }
	
	#weather{
	 	position: relative;
		width: 100%;
		margin: 0 auto;
		background: #FFF;
	 }
	 
	 #weatherInner{
		 position: absolute;
		 top:12px;
		 left:5%;
	 }
	 
	 #weatherImg{
	 	display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
	 	width: 18px;
	 }
	 
	 #weatherText{
	 	display: inline-block;
	    *display: inline;
	    *zoom: 1;
	 	font-size: 93%;
	 	font-weight: bold;
	 	color:#FFF;
	 }
	 
	 a#weatherMore{
	 	display: none;
	 }
	 
	 .hoverContent{ display: none; }
	 
	 #bannerArea{
	 	clear: both;
		background: #3e3a39;
		min-height: 150px;
		text-align: center;
	 }
	 
	 #linkArea{
		background: #F5F5F5;
		min-height: 170px;
		text-align: center;
		border-top: 5px solid #dbdcdc;
	 }
	 
	 #bannerArea p.htext,#linkArea p.htext{
		 font-size: 85%;
		 color: #FFF;
		padding-top:33px;
		 padding-bottom: 17px;
	 }
	 
	 #linkArea p.htext{
		 color:#595757
	 }
	 
	 #bannerArea p.htext span,#linkArea p.htext span{
	 	padding: 5px 0;
		 border-top: 3px solid #c8c9ca;
		 border-bottom: 3px solid #c8c9ca;
	 }
	 
	 #bannerArea ul,#linkArea ul{
		 width: 90%;
		 margin: 0 auto;
	 }
	 
	 #bannerArea ul li{
	 	width: 220px;
		margin: 0 auto;
		padding: 10px 0;
	 }
	 
	 #linkArea ul li{
	 	display: inline-block;
	    *display: inline;
	    *zoom: 1;
		padding: 10px 5%;
	 }
	 
	 
	 
	 
	.hideContents{ clear: both; }
	
	.hideContents h3{
		border-top: 1px solid #c8c9ca;
		border-bottom: 1px solid #c8c9ca;
		font-size: 93%;
		background: #F5F5F5;
		padding: 10px 0;
	}
	
	.hideContents .w510{ margin-top: 40px;}
	.hideContents .w510 p{ font-size: 85%; margin:20px 0 25px;}
	.hideContents .w510 a{ font-size: 100%; }
	.hideContents .w510 h4{ color:#595757}
	.hideContents .w510 h5{ color:#595757}
	
	.w510Head.icon{
		margin-top: 35px;
		padding-bottom: 60px;
	}
	
	.w510Head#t01{
		background: url(images/traffic/01.gif) no-repeat;
	}
	
	.w510Head h4{
		font-size: 108%;
		padding-top: 10px;
		color: #333333;
	}
	
	.w510Head h4.withicon{ padding-left: 95px; }
	
	.hideContents .w510 .w510Head p{
		color:#888888;
		font-weight: bold;
	}
	
	.linklist a{font-size: 77% !important}
	
	
	.hideContents .w510 .transportationDetail h4{ margin-bottom: 10px; }
	.hideContents .w510 .transportationDetail p,.hideContents .w510 .transportationDetail a{ font-size: 77%; }
	.hideContents .w510 h5{ text-align: left; border-bottom: none; padding: 0; margin-top: 40px; font-size: 93%}
	
	
	.innerToTop{ padding: 5px 0 }
	.innerToTop a{ float: right; }
	
	.w510 .regularTable tbody tr{ 
		padding: 10px;
		font-size: 77%;
	}
	
	#cal .thumbWrap img{ display: none; }
	
	 .topColumn#cal{ position: relative; margin-top: 15px; }
	 .topColumn#cal #monthDate{
		 position: absolute;
		clear: left;
		width: 80px;
		height: 80px;
		float: left;
		margin-left: -30px;
	 }
	 
	/* .topColumn#cal #monthDate p{ text-indent: -9999px }*/
	
	.topColumn#cal #monthDate p{ line-hight:0; font-size:0; width: 80px; display: block; text-indent: -9999px; }
	 
	 .topColumn#cal #monthDate p.month{ height: 25px; background:url(images/mb_month.gif); }
	 .topColumn#cal #monthDate p.month#July{ background-position: 0 0; }
	 .topColumn#cal #monthDate p.month#Feburary{ background-position: -80px 0; }
	 .topColumn#cal #monthDate p.month#March{ background-position: -160px 0; }
	 .topColumn#cal #monthDate p.month#April{ background-position: -240px 0; }
	 .topColumn#cal #monthDate p.month#May{ background-position: -320px 0; }
	 .topColumn#cal #monthDate p.month#June{ background-position: -400px 0; }
	 .topColumn#cal #monthDate p.month#July{ background-position: -480px 0; }
	 .topColumn#cal #monthDate p.month#August{ background-position: -560px 0; }
	 .topColumn#cal #monthDate p.month#September{ background-position: -640px 0; }
	 .topColumn#cal #monthDate p.month#October{ background-position: -720px 0; }
	 .topColumn#cal #monthDate p.month#November{ background-position: -800px 0; }
	 .topColumn#cal #monthDate p.month#December{ background-position: -880px 0; }
	 
	 .topColumn#cal #monthDate p.day{ height: 55px; background:url(images/mb_day.gif) 0 0; }
	 .topColumn#cal #monthDate p.day#d-01 { background-position: 0 0; }
	 .topColumn#cal #monthDate p.day#d-02 { background-position: -80px 0; }
	 .topColumn#cal #monthDate p.day#d-03 { background-position: -160px 0; }
	 .topColumn#cal #monthDate p.day#d-04 { background-position: -240px 0; }
	 .topColumn#cal #monthDate p.day#d-05 { background-position: -320px 0; }
	 .topColumn#cal #monthDate p.day#d-06 { background-position: -400px 0; }
	 .topColumn#cal #monthDate p.day#d-07 { background-position: -480px 0; }
	 .topColumn#cal #monthDate p.day#d-08 { background-position: -560px 0; }
	 .topColumn#cal #monthDate p.day#d-09 { background-position: -640px 0; }
	 .topColumn#cal #monthDate p.day#d-10{ background-position: -720px 0; }
	 .topColumn#cal #monthDate p.day#d-11{ background-position: -800px 0; }
	 .topColumn#cal #monthDate p.day#d-12{ background-position: -880px 0; }
	 .topColumn#cal #monthDate p.day#d-13{ background-position: -960px 0; }
	 .topColumn#cal #monthDate p.day#d-14{ background-position: -1040px 0; }
	 .topColumn#cal #monthDate p.day#d-15{ background-position: -1120px 0; }
	 .topColumn#cal #monthDate p.day#d-16{ background-position: -1200px 0; }
	 .topColumn#cal #monthDate p.day#d-17{ background-position: -1280px 0; }
	 .topColumn#cal #monthDate p.day#d-18{ background-position: -1360px 0; }
	 .topColumn#cal #monthDate p.day#d-19{ background-position: -1440px 0; }
	 .topColumn#cal #monthDate p.day#d-20{ background-position: -1520px 0; }
	 .topColumn#cal #monthDate p.day#d-21{ background-position: -1600px 0; }
	 .topColumn#cal #monthDate p.day#d-22{ background-position: -1680px 0; }
	 .topColumn#cal #monthDate p.day#d-23{ background-position: -1760px 0; }
	 .topColumn#cal #monthDate p.day#d-24{ background-position: -1840px 0; }
	 .topColumn#cal #monthDate p.day#d-25{ background-position: -1920px 0; }
	 .topColumn#cal #monthDate p.day#d-26{ background-position: -2000px 0; }
	 .topColumn#cal #monthDate p.day#d-27{ background-position: -2080px 0; }
	 .topColumn#cal #monthDate p.day#d-28{ background-position: -2160px 0; }
	 .topColumn#cal #monthDate p.day#d-29{ background-position: -2240px 0; }
	 .topColumn#cal #monthDate p.day#d-30{ background-position: -2320px 0; }
	 .topColumn#cal #monthDate p.day#d-31{ background-position: -2400px 0; }
	
	
	/*取り急ぎ非表示のサブメニュー*/
	#sidemenu,#calenderNavi{ display: none }
	/*取り急ぎ非表示のサブメニュー*/
	

	
	#calenderNavi{display: block;}

	/* ------------------------------ common ---------------------------------- */
	#headerMb{ display: none; }
	#headerPc{ display: block; }
	
	#headerPc #headFirstWrap{
		display: block;
		height: 40px;
		background: #6699CC;
	}
	
	#headerPc #searchForm{
		display: inline-block;
		vertical-align: top;
	}
	
	#headerPc #headFirstWrap #headFirstWrapInner{

		padding-top: 10px;
	}
	
	#headerPc #headFirstWrap #formWrap{
		float: right;
		border-left:1px solid #c6c7c8;
		border-right:1px solid #c6c7c8;
		padding: 0 20px;
		height: 20px;
	}
	
	#headerPc #headFirstWrap #formWrap #searchForm{
		padding-right: 20px;
		border-right:1px solid #c6c7c8;
		height: 20px;
	}
	
	#headerPc #headFirstWrap #textSize{
		float: right;
		color: #FFF;
		font-size: 93%;
		padding: 2px 20px 0;
	}
	
	#headerPc #headFirstWrap #textSize ul{ display: inline; }
	
	#headerPc #headFirstWrap #textSize ul li{
		display: inline;
		vertical-align: center;
		line-height: 0;
		padding: 0 5px;
		cursor: pointer;
	}
	
	#headerPc #headFirstWrap #textSize ul li#small{ font-size: 77%; }	
	#headerPc #headFirstWrap #textSize ul li#normal{ font-size: 108%; }	
	#headerPc #headFirstWrap #textSize ul li#large{ font-size: 123.1%; }
	
	#headerPc #headFirstWrap .social{
		float: right;
		width: 85px;
		padding: 0 20px;
		border-left:1px solid #c6c7c8;
		border-right:1px solid #c6c7c8;
	}
	
	#headerPc #headFirstWrap .social ul li{
		float: left;
		padding-right: 7px;
	}
	
	#headerPc #headFirstWrap .social ul li:last-child{ padding-right: 0 }
	
	#langWrap{position: relative; right: 0}
	
	#headerPc #headSecondWrap{
		width: 80%;
		margin: 0 auto;
	}
	
	#headerPc #headSecondWrapInner{
		position: relative;
		height: 70px;
		margin: 25px auto;
	}
	
	#headerPc #headSecondWrapInner h1{
		position: absolute;
		top:-8px;
		left:1%;
		width: 167px;
		background: #FFF;
	}
	
	#headerPc #headSecondWrapInner h1 a{
		display: block;
		width: 139px;
		height: 81px;
		text-indent: -9999px;
		background: url(images/logo_pc.gif) no-repeat 50% 50%;
	}
	
	#headerPc #headSecondWrapInner #menuWrap{
		margin-left: 30%;
		width: 70%;
	}
	
	#headerPc #headSecondWrapInner #global{  }
	
	#headerPc #headSecondWrapInner #global ul li{ display: inline; position: relative;}
	
	#headerPc #headSecondWrapInner #global ul li a{
		color: #666666;
		font-weight:bold;
		padding: 12px 18px 15px 33px;
		border-left: 2px solid #FFF;
		border-right: 2px solid #FFF;
		border-top: none;
		background: #FFF url(images/menu-head.gif) no-repeat 15px 45%;
	}
	#headerPc #headSecondWrapInner #global ul li a:hover{
		background: #ececed url(images/menu-head.gif) no-repeat 15px 45%;
	}
	
	
	#headerPc #headSecondWrapInner #userInfo{ padding-bottom:10px; margin-bottom: 13px; border-bottom: 2px solid #d9dada }
	
	#headerPc #headSecondWrapInner #userInfo ul{}
	
	#headerPc #headSecondWrapInner #userInfo ul li{
		display: inline;
	}
	
	#headerPc #headSecondWrapInner #userInfo ul li a{
		color: #666666;
		font-weight:bold;
		padding: 15px 10px 15px 10px;
	}
	
	#headerPc #headSecondWrapInner #userInfo ul li a#myList{
		padding: 15px 20px 15px 50px;
		background: url(images/my-listHead.gif) 15px 50% no-repeat;
	}
	
	/*#headerPc form#searchform{ width: 13%; }*/
	
	#headerPc form#searchform input#searchsubmit{
		top:-5px;
		color: #FFF;
		height: 20px;
		width: 20px;
		background: /*#b2cee6*/ url(images/search.gif) no-repeat 40% 50%;
	}
	
	#headerPc #simpleMenu{ display: none }
	#headerPc #simpleMenu.fixed{
		display: block;
		position: fixed;
		width: 100%;
		top:0;
		z-index: 8000;
		background: #FFF;
		padding: 13px 0 9px;
		border-bottom: 2px solid #ececed;
	}
	
	#headerPc #simpleMenu.fixed #simpleMenuInner{
		width: 680px;
		margin: 0 auto;
	}
	
	#headerPc #simpleMenu.fixed #simpleMenuInner h1{ float: left; }
	
	#headerPc #simpleMenu.fixed #simpleMenuInner h1 a{
		display: block;
		text-indent: -9999px;
		width: 144px;
		height: 17px;
		background: url(images/logo_mb_sinple.gif) no-repeat;
	}
	
	#headerPc #simpleMenu.fixed #simpleMenuInner ul{ float: right; }
	
	#headerPc #simpleMenu.fixed #simpleMenuInner ul li{ display: inline; position: relative}
	
	#headerPc #simpleMenu.fixed #simpleMenuInner ul li a{
		color: #666666;
		border-left: 2px solid #FFF;
		border-right: 2px solid #FFF;
		font-weight: bold;
		padding: 12px 18px 12px 33px;
		background: #FFF url(images/menu-head.gif) no-repeat 15px 45%;
	}
	
	#headerPc #simpleMenu.fixed #simpleMenuInner ul li a:hover{
		border-left: 2px solid #FFF;
		border-right: 2px solid #FFF;
		background: #ececed url(images/menu-head.gif) no-repeat 15px 50%;
	}
	
	/* ============================= active menu ============================= */
	/*学ぶ*/
	body.page-id-3119 ul#menu-global-menu li#learn > a,body.page-template-page_learn-php ul#menu-global-menu li#learn > a{ color:#800000 !important; }
	/*探す*/
	body.post-type-archive-find ul#menu-global-menu li#find > a,body.single-find ul#menu-global-menu li#find > a{ color:#800000 !important; }
	/*選ぶ*/
	body.page-id-3450 ul#menu-global-menu li#choose > a,body.page-template-page_chose_index_nosns-php ul#menu-global-menu li#choose > a,body.page-template-page_choose_keywords_single-php ul#menu-global-menu li#choose > a,body.page-template-page_choose_area_single-php ul#menu-global-menu li#choose > a,body.page-template-page_chose_index-php ul#menu-global-menu li#choose > a{ color:#800000 !important; }
	/*カレンダー*/
	body.page-template-page_calender_index-php ul#menu-global-menu li#calender > a,body.page-template-page_calender_single-php ul#menu-global-menu li#calender > a,body.single-event ul#menu-global-menu li#calender > a{ color:#800000 !important; }
	
	/* ============================= active menu ============================= */
	
	.subnavi{
		display: none;
		width: 304px;
		height: 50px;
		position: absolute;
		top:28px;
		z-index: 9999;
		background: #ececed;
		border: 2px solid #FFF;
		border-top: none;
		padding: 20px 12px;
	}
	
	.subnavi li{
		position: absolute !important;
		font-size: 93%;
		width: 145px !important;
	}
	
	li#learn .subnavi{ left:0;}
	li#find .subnavi{ left:0; height: 105px }
	li#choose .subnavi{ left:0; height: 75px }
	
	li#calender .subnavi{ right:0; height: 165px}
	/*li#calender .subnavi{ width: 256px; right:0; height: 165px}
	li#calender .subnavi li{ width: 100px !important;}*/
	
	.subnavi li#basicinfo,.subnavi li#genre,.subnavi li#january,.subnavi li#f_history{ top:20px; left:0px; }
	.subnavi li#transportation,.subnavi li#area,.subnavi li#february,.subnavi li#f_art{ top:50px; left:0px; }
	.subnavi li#march,.subnavi li#f_culture,.subnavi li#hitome{ top:80px; left:0px; }
	.subnavi li#april,.subnavi li#f_nature-and-park{ top:110px; left:0px; }
	.subnavi li#may{ top:140px; left:0px; }
	.subnavi li#june{ top:170px; left:0px; }
	
	.subnavi li#july{ top:20px; left:165px; }
	.subnavi li#august{ top:50px; left:165px; }
	.subnavi li#september{ top:80px; left:165px; }
	.subnavi li#october{ top:110px; left:165px; }
	.subnavi li#november{ top:140px; left:165px; }
	.subnavi li#december{ top:170px; left:165px; }
	
	.subnavi li#informationcenter,.subnavi li#regularBus,.subnavi li#f_sports{ top:20px; left:165px; }
	.subnavi li#movie,.subnavi li#f_shops,.subnavi li#specialBus{ top:50px; left:165px; }
	.subnavi li#f_foods{ top:80px; left:165px; }
	.subnavi li#f_recreational{ top:110px; left:165px; }
	
	.subnavi li a{
		display: block;
		width: 145px !important;
		border: none !important;
		padding: 5px 0 5px 17px !important;
		background: none !important;
	}
	
	.subnavi li a:hover{ color:#FFF !important; background: #a9a9a9 !important;}
	
	#footer{
		 clear: both;
		width: 100%;
	}
	
	#footerInner{
		position: relative;
	}
	
	#footerFirstWrap{
		width: 90%;
		height: 80px;
		padding: 25px 0 55px;
		margin: 0 auto;
	}
	
	#footerSecondWrap{
		width: 100%;
		background: #6699CC;
		height: 30px;
	}
	
	#footerSecondWrapInner{
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
	
	#footerInner #councilInfoWrap{
		width: 58%;
		float: left;
	}
	
	#footerInner #f_r{
		width: 40%;
		float: right;
		text-align: right;
	}
	
	#footerInner #backtoTop{ text-align: left; }
	#footerInner #mailmagazine{ position: absolute; margin-top:2px; margin-right:120px; right: 0; top: 0;  }
	#footerInner .social{ float: right; }
	#footerInner #mailmagazine img{ margin: 0; }
	
	#footerInner #userInfo p,#footerInner #councilInfoWrap p,#footerInner #councilLink p{
		font-size: 93%;
	}
	
	#footerInner #councilInfoWrap #councilInfo,#footerInner #copy{
		display: block;
	}
	
	#footerInner #backtoTop{ float: left; }
	#footerInner #mailmagazine{float: right; }
	
	#footerInner #councilInfoWrap{}
	
	
	#footerMiddleWrap{ background: none;}
	#footerMiddleWrapInner{ position:relative; width: 90%; margin: 0 auto; padding: 0;}
	#footerMiddleWrapInner span{ display: none;}
	#footerMiddleWrapInner ul{ position: absolute; top:18px; left: 17%;}
	#footerMiddleWrapInner ul li{ }
	#footerMiddleWrapInner ul li a{ font-size: 85%; padding: 3px 7px; color:#FFF;background: none; }
	
	
	#footerSecondWrap #backtoTop{
		position:absolute;
		top:4px;
	}
	
	#table{
		width: 51%;
		border-collapse: collapse;
		border-top: none;
		border-bottom: none;
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
		margin-bottom: 0;
		table-layout:fixed
	}

	#table tbody tr{display: table-row;}
	#table tbody tr:first-child{border: none}
	/*#table tbody tr:first-child {border-top: 1px solid #D3D3D3;}*/
	#table th{
		padding: 20px 10px !important;
		font-weight: normal;
		display: table-cell !important;
		text-align: left;
		width: 100px;
		width: 20%;
	}

	#table td{
		width: 80%;
		padding: 20px 20px 20px 5px !important;
		font-weight: normal;
		display: table-cell !important;
		text-align: left;
		border-top: 1px solid #B0D0E6;
		width: 80%;
		word-wrap: break-word;
		word-break:break-all;
	}
	
	#table thead{ display: table-header-group; text-align: left;}
	#table tbody{display: table-row-group;}
	#table tbody th{ width: 20%; }
	#table tbody td{ width: 80%; }
	
	#table tbody td div{ overflow:hidden; }
	
	.regularTable tbody tr{display: table-row;}
	.regularTable td,
	.regularTable th{
		padding: 20px 20px !important;
		font-weight: normal;
		display: table-cell !important;
		text-align: left;
	}
	
	.regularTable tbody th,#calender tbody th{ width: 20%; }
	
	.regularTable thead{ display: table-header-group; text-align: left;}
	.regularTable tbody{display: table-row-group}
	
	/* ------------------------------ common ---------------------------------- */
	
	.w820{
		width: 87%;
		margin: 0 auto;
	}
	
	.w640{
		width: 68%;
		margin-left: 32%; }
	
	.twoOneColumnTwo{ width: 65.6% }
	.twoOneColumnOne{ width: 32% }
	
	/*.twoOneColumnTwo h4{ width: 65% }
	.twoOneColumnOne h4{ width: 32%; }*/
	
	.w460{
		width: 48%;
		width: 46%\9;
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
		margin-left: 3.1%;
	}
	
	.w460:nth-child(odd){margin-left: 0;}
	
	.w340{
		width: 66%;
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
	}
	
	.w300{
		width: 32%;
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
	}
	
	.aboutus.block{
		padding-bottom: 40px;
		margin-bottom: 50px;
		border-bottom: 1px solid #717071
	}
	
	.aboutus.block h3{
		font-size: 138.5%;
		margin-bottom: 30px;
	}
	
	li.w300{
		padding-bottom: 0;
		margin-right: 0.8%;
		margin-bottom: 3.2%;
		border: none;
	}
	
	.twoOneColumnTwo,.twoOneColumnOne{
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
	}
	
	.twoOneColumnOne{ margin-left: 1.4% }
	
	.twoOneColumnTwo li.w300{ width: 48%; width: 46%\9; margin-right: 2.8% }
	.twoOneColumnTwo li.w300:nth-child(2n){ margin-right: 0 }
	.twoOneColumnOne li.w300{ width: 100% }
	
	.w300 .imageWrap{ width: 100%; }
	.w300 h5{ padding-top:0; margin-left: 0; }
	
	.w640 .w300{
		width: 46%;
		margin-left: 3%;
	}
	
	.w640 .w300:nth-child(odd){ margin-left: 0; }
	
	.w640 h3{
		font-size: 182%;
	}
	
	.w310{
		width: 48%;
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
		margin-right: 3%;
	}
	
	.w310:nth-child(even){ margin-right:0 }
	
	#entryHead h2{
		text-align: center;
		margin: 50px auto;
		font-size: 216%;
	}
	
	#breadList h3 {	margin: 0 auto 40px; }
	
	#mainText{
		position: relative;
		
	}
	
	#mainTextInner{width: 55%;}
	
	#mainText p{ font-size: 108% }
	
	#mainText h4{
		/*font-family: serif;*/
		font-size: 161.6%;
		margin-bottom: 40px;
		font-weight: normal;
	}
	
	#socialButtns{
		position: absolute;
		top:0;
		left: 60%;
		margin: 0;
	}
	
	#pinit{position: relative; height: 62px; width: 40px;}
	#pinit #pinitbtn{position: absolute; bottom: 0;}
	
	#three-column{ text-align: left }
	
	#three-column ul{}
	
	#three-column ul li{
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		width: 32%;
		width: 31%\9;
		vertical-align: top;
		margin-right: 1.2%;
		margin-bottom: 20px;
	}
	
	#three-column ul li:nth-child(3n){
		margin-right: 0;
	}
	
	#three-column ul li h5{
		margin: 10px 0;
	}
	
	#three-column ul li p{}
	
	#infoTable{
		width: 100%;
		padding: 35px 0;
		margin-bottom: 0;
	}
	
	#infoTableWrap{
		padding: 1%;
		background: #FFFFF0;
	}
	
	#infoTableInnerWrap{
		border: 2px solid #B0D0E6;
		background: url(images/table_sep.gif) 50% 0 repeat-y;
	}
	
	#infoTableInnerWrap h2{
		width: 100%;
		text-align: center;
		background: #FFFFF0;
		padding: 20px 0;
		border-bottom: 1px solid #B0D0E6;
	}
	
	#infoTableInnerWrap #pict{
		width: 100%;
		padding: 10px 0 20px;
		border-top: 1px solid #B0D0E6;
		background: #FFFFF0;
	}
	
	#infoTableInnerWrap #map{
		width: 43%;
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		margin-left: 3%;
		padding: 20px 0;
	}
	
	body.single-event #eventMap,body.single-find #eventMap{
		width: 100%;
		height: 210px;
		margin: 20px 0;
		background: #E5E3DF url(images/loader.gif) 50% 50% no-repeat;
	}
	
	#infoTableInnerWrap #map iframe{
		margin-bottom: 20px;
	}
	
	#infoTableInnerWrap #pict ul li{
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
	    *display: inline;
	    *zoom: 1;
		margin-left: 10px;
		font-size: 0;
	}
	
	#infoTableInnerWrap #pict ul li p{ width:50px; height:50px; text-indent: 0px; }
	
	#infoTableInnerWrap #pict ul li#pict01 p{ background: none }
	#infoTableInnerWrap #pict ul li#pict02 p{ background: none }
	#infoTableInnerWrap #pict ul li#pict03 p{ background: none }
	#infoTableInnerWrap #pict ul li#pict04 p{ background: none }
	#infoTableInnerWrap #pict ul li#pict05 p{ background: none }
	#infoTableInnerWrap #pict ul li#pict06 p{ background: none }
	#infoTableInnerWrap #pict ul li#pict07 p{ background: none }
	
	#table{
		width: 50%;
		border-collapse: collapse;
	}
	
	#table tbody{ width: 100% }
	
	#infoTableInnerWrap #map a#adressLinkGm{ display: none; }
	
	#regularTable2{
		width: 100%;
		border-collapse: collapse;
		border: 2px solid #c8c9ca;
	}
	
	#regularTable2 tbody tr{display: table-row; background: #FFF !important; border-bottom: 1px solid #dbdcdc;}
	#regularTable2 tbody tr:last-child{border: none}
	#regularTable2 tbody tr:first-child {border-top: 2px solid #c8c9ca;}
	#regularTable2 td,
	#regularTable2 th{
		padding: 15px !important;
		font-weight: normal;
		display: table-cell !important;
		text-align: left;
	}
	
	#regularTable2 thead{ display: table-header-group; text-align: left;  background: #f5f3f2;}
	#regularTable2 tbody{display: table-row-group; font-size: 100%;}
	
	#regularTable2 thead tr th{ font-weight: bold; color:#595757}
	#regularTable2 tbody tr th{ font-weight: bold; }
	#regularTable2 tbody tr th a{ color:#6699CC; }
	#regularTable2 tbody tr th a:hover{ color:#A9A9A9; }
	
	#map iframe{ display: block; }
	
	#relation-posts{
		width: 98%;
		margin: 30px auto;
	}
	
	#relation-posts h5,#tableBlock h5{ text-align: center; }
	
	#relation-posts .relation-post-block{
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		width: 49%;
		width:48.5%\9;
		margin-right: 1%;
		margin-bottom: 15px;
	}
	
	#relation-posts .relation-post-block:nth-child(odd){ margin-right: 0; }
	
	#relation-posts .relation-post-block a{
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
		border: 1px solid #c8c9ca;
		width: 90%;
		padding: 5%;
		margin: 0 auto;
	}
	
	#relation-posts .relation-post-block a span.relationImg{
		float: left;
		vertical-align: top;
		width: 50%;
	}
	
	#relation-posts .relation-post-block a span.relationImg img{
		max-width:100%;
		height: 113px\9;
	}
	
	#relation-posts .relation-post-block a .relation-post-blockInner{
		float:right;
		width: 42%;
		margin-left: 3%;
		min-height: 26%;
	}
	
	#relation-posts .relation-post-block a .relation-post-blockInner .relationTitle{
		font-weight: bold;
		color: #6699CC;
		margin-bottom: 10px;
		font-size: 93%;
	}
	
	#relation-posts .relation-post-block a .relation-post-blockInner .relationCopy{
		color: #888888;
		font-weight: normal;
		font-size: 85%;
	}
	
	#relation-posts .relation-post-block a .relation-post-blockInner .relationArrow{
		text-indent: -9999px;
		width: 20px;
		height: 20px;
		margin-top: 5%;
		background: url(images/relation_arrow_pc.gif);
	}
	
	#sidemenu{
		position: absolute;
		float: left;
		*margin-left: -300px;
		top: 90px;
		display: block;
	}
	
	#sidemenu.fixed{
		position: fixed;
		top:80px;
	}
	
	.page-template-page_aboutus-php #sidemenu.fixed{
		/*top:275px;*/
	}
	
	#sidemenu ul li{
		position: relative;
		width: 138px;
	}
	
	#sidemenu ul li a{
		display: block;
		width: 100%;
		padding: 14px 50px 14px 10px;
		background: #eeeeef;
		border-bottom: 1px solid #dbdcdc;
	}
	
	#sidemenu ul li a:hover,body.page-id-3121 #sidemenu ul li.info a,body.page-id-4163 #sidemenu ul li.transportation a,body.page-id-3152 #sidemenu ul li.infocenter a
	,body.page-id-4151 #sidemenu ul li.movie a,body.page-id-6344 #sidemenu ul li.copyright a{
		color: #FFF;
		background: #800000;
	}
	
	#sidemenu ul li a:hover span,body.page-id-3121 #sidemenu ul li.info a span,body.page-id-4163 #sidemenu ul li.transportation a span,body.page-id-3152 #sidemenu ul li.infocenter a span
	,body.page-id-4151 #sidemenu ul li.movie a span,body.page-id-6344 #sidemenu ul li.copyright a span{
		position: absolute;
		left: 100%;
		top:0;
		margin-left: 60px;
		display: block;
		height:0;
	    width:0;
	    border:22px solid transparent;
	    border-left-color:#800000;
	}
	
	/*@media screen and (-webkit-min-device-pixel-ratio:0) {
		#sidemenu ul li a:hover span,body.page-id-3121 #sidemenu ul li.info a span,body.page-id-4163 #sidemenu ul li.transportation a span,body.page-id-3152 #sidemenu ul li.infocenter a span
	,body.page-id-4151 #sidemenu ul li.movie a span{
			position: absolute;
			left: 100%;
			top:0;
			margin-left: 60px;
			display: block;
			height:0;
		    width:0;
		    border:25px solid transparent;
		    border-left-color:#800000;
		}
	}*/
	
	ul#sideSubMenu{ display: none; }
	body.page-id-4163 #sidemenu ul li.transportation ul#sideSubMenu{ display: block; }
	
	body.page-id-4163 #sidemenu ul li.transportation ul#sideSubMenu li a{ background: #888888;}
	
	#tel{ font-size: 277%; }
	#tel p{
	}
	
	#mainImg{
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	
	#mainImg #map{
		width: 100%;
		height: 480px;
		background: #E5E3DF url(images/loader.gif) 50% 50% no-repeat;
	}
	
	#mainInfo{
		position: absolute;
		top:0;
		right:0;
		width: 22%;
		height: 100%;
		color: #FFF;
		font-size: 93%;
		padding: 0 5%;
		background: url(images/alphaBg.png);
	}
	
	#mainInfo h5{ font-size: 100%; margin:25px 0 15px;}
	#mainInfo p{ margin-bottom: 15px;}
	#mainInfo p#recommendMainText{ display: block;  font-family: sans-serif; }
	
	#map img{ max-width: none !important; }
	
	.otherFacility h3{
		font-size: 123.1%;
	}
	
	.otherFacilityImg{
		float: left;
		width: 33%;
	}
	
	.otherFacilityInner{
		width: 62.5%;
		margin-left: 37.5%;
	}
	
	.otherFacilityInner .regularTable{
		margin-top: 20px;
	}
	
	.otherFacilityInner .regularTable tbody tr{
		padding: 0px;
		font-size: 85%;
	}
	
	.otherFacilityInner .regularTable th{ width: 22% }
	
	.otherFacilityInner .regularTable td,.otherFacilityInner .regularTable th{ padding: 10px 5px !important; }
	
	#choseList h3,#ulBlock h3{
		display: block;
		text-align: center;
		margin-bottom: 50px;
	}
	
	
	
	#ulBlock ul{ 
		font-weight: bold;
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		width: 33%
	}
	
	#choseList ul{
		border-top: none;
		padding: 0;
	}
	
	#choseList ul li{
		width: 23%;
		margin-right: 2%;
		margin-right: 1.5%\9;
		margin-bottom: 65px;
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
	}
	
	#choseList ul li:nth-child(4n){ margin-right: 0; }
	
	body.page-id-3752 #choseList ul li{ width: 14.8%; width: 14.5%\9; margin-right: 1.62%; }
	body.page-id-3752 #choseList ul li:nth-child(6n){ margin-right: 0; }
	
	#choseList ul li a h5,#choseList ul li h5{
		font-size: 108%;
		padding-bottom: 15px;
		margin-top: 15px;
		margin-bottom: 15px;
		border-bottom: 1px dashed #c8c9ca;
		text-align: center;
	}
	
	#choseList ul li a p{
		font-size: 93%;
		color: #666666 !important;
	}
	
	#choseList ul li p{ font-size: 13px; }
	
	#choseList ul li a .imageWrap{
		float: none;
		width: 100%;
	}
	
	#choseList ul li a .listInfo{
		padding: 0;
		margin-bottom: 0;
		border-bottom: none;
	}
	
	#choseList ul li.w172{
		width: 18%;
		width: 17%\9;
		margin-right: 1.9%;
	}
	
	#choseList ul li.w172:nth-child(5n){ margin-right: 0; }
	
	#choseList ul li.w172 h5{
		text-align: left;
		border: 0;
		padding-bottom: 0px;
		margin-bottom: 5px;
	}
	
	#choseList ul li.w172 a p{
		font-size: 83%;
		font-family: sans-serif;
	}
	
	ul#entries{
		width: 90%;
		margin: 0 auto;
		margin-left: 10px\9;
		padding:0;
		display: none;
		border-bottom: none;
	}
	
	ul#entries li{
		background: #fbfbfb url(images/relation_arrow_pc.gif) no-repeat 95% 95%;
		border-bottom: none;
		padding: 0;
		width: 23%;
		height: 320px;
		margin-right: 2.6%;
		margin-right: 2.0%\9;
		margin-bottom: 2%;
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
		-moz-border-radius: 3px;    /* Firefox */
		-webkit-border-radius: 3px; /* Safari,Chrome */
		border-radius: 3px;
	}
	
	ul#entries li:nth-child(4n){ margin-right: 0;  }
	
	ul#entries li:hover{ background: #FFF url(images/relation_arrow_pc.gif) no-repeat 95% 95%; }
	
	ul#entries li a{
		display: block;
		width: 100%;
		height: 320px;
		background: #fbfbfb;
		position: relative;
		background: url(images/entryShadow.png) repeat-x 0 260px;
	}
	
	ul#entries li a .thumbWrap{
		width: 100%;
		height: 100%;
		float: none;
	}
	
	ul#entries li a .thumbWrap img{
		position: absolute;
		top: 60px;
		min-width: 100%;
		height: 115px\9;
	}
	
	ul#entries li a h6{
		position: absolute;
		top: 1.5%;
		font-size: 100%;
		font-weight: bold;
		color: #6699CC;
		padding: 6% 6% 0;
		line-height: 1.5;
		margin-left: 0;
	}
	
	ul#entries li a p{
		position: absolute;
		padding: 6% 6% 0;
		top:54%;
		font-size: 93%;
		color: #717071;
		margin-left: 0;
	}
	
	ul#entries li a span.catTag{
		width: 100%;
		font-size: 93%;
		color: #888888;
		display: block;
		position: absolute;
		top: 250px;
		height: 60px;
		padding: 11% 6% 0;
	}
	
	ul#entries li a span.areaTag{
		width: 100%;
		font-size: 93%;
		color: #888888;
		display: block;
		position: absolute;
		top: 268px;
		height: 60px;
		padding: 11% 6% 0;
	}
	
	ul#entries li a span.serchlinktext{
		width: 100%;
		font-size: 93%;
		color: #888888;
		display: block;
		position: absolute;
		top: 261px;
		height: 60px;
		padding: 11% 6% 0;
	}
	
	ul#calenderNavi{ width: 100%;}
	ul#calenderNavi li{
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		margin: 0;
		width: 8.19%;
		text-align: center;
		border-right: 1px solid #D3D3D3;
	}
	
	ul#calenderNavi li:last-child{border-right: none;}
	ul#calenderNavi li a{ display:block; background: #c8c9ca; width: 100%; height: 100%; padding: 10px 0; color: #FFF; font-weight: bold}
	
	ul#calenderNavi li a:hover,#mainImg.m_1 ul#calenderNavi li a#m1,#mainImg.m_2 ul#calenderNavi li a#m2,#mainImg.m_3 ul#calenderNavi li a#m3,
	#mainImg.m_4 ul#calenderNavi li a#m4,#mainImg.m_5 ul#calenderNavi li a#m5,#mainImg.m_6 ul#calenderNavi li a#m6,#mainImg.m_7 ul#calenderNavi li a#m7,
	#mainImg.m_8 ul#calenderNavi li a#m8,#mainImg.m_9 ul#calenderNavi li a#m9,#mainImg.m_10 ul#calenderNavi li a#m10,#mainImg.m_11 ul#calenderNavi li a#m11,
	#mainImg.m_12 ul#calenderNavi li a#m12{ background: #717071; }
	
	#recommend-posts{
	}
	
	#recommend-posts .yarpp-related{
		width: 100%;
	}
	
	#recommend-posts .yarpp-related h3{
		position: relative;
		left: 0;
		margin-left: 0;
	}
	
	#recommend-posts .yarpp-related #yaap-related-inner{
		width: 100%;
		padding-top: 0;
	}
	
	#recommend-posts .yarpp-related ul li{
		padding-right: 1.8%;
		padding-right: 1.6%\9;
	}
	
	#recommend-posts .yarpp-related ul li img{ height: 169px\9; }
	
	
	.hideContents h3{
		text-align: center;
		font-size: 167%;
		padding-top: 0;
		padding-bottom: 20px;
		background: 0;
		border-top: 0;
	}
	
	.hideContents .w510{
		margin-top: 40px;
		padding-left: 18%;
		/*padding-left: 12%;*/
	}
	
	.w510Head.icon {
		margin-top: 35px;
		height: 80px;
		padding-bottom: 0px;
	}
	
	.w510Head h4.withicon {
		padding-left: 18%;
		font-size: 161.6%;
	}
	
	.indentBlock{
		margin-top: 20px;
		padding-left: 8%;
	}
	
	.hideContents .w510 dl{ width: 100%;1 }
	
	
	#tableBlock #choseList .w300 h5{
		text-align: left;
		margin-bottom: 0;
		border: none;
	}
	
	#tableBlock #choseList .w300 .regularTable tr th{ width: 45%; padding: 20px 10px !important; }
	.twoOneColumn .twoOneColumnTwo .w300 .regularTable tr th{ width: 35%; padding: 20px 10px !important; }
	#tableBlock #choseList .w300 .regularTable tr td,.twoOneColumn .twoOneColumnTwo .w300 .regularTable tr td{ padding: 20px 10px !important; }
	#tableBlock li.w300,.twoOneColumn .twoOneColumnTwo .w300{ border-bottom: none;  }
	
	dl{
		width: 45%;
		display: inline-block;
	    *display: inline;
	    *zoom: 1;
		vertical-align: top;
		margin-right: 5%
	 }
	 
	 dl:nth-child(2n){margin-right:0}
	 
	 #weather{}
	 
	 #weatherInner{
		 position: absolute;
		 top:66px;
		 left: 70%;
	 }
	 
	 #weatherImg{ height: 30px; }
	 
	 #weatherText{ color:#595757; }
	 
	 a#weatherMore{
	 	font-size: 93%;
	 	display: inline;
	 	background: #800000 url(images/openwindow.jpg) no-repeat 90% 40%;
	 	color: #FFF;
	 	padding: 2px 25px 2px 15px;
	 	border-radius: 15px;
	 	-webkit-border-radius: 15px;
	 	-moz-border-radius: 15px;
	 }
	 
	 a#weatherMore:hover{ background: #dbdcdc}
	 
	 #w960{
		 width: 100%;
		 background: #FFF;
	 }
	 
	 body.home #w960{
		 width: 98%;
		 margin: 0 auto;
	 }
	 
	 /* -------------------------------------------------*/
	 
	 .columnSub{
		width: 100%;
		padding: 0;
		margin:0;
		border-bottom: none;
		background: none;
		min-height: none;
	}
	
	.columnSub a .thumbWrap{
		clear: none;
		width: 100%;
		height: 100%;
		overflow: hidden;
		float: none;
	}
	
	.columnSub a .thumbWrap.none{}
	
	.columnSub a .thumbWrap{ position: relative; }
	
	.columnSub a .thumbWrap.none .bg{
		position: absolute;
		display: block;
		background: #f7f7f7;
		z-index: 1000;
		width: 100%;
		height:100%;
		top:0;
		left:0;
		border-top:2px solid #ff9933;
	}
	
	.columnSub a .thumbWrap.none .bg h5{
		font-size: 123.1%;
		padding: 20px;
		line-height: 1.8;
		color: #ff9933;
	}
	
	.columnSub a h6,.columnSub a p{
		display: none;
	}
	
	#topColumnMainInner a{
		text-align: left
	}
	
	.columnSub a .thumbWrap .hoverContent{
		display: block;
		position: absolute;
		z-index: 1000;
		width: 100%;
		height:100%;
		top:72%;
		left:0;
		background: url(images/alphaBg.png);
	}
	#topColumnMainInner a .hoverContent{
		display: block;
		position: absolute;
		z-index: 1000;
		width: 100%;
		height:100%;
		top:85%;
		left:0;
		background: url(images/alphaBg.png);
	}
	
	.columnSub a .thumbWrap.none .hoverContent{ background: #ff9933;}
	
	#topColumnMainInner a .hoverContent .hoverInfo{ position:relative; padding: 2.5%; }
	.columnSub a .thumbWrap .hoverContent .hoverInfo{ position:relative; padding: 5%; }
	.columnSub.top-img a .thumbWrap .hoverContent .hoverInfo{padding: 2.5%; }
	
	.columnSub a .thumbWrap .hoverContent h2,.columnSub a .thumbWrap .hoverContent p,
	#topColumnMainInner a .hoverContent h2,#topColumnMainInner a .hoverContent p{
		display: block;
		color: #FFF;
		opacity: 1;
	}
	
	/*.columnSub a:hover .thumbWrap .hoverContent h5,.columnSub a:hover .thumbWrap .hoverContent p,
	#topColumnMainInner a:hover .hoverContent h5,#topColumnMainInner a:hover .hoverContent p{ opacity: 1;}*/
	
	.columnSub a .thumbWrap .hoverContent p,#topColumnMainInner a .hoverContent p{margin-left: 0;}
	
	#topColumnMainInner a .hoverContent{ text-align: center; }
	#topColumnMainInner a .hoverContent h2{ font-size: 138.5%; margin-bottom: 35px;}
	#topColumnMainInner a .hoverContent p{ font-size: 116%; }
	.columnSub a .thumbWrap .hoverContent .hoverInfo h2{ font-size: 100%; }
	.columnSub a .thumbWrap .hoverContent .hoverInfo p{ position:absolute; top:60px; padding-right: 5%; font-size: 100% !important; }
	.columnSub.top-img a .thumbWrap .hoverContent .hoverInfo p{padding-right: 2.5%;}
	.columnSub a .thumbWrap .hoverContent .hoverInfo p.moreText{font-family: sans-serif; margin-top: 12%; }
	
	.columnSub.top-img a .thumbWrap img{ min-width: inherit; }
	
	/* -------------------------------------------------*/
	 
	 .topColumnWrap{
		 
	 }
	 
	 .topColumn{
		float: left;
		/*margin:0 0.3% 0.8%;*/
		margin:0.7% 0.85%;
		vertical-align: top;
		width: 100%;
	 }
	 
	 .topColumn.top-img{ width: 48%; margin:0.85% 0.85%;/*margin:0 0.3% 0.8%*/  }
	 .topColumn.top-img a .thumbWrap{display:block;  overflow: hidden;}
	 .topColumn.top-img a .thumbWrap img{ *min-width:472px; *width:472px; *height:233px;}
	 .topColumn.thumbnail{ width: 23.2%; }
	 
	 /*.topColumn a img{ border-bottom: 6px solid #FFF; }*/
	 .topColumn a p{ height: 100%}
	 
	 #topColumnMain{
	 	display: block;
	 	position: relative;
	 	max-width: 98%;
	 	overflow: hidden;
	 	text-align: center;
	 }
	 
	 #topColumnMainInner{
	 	
	 }
	 
	 #topColumnMain img{ min-width: 100%; border-bottom: none; }
	 
	 #topColumnMain #mainInfo{ display: none; }
	 
	 #cal .thumbWrap img{ display: block; }
	
	 .topColumn#cal{ position: relative; margin: 0.7% 0.85%; }
	 .topColumn#cal #monthDate{
		position: absolute;
		 top:23%;
		 left: 33%;
		clear: none;
		width: 96px;
		height: auto;
		float: none;
		margin-left: -43px;
	 }
	 
	 .topColumn#cal #monthDate p{ line-hight:0; font-size:0; width: 100px; display: block; text-indent: -9999px; }
	 
	 .topColumn#cal #monthDate p.month{ height: 43px; background:url(images/calMonth.gif); }
	 .topColumn#cal #monthDate p.month#July{ background-position: 0 0; }
	 .topColumn#cal #monthDate p.month#Feburary{ background-position: -100px 0; }
	 .topColumn#cal #monthDate p.month#March{ background-position: -200px 0; }
	 .topColumn#cal #monthDate p.month#April{ background-position: -300px 0; }
	 .topColumn#cal #monthDate p.month#May{ background-position: -400px 0; }
	 .topColumn#cal #monthDate p.month#June{ background-position: -500px 0; }
	 .topColumn#cal #monthDate p.month#July{ background-position: -600px 0; }
	 .topColumn#cal #monthDate p.month#August{ background-position: -700px 0; }
	 .topColumn#cal #monthDate p.month#September{ background-position: -800px 0; }
	 .topColumn#cal #monthDate p.month#October{ background-position: -900px 0; }
	 .topColumn#cal #monthDate p.month#November{ background-position: -1000px 0; }
	 .topColumn#cal #monthDate p.month#December{ background-position: -1200px 0; }
	 
	 .topColumn#cal #monthDate p.day{ height: 90px; background:url(images/calDay.gif) 0 0; }
	 .topColumn#cal #monthDate p.day#d-01 { background-position: 0 0; }
	 .topColumn#cal #monthDate p.day#d-02 { background-position: -100px 0; }
	 .topColumn#cal #monthDate p.day#d-03 { background-position: -200px 0; }
	 .topColumn#cal #monthDate p.day#d-04 { background-position: -300px 0; }
	 .topColumn#cal #monthDate p.day#d-05 { background-position: -400px 0; }
	 .topColumn#cal #monthDate p.day#d-06 { background-position: -500px 0; }
	 .topColumn#cal #monthDate p.day#d-07 { background-position: -600px 0; }
	 .topColumn#cal #monthDate p.day#d-08 { background-position: -700px 0; }
	 .topColumn#cal #monthDate p.day#d-09 { background-position: -800px 0; }
	 .topColumn#cal #monthDate p.day#d-10{ background-position: -900px 0; }
	 .topColumn#cal #monthDate p.day#d-11{ background-position: -1000px 0; }
	 .topColumn#cal #monthDate p.day#d-12{ background-position: -1100px 0; }
	 .topColumn#cal #monthDate p.day#d-13{ background-position: -1200px 0; }
	 .topColumn#cal #monthDate p.day#d-14{ background-position: -1300px 0; }
	 .topColumn#cal #monthDate p.day#d-15{ background-position: -1400px 0; }
	 .topColumn#cal #monthDate p.day#d-16{ background-position: -1500px 0; }
	 .topColumn#cal #monthDate p.day#d-17{ background-position: -1600px 0; }
	 .topColumn#cal #monthDate p.day#d-18{ background-position: -1700px 0; }
	 .topColumn#cal #monthDate p.day#d-19{ background-position: -1800px 0; }
	 .topColumn#cal #monthDate p.day#d-20{ background-position: -1900px 0; }
	 .topColumn#cal #monthDate p.day#d-21{ background-position: -2000px 0; }
	 .topColumn#cal #monthDate p.day#d-22{ background-position: -2100px 0; }
	 .topColumn#cal #monthDate p.day#d-23{ background-position: -2200px 0; }
	 .topColumn#cal #monthDate p.day#d-24{ background-position: -2300px 0; }
	 .topColumn#cal #monthDate p.day#d-25{ background-position: -2400px 0; }
	 .topColumn#cal #monthDate p.day#d-26{ background-position: -2500px 0; }
	 .topColumn#cal #monthDate p.day#d-27{ background-position: -2600px 0; }
	 .topColumn#cal #monthDate p.day#d-28{ background-position: -2700px 0; }
	 .topColumn#cal #monthDate p.day#d-29{ background-position: -2800px 0; }
	 .topColumn#cal #monthDate p.day#d-30{ background-position: -2900px 0; }
	 .topColumn#cal #monthDate p.day#d-31{ background-position: -3100px 0; }

	 
	 .clear{clear: both; margin-bottom: 30px;}
	 
	 #bannerArea,#linkArea{
	 	padding-bottom: 2%
	 }
	 
	 #bannerArea ul li{
	 	float: left;
	 	width: 22.8%;
		margin: 0 ;
		padding-right: 2.7%;
		padding-right: 0\9;
		padding-left:  2.7%\9;
	 }
	 
	  #bannerArea ul li:first-child{ padding-left: 0; }
	 
	 #linkArea ul li{
		float: left;
		width: 10.4%;
		width: 10.2%\9;
		margin: 0;
		padding: 0 4.5% 0 0;
		padding-right: 0\9;
		padding-left:  4.7%\9;
	 }
	 
	 #linkArea ul li:first-child{ padding-left: 0; }
	 
	 #bannerArea ul li:last-child,#linkArea ul li:last-child{
		 padding-right: 0;
	 }
	 
	 #serchResult{
		width: 90%;
		margin: 20px  auto 65px;
		text-align: center;
	}
	
	#serchResult h2{ margin-bottom: 25px; font-size: 197%}
	#serchResult p{ font-size: 123.1%;  margin-left: 0}
	
	.facilityInfo h6{
		font-size: 100%;
	}


	/* ------------------------------ common ---------------------------------- */
	#headFirstWrap{
		width: 100%;
	}
	
	#headFirstWrapInner{
		display: block;
		width: 940px;
		padding: 0 0 0 10px;
		margin: 0 auto;
	}
	
	#headSecondWrapInner{
		width: 800px;
		height: 30px;
		padding: 0 10px;
		margin: 0 auto;
	}
	
	#headerPc #headSecondWrapInner h1{
		left: 50px;
	}
	
	#headerPc #headSecondWrapInner #menuWrap{
		margin-left: 240px;
		width: 590px;
	}
	
	#header #global ul li{
		width: 19.5%;
	}
	
	#header #global ul li a{
		font-size: 108%;
	}
	
	#footerInner{}
	
	#footerInner #footerFirstWrap{
		width: 940px;
		margin: 0 auto;
	}
	
	#footerFirstWrap{
		width: 940px;
	}
	
	#footerSecondWrap{}
	
	#footerSecondWrapInner{
		width: 940px;
		margin: 0 auto;
	}
	
	#footerInner #mailmagazine{ margin-right: 120px; }
	#footerMiddleWrapInner{ width: 940px;}
	#footerMiddleWrapInner ul{ top:18px; left:140px; }
	
	#article{ width: 100% }
	
	#mainImg{
		width: 960px;
		margin: 0 auto;
	}
	
	#mainInfo{
		position: absolute;
		top:0;
		right:0;
		width: 22%;
		height: 100%;
		color: #FFF;
		font-size: 93%;
		padding: 0 5%;
		background: url(images/alphaBg.png);
	}
	
	#mainInfo h5{ font-size: 116%; margin: 50px 0 35px;}
	#mainInfo p{ margin-bottom: 35px;}
	#mainInfo p#recommendMainText{ display: block;  font-family: sans-serif; }
	
	#w960{
		 width: 960px;
		 margin: 0 auto;
	 }
	 
	body.home #w960{
		width: 980px;
		margin: 0 auto;
	}
	
	#w940{
		position:relative;
		width: 940px;
		padding: 0 10px;
		margin: 0 auto;
	}
	/* ------------------------------ common ---------------------------------- */
	
	#pict ul{
		display: block;
	}
	
	#pict ul li{
		display: inline;
	}
	
	a#pictExam{ display:block; padding: 10px 10px 0; font-size: 93%}
	
	#infoTable{
	}
	
	#relation-posts{
		width: 960px;
	}
	
	#infoTable{
		width: 100%;
		padding: 35px 0;
	}
	
	#infoTableWrap{
		width: 940px;
		margin: 0 auto;
	}
	
	#infoTableWrap #table tbody td{ width: 375px; }
	
	#tel p{}
	
	ul#entries{
		width: 940px;
		margin: 0 auto;
	}
	
	ul#calenderNavi li{
		width: 8.235%;
	}
	
	#recommend-posts .yarpp-related{
		overflow: hidden;
		width: 940px;
	}
	
	#weather{
		width: 940px;
	 }
	 
	 #weatherInner{
		 top:58px;
		 left: 765px;
		 text-align: center;
		 padding: 0 40px 0 20px;
		 background: #FFF;
		 z-index: 1000;
	 }
	 
	 #weatherImg{
	 	display: block;
	 	width: 30px;
	 	margin: 0 auto;
	 }
	 
	 #weatherText{
	 	display: block;
	 	margin-top: 3px;
	 }
	 
	 a#weatherMore{
	 	display: block;
	 	margin-top: 3px;
	 }
	 
	 #bannerArea ul, #linkArea ul{
		 width: 960px;
	 }
	 

#header,#footer,#linkArea,#bannerArea,#sidemenu,#socialButtns,#recommend-posts{display: none;}
.columnSub a .thumbWrap .hoverContent{background: none; color: #fff}
.w640 {	margin:0 auto; }
ul#entries li{border: 1px solid #6699CC}
#infoTableInnerWrap #pict ul li p{text-indent:0}
ul#entries li a p{color: #000}
ul#entries li:nth-child(4n) { margin-right: 2.6%; margin-right: 2.0%\9; } ul#entries li:nth-child(3n) {margin-right:0}