@charset "utf-8";
    /*
    Theme Name: HSO
    Description:hiroshima symphony orchestra
    Theme URI: 
    Author: GENSHOKU
    */
/* CSS Document */

@import url("reset.css");
@import url("http://yui.yahooapis.com/2.8.0r4/build/fonts/fonts-min.css");

@import url("page.css");

/* CSS Document */
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

html { overflow-y:scroll;}
body {
	font-family:"メイリオ","ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo,Osaka,sans-serif;
}

a {	
	outline:none;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
	
img { border:0;}

form {
	margin:0;
	padding:0;
}

p,
table,
ul{ font-size: 108%;}
td {
	vertical-align: top;
	line-height: 150%;
}
p {	line-height: 150%;}

em {
font-family: "ＭＳ Ｐゴシック",sans-serif;
font-style: oblique;
}
/************* 共通 *************/

	

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix { zoom: 100%;}

/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */

.clear { clear:both; }

.fl { float:left;}
.fr { float:right;}

.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}
.bcenter {
	margin-left: auto;
	margin-right: auto;
}

.ie_img {/* IE6で画像に隙間がでる対策 */
	font-size: 0;
	line-height: 0;
}

.b_link { cursor: pointer;}

/************* 共通フォントサイズ/色 ***************************************************************/

.red { color:red;}
.bold { font-weight: bold;}

.f10 { font-size:70%;}
.f11 { font-size:79%;}
.f12 { font-size:85%;}


/************* 共通余白 *************/
.m5 { margin:5px;}
.m10 { margin:10px;}
.m20 { margin:20px;}
.m30 { margin:30px;}

.ml5 { margin-left:5px;}
.ml10 {	margin-left:10px;}
.ml20 {	margin-left:20px;}
.ml30 {	margin-left:30px;}

.mt5 { margin-top:5px;}
.mt10 {	margin-top:10px;}
.mt20 {	margin-top:20px;}
.mt30 {	margin-top:30px;}

.mr5 { margin-right:5px;}
.mr10 {	margin-right:10px;}
.mr20 {	margin-right:20px;}
.mr30 {	margin-right:30px;}

.mb5 { margin-bottom:5px;}
.mb10 {	margin-bottom:10px;}
.mb20 {	margin-bottom:20px;}
.mb30 {	margin-bottom:30px;}

/* ---------- 共通パーツ ---------- */


/* ---------- ロールオーバー処理 ---------- */
a img.bn,
#right_con .menu_box a img  {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1.0;
}

a:hover img.bn,
#right_con .menu_box a:hover img {
	filter: Alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/* ---------- main ---------- */
body {
	background: #F9FAF5 url(images/bg_head01.png) top repeat-x;
}
body#tinymce {
	background: none;
}
#container {
	margin: 0px auto;
	padding:0px;
}


header #h_navi01,
header address,

#contents,
footer #pagetop,
footer #sitemap
{
	width: 950px;
	margin:0px auto;
}
header #m_navi nav
{
	width: 951px;
	margin:0px auto;
}

/* ---------- navi ---------- */

header {
}
header a {
	color: #ffffff;
	text-decoration: none;
}
header a:hover { color: #ffffff;}
header a:visit { color: #ffffff;}

header #h_navi01 ul li #fontSize {
	width: 110px;
	float: left;
}
header #h_navi01 ul li #fontSize li{
	padding: 0;
margin-right:3px;
	background: none;
}
header #h_navi01 ul li #fontSize .ftitle {
	width: 58px;
	height: 19px;
	margin: 0 0 0 8px;
	float: left;
}
header #h_navi01 ul li #fontSize .fsize {
	width: 19px;
	height: 19px;
	margin: 0 0 0 8px;
	float: left;
}
header #h_navi01 ul li #fontSize .fsize li ,
header #h_navi01 ul li #fontSize .fsize li+li {
	width: 19px;
	height: 19px;
	margin-left: 4px;
	float: left;
    cursor: pointer;
	}

header #h_navi01 ul li #fontSize .fsize li a{
	height: 19px;
	display: block
}



#h_navi01 {
	height: 28px;
}
	#h_navi01 ul {
		width:300px;
		margin: 0;
		float: right;
	}
	#h_navi01 ul li {
		height: 21px;/*28px*/
		padding: 5px 13px 0  10px;
		float: left;
		color: #ffffff;
		background: url(images/bg_head02.png) no-repeat right;
	}
	#h_navi01 ul li:nth-child(3) {
		float: left;
		color: #ffffff;
		background: none;
	}
	#h_navi01 ul li.navi01 {
		padding: 7px 13px 0  10px;
		background: url(images/icn_arr01.png) no-repeat left top;
		font-size: 85%;
	}

