@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
/*	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ol , ul {
    list-style:none;
}

img {
　　　vertical-align: bottom;
　　　font-size:0;
　　　line-height: 0;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color:#666;
}
a:hover {
	text-decoration:underline;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}



html {height:100%;min-height:100%;overflow-x:hidden;background:#FCF38B url(../img/common/bg_html.jpg) repeat-x;}
body {height:100%;}
html > body {height:auto;}

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
	}
	
#conteiner {width:1377px;margin:0 auto;padding-top:11px;}
header , nav , footer , .wrapper {width:980px;margin:0 auto;}

header {position:relative;z-index:3;}
nav {
	position:relative;
	padding:14px 0;
	zoom:1;
	z-index:4;
	}
nav:after {
	content: ""; 
    display: block; 
    clear: both;
	}
nav ul {margin-left:35px;position:relative;z-index:6;}
nav ul li {float:left;display:inline;padding:0 70px 0 0;line-height:1.2;}
nav ul li a{text-decoration: none;color:#222;font-family: 'Slabo 27px', serif;font-weight: 700;}
nav ul li a:hover{color:#666;text-decoration: none;}
nav p {position:absolute;right:5px;bottom:0;font-size:0;line-height:1;z-index:6;}

footer {clear:left;padding:0 0 25px;text-align:center;font-size:65%;zoom:1;}
footer:after{
    content: ""; 
    display: block; 
    clear: both;
	}

#contents {clear:both;padding-bottom:30px;}
#contents section {width:1377px;background:url(../img/common/img_bird2.png) no-repeat right bottom;margin:0 auto 60px;position:relative;}
#contents section h3 {width:964px;margin:0 auto 17px;padding:12px 0 12px 16px;border-left:6px solid #fff;}
#contents section .bird1 {position:absolute;left:0;}
#contents section .bird2 {height:369px;position:absolute;right:0;bottom:0;}
#contents section .wrapper {
	position:relative;
	margin-bottom:15px;
	padding:4px 0;
	_padding-bottom:0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	zoom:1;
	}
.wrapper:after {
    content: ""; 
    display: block; 
    clear: both;
	}
#contents section .wrapper h4 {margin:0 10px 15px;padding:10px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;text-align:center;}
#contents section .wrapper span {margin-top:5px;display:block;font-size:10px;font-weight:normal;}
#contents section .wrapper aside {width:175px;padding:10px 0;float:right;display:inline;color:#fff;}
#contents section .wrapper aside p {font-size:78%;line-height:1.4;}
#contents section .wrapper aside h5 {margin:0 10px;text-align:center;}
#contents section .wrapper aside a {color:#fff;}
#contents section .wrapper aside p img {margin:15px 0;}
#contents section .wrapper article {width:805px;padding:25px 0;float:left;display:inline;background-color:#fff;line-height:1.8;}
#contents section .wrapper article p ,
#contents section .wrapper article h5 ,
#contents section .wrapper article ul ,
#contents section .wrapper article dl {margin:0 20px;}
#contents section .wrapper article p {margin-top:15px;argin-bottom:15px;}
#contents section .wrapper article dl {margin-top:40px;}
#contents section .wrapper article dt {clear:both;width:700px;padding:15px 0 5px;border-bottom:1px solid #8AB8CE;font-weight:bold;color:#8AB8CE}
#contents section .wrapper article dd {
	background:url(../img/common/img_listen.gif) no-repeat 190px 10px;
	width:350px;
	padding:10px 0;
	float:left;
	display:inline;
	border-bottom:1px solid #8AB8CE;
	font-size:90%;
	line-height:1.4;
	}
#contents section .wrapper article dd a {padding-right:125px;line-height:20px;}
#contents section .pagetop{
	width:980px;
	height:27px;
	position:relative;
	margin:0 auto;
	padding-top:70px;
	text-align:right;
	border-bottom:1px solid #fff;
	font-size:0;
	line-height:1;
	}
#contents section .inner {zoom:1;}
#contents section .inner:after {
    content: ""; 
    display: block; 
    clear: both;
}

/* message */
#contents section#message h3 {border-left-color:#D7AD6F;}
#contents section#message article h5 {padding:5px;background:#DC9572;color:#fff;}
#contents section#message .birdBg { background:#fff url(../img/common/bg_bird1.gif) no-repeat top right;}
#contents section#message .inner aside {text-align:center;}
#contents section#message .inner { background:url(../img/common/bg_message.gif) repeat-y;}
#contents section#message .msg2 {background:url(../img/common/bg_message2.gif) repeat-y;}

