@charset"utf-8";

/* navi */
#tokubetsuMain .navi {
	height:26px;
	background:url(/exhibition/2013/1307jul/images/navi_bk.gif) repeat-x;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	margin-bottom:23px;
}
.topBack .navi {
	margin-bottom:23px;
}

#tokubetsuMain .navi li {
	float:left;
	line-height:0;
	font-size:1px;
}
#tokubetsuMain .navi li.topBtn {
	float:right !important;
}

#tokubetsuMain {
	width:730px;
	margin:10px 0 0;
	text-align:left;
	color:#333;
}
.headline {
	width:728px;
	border:1px solid #CCCCCC;
	margin-bottom:20px;
}
.date {
	font-size:1.1em;
	background-color:#858585;
	color:#FFFFFF;
	padding:4px 6px;
	margin:2px;
}
.kikaku_title {
	margin:7px 6px;
	font-size:1em;
	font-weight:normal;
}
.kikaku_title span {
	font-size:1.2em;
}	
.topTxt {
	width:385px;
	float:left;
}
.topTxt h2{
	color:#993300;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:1em;
}
.topTxt p {
	padding-bottom:35px;
	font-size:1.1em;
}
.topTable {
	width:315px;
}

.topTable table {
	width:100%;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin-bottom:30px;
}
.topTable th,
.topTable td {
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
.topTable th {
	background-color:#B36640;
	color:#FFF;
	font-weight:normal;
	padding:10px 12px;
	text-align:center;
	vertical-align:middle;
	width:21%;
	white-space:nowrap;
}
.topTable td {
	padding:4px 10px;
	width:79%;
}

.topImg{
	width:315px;
	float:right;
	margin-bottom:35px;
}

.topImg p {
	font-size:0.917em;
	line-height:1.4;
	padding:6px 2px 0 0;
	margin-bottom:15px;
}


.mainImg{
	border:1px solid #CCC;
}

.photoL{
	float:left;
	width:484px;
}
.photoR{
	float:right;
	width:230px;
}
.eventBox .txtL{
	float:left;
	width:400px;
}
.eventBox .txtR{
	float:right;
	width:310px;
}
.eventBox h3 {
    font-size: 1.25em;
    font-weight: normal;
    line-height: 1.3;
    padding-bottom: 5px;
}
.eventBox h3.eventH3 span {
    color: #663300;
}
.eventBox p.eventTxt {
    background: none repeat scroll 0 0 #EDEACA;
    display: block;
    margin-bottom: 1px;
    padding: 3px 7px;
}
.eventBox p.eventTxt2 {
    background: none repeat scroll 0 0 #CCCCCC;
    display: block;
    margin-bottom: 0;
    padding: 3px 7px;
}
.imgWrap p,
.eventBox p.eventTxtS {
    font-size: 0.917em;
    line-height: 1.4;
    margin-bottom: 25px;
    padding: 6px 2px 0 0;
}
.center{
	text-align:center;
	margin-bottom:15px;
}
.rightS{
	text-align:right;
	font-size:0.917em;
}

/*　博物館の歩み*/
#ayumi h2{
	margin-bottom:25px;
}
#ayumi h3{
	margin:0 0 10px 0;
}
#ayumi .topWrap{
	padding-bottom:20px;
}
#ayumi .topTxt{
	width:460px;
	float:left;
}
#ayumi .topTxt p{
	padding-bottom:20px;
}
#ayumi .phL{
	float:left;
}
#ayumi .phR{
	float:right;
}
#ayumi .phL p,
#ayumi .phR p,
#ayumi .topImg p{
	font-size:0.917em;
	padding-top:5px;
	padding-bottom:0;
}
#ayumi .topImg{
	width:240px;
	float:right;
}
#ayumi h4{
	margin:5px 0 0;
	display:block;
	border:1px solid #CCCCCC;
	border-bottom:none;
	text-align:center;
	padding:5px;
	color:#FFFFFF;
	font-weight:normal;
}
#ayumi .tableCont{
	border:1px solid #CCCCCC;
	padding:10px;
	margin-bottom:20px;
}
#ayumi table{
	padding:10px;
}
#ayumi table th,
#ayumi table td{
	vertical-align:top;
}
#ayumi table th{
	font-weight:normal;
}
#ayumi table td{
	padding:10px;
}
#ayumi table td.first{
	padding-top:0;
}
#ayumi table td.photo{
	padding-right:0;
}
#ayumi table td span{
	font-size:0.85em;
	line-height:130%;
	display:block;
	margin-top:5px;
}
#ayumi table th.year{
	border:none;
	padding:10px;
	white-space:nowrap;
	text-align:left;
}
#ayumi table td div.space{
	border-bottom:1px solid #CCCCCC;
	width:100%;
	height:1px;
}
#ayumi h4.sub01{
	background:#669966;
}
#ayumi h4.sub02{
	background:#667F97;
}
#ayumi h4.sub03{
	background:#976697;
}
#ayumi h4.sub04{
	background:#977D66;
}

