@charset "UTF-8";
body {background: url(images/body_bg.jpg) repeat;margin:0; font-size:75%; text-align: center; line-height:150%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
table{line-height:150%; font-size:12px;}
img, a { border:none;}
h1, h2, h3, h4, h5{ margin:0; padding:0; }
a, a:hover, a:visited{ color:#295c87; text-decoration:none;} a:hover{ text-decoration:underline;}
ul, li ,li a{ margin:0; padding:0;}
.title{ font-weight:bolder; padding:10px 0 5px 0;}
.belt{ background-color:#d2e7f5; padding:5px 0 5px 5px; margin:10px 0 10px 0;}
.p18{ font-size:18px;}.p16{font-size:16px;}.p14{font-size:14px;}.p12{font-size:12px;}.p10{font-size:10px;}
.thin{ font-weight:normal;}
.clear{clear:both;}
.center{text-align:center;}
table.center{ margin-left:auto;margin-right:auto;}
/*==============HEADER==============*/
#header, #topflash, #container {width: 960px;margin:0 auto;text-align:left; }
#header{ height:40px; padding-bottom:0px;}
#header h1 {height: 40px;width: 375px;float: left;}/*index*/
#logo{height: 40px;width: 375px;float: left;}/*pages*/
#headerlink { padding-top:10px; float:right;}
#headerlink li{background: url(images/arrow_header.gif) no-repeat  left center; padding:0 15px; float:left;display:block;list-style:none; }

#topflash object { display:block; margin:0;padding:0; width:960px; height:410px;}
/*==============CONTENTS==============*/
#container{background: url(images/content_top.jpg) no-repeat right top; padding:9px 0 14px 0;margin-top:10px; text-align:left;}
#container.top{ margin-top:0;}
#container-inner{background: url(images/content_bg.jpg) repeat-y right top; padding-bottom:35px;width: 960px;margin:0;}

#globemenu {width: 203px; float:left; padding-right:20px;}
#globemenu ul{padding-bottom:10px;}
#globemenu li,#globemenu li img{ list-style:none;margin:0; padding:0;}
#globemenu li{display:block;}
#globemenu li a{ display:block;margin:0; padding:0;width: 203px;}

#container.top h2, #container.top h3{ font-size:1em;}
#content{ width:710px; padding-top:10px; float:left; margin:0; }
#content h1{ text-align:center;}
#content h1.green{background: url(images/dot_green.gif) repeat-x  bottom; padding-bottom: 10px; margin-bottom:10px; }
#content h1.red{background: url(images/dot_red.gif) repeat-x  bottom; padding-bottom: 10px; margin-bottom:10px; }
.pageh2{font-weight:bolder; padding:10px 0 10px 0; font-size:12px;}
/*=======TOP=======*/
.top-cap {
	color:#bb5400;
	font-size:110%;
}
/*====LINKS====*/
#top-right {float: right;width: 210px; padding-top:0px;}
ul.link1 {background: url(images/dot_grey.gif) repeat-x  bottom;padding-bottom: 10px;}
ul.link2 { padding-top:15px;}
#top-right li{ padding-bottom:8px;display:block;list-style:none;}
li.arrow-b{background: url(images/arrow_blue.gif) no-repeat  left 5px; padding-left:10px; padding-bottom:3px;}
/*====NEWS====*/
#top-center {width: 480px; padding-top:10px;float: left;}
#top-center.top-center-down {padding-top:0;}
#top-center-up {width: 480px;float: left;}
#top-center table{ margin-top:5px; margin-bottom:10px; font-size:13px;}
#top-center td{ padding:3px 0;}
#top-center td.news {padding-left: 10px;}
table#kouza {width: 480px;padding: 5px 0;border-top: thin solid #999;border-bottom: thin solid #999;margin-bottom:30px;}
#kouza th{ padding-right:5px;}
#kouza a,#kouza a:hover, #kouza a:visited{ color:#048a14;}
a.arrow-g{background: url(images/arrow_green.gif) no-repeat  left 3px; padding-left:10px; }
/*==CONTACT==*/
#contact {background: url(images/contact_bg.jpg) no-repeat center top; width:480px; padding-top:8px; height:107px; margin-bottom:10px; margin-top: 18px; }
.contact-title{ float:left; padding:33px 5px 33px 12px; border-right:solid 1px #4a370f; width:64px;}
.contact-content{float:left; padding:5px 0 5px 10px; width:385px; font-size:10px; font-weight:bold; line-height:160%; text-align:left;}
.contact-content img{ padding-bottom:5px;display: block;}
.inpage{ margin:10px auto 0 auto;}
div#contact.inpage {margin-top:10px;}


/*=======PAGES=======*/
/*==SERVICE==*/
#service h2{font-weight:bolder; padding:10px 0 5px 0; font-size:14px; float:left;}
#service p, #service table{ clear:both; padding-bottom:5px;}
a.read{ float:left;padding:8px 0 0 8px;}
/*==MEETINGROOM==*/
#room{ width:710px; text-align:left;}

.concert{ text-align:center;}

#eventguide{ width:650px; margin:0 auto;}
#eventguide table{ border-left:solid 1px #666;border-top:solid 1px #666;}
#eventguide table td{ border-right:solid 1px #666;border-bottom:solid 1px #666;}

ul.listing { padding-left:40px; padding-bottom:10px;}
.party2 td{ padding:8px 0;}
table.party2 {width:800px;}

.studyroom-balloon { width:50%; float:left; }
.studyroom-balloon img { width:48%; margin:10px 2% 10px 0; }

/*==CONCERT==*/
.concerttitle { font-size:18px; color:#99004c; font-weight:bold; margin:35px 0 10px 0;}

/*==============FOOTER==============*/
#footer{ background: url(images/content_end.jpg) no-repeat right top;width:960px; text-align:center; min-height:45px;}
#footer address{ padding:24px 0 0 135px; font-style:normal;}
#pagetop{ float:right; margin:0; padding:0 30px 0 0; height:45px;}

#sinsai {
	width:460px;
	padding:10px;
	margin:10px 0;
	text-align:center;
	background-color:#ffe6e6;
	font-size:115%;
}
#sinsai p {
	margin:5px 0 0 0;
	font-size:90%;
}

#donation-contents {
	text-align:left;
	font-size:12px;
	margin:20px 20px 0 20px;
}


/*==============NEW_110714==============*/

div#header_new_110714 {
	width:700px;
	height:144px;
	background: url(images/l_osaka_header.jpg) no-repeat center;
    }

p.header{
	margin:0px auto;
	width:680px;
	height:130px;
	text-align:left;
	padding-left:20px;
	padding-top:60px;
	line-height:20px;
}




div#body_main{
	width:720px;
	margin-bottom:20px;
	overflow:hidden;
	}
	