/* program */
#contents section#program h3 {border-left-color:#74A840;}
#contents section#program aside {text-align:center;}
#contents section#program .birdBg { background:#fff url(../img/common/bg_bird2.gif) no-repeat top right;}
#contents section#program li {width:90%;margin:0 auto 10px 0;padding:15px;border:1px solid #ccc; }
#contents section#program .inner { background:url(../img/common/bg_program.gif) repeat-y;}

/* podcast */
#contents section#podcast h3 {border-left-color:#8AB8CE;}
#contents section#podcast .birdBg { background:#fff url(../img/common/bg_bird3.gif) no-repeat top right;}
#contents section#podcast .clearfix { width:640px;}
#contents section#podcast aside {text-align:center;}
#contents section#podcast .inner { background:url(../img/common/bg_podcast.gif) repeat-y;}

/* information */
#contents section#information h3 {border-left-color:#8AB8CE;}
#contents section#information .birdBg { background:#fff url(../img/common/bg_bird3.gif) no-repeat top right;}
#contents section#information .clearfix { width:640px;}
#contents section#information aside {text-align:center;}
#contents section#information .inner { background:url(../img/common/bg_podcast.gif) repeat-y;}

/* event */
#contents section#event h3 {border-left-color:#c097c0;}
#contents section#event .birdBg { background:#fff url(../img/common/bg_bird4.gif) no-repeat top right;}
#contents section#event aside {text-align:center;}
#contents section#event li {width:530px;margin:0 10px 10px 0;padding:15px;float:left;display:inline;border:1px solid #ccc; }
#contents section#event .inner { background:url(../img/common/bg_event.gif) repeat-y;}
.img{float:left;margin-right:10px;}
.img_r{float:right;margin-left:10px;}
#contents section#event .clearfix { width:640px;}

/* class */
/* datefm mark */
h1 {width:130px;height:40px;float:left;}
.sharedhead ul#gmenu {width:100px;list-style:none;float:right;}
.sharedhead ul#gmenu li {text-align:right;}
div.sharedhead {width:980px;height:103px;margin:0px auto;}

/* toppage layout */
body#toppage {background:url(../img/top/bg_head.jpg) no-repeat top center;}
#toppage #head {width:980px;height:901px;margin:0 auto;position:relative;}
#toppage #head h2 {position:absolute;right:-90px;top:20px;z-index:1;}
#toppage #head h3 {margin-bottom:27px;}
#toppage #head article {height:390px;}
*#toppage #head article p {
	font-size:100%;
	line-height:1.6;
	color:#222;
	}
#toppage #head section {width:980;margin-top:90px;}


/* secondpage layout */
#page #head {width:980px;margin:0 auto;position:relative;height:360px;}
#page #head h2 {position:absolute;right:-90px;top:20px;z-index:1;}
#page #head h3 {margin-bottom:27px;}
#page #head article {height:390px;}
#page #head section {width:980;margin-top:90px;}
#page #head nav{border-top: 1px solid #111;border-bottom: 1px solid #111;}



/*message*/
#hanamap {background:url(../img/top/hanamap_bg.jpg) 0 0 no-repeat;position:relative;width:640px;height:477px;margin: 0 20px;}
#hanamap p {margin:0;}
#hanamap .item01 {position:absolute;top:10px;left:0;}
#hanamap .item02 {position:absolute;top:90px;left:220px;}
#hanamap .item03 {position:absolute;top:15px;left:386px;}
#hanamap .item04 {position:absolute;top:227px;left:78px;}
#hanamap .item05 {position:absolute;bottom:8px;right:51px;}

/*------------------------------2015.02.11 RENEW STYLE-------------------------------------------------------*/
.small{
    font-size: 70%;
    font-weight: 400;
}
.fs90{
    font-size: 90%;
    line-height: 1.5;
}
.fcTit{color:#da2c69;}

#contents section .wrapper span.oatxt{
    font-size: 80%;
    line-height: 1.4;
}

h3.gfont{font-family: 'Slabo 27px', serif;font-weight: 700;}

.evcal{
    width: 654px;
    margin-left: 10px;
    border-collapse: collapse;
    border-right: 1px solid #999;
    font-size: 80%;
    line-height: 1.3;
    color: #444;
}
.evcal a{color:#444;}
.evcal th{
    width: 40%;
    padding: 6px;
    text-align: left;
    vertical-align: top;
    color: #333;
    background-color: #bbb;
    border-left: 5px solid #5fa9dd;
    border-top: 1px solid #fff;
}
.evcal td{
    width: 20%;
    padding: 6px;
    background-color: #fff;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
}
.evcal th.date{
    width: 100px;
}

.evcal td ol.rows li{
    padding:5px 0;
}
.evcal td ol.rows li.bdt{
    border-top: 1px dashed #999;
}

#contents section .wrapper span.ardown{
   * display: inline;
   * float:left;
    display: inline-block;
    color: #5fa9dd;
    font-size: 120%;
}
#contents section .wrapper p.title{font-size: 13px;}
#contents section .wrapper span.headtime{font-size: 13px;}