#ayumi .table01 th.year{
	background:#E0F0E0;
}
#ayumi .table02 th.year{
	background:#E5ECF2;
}
#ayumi .table03 th.year{
	background:#F0E8F0;
}
#ayumi .table04 th.year{
	background:#F2EBE5;
}
#ayumi p.link{
	color:#993300;
	margin-bottom:0;
}
#ayumi p.link a{
	color:#993300;
	text-decoration:underline;
}



/*tokubetsuWindow*/
#tokubetsuWindow {
	padding-top:20px;
	margin:0;
	text-align:center;
}
#tokubetsuWindow #winDiv {
	margin:0 auto;
}
#tokubetsuWindow #winDiv p {
	padding:7px 0 0;
	margin:0;
	font-size:12px;
	color:#333;
	text-align:left;
}

#tokubetsuWindow .winDiv01,
#tokubetsuWindow .winDiv03,
#tokubetsuWindow .winDiv04,
#tokubetsuWindow .winDiv09,
#tokubetsuWindow .winDiv11{
	width:325px;
}
#tokubetsuWindow .winDiv02{
	width:285px;
}
#tokubetsuWindow .winDiv05,
#tokubetsuWindow .winDiv07{
	width:440px;
}
#tokubetsuWindow .winDiv06{
	width:199px;
}
#tokubetsuWindow .winDiv08,
#tokubetsuWindow .winDiv14{
	width:674px;
}
#tokubetsuWindow .winDiv10{
	width:250px;
}
#tokubetsuWindow .winDiv12{
	width:304px;
}
#tokubetsuWindow .winDiv13{
	width:410px;
}


/*　アンケート結果　*/
#kekka h2{
	margin-bottom:8px;
}
#kekka h3,
#kekka h4{
	margin-bottom:15px;
}
#kekka .topTxt{
	width:570px;
	padding-top:10px;
}
#kekka .topImg{
	width:154px;
}
#kekka .boxNo1{
	border:2px solid #669966;
	background:#EDF7ED;
	padding:1px;
	margin-bottom:15px;
}
#kekka .boxNo2{
	border:2px solid #667F97;
	background:#EDF2F6;
	padding:1px;
	margin-bottom:15px;
}
#kekka .boxNo3{
	border:2px solid #976797;
	background:#F7F3F7;
	padding:1px;
	margin-bottom:15px;
}
#kekka .boxNo1wrap{
	border:1px solid #669966;
	background:#EDF7ED;
	padding:5px 10px 10px;

}
#kekka .boxNo2wrap{
	border:1px solid #667F97;
	background:#EDF2F6;
	padding:5px 10px 10px;
}
#kekka .boxNo3wrap{
	border:1px solid #976797;
	background:#F7F3F7;
	padding:5px 10px 10px;
}
*:first-child+html #kekka .boxNo1wrap,
*:first-child+html #kekka .boxNo2wrap,
*:first-child+html #kekka .boxNo3wrap{
	display:inline-block;
}
#kekka .boxNo1 .Lcont,
#kekka .boxNo2 .Lcont,
#kekka .boxNo3 .Lcont{
	float:left;
	font-size:1.1em;
}
#kekka .boxNo1 .Lcont p,
#kekka .boxNo2 .Lcont p,
#kekka .boxNo3 .Lcont p{
	margin-bottom:20px;
}
#kekka .boxNo1 .Rcont,
#kekka .boxNo2 .Rcont,
#kekka .boxNo3 .Rcont{
	float:right;
	padding-top:5px;
}
#kekka .boxNo1 .Lcont p.link,
#kekka .boxNo2 .Lcont p.link,
#kekka .boxNo3 .Lcont p.link{
	color:#993300;
	margin-bottom:0;
}
#kekka .link a{
	color:#993300;
	text-decoration:underline;
}