header address {
	height: 54px;/*80px*/
	padding: 13px 0;
}
	header address h1{
		width: 335px;
		height: 49px;
		background:url(images/head_h1.png) no-repeat;
		float: left;
		text-indent: -1000em;
	}
	header address h1 a{
		width: 335px;
		height: 49px;
		display: block;
	}

#m_navi {
	height: 52px;
	background: url(images/bg_navi01.png) repeat-x;
}
	#m_navi ul li { float: left; text-indent:-1000em;}
	#m_navi ul li,
	#m_navi ul li a,
	#m_navi ul li span {
		width: 172px;
		height: 52px;
		display: block;
		cursor: pointer;
	}
	
		#m_navi ul li.navi06,
	#m_navi ul li.navi06 a,
	#m_navi ul li.navi06 span {
		width: 90px;
		height: 52px;
		display: block;
		cursor: pointer;
	}
	#m_navi li.navi01 span{ background: url("images/navi02.png") no-repeat;}
	#m_navi li.navi02 span{ background: url("images/navi03.png") no-repeat;}
	#m_navi li.navi03 span{ background: url("images/navi04.png") no-repeat;}
	#m_navi li.navi04 a { background: url("images/navi06.png") no-repeat;}
	#m_navi li.navi05 span{ background: url("images/navi05.png") no-repeat;}
	#m_navi li.navi06 span{ background: url("images/navi01.png") no-repeat;}



/* ---------- content ---------- */
#pan {
	width: 950px;
	margin:0px auto 40px;
	padding: 5px;
	overflow: hidden;
}
#pan li{ float: left;}
#pan a { color: #0164c1;}
#contents{
	clear: both;
}

/* ---------- right_con ---------- */
#right_con {
	width: 240px;
	float: right;
}
#right_con .menu_box02 { margin-bottom: 25px;}
	#right_con .menu_box02 dt{
		height: 38px;
		margin-bottom: 23px;
		background: url(images/title_menu.png) no-repeat;
		border-top: 3px solid #101010;
		border-bottom: 1px solid #cacbc6;
		text-indent: -1000em;
	}
	#right_con .menu_box02 dd{
		margin: 0 0 20px 25px;
		padding-left: 17px;
		background: url(images/icn_rmenu01.png) no-repeat;
		font-size: 108%;
	}
	#right_con .menu_box02 dd ul { margin: 20px 5px 0 14px;display:none;}
	#right_con .menu_box02 dd li {
		margin: 0 0 20px 0;
		padding-left: 17px;
		background: url(images/icn_rmenu02.png) no-repeat;
	}

#right_con .menu_box03 { margin-bottom: 25px;}
	#right_con .menu_box03 h2{
		width:240px;
		height: 38px;
		margin-bottom: 23px;
		background: url(images/title_menu.png) no-repeat;
		border-top: 3px solid #101010;
		border-bottom: 1px solid #cacbc6;
		text-indent: -1000em;
	}
	#right_con .menu_box03 ul li.page_item02{
		margin: 0 0 20px 10px;
		padding-left: 17px;
		background: url(images/icn_rmenu03.png) no-repeat;
		font-size: 100%;
	}

	#right_con .menu_box03 ul li.page_item{
		margin: 0 0 20px 25px;
		padding-left: 17px;
		background: url(images/icn_rmenu01.png) no-repeat;
		font-size: 100%;
	}
	#right_con .menu_box03 li.page_item ul.children { margin: 15px 5px 0 10px;display:none}
	#right_con .menu_box03 li.page_item ul.children li {
		margin: 0 0 15px 0;
		padding-left: 17px;
		background: url(images/icn_rmenu02.png) no-repeat;
		font-size: 93%;
	}


#right_con .menu_box { margin-bottom: 25px;}
#right_con .menu_box li{ margin-bottom: 5px;}

#right_con .cal_box {
	margin-bottom: 25px;
}
#right_con .add_box h2{
	width: 220px;
	height: 21px;
	margin-bottom: 15px;
	background: url(images/h2_hirokyo.png) no-repeat top left;
}
#right_con .add_box p {
	margin: 0 0 45px 15px;
	color: #4d4d4b;
	font-size: 93%;
}

#right_con .yearbook {
	width: 214px;/*240px*/
	padding: 5px 12px;
	border: 1px solid #cccccc;
	overflow: hidden;
	background-color: #ffffff;
}
#right_con .yearbook .ybtxt {
	width: 120px;/* 120px*/
	height: 50px;/* 95px*/
	padding-top: 42px;
	float: left;
	background: url(images/bg_ybtxt.png) no-repeat;
	font-size: 11px;
	text-align: center;
}
#right_con .yearbook:hover {
	filter: Alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#right_con .yearbook a {
	color: #000000;
}

/* ---------- left_con ---------- */
#left_con{
	width: 680px;
	float: left;
}

#infomation span.tag01,
#infomation span.tag02,
#infomation span.tag03,
#infomation span.tag04,
#infomation span.tag05,
#infomation span.tag06,
#infomation span.tag00 {
	width:80px;
	margin-right:10px;
	padding: 3px;
	font-size:10px;
	color: #ffffff;
	text-align: center;
	line-height:100%;
	letter-spacing: 0.1em;
	background: #bbbbbb;
}
#infomation span.tag01 { background: #cf292b;}
#infomation span.tag02 { background: #63a505;}
#infomation span.tag03 { background: #0885c7;}
#infomation span.tag04 { background: #ff8000;}
#infomation span.tag05 { background: #999999;}
#infomation span.tag06 { background: #8000ff;}


/* ---------- pagetop ---------- */

/* ---------- footer ---------- */

footer {
	clear: both;
	background: url(images/bg_ft01.png) repeat-x #ffffff;
	color: #ffffff;
	overflow: hidden;
}
footer #pagetop {
	height: 120px;
	clear: both;
	text-align: right;
}

footer #sitemap {
}

footer #sitemap dl {
}
footer #sitemap a { color: #0164c1}
footer #sitemap dl{
	width: 220px;
	float: left;
	margin-right: 10px;
}
footer #sitemap dl.sm01 {
	width: auto;
	margin-right: 10px;
}

footer #sitemap dt {
	height: 16px;
	margin-bottom: 15px;
	padding-left: 20px;
	background: url(images/icn_arr02.png) no-repeat;
	color: #000000;
}
footer #sitemap dt.bgnone { background: none;}

footer #sitemap dd {
	margin-bottom: 15px;
	margin-left: 15px;
	padding-left: 17px;
	background: url(images/icn_arr03.png) no-repeat;
}
footer #sitemap dd li {
	margin-top: 10px;
	padding-left: 17px;
	background: url(images/icn_ftdot.png) no-repeat;
}
footer #pagem {
padding-bottom: 45px;
background: url(images/bg_ft02.png) no-repeat left bottom;
overflow: hidden;
}
footer #copy {
	height: 14px;/*50px*/
	margin: 0 auto;
	padding: 18px 0;
	background: #000000;
	color: #ffffff;
	clear:both;
	font-size: 13px;
	text-align: center;
}
footer #copy p { margin-bottom: 0;	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}



/* ドロップダウン */

#m_navi.menu ul li {
  position: relative;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#m_navi.menu ul li ul {
  position: absolute;
  top: 52px;
  left: 0px;
  width: 172px;
  z-index: 100;
}
#m_navi.menu ul li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 172px;/*サブメニューの幅*/
	height: 0;/*サブメニューの背景色*/
	background-color: #ffffea;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	text-align: center;
	vertical-align: middle;
}

#m_navi.menu ul li.navi06 ul ,
#m_navi.menu ul li.navi06 ul li {
	width: 90px;/*サブメニューの幅*/
}
#m_navi.menu ul li ul li:hover, .menu ul li ul li a:hover {
	background:#ffeec0;/*ホバー時のサブメニューの背景色*/
	color: #333;

}
#m_navi.menu ul li:hover ul li, .menu ul li a:hover ul li{
	visibility: visible;
	overflow: visible;
	height:30px;/*サブメニューの高さ*/
	z-index: 10;
	padding-top: 10px;
}
#m_navi.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}


#m_navi.menu ul li.navi01 ul li a,
#m_navi.menu ul li.navi02 ul li a,
#m_navi.menu ul li.navi03 ul li a,
#m_navi.menu ul li.navi04 ul li a,
#m_navi.menu ul li.navi05 ul li a,
#m_navi.menu ul li.navi06 ul li a{
  background-image: none;
  text-indent:0;
  color: #333;

}