@charset "shift_jis";

/*

information{
	ファイル名 : /css/facility06.css;
	概要 : このCSSファイルはorientフォルダのレイアウト設定を記述しています。;
	サイト名 : サンシャインシティー ;
}

 */
.orient #mainContents a,
.orient #mainContents a:link{
	color:#6666cc;
}
.orient #mainContents a:hover{
	color:#333399;
}
 
/* 1.古代オリエント博物館.orient
------------------------------------------------------------------------- */
.orientTop #mainContents #topContents{
	/*font-size: 1em;*/
	font-size: 0.8em ;
	line-height:1.4em;
}
.orientTop #mainContents h2{
	margin-bottom:0;
}
.orientTop #facilityNavi{
	width: 575px;
}
.orientTop #mainContents{
	overflow: hidden;
}
.orientTop #mainContents:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .orientTop #mainContents{
    height: 1em;
    overflow: visible;
}
/**/
.orientTop #mainContents .article h3{
	margin-bottom:7px;
}
.orientTop #mainContents #topContents,
.orientTop #mainContents #topContents .article{
	float:left;
	width: 400px;
}
.orientTop #mainContents #sub_facilityNavi{
	float:right;
	width: 160px;
}

/* ---------->>> facilityNavi <<<-----------*/
.orient #facilityNavi{
	background: transparent url("../orient/images/facilityNavi_bg.jpg");
	/*height:100px;*/
}
.orient #facilityNavi h2{
	display:none;
}
.orient #facilityNavi ul{
	height:100px;
	overflow:hidden;
	padding-left:5px;
	width: 570px;
}
.orient #facilityNavi ul:after{
    content: "";
    display: block;
    clear: both;
    height: 100px;
    overflow: hidden;
}
/*\*/
* html .orient #facilityNavi ul{
    height: 100px;
    overflow: visible ;
}
/**/
.orient #facilityNavi ul li{
	float: left ;
	height:31px;
	margin-top:69px;
	padding-right: 5px ;
}
/* ---------->>> topInfo <<<-----------*/
.orientTop #mainContents .topInfo h3{
	background: transparent url("../orient/images/top_info_title.gif");
	height:0;
	overflow:hidden;
	padding-top:30px;
}
.orientTop #mainContents .topInfo ul{
	clear: both;
	overflow: hidden;
	padding-bottom:5px;
}
.orientTop #mainContents .topInfo ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .orientTop #mainContents .topInfo ul{
    height: 1em;
    overflow: visible;
}
/**/

.orientTop #mainContents .topInfo ul li.pic{
	float: left;
	width: 70px;
}
.orientTop #mainContents .topInfo ul li.title{
	background: transparent url("../orient/images/icon01.gif") left 5px no-repeat;
	float: left;
	padding:2px 0 3px 0;
	width:320px;
}
.orientTop #mainContents .topInfo ul li.title a{
	padding-left:12px;
}
.orientTop #mainContents .topInfo ul li.txt{
	float: left;
	width:320px;
}

/* ---------->>> eventInfo <<<-----------*/
.orientTop #mainContents .eventInfo{
	clear: both;
}
.orientTop #mainContents .eventInfo h3{
	height:0;
	overflow:hidden;
	padding-top:30px;
}
.orientTop #mainContents .eventInfo h3.eventInfo01{
	background: transparent url("../orient/images/top_news_title.gif");
}
.orientTop #mainContents .eventInfo h3.eventInfo02{
	background: transparent url("../orient/images/top_event_title.gif");
}

.orientTop #mainContents .eventInfo .articleBox{
	clear:both;
	overflow: hidden;
}
.orientTop #mainContents .eventInfo .articleBox:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .orientTop #mainContents .eventInfo .articleBox{
    height: 1em;
    overflow: visible;
}
/**/
.orientTop #mainContents .eventInfo ul{
	float: left;
	width: 200px;
}
.orientTop #mainContents .eventInfo ul li.pic{
	float: left;
	padding-bottom:5px;
	width: 70px;
}
.orientTop #mainContents .eventInfo ul li.title{
	background: transparent url("../orient/images/icon01.gif") left 5px no-repeat;
	float: left;
	padding:2px 0 7px 0;
	width: 120px;
}
.orientTop #mainContents .eventInfo ul li.title a{
	padding-left:12px;
}
.orientTop #mainContents .eventInfo ul li.date{
	clear: both;
	font-weight:bold;
	padding-bottom:3px;
	width: 190px;
}
.orientTop #mainContents .eventInfo ul li.txt{
	clear: both;
	padding-bottom:5px;
	width: 190px;
}

