@charset "utf-8";
@media screen and (max-width: 568px) {
/*----------------------------------------------------
  共通
----------------------------------------------------*/
#title-area-catetop{
	background:url("/common/images/title-area-sp-bg-01-d.gif") top left repeat;
	background-size:3px 3px;
	-webkit-background-size:3px 3px;
	background:url("/common/images/title-area-pc-bg-01.gif") repeat scroll left top transparent\9;/*for IE7,8*/
	border-top:1px solid #cfcfcf;
	border-bottom:3px solid #FF8BA2;
	padding:16px 5px 10px;
}
#title-area-detailpage{
	background:url("/common/images/title-area-sp-bg-01-d.gif") top left repeat;
	background:url("/common/images/title-area-pc-bg-01.gif") repeat scroll left top transparent\9;/*for IE7,8*/
	background-size:3px 3px;
	-webkit-background-size:3px 3px;
	border-top:1px solid #cfcfcf;
	border-bottom:3px solid #FF8BA2;
	padding:16px 5px 10px;
}
#title-area-catetop h1{
	height:22px;
	border-left:3px solid #ff8ba2;
	padding:4px 0 0 5px;
}
#title-area-detailpage h1{
	height:22px;
	border-left:3px solid #ff8ba2;
	padding:4px 0 0 5px;
}
#title-area-detailpage span.sub-title{
	font-size:14px;
	font-weight:bold;
}
#title-area-detailpage h1 img,
#title-area-catetop h1 img{
	height:16px;
}
/* ぱんくず */
ul#bread-clumb{
	margin-bottom:4px;
}
ul#bread-clumb li{
	display:inline;
	color:#666666;
	font-size:10px;
}
ul#bread-clumb li a{
	color:#035d8a;
	text-decoration:none;
}
ul#bread-clumb li a:hover{
	text-decoration:underline;
}
/*パーツ*/
h2.cmn-h2-ttl{
	border-left:3px #ff8ba2 solid;
	border-bottom:1px #c4c0bc solid;
	background:#FFF;
	font-size:14px;
	padding:7px 7px 5px;
	margin-bottom:10px;
}
/*----------------------------------------------------
  カテゴリTOP
----------------------------------------------------*/
/*イベントバナー*/
#event-banner-section{
	padding-bottom:10px;
}
#event-banner-section ul li{
	line-height:0;
	margin-bottom:10px;
}
#event-banner-section ul li a{
	display:block;
	-webkit-box-shadow: 0px 2px 3px 0px #aaa;
	-moz-box-shadow: 0px 2px 3px 0px #aaa;
	box-shadow: 0px 2px 3px 0px #aaa; 
}
#event-banner-section ul li img{
	width:100%;
}
/*イベントニュース*/
.event-section-unit {
	margin:0 0 20px;
}
.event-section-unit.gray {
	border-top:solid 6px #ff8ba2;
}
dt.event-section-unit-ttl {
	background:#ffffff;
	font-size:14px;
}
dt.event-section-unit-ttl a {
	display:block;
	padding:10px 10px 10px 34px;
	color:#035d8a;
	text-decoration:none;
	background: url("/common/images/ico-arrow-blue-square-sp-d.gif") no-repeat scroll 10px center transparent;
	background-size:20px 20px;
	-webkit-background-size:20px 20px;
	background: url("/common/images/ico-arrow-blue-square-sp.gif") no-repeat scroll 10px center transparent\9; /* for IE7,8 */
	font-weight:bold;
}
dd.event-section-unit-img{
	line-height:0;
	background:#FFF;
}
dd.event-section-unit-img img{
	width:100%;
}
dd.event-section-unit-detail{
	background-color:#FFF;
	padding:10px;
}
dd.event-section-unit-detail span{
	background-color:#ef7a00;
	color:#FFF;
	line-height:1.0em;
	padding:2px 8px;
	margin-bottom:4px;
	display:inline-block;
}
dd.event-section-unit-link{
	background-color:#FFF;
	text-align:right;
	padding:0 10px 10px 0;
}
dd.event-section-unit-link a{
	color:#01325b;
	text-decoration:none;
	background: url("/common/images/ico-arrow-blue-sp-d.gif") left center no-repeat;
	background-size:9px 14px;
	-webkit-background-size:9px 14px;
	background: url("/common/images/ico-arrow-blue-sp.gif") left center no-repeat\9; /* for IE7,8 */
	display:inline-block;
	padding-left: 15px;
	color:#035d8a;
}
/*ページネーション*/
.page-nation{
	clear:both;
	border-top:#666666 1px dotted;
	border-bottom:#666666 1px dotted;
	padding:10px 0;
	margin-bottom:20px;
	position:relative;
}
.page-nation a{
	color:#035d8a;
	text-decoration:none;
	border-bottom:1px dotted #035d8a;
}
.page-nation a:hover{
	border-bottom:none;
}
.page-nation .back{
	background:url("/common/images/ico-arrow-blue-square-mini-back-sp-d.gif") left center no-repeat;
	background-size:13px 13px;
	-webkit-background-size:13px 13px;
	background:url("/common/images/ico-arrow-blue-square-pc-back.gif") left center no-repeat\9;/*for IE7,8*/
	padding-left:18px;
	width:72px;
	position:absolute;
	left:0;
	top:10px;
}
.page-nation .next{
	background:url("/common/images/ico-arrow-blue-square-mini-sp-d.gif") right center no-repeat;
	background-size:13px 13px;
	-webkit-background-size:13px 13px;
	background:url("/common/images/ico-arrow-blue-square-pc.gif") right center no-repeat\9;/*for IE7,8*/
	padding-right:18px;
	text-align:right;
	width:72px;
	position:absolute;
	right:0;
	top:10px;
}
.page-nation-list{
	text-align:center;
	margin:0 auto;
}
.page-nation-list li{
	display:inline;
	padding:0 5px;
	border-right:#000 1px solid;
}
.page-nation-list li:first-child{
	border-left:#000 1px solid;
}
/*----------------------------------------------------
  詳細
----------------------------------------------------*/
.event-detail-block .handbill-img-block .img{
	line-height:0;
	margin-bottom:20px;
}
.event-detail-block .handbill-img-block .img img{
	width:100%;
}
.event-detail-period{
	background-color:#FFF;
	border:1px solid #bab6af;
	padding:10px;
	margin:0 0 20px;
}
.event-detail-period dt{
	background-color:#ef7a00;
	color:#FFF;
	line-height:1.0em;
	padding:2px 8px;
	margin:0 0 4px !important;
	float:left;
}
.event-detail-period dd{
	clear:both;
	border:none !important;
	padding:0 !important;
}
.event-detail-contents dl{
	margin-bottom:20px;
}
.event-detail-contents dt{
	font-weight:bold;
	margin:10px 0 0px;
}
.event-detail-contents dd{
	border-bottom:1px dotted #666666;
	padding-bottom:8px;
}
.event-detail-contents-btn{
	text-align:right;
	margin-top:20px;
}
.event-detail-contents-btn a{
	color:#01325b;
	text-decoration:none;
	background: url("/common/images/ico-arrow-blue-sp-d.gif") left center no-repeat;
	background-size:9px 14px;
	-webkit-background-size:9px 14px;
	background: url("/common/images/ico-arrow-blue-sp.gif") left center no-repeat\9; /* for IE7,8 */
	display:inline-block;
	padding-left: 15px;
	color:#035d8a;
}
.event-detail-back-btn{
	padding:10px 0;
	border-bottom: 1px dotted #666666;
    border-top: 1px dotted #666666;
	margin-top:20px;
	background:url("/common/images/ico-arrow-blue-square-mini-back-sp-d.gif") left center no-repeat;
	background-size:13px 13px;
	-webkit-background-size:13px 13px;
	background:url("/common/images/ico-arrow-blue-square-pc-back.gif") left center no-repeat\9;/*for IE7,8*/
	padding-left:18px;
}
.event-detail-back-btn a{
	color:#035d8a;
	text-decoration:none;
}
}
@media screen and (min-width: 569px) {
/*----------------------------------------------------
  共通
----------------------------------------------------*/
/*h1タイトルエリア*/
main{
	/*position:relative;*/
	padding:0;
}
#title-area-catetop{
	background:url("/common/images/title-area-pc-bg-01.gif") top left repeat;
	border-top:1px solid #cfcfcf;
	border-bottom:3px solid #ff8ba2;
	height:100px;
	position:absolute;
	top:-10px;
	width:100%;
	padding-top:15px;
}
#title-area-detailpage{
	background:url("/common/images/title-area-pc-bg-01.gif") top left repeat;
	border-top:1px solid #cfcfcf;
	border-bottom:2px solid #ff8ba2;
	height:76px;
	position:absolute;
	top:-10px;
	width:100%;
	padding-top:15px;
}
#title-area-inner{
	width:960px;
	margin:0 auto;
	position:relative;
}
#title-area-catetop h1{
	height:38px;
	border-left:5px solid #ff8ba2;
	padding:7px 0 0 10px;
	margin:15px 0 0 0;
}
#title-area-detailpage h1{
	height:24px;
	border-left:5px solid #ff8ba2;
	padding:4px 0 0 10px;
	margin:13px 0 0 0;
}
#title-area-detailpage h1 img{
	height:21px;
}
/* ぱんくず */
ul#bread-clumb li{
	display:inline;
	color:#666666;
}
ul#bread-clumb li a{
	color:#035d8a;
	text-decoration:none;
}
ul#bread-clumb li a:hover{
	text-decoration:underline;
}
ul#bread-clumb li#home{
	background:url("/common/images/bread-clumb-home-bg-01.png") left 1px no-repeat;
	padding-left:12px;
}
/*カラム設定*/
article,
#section-inner-left{
	/* width:715px; */
	float:left;
}
aside{
	width:225px;
	float:right;
}
/*パーツ*/
h2.cmn-h2-ttl{
	border-left:5px #ff8ba2 solid;
	border-bottom:1px #c4c0bc solid;
	background:#FFF;
	font-size:133%;
	padding:10px 10px 7px;
	margin-bottom:20px;
}
/*----------------------------------------------------
  カテゴリTOP
----------------------------------------------------*/
/*イベントバナー*/
#event-banner-section{
	margin-bottom:20px;
}
#event-banner-section ul{
}
#event-banner-section ul li{
	float:right;
	line-height:0;
	margin-bottom:20px;
	position:relative;
}
#event-banner-section ul li:first-child{
	float:left;
}
#event-banner-section ul li a{
	display:block;
	-webkit-box-shadow: 0px 2px 3px 0px #aaa;
	-moz-box-shadow: 0px 2px 3px 0px #aaa;
	box-shadow: 0px 2px 3px 0px #aaa; 
}
#event-banner-section ul li img{
	/* width:347px; */
	/* height:185px; */
    height:255px;
}
#event-banner-section ul li span.arrow img{
	height:13px;
	width:13px;
	border:1px solid #eadcb9;
	display:block;
	position:absolute;
	bottom:4px;
	right:4px;
}
/*イベントニュース*/
#event-news-section-inner{
	margin-left:-20px;
}
.event-section-unit {
	float:left;
	width:225px;
	margin:0 0 20px 20px;
}
.event-section-unit.gray {
	border-top:solid 6px #ff8ba2;
}
dt.event-section-unit-ttl {
	background:#ffffff;
}
dt.event-section-unit-ttl a {
	display:block;
	padding:10px;
	height:30px;
	color:#035d8a;
	background:url("/common/images/ico-arrow-blue-square-pc.gif") no-repeat 9px center;
	padding-left:32px;
	text-decoration:none;
}
dt.event-section-unit-ttl a span {
	border-bottom:1px dotted #035d8a;
}
dt.event-section-unit-ttl a:hover span {
	border-bottom:none;
}
dd.event-section-unit-img{
	line-height:0;
	background:#FFF;
}
dd.event-section-unit-img img{
	width:225px;
	height:120px;
}
dd.event-section-unit-detail{
	background-color:#FFF;
	padding:10px 10px 0;
	height:150px;
	overflow:hidden;
}
dd.event-section-unit-detail span.terms{
	background-color:#ef7a00;
	color:#FFF;
	line-height:1.0em;
	padding:2px 8px;
	margin-bottom:4px;
	display:inline-block;
}
dd.event-section-unit-link{
	background-color:#FFF;
	padding:14px 4px 4px;
	text-align:right;
}
dd.event-section-unit-link a{
	color:#01325b;
	font-size:83%;
	text-decoration:none;
	background:url("/common/images/ico-arrow-blue-square-pc.gif") no-repeat left center #01325b;
	border:1px solid #01325b;
	border-left:none;
	line-height:1.0em;
	display:inline-block;
	cursor:pointer;
}
dd.event-section-unit-link a span{
	display:inline-block;
	background:#FFF;
	padding:2px 2px 1px 2px;
	margin-left:13px;
}
/*ページネーション*/
.page-nation{
	clear:both;
	border-top:#666666 1px dotted;
	border-bottom:#666666 1px dotted;
	padding:10px 0;
	*margin-top:20px;
}
.page-nation a{
	color:#035d8a;
	text-decoration:none;
	border-bottom:1px dotted #035d8a;
}
.page-nation a:hover{
	border-bottom:none;
}
.page-nation .back{
	background:url("/common/images/ico-arrow-blue-square-pc-back.gif") left center no-repeat;
	padding-left:18px;
	float:left;
	width:72px;
}
.page-nation .next{
	background:url("/common/images/ico-arrow-blue-square-pc.gif") right center no-repeat;
	padding-right:18px;
	text-align:right;
	float:right;
	width:72px;
}
.page-nation-list{
	float:left;
	width:535px;
	text-align:center;
}
.page-nation-list li{
	display:inline;
	padding:0 5px;
	border-right:#000 1px solid;
}
.page-nation-list li:first-child{
	border-left:#000 1px solid;
}
/*----------------------------------------------------
  詳細
----------------------------------------------------*/
.event-detail-block{
	background:#FFF;
	border:1px solid #c4c0bc;
	padding:20px;
}
.event-detail-block .handbill-img-block{
	width:332px;
	float:left;
	padding-right:20px;
}
.event-detail-block .handbill-img-block .img{
	line-height:0;
}
.event-detail-block .handbill-img-block .img img{
	width:332px;
}
p.handbill-img-expansion-link{
	background-color:#FFF;
	text-align:left;
	margin-top:10px;
}
p.handbill-img-expansion-link a{
	color:#01325b;
	font-size:83%;
	text-decoration:none;
	background:url("/common/images/ico-arrow-blue-square-pc.gif") no-repeat left center #01325b;
	border:1px solid #01325b;
	border-left:none;
	line-height:1.0em;
	display:inline-block;
	cursor:pointer;
}
p.handbill-img-expansion-link a span{
	display:inline-block;
	background:#FFF;
	padding:2px 2px 1px 2px;
	margin-left:13px;
}
dl.event-detail-period{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color:#023893;
	width:100%;
	border:1px solid #023893;
	margin-bottom:10px;
}
dl.event-detail-period dt{
	color:#FFF;
	font-weight:bold;
	font-size:108%;
	width:62px;
	float:left;
	text-align:center;
	padding:7px 0;
	margin:0 !important;
}
dl.event-detail-period dd{
	width:245px;
	float:left;
	padding:7px 0 7px 14px;
	background:url("/event/images/event-detail-period-bg.gif") no-repeat left center #FFF;
	border-bottom:none !important;
}
/*チラシ有：レイアウト*/
.event-detail-contents{
	float:left;
	width:321px;
}
/*チラシ無：レイアウト*/
.event-detail-contents.no-handbill dl.event-detail-period dd{
	width:597px;
}
.event-detail-contents.no-handbill{
	width:100%;
	clear:both;
}
.event-detail-contents dl{
	margin-bottom:10px;
}
.event-detail-contents dt{
	font-weight:bold;
	font-size:108%;
	margin:10px 0 8px;
}
.event-detail-contents dd{
	border-bottom:1px dotted #666666;
	padding-bottom:8px;
}
.event-detail-contents-btn{
	margin-top:20px;
}
.event-detail-contents-btn a{
	background:#01325b;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	border:1px solid #001a2f;
	display:block;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	width:167px;
	margin:0 auto;
	padding:7px 0 7px;
}
.event-detail-contents-btn a:hover{
	text-decoration:underline;
}
.event-detail-contents-btn a span{
	background:url("/common/images/ico-arrow-white-pc.gif") left center no-repeat;
	padding-left:14px;
	line-height:1.0em;
}
}