/*------------
Event Content toolTips
-------------*/
img.ico{
    display:inline;
    float:left;
    margin-right:5px;
}
h2.moreTit{ padding:5px 0;}
p.moreTxt{ font-size:13px;line-height:1.4;}

.tipbox{
    max-width: 300px
}

/* Float Crear */
.clear:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}

/* link */
#contents section#link h3 {border-left-color:#D7AD6F;}
#contents section#link .birdBg { background:#fff url(../img/common/bg_bird1.gif) no-repeat top right;}
#contents section#link .inner aside {text-align:center;}
#contents section#link .inner { background:url(../img/common/bg_message.gif) repeat-y;}
#contents section#link article ul.linksyu{ width: 80%; text-align: center; margin: 0 auto;}
#contents section#link article ul.linksyu li{ display: inline; float: left; margin:5px;}

/* contact */
#contents section#contact h3 {border-left-color:#f0c644;}
#contents section#contact .birdBg { background:#fff url(../img/common/bg_bird5.gif) no-repeat top right;}
#contents section#contact .inner aside {text-align:center;}
#contents section#contact .inner { background:url(../img/common/bg_contact.gif) repeat-y;}

/* Archive */
#contents section .wrapper article .arcContent{
    border-bottom: 1px dashed #bbb;
    padding-bottom: 30px;
}
#contents section .wrapper article .arcContent h3{
    font-size: 30px;
    width: 805px;
}
#contents section .wrapper article .arcContent:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
#contents section .wrapper article .arcContent div.inner_txt.oablock{ width: 600px;}
#contents section .wrapper article .arcContent div.inner_txt.oablock .oablock_inner{ margin: 10px;border: 1px solid #8ab8ce;padding:0 10px;}
#contents section .wrapper article .arcContent p.progName{
    font-weight: bold;
    font-size: 1.0224em;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#contents section .wrapper article .arcContent div.inner_txt.oablock .oablock_inner p{line-height: 1.4;margin:10px 0;}
#contents section .wrapper article .arcContent div.inner_txt.oablock .oablock_inner p span.bold{font-weight: 700;font-size: 1em;margin:0;display: inline;}


/* info 2016-02追加*/
#contents section .wrapper article .infoContent{
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px dashed #8ab8ce;
    display: block;
    position: relative;
}
#contents section .wrapper article .infoContent:last-child{
    border-bottom: 0;
}
#contents section .wrapper article .infoContent:first-child{
    padding-top: 0;
}
#contents section .wrapper article .infoContent p{
    font-size: .8662em;
    padding-right: 140px;
}
#contents section .wrapper article .infoContent p.small{
    font-size: .7662em;
}
#contents section .wrapper article .infoContent div{
    display: inline;
    float: left;
}
#contents section .wrapper article .infoContent div p{
    margin: 0;
}

#contents section .wrapper article .infoContent div.inner_txt{
    width: 600px;
    padding-top:5px;
}
#contents section .wrapper article .infoContent div.inner_txt p{
    margin-left: 20px;
}

#contents section .wrapper article .infoContent div.inner_photo{
    width: 360px;
}
#contents section .wrapper article .infoContent::after,
#contents section .wrapper article .infoContent::before{
    content: "";
    display: table;
    clear: both;
}
#contents section .wrapper article .infoContent div.inner_txt.oablock{ width: 600px;}
#contents section .wrapper article .infoContent div.inner_txt.oablock .oablock_inner{ width:500px; margin: 5px 10px;border: 1px solid #8ab8ce;padding:0 10px;}
#contents section .wrapper article .infoContent div.inner_txt.oablock .oablock_inner p.progName{
    font-weight: bold;
    font-size: 1.0224em;
    padding-right: 0;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#contents section .wrapper article .infoContent div.inner_txt.oablock .oablock_inner p{line-height: 1.4;margin:10px 0;}
#contents section .wrapper article .infoContent div.inner_txt.oablock .oablock_inner p span.bold{font-weight: 700;font-size: 1em;margin:0;display: inline;}

.clear{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clear{height:1%;}
.clear{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

#contents section .wrapper article .infoContent div.photo__img ul{
    display: flex;
    flex-wrap: wrap;
    padding-top: 1em;
}
#contents section .wrapper article .infoContent div.photo__img ul li{
    width: 50%;
}
#contents section .wrapper article .infoContent div.photo__img ul li img{
    width: 100%;
}