/* ---------->>> facilityIntro <<<-----------*/
.orientTop #mainContents ul.facilityIntro{
	background:#9999cc url("../orient/images/sub_facilityNavi_header.gif") top no-repeat;
	margin-bottom:10px;
	width:160px;
}
.orientTop #mainContents ul.facilityIntro li.facilityIntro01{
	background: transparent url("../orient/images/sub_facilityNavi_footer.gif") bottom no-repeat;
	padding: 5px 0 15px 0;
	width:160px;
}

.orientTop #mainContents ul.facilityIntro h4{
	height:0;
	margin-bottom:2px;
	margin-left:4px;
	overflow:hidden;
	padding-top:20px;
	width:152px;
}
.orientTop #mainContents ul.facilityIntro li.facilityIntro01 h4{
	background: transparent url("../orient/images/facilityIntro_title01.gif");
}
.orientTop #mainContents ul.facilityIntro li.facilityIntro01 p{
	background-color:#FFFFFF;
	margin-left:5px;
	padding:5px 3px 0 3px;
	width:144px;
}
/*
.orientTop #mainContents ul.facilityIntro li.facilityIntro01 dl dt{
	color:#333366;
	font-weight:bold;
	padding-top:5px;
}*/
.orientTop #mainContents ul.facilityIntro li.facilityIntro01 p.btBox {
	text-align:center;
	font-size:0.8em;
}
.orientTop #mainContents ul.facilityIntro li.facilityIntro01 p.btBox a{
	background: #bfb113 ;
	border: solid 1px #939318;
	color: #ffffff ;
	padding: 5px ;
}



/* ---------->>> facilityInfo <<<-----------*/
.orientTop #mainContents ul.facilityInfo{
	clear:both;
}
.orientTop #mainContents ul.facilityInfo li{
	padding-bottom:6px;
}

/* ---------->>> orientNews <<<-----------*/
/* ---------->>> orientEvent <<<-----------*/
.orientNews #mainContents .article,
.orientEvent #mainContents .article{
	clear:both;
}
.orientNews #mainContents .article h3,
.orientEvent #mainContents .article h3{
	font-weight:bold;
	font-size:1.2em;
}
.orientNews #mainContents .article h3{
	background: #ffffff url("../orient/images/title_bg_n01.gif") left bottom no-repeat;
	padding: 10px 25px 5px 40px;
}
.orientEvent #mainContents .article h3{
	background: #ffffff url("../orient/images/title_bg_e01.gif") left bottom no-repeat;
	padding: 10px 25px 5px 30px;
}
.orientNews #mainContents .moreInfo,
.orientEvent #mainContents .moreInfo{
	background: #9999cc url("../orient/images/moreInfo_footer.gif") left bottom no-repeat;
	clear: both;
	padding-bottom:10px;
	width: 575px ;
}
.orientNews #mainContents .moreInfo h4,
.orientEvent #mainContents .moreInfo h4{
	background: #9999cc url("../orient/images/moreInfo_header.gif") ;
	color: #333366 ;
	font-weight: bold ;
	padding: 8px 15px ;
	width: 545px ;
}
.orientNews #mainContents .moreInfo ul,
.orientEvent #mainContents .moreInfo ul{
	/*width: 575px ;*/
	background: #ffffff ;
	clear:both;
	font-size: 0.8em ;
	line-height: 1.4em ;
	margin: 0 5px ;
	overflow: hidden;
	padding:5px 5px 0 0;
	width: 560px ;
}
.orientNews #mainContents .moreInfo ul:after,
.orientEvent #mainContents .moreInfo ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .orientNews #mainContents .moreInfo ul,
* html .orientEvent #mainContents .moreInfo ul{
    height: 1em;
    overflow: visible;
}
/**/