img#left{
	float:left;
	margin-top:25px;
	}

p.concept{
	margin:40px auto 0px;

	}


img#right{
	margin-top:15px;
	margin-left:5px;
	}



div#text_new_110714{
	width:720px;
	margin:10px auto 20px;
	}
	
/**div#text_new_110714 h3{
	margin-bottom:10px;}**/

p.strong{
	font-size:15px;}

div#text_new_110714  p{
	margin-left:10px;
	width:680px;
	}

div#text_new_110714  ul{
	margin-right:25px;
	margin-left:25px;
	float:left;
	}



p.text_new_110714{
	width:680px;
	margin:0px 0px 10px 20px;
	}
	
p.url{
	margin:0px auto 0px;}
.hr-dash{background: url(images/hr-dash.gif) repeat-x center; }

/**ruby**/

ruby {
    display: inline-table;
    margin: 0;
    padding: 0;
    border: none;
    white-space: nowrap;
    text-indent: 0;
    vertical-align: text-bottom;
    }

/*
    HTML 5 ではこの<rb>要素は存在しないのですが、このスタイルが適用出来なくても問題は無いようです。
*/
rb {
    display: table-row;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 100%;
    text-align: center;
    }

rt, a:link rt, a:visited rt {
    display: table-header-group;
    margin: 0;
    padding: 0;
    border: none;
    font: inherit;
    font-size: 70%;
    line-height: 100%;
    text-decoration: none;
    text-align: center;
    }

rp {
    display: none;
    }
	
#in_table {
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	}
	
	
	/**2015**/
	
