@charset "utf-8";

/*-------------------------------------------------------------------------------------
base writer  : nuts (IDEA-PRO)
last_editday : 2008/07/02
last_editor  : nuts (IDEA-PRO)
-------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------
共通部分
----------------------------------------------------------------*/
.information div#main { 
	background: url(image_cmn/bg_line.jpg) no-repeat top;
 }


div#main h1 {
	margin: 0 0 15px;
	}




/*----------------------------------------------------------------
トップページ
----------------------------------------------------------------*/

#main dl.index { margin: 2em 10px 0; }
#main dl.index dt {
	margin: 0.6em 0 0.2em 10px;
	padding: 0.2em 0 0.2em 10px;
	border-left: 3px solid #CCC;
	}
	
#main dl.index dt a {
	color: #555;
	text-decoration: none;
	}
#main dl.index dt a:hover { color: #A3070C; }

#main dl.index dd ul {
	margin: 0 6px;
	padding: 0.8em 0 2em 30px;
	border-top: 1px solid #ccc;
	}
#main dl.index dd ul li {
	line-height: 1.4;
	list-style: disc;
	}

/*-------規程-------*/
#main .text_rules {
	text-align:right;
	}

/*-------閉館日案内-------*/
#main .box .list_closing li {
	margin-left:4em;
	margin-bottom:0.5em;
	list-style:disc;
	line-height:1.5em;
	}






/* (n;o;n)a_color */


/*基本*/

#infomation h2 , #infomation h3 {
	clear:left;
	}

#infomation p {
	margin-left:2em;
	margin-bottom:0.2em;
	}

#infomation ul , .box #infomation ol {
	margin-bottom:2em;
	}
#infomation ul li {
	margin-left:3em;
	margin-bottom:0.2em;
	list-style:disc;
	line-height:1.5em;
	}
#infomation ol li {
	margin-left:3em;
	margin-bottom:0.2em;
	list-style:decimal;
	line-height:1.5em;
	}

#infomation .style_none li {
	list-style:none;
	line-height:1.5em;
	margin-left:3em;
	margin-bottom:0.2em;
	}

#infomation strong {
	color:#3366FF;
	font-weight:bold;
	}

#infomation .pdf {
	margin-bottom:1em;
	}
#infomation .pdf li {
	list-style:none;
	line-height:1.2em;
	}

#infomation .box_contact {
	border:solid #CCCCCC 1px;
	background-color:#eeeeee;
	padding:5px;
	margin-right:15px;
	margin-left:15px;
	text-align:center;
	}
#infomation .box_contact p {
	margin:2px;
	}

#infomation .caption {
	font-size:90%;
	}
#infomation .caption_name {
	font-size:100%;
	font-weight:bold;
	}
#infomation .map {
	text-align:center;
	}

/*段組*/

#infomation .dangumi_r , #infomation .dangumi_l {
	float:left;
	width:560px;
	padding-left:10px;
	margin-bottom:20px;
	}
#infomation .dangumi_r h4 , #infomation .dangumi_l h4 {
	font-size:125%;
	border-bottom:solid #CCCCCC 1px;
	padding-bottom:2px;
	margin-bottom:5px;
	}



#infomation .dangumi_r .text {
	float:left;
	width:310px;
	}
#infomation .dangumi_r .photo {
	float:left;
	width:240px;
	margin-left:9px;
	}
#infomation .dangumi_l .text {
	float:right;
	width:310px;
	}
#infomation .dangumi_l .photo {
	float:right;
	width:240px;
	margin-right:9px;
	}

#infomation .dangumi_r180 {
	float:left;
	width:560px;
	padding-left:10px;
	margin-bottom:20px;
	}
#infomation .dangumi_r180 .text {
	float:left;
	width:370px;
	}
#infomation .dangumi_r180 .photo {
	float:left;
	width:180px;
	margin-left:9px;
	}
#infomation .dangumi_r180 .photo p {
	text-align:center;
	margin:2px;
	}
#infomation .dangumi_r180 .photo .name01 {
	font-size:smaller;
	}
#infomation .dangumi_r180 .photo .name02 {
	font-weight:bold;
	}

#infomation .dangumi_r320 {
	float:left;
	width:560px;
	padding-left:10px;
	margin-bottom:20px;
	}
#infomation .dangumi_r320 .text {
	float:left;
	width:230px;
	}
#infomation .dangumi_r320 .photo {
	float:left;
	width:320px;
	margin-left:9px;
	}

#infomation .dangumi_r120 {
	float:left;
	width:560px;
	padding-left:10px;
	margin-bottom:20px;
	}
#infomation .dangumi_r120 .text {
	float:left;
	width:300px;
	}
#infomation .dangumi_r120 .photo {
	float:left;
	width:120px;
	margin-left:9px;
	}

#infomation .dangumi {
	float:left;
	width:560px;
	}
#infomation .dangumi p {
	margin-left:2em;
	}
#infomation .dangumi .text01 {
	float:left;
	width:270px;
	}
#infomation .dangumi .text02 {
	float:left;
	width:270px;
	margin-left:10px;
	}

#infomation .dangumi .box_pillar01 {
	float:left;
	width:270px;
	}
#infomation .dangumi .box_pillar02 {
	float:left;
	width:270px;
	margin-left:10px;
	}
#infomation .dangumi .box_pillar03 {
	float:left;
	width:270px;
	}
#infomation .dangumi .box_pillar04 {
	float:left;
	width:270px;
	margin-left:10px;
	}
	
#infomation .box_virus {
	float:left;
	width:270px;
	padding-left:10px;
	margin-bottom:10px;
	}
#infomation .box_virus h4 {
	font-size:100%;
	border-bottom:solid #CCCCCC 1px;
	padding-bottom:2px;
	margin-bottom:5px;
	}
#infomation .box_virus01 {
	float:left;
	width:248px;
	border:solid #CCCCCC 1px;
	background-color:#EEEEEE;
	padding:10px;
	margin-bottom:10px;
	}

#infomation .dangumi_index {
	float:left;
	width:560px;
	margin-left:10px;
	}
#infomation .dangumi_index h3 {
	margin:0px;
	padding:0px;
	text-indent:0px;
	font-size:1em;
	line-height:0px;
	background-image:none;
	}
#infomation .dangumi_index ul {
	margin:10px;
	}
#infomation .dangumi_index li {
	margin-left:3em;
	}
#infomation .dangumi_index img {
	margin:0px;
	padding:0px;
	}
#infomation .dangumi_index .text01 {
	float:left;
	width:270px;
	}
#infomation .dangumi_index .text02 {
	float:left;
	width:270px;
	margin-left:10px;
	}
#infomation .box_index {
	border:solid #f6f6f6 1px;
	background-color:#f6f6f6;
	padding:0px;
	margin-bottom:20px;
	}



/* MOS */
div#main div.clearfix {
	margin: 0 10px 0 20px; }
div#main div.clearfix dl {
	width: 50%;
	float: left;
	padding: 0;
	margin: 0;}