.orientNews #mainContents .moreInfo ul li.pic,
.orientEvent #mainContents .moreInfo ul li.pic{
	float: left ;
	text-align: center ;
	width: 80px ;
}
.orientNews #mainContents .moreInfo ul li.title,
.orientNews #mainContents .moreInfo ul li.txt,
.orientNews #mainContents .moreInfo ul li.more,
.orientEvent #mainContents .moreInfo ul li.title,
.orientEvent #mainContents .moreInfo ul li.txt,
.orientEvent #mainContents .moreInfo ul li.more{
	float: right ;
	width: 480px ;
}
.orientNews #mainContents .moreInfo ul li.title,
.orientNews #mainContents .moreInfo ul li.txt,
.orientEvent #mainContents .moreInfo ul li.title,
.orientEvent #mainContents .moreInfo ul li.txt{
	margin-bottom:3px;
}
.orientNews #mainContents .moreInfo ul li.title a,
.orientEvent #mainContents .moreInfo ul li.title a{
	background: transparent url("../orient/images/icon01.gif") 5px 3px no-repeat;
	padding:3px 0 3px 18px;
}
.orientNews #mainContents .moreInfo ul li.title span,
.orientEvent #mainContents .moreInfo ul li.title span{
	/*color:#cc0000;*/
}
.orientNews #mainContents .moreInfo ul li.more,
.orientEvent #mainContents .moreInfo ul li.more{
	text-align:right;
}

/* ---------->>> orientEvent <<<-----------*/
.orientEvent #mainContents .article ul.eventInfo{
	font-size: 0.8em ;
	margin:10px 0;
}
.orientEvent #mainContents .article ul.eventInfo li.more{
	/*display: inline ;*/
	padding-right:10px;
}

.orientEvent #mainContents .article ul.eventInfo li span{
	background: #C1BB4D ;
	color: #18185C ;
	padding: 2px 5px 1px 5px;
	margin:0 5px 0 0;
}


.orientEvent #mainContents .article ul.titleBox{
	background: #ffffff url("../orient/images/title_bg_n01.gif") left bottom no-repeat;
	margin-bottom:15px;
}
.orientEvent #mainContents .article ul.titleBox li.date{
	font-size: 0.8em ;
	padding: 0 40px ;
}
.orientEvent #mainContents .article ul.titleBox li.date span{
/*	color:#cc0000;*/
	padding:0 0 0 5px;
}
.orientEvent #mainContents .article ul.titleBox li.title{
	color:#333333;
	font-size:1.2em;
	font-weight:bold;
	padding: 0 25px 5px 40px;
}
.orientEvent #mainContents .associated{
	background: none ;
	margin-bottom: 15px ;
	padding:0 0 0 0;
}
.orientEvent #mainContents .associated ul.eventInfo{
	margin:10px 0 0 0 ;
}

.orientEvent #mainContents .associated .btBox{
	text-align:right;
}
.orientEvent #mainContents .associated .btBox a{
	background-image:none;
}
/*
.orientEvent #mainContents .associated .btBox a{
	background: #ff6600 ;
	border: #cc6600 1px solid ;
	color: #ffffff ;
	display:block ;
	font-size: 0.8em ;
	text-align:center;
	margin:0 0 0 auto;
	padding: 4px 0;
	width: 16em ;
}
*/

/* ---------->>> orientInfo <<<-----------*/
.orientInfo #mainContents .article{
/*	background: transparent url("../images/line03.gif") left bottom repeat-x;*/
	margin-bottom: 15px ;