.oshirase{
	padding:5px;
}

.box_mrgn{
	padding:5px;
}


.box_mrgn2{
	padding:8px;
	width:100%;
}


.box_color{
	text-align:center;
	background-color:#FFF;
	margin:10px 0;
	padding:5px;
}


.list_left{
	text-align:left;
}

.img_float_R{
	margin:10px 0 10px 0;
	width:250px;
	height:160px;
	float:right;
}

#box_osrs1{
	text-align:left;
	margin-top:10px;
	clear:both;
	
}


.imgbox{
	text-align:center;
	margin:10px 0 20px 0;
	border-style:none;
	clear:both;
}


#box_osrs2{
	text-align:left;
	margin-top:10px;
	clear:both;
}

.eg-ul {
	padding:0 0 0 20px;
}

#concertProgram li{
	list-style:none;
}

.justify { padding:0 15px; }


.text_top{
	text-indent:-1em;
	padding-left:1em;
}

#top-center, #top-center table {width:480px;}

a.fb_link {margin-left: 4px;
	float: left;
}

.fb_link img {margin-top:10px;}

.imagesong {
	width:480px;
	height:100px;
	float:left;
	margin-top:10px;
}

.access_map img, table.parking_fee {width:400px;}

table.parking_rule {width:70%;}

.row_1 {height:35px;}

.row_2 {height:105px;}

.td1 {width:404px;}

.td2 {width:130px;}

.td3 {width:150px;}

.td4 {width:120px;}


#narrow_tab {width:80%;
	margin: auto;
}



table.responsive { margin-bottom: 0; }

.pinned { float:left; }  

.scrollable {float: right;}

.pinned table {position:relative;
	left:1px;
}

div.table-wrapper { display:inline-block;
	margin: auto; 
	position: relative; 
}

div.table-wrapper div.scrollable table { }
	
.netral table {width: 100%; 
	position: relative;
	left: 1px;
	top: -1px;
}

div.evaluate1 {width:78.2%;
	margin: 0 auto 18px auto;
	font-size:12px;
}

table.evaluate1 {width:75%;}

table.evaluate2, table.next_concert {width:85%;}

table.eventguide_sub {width:80%;}

td.eventguide_oshirase {padding:20px;
	border:solid 1px;
}

table.gallery_tab {width:523px;}

table.message {width:105px;}

table.message2 {width:500px;}	

.eventguide_aisatsu {padding:10px 30px;
	background-color:#CAE297;
	color:#333;
	font-size:13px;
}




.line_break_pc {display:inline;}

.line_break_sp {display:none;}

.for-sp, .button-toggle, #flashimage {display:none;
}
.for-pc {display:block;
}

.for-pc2 {display:inline;}



/** BxSlider **/

.slider {
	margin:0 auto;
}
.slider li {
	width:670px;
}


.bx-wrapper {
	position: relative;
	margin: 0 0 60px 0;
	padding: 0 20px;
	*zoom: 1;
}

.bx-wrapper img {
	display: block;
	width:100%;
	height:auto;
}

#top-mainimg .bx-wrapper .bx-viewport {
	float:left;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -20px;
	width: 670px;
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ccc;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #333;
}

.bx-wrapper .bx-prev {
	left: 0px;
	background: url(images/pref.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
	right: 0px;
	background: url(images/next.png) no-repeat 0 0;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.bx-controls { }

/** BxSlider End **/


/** IE用 **/

	#meetingAllTable table { line-height:18px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#meetingAllTable:not(:target) { width:626px; }
	#meetingAllTable table:not(:target) { line-height:140%; }
	.IE-table01:not(:target) { height:58px; }
	.IE-table02:not(:target) { height:76px; }
	.IE-table03:not(:target) { height:40px; }
	.IE-table04:not(:target) { height:34px; }
}

	#meetingAllTable:not(:target) { width:626px\9; }
	#meetingAllTable table:not(:target) { line-height:140%\9; }
	.IE-table01:not(:target) { height:58px\9; }
	.IE-table02:not(:target) { height:76px\9; }
	.IE-table03:not(:target) { height:40px\9; }
	.IE-table04:not(:target) { height:34px\9; }

/** IE用 End **/