/*　展示会レポート　*/
#report h2{
	margin-bottom:20px;
}
#report h3{
	margin-top:40px;
	margin-bottom:15px;
	clear:both;
}
#report p{
	font-size:1.1em;
}
#report .repoBox p{
	margin-bottom:20px;
}
#report .repoBox img{
	margin-bottom:5px;
}
#report .repoBox .contL{
	width:310px;
	float:left;
}
#report .repoBox .contR{
	width:390px;
	float:right;
}
#report .repoBox .contR .imgL{
	width:190px;
	float:left;
}
#report .repoBox .contR .imgL2{
	width:240px;
	float:left;
}
#report .repoBox .contR .imgR{
	width:190px;
	float:right;
}
#report .repoBox .contL .imgBox2{
	background:url(/exhibition/2013/1307jul/report/images/ph05.jpg) no-repeat bottom;
	margin-bottom:10px;
	display:inline-block;
}
#report .repoBox .contL .imgBox2 p{
	padding:0 0 143px 170px;
	margin:0;
}
#report .repoBox .contL .imgBox3{
	width:160px;
	float:left;
}
#report .repoBox .contR .txtR{
	width:140px;
	height:164px;
	float:right;
	position:relative;
}
#report .repoBox .contL .txtR2{
	width:140px;
	height:130px;
	float:right;
	position:relative;
}
#report .repoBox div div p{
	font-size:0.85em;
	margin-bottom:10px;
	line-height:140%;
}

#report .repoBox .contR .txtR p,
#report .repoBox .contL .txtR2 p{
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:0;
}


/*　塩の実験室*/

#shioMain{
	width:730px;
	position:relative;
	margin-bottom:25px;
}
#shioMain h2{
	margin:0;
	padding:0;
}
#shioMain .sakana{
	position:absolute;
	left:483px;
	top:249px;
}
#shioMain .btn_main{
	position:absolute;
	left:436px;
	top:15px;
}
#shioMain .btn_01{
	position:absolute;
	left:20px;
	top:672px;
}
#shioMain .btn_02{
	position:absolute;
	left:174px;
	top:672px;
}

#shioMain a:hover img {
    opacity: 0.8;
}

#shio_jikken,
#shio_gakusyu{
	width:690px;
	position:relative;
	margin-bottom:25px;
	padding:15px 20px;
	background:url("../shio/images/minishioBK.gif");
}
#shio_jikken h3,
#shio_gakusyu h3{
	text-align:center;
	margin-bottom:15px;
}


#shio_jikken p.top_txt,
#shio_gakusyu p.top_txt{
	color:#003399;
	font-size: 1.1em;
	margin-bottom:30px;
}

#shio_jikken .photo{
	position:absolute;
	left:437px;
	top:194px;
}
#shio_jikken table th{
	vertical-align:top;
	font-size: 1.1em;
	font-weight:normal;
}
#shio_jikken table th span{
	color:#66CCCC;
}
#shio_jikken table td span{
	font-size: 0.91em;

}
#shio_jikken h4{
	position:relative;
	width:690px;
	height:66px;
}
#shio_jikken h4 span{
	font-weight:normal;
	font-size: 1.1em;
	position:absolute;
	left:225px;
	top:30%;
}
#shio_jikken .box{
	background:#FFFFCC url("../shio/images/box_btm.gif") no-repeat bottom;
}
#shio_jikken .box p.indent01{
	margin-left:17px;
	margin-bottom:10px;
	text-indent:-1.2em;
	padding-left:1.2em;
}
#shio_jikken .box p.indent02{
	margin-left:36px;
	text-indent:-1em;
	padding-left:1em;
}
#shio_jikken .box p.indent01 span,
#shio_jikken .box p.indent02 span{
	color:#66CCCC;
}
#shio_jikken .box p.indent01 strong,
#shio_jikken .box p.indent02 strong{
	font-weight:normal;
	color:#003399;
}
#shio_gakusyu .hakase{
	position:absolute;
	left:453px;
	top:69px;
}
#shio_gakusyu dl{
	width:422px;
}
#shio_gakusyu dl dt{
	font-size: 1.1em;
	margin-top:1em;
}
#shio_gakusyu dl dt span{
	color:#66CCCC;
}

/*
	float clear
=========================================*/
.clr {
    overflow: hidden;
}
.clr:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
* html .clr {
    height: 1em;
    overflow: visible;
}