/*	padding:0 0 20px 0;*/
}
.orientInfo #mainContents .article h3{
	background: #ffffff url("../orient/images/title_bg01.gif") left bottom no-repeat;
	font-weight:bold;
	font-size:1.2em;
	padding: 7px 25px 5px 20px;
}
.orientInfo #mainContents .article#facilityInfo01 h4{
	background: transparent url("../orient/images/icon01.gif") left center no-repeat;
	color:#3f3f3f;
	font-weight:bold;
	padding:3px 0 3px 12px;
	margin:15px 0 0 0;
}
.orientInfo #mainContents .article h4{
	margin:15px 0 10px 0;
}
.orientInfo #mainContents .article p{
	color: #990000;
}
.orientInfo #mainContents #facilityInfo02 dl{
	overflow: hidden;
}
.orientInfo #mainContents #facilityInfo02 dl:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .orientInfo #mainContents #facilityInfo02 dl{
    height: 1em;
    overflow: visible;
}
/**/
.orientInfo #mainContents #facilityInfo02 dl{
	/*[20091109] 文字フォント START 鈴木*/
	/*border:1px solid #d1d1d1;*/
	border:0px solid #d1d1d1;
	/*[20091109] 文字フォント END   鈴木*/
	float:left;
	margin:0 1px 10px 0;
	padding:1px;
	width:187px;
}
.orientInfo #mainContents #facilityInfo02 dl.listEnd{
	margin-right:0;
}
.orientInfo #mainContents #facilityInfo02 dt{
	float:left;
	width:66px;
}
.orientInfo #mainContents #facilityInfo02 dd{
	font-size:0.8em;
	line-height:1.4em;
	margin-left:66px;
	padding:3px;
}
.orientInfo #mainContents #facilityInfo02 dd img{
	margin-right:2px;
}
.orientInfo #mainContents #facilityInfo02 h4{
	background: transparent url("../orient/images/icon01.gif") left center no-repeat;
	color:#3f3f3f;
	font-weight:bold;
	margin:0 0 0 0;
	padding:3px 0 3px 12px;
}
.orientInfo #mainContents #facilityInfo02 h5{
	margin:15px 0 10px 0;
}
.orientInfo #mainContents .moreInfo{
	overflow: hidden;
}
.orientInfo #mainContents .moreInfo:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .orientInfo #mainContents .moreInfo{
    height: 1em;
    overflow: visible;
}
/**/

.orientInfo #mainContents .moreInfo .fLeft{
	/*width: 256px ;*/
	background: #ff6985 ;
	border: #ff6985 solid 1px ;
	color: #ffffff ;
	font-size: 0.8em ;
	line-height: 1.4em ;
	width: 254px ;
}
.orientInfo #mainContents .moreInfo .fLeft p{
	padding: 3px ;
}
.orientInfo #mainContents .moreInfo .fRight{
	/*width:312px;*/
	background: #f7f7fa url("../orient/images/info_mobile_bg.gif") left bottom repeat-x;
	border: 1px solid #d9d9d9;
	width: 310px ;
}
.orientInfo #mainContents .moreInfo .fRight h5{
	background:#484878;
}
.orientInfo #mainContents .moreInfo .fRight ul{
	/*width: 310px ;*/
	padding:5px 9px;
	width:292px;
}
.orientInfo #mainContents .moreInfo .fRight ul{
	font-size:0.8em;
	overflow: hidden;
}
.orientInfo #mainContents .moreInfo .fRight ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .orientInfo #mainContents .moreInfo .fRight ul{
    height: 1em;
    overflow: visible;
}
/**/
.orientInfo #mainContents .moreInfo .fRight ul li.pic{
	float:left;
	width:65px;
}
.orientInfo #mainContents .moreInfo .fRight ul li.txt{
	float:left;
	width:225px;
}

/* ---------->>> orientDetail <<<-----------*/
.orientDetail #mainContents .article{
}

.orientDetail #mainContents h3{
	background: #ffffff url("../orient/images/title_bg01.gif") left bottom no-repeat;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:15px;
	padding: 7px 25px 5px 20px;
}

.orientDetail #mainContents .article .map{
	background: transparent url("../images/line03.gif") left bottom repeat-x;
	margin-bottom:20px;
	padding-bottom:20px;
}
.orientDetail #mainContents .article ul{
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	width:575px;
}
.orientDetail #mainContents .article ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .orientDetail #mainContents .article ul{
    height: 1em;
    overflow: visible;
}
/**/
.orientDetail #mainContents .article li.pic{
	float:left;
	width:100px;
}
.orientDetail #mainContents .article li.title{
	float:right;
	height:12px;
	line-height:12px;
	margin-bottom:5px;
	width:460px;
}
.orientDetail #mainContents .article li.txt{
	float:right;
	width:460px;
}
.orientDetail #mainContents .moreInfo ul{
	margin-bottom:10px;
	overflow:hidden;
	width:285px;
	float:left;
}
.orientDetail #mainContents .moreInfo ul:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .orientDetail #mainContents .moreInfo ul{
    height: 1em;
    overflow: visible;
}
/**/
.orientDetail #mainContents .moreInfo li.pic{
	float:left;
	width:155px;
}
.orientDetail #mainContents .moreInfo li.title{
	font-weight:bold;
}
.orientDetail #mainContents .moreInfo li.title,
.orientDetail #mainContents .moreInfo li.txt{
	float:left;
	width:125px;
}