/*　メイン部分の左右float　*/
ul#left {
	float: left;
	width: 296px;
}
ul#right {
	float: right;
	width: 296px;
}
/*　メイン部分の行間調整　*/
ul#left li, ul#right li {
	margin: 24px 0 40px 0;
}
ul#left p, ul#right p {
	margin-top: 15px;
}

/*　「利用案内」のアイコンのリンクにのみ使用　*/
#hours_first_jp {
	margin-left: 216px;
	background: url(../Images/hours_first_icon_jp-over.gif) no-repeat;
}
#hours_first_jp a {
	display: block;
	width: 80px;
	height: 67px;
}
#hours_first_en {
	margin-left: 216px;
	background: url(../Images/hours_first_icon_en-over.gif) no-repeat;
}
#hours_first_en a {
	display: block;
	width: 80px;
	height: 79px;
}
/*　上の#main_contents a:hoverの効果を消すために、
　　ここだけ、#main_contentsを頭につける　*/
#main_contents #hours_first_jp a:hover, #main_contents #hours_first_en a:hover {
	background-color: transparent;
	border: none;
}
#hours_first_jp a:hover img, #hours_first_en a:hover img {
	visibility: hidden;
}

/*　ニュース一覧用　*/
#headline {
	margin-top: 28px;
	color: #333333;
}
ul#news{ 
	width: 450px;
	margin: 0 0 65px 0;
}
ul#news li {
	margin: 22px 0 0 0;
	padding: 0;
}
ul#news li em {
	font-style: normal;
}
/*　a:hoverでボーダーを出す場合、
　　<a>に対して以下のようにボーダーの設定を行っていないと、
　　win系でFlashの挙動がおかしくなることがある　*/
ul#news li a {
	color: #333333;
	border-bottom: 1px none transparent;
}
ul#news li a:hover {
	border-bottom: 1px solid #333333;
}

/*　カフェ／ショップ／図書館用　*/
#image {
	margin: 20px 0 12px 0;
}

#ame_icon{
left-padding:100px;
}


/*　サブメニュー　*/
#top2 ul {
	width: 192px;
}
#top2 li a {
	display: block;
	width: 64px;
	height: 24px;
}
#sub_cafe {
	background: url(../Images/sub_cafe-over.gif) no-repeat;
}
#sub_shop {
	background: url(../Images/sub_shop-over.gif) no-repeat;
}
#sub_library {
	background: url(../Images/sub_library-over.gif) no-repeat;
}

/*　日付部分　*/
#main_contents2 li p.lfloat {
	width: 6em;
}
#main_contents2 li p.rfloat {
	width: 23em;
}
#main_contents2 li div.clearfix {
	margin-bottom: -10px;
}

/*　各項目の詳細部分　*/
ul#left ul li, ul#right ul li {
	margin: 0;
}
ul#left dl, ul#right dl {
	margin: 15px 0 0 0;
}
ul#left dd, ul#right dd {
	margin: 0 0 15px 0;
}
ul#left li.icon, ul#right li.icon {
	margin: 24px 0 14px 0;
}


/*　アクセス用　*/
#map {
	margin: 26px 0 12px 0;
}
#qr {
	display: block;
	margin: 20px 0 0 auto;
}


/*　ご挨拶用　*/
html>/**/body #intro_txt {
	margin-top: -1.4em;
}
#intro_pics {
	float: right;
   width: 225px;
  	
}

#intro_pics_logo {
	float: right;
   width: 90px;
	margin: 30px 0 0 0;
}


#intro_pics li {
	margin: 24px 0 0 0;
}
#intro_pics li img {
    margin: 24px 0 0 0;
}


/*周辺施設*/
#institution_pics {
	float: right;
   width: 225px;
  	
}

#institution_pics_logo {
	float: right;
   width: 90px;
	margin: 30px 0 0 0;
}


#institution_pics li {
	margin: 12px 0 0 0;
}
#institution_pics li img {
    margin: 12px 0 0 0;
}

#institution_pics li img {
    margin: 12px 0 0 0;
}





/*　プライバシーポリシー用　*/
#about {
	margin-top: 0px;
	color: #333333;
	width: 450px;
}

#privacy_title {
	height: 84px;
	border-top: solid 1px #333333;
	}
	
#title_nomenu {
height:77px;
padding:51px 0pt 0pt;
width:304px;
}



ul#news{ 
	width: 450px;
	margin: 0 0 65px 0;
}
ul#news li {
	margin: 22px 0 0 0;
	padding: 0;
}
ul#news li em {
	font-style: normal;
}


/*　サイトマップ用　*/
#sitemap_title {
	height: 24px;
	border-top: solid 1px #333333;
	}
	
.blank{
padding-left:12px;}	

.blank2{
padding-left:24px;}	

.blank3{
padding-left:36px;}	

/*　a:hoverでボーダーを出す場合、
　　<a>に対して以下のようにボーダーの設定を行っていないと、
　　win系でFlashの挙動がおかしくなることがある　*/
ul#news li a {
	color: #333333;
	border-bottom: 1px none transparent;
}
ul#news li a:hover {
	border-bottom: 1px solid #333333;
}

/*　はじめての方へ　*/
#top2 #visitor_subright {
	width: 260px;
	float: right;
}
#sub_faq {
	background: url(../Images/sub_faq-over.gif) no-repeat;
}
#sub_inst {
	background: url(../Images/sub_inst-over.gif) no-repeat;
}
#visitor_subright #sub_faq a {
	display: block;
	width: 140px;
	height: 24px;
}
#visitor_subright #sub_inst a {
	display: block;
	width: 120px;
	height: 24px;
}

#top2 #visitor_subright_en {
	width: 335px;
	float: right;
	margin: 57px -8px 0 auto;
}
#sub_faq_en {
	background: url(../Images/sub_faq_en-over.gif) no-repeat;
}
#sub_inst_en {
	background: url(../Images/sub_inst_en-over.gif) no-repeat;
}
#visitor_subright_en #sub_faq_en a {
	display: block;
	width: 215px;
	height: 24px;
}
#visitor_subright_en #sub_inst_en a {
	display: block;
	width: 120px;
	height: 24px;
}

#visitor {
	margin-top: 50px;
}
#visitor a {
	color: #0098bd;
	text-decoration: none;
	border-bottom: 1px none transparent;
}
#visitor a:hover {
	border-bottom: 1px solid #0098bd;
}
#visitor p {
	margin: 0 0 5px 0;
}
#visitor dl {
	margin-bottom: 20px;
}
#visitor dt {
	margin: 26px 0 8px 0;
	font-size: 110%;
}
#visitor dt img {
	display: inline;
	float: left;
	line-height: 0;
	margin: 1px 0 0 0;
}

/*　Qアイコンとテキストの高さ調整　*/
#visitor dt span {
	float: right;
	vertical-align: top;
}
* html #visitor dt img {
	vertical-align: middle;
}
/* Mac IE5のみ適用 \*//*/
html #visitor dt img {
	vertical-align: top;
}
/* end */
* html #visitor dt span {
	vertical-align: middle;
}
/* Mac IE5のみ適用 \*//*/
html #visitor dt span {
	vertical-align: top;
}
/* end */

#visitor dd {
	margin-left: 0px;
}
#visitor .fclear {
	display: block;
}
#visitor .first {
	width: 460px;
}
#visitor .first span {
	width: 440px;
}
#visitor .second {
	width: 606px;
}
#visitor .second .lfloat {
	display: block;
	margin-top: 16px;
	width: 140px;
}
#visitor .second dl {
	float: right;
	width: 434px;
}
#visitor .second span {
	width: 411px;
}
#visitor .third {
	width: 454px;
}
#visitor .third .rfloat {
	display: block;
	margin-top: 16px;
	width: 140px;
}
#visitor .third dl {
	float: left;
	width: 298px;
}
#visitor .third span {
	width: 275px;
}


#main_contents a {
	color: #0098bd;
	text-decoration: none;
	border-bottom: 1px none transparent;
}


/*　各項目の詳細部分　*/
ul#left ul li, ul#right ul li {
	margin: 0;
}
ul#left dl, ul#right dl {
	margin: 15px 0 0 0;
}
ul#left dd, ul#right dd {
	margin: 0 0 15px 0;
}
ul#left li.icon, ul#right li.icon {
	margin: 24px 0 14px 0;
}
ul#left dd .rpos, ul#right dd .rpos {
	margin: 1em 0;
}

ul#leftex {
	float: left;
	width: 296px;
}
ul#rightex {
	float: right;
	width: 296px;
}
/*　メイン部分の行間調整　*/
ul#leftex li, ul#rightex li {
	margin: 24px 0 20px 0;
}
ul#leftex p, ul#rightex p {
	margin-top: 15px;
}


/*　各項目の詳細部分　*/
ul#leftex ul li, ul#right ul li {
	margin: 0;
}
ul#leftex dl, ul#right dl {
	margin: 15px 0 0 0;
}
ul#leftex dd, ul#right dd {
	margin: 0 0 15px 0;
}
ul#leftex li.icon, ul#right li.icon {
	margin: 24px 0 14px 0;
}
ul#leftex dd .rpos, ul#right dd .rpos {
	margin: 1em 0;
}

ul#leftex p.rpos, ul#right p.rpos {
margin-top:-5px;
margin-bottom:-10px;
}

#facilities_title {
height:60px;
}

/* ポップアップ用　*/

#popmain {
margin:52px 0px 62px 45px;
position:relative;
width:522px;
}

#pop_maincontents {
margin:52px 0px 62px 45px;
position:relative;
width:522px;
}

/* 携帯サイト　*/

#mobile_title {
	height: 75px;
	border-top: solid 1px #333333;
}
/*　テキストのハック　IE6用　*/
#mobile_txt {
	float: left;
	width: 296px;
	height: 280px;
	margin-top: -0.4em;
}
/*　IE以外用　*/
html>/**/body #mobile_txt {
	margin-top: -1.4em;
}
#mobile_txt p.rpos {
	margin-top: -5px;
}

#mobile_txt a {
	margin-top: -5px;
	color:#0098BD;
	text-decoration:none;
}

#mobile_pics {
	float: right;
	width: 224px;
}
#mobile_pics li {
	margin-bottom: 20px;
}
#mobile_pics li img {
	display: block;
	margin-bottom: 4px;
}

#mobile_txt p.rpos {
margin-top:-5px;
}
.rpos {
text-align:right;
}

.subtxt2 {
color:#666666;
}

/*　展示やイヴェントの終了表示　*/
em.end {
font-style: normal;
color: red;
}