@charset "UTF-8";
/*for kochi page*/

/*layout override
-------------------------------*/
html,body{
	height: 100%;
}

body{
	/*background: #532700;*/
	color: #003333;
}

#contentAll{
	width:950px;
	margin: auto;
	min-height: 100%;
	/*background: green;
	background: url(image/mainbg.jpg) repeat-y 0 0;*/
}

#contentHead{
	background: url(image/headbg.png) no-repeat 0 0;
	height:175px;
}

#contentMain{
	width: 950px;
	margin: 0 auto;
	padding-bottom: 15px;
	zoom:1;
}
	#contentMain:after{
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		content: "";
		line-height: 0;
	}


#contentMain #contentMainL{
	width:182px;
	float: left;
}
#contentMain #contentMainR{
	width:768px;
	float: right;
}


/*kochi common
-------------------------------*/

/*サイドナビ*/
#contentMain #contentMainL #kochiSidenavWrap{
	margin-top: -60px;
}

	#contentMain #contentMainL #kochiSidenavWrap #kochiSidenav{
		background: url(image/sidemenubg_t.png) no-repeat 0 0;
		padding-top:44px;
	}
		#contentMain #contentMainL #kochiSidenavWrap #kochiSidenav:after{
			content:'';
			background: url(image/sidemenubg_b.png) no-repeat 0 bottom;
			height:30px;
			display: block;
		}
		/*
		#contentMain #contentMainL #kochiSidenavWrap #kochiSidenav ul{
			background: url(image/sidemenubg_m.png) repeat-y 0 0;
			padding:0px 20px 0px 30px;
		}
			#contentMain #contentMainL #kochiSidenavWrap #kochiSidenav ul li{
				padding-bottom: 20px;
				color:#331b15;
				font-weight: bold;
			}
		*/
	/*#contentMain #contentMainL #kochiSidenavWrap h1 a img{filter:none;}*//*IE8 PNG*/

		#contentMain #contentMainL #kochiSidenavWrap #kochiSidenav #kochiSidenavInner{
			background: url(image/sidemenubg_m.png) repeat-y 0 0;
			padding:0px 20px 0px 30px;
		}

			#contentMain #contentMainL #kochiSidenavWrap #kochiSidenav #kochiSidenavInner h1{
				font-size: 1.8em;
				margin: -15px 0 20px 0;
			}
				#contentMain #contentMainL #kochiSidenavWrap #kochiSidenav #kochiSidenavInner h1 a{
					text-decoration: none;
				}

			#contentMain #contentMainL #kochiSidenavWrap #kochiSidenav #kochiSidenavInner ul li{
				padding-bottom: 20px;
				color:#331b15;
				font-weight: bold;
			}




/*セクション*/
#contentMain #contentMainR h1.pageHead{
	text-align: center;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 40px;
}

/*sectionInfo*/
#contentMain #contentMainR .sectionInfo{
	background: url("image/sectionline01.png") no-repeat left bottom;
	padding-bottom: 75px;
	margin-bottom: 75px;
}
	#contentMain #contentMainR .sectionInfo h1.sectionInfoHead{
		font-size: 1.6em;
		text-align: center;
		margin-bottom: 25px;
	}

	/*sectionInfoL,sectionInfoR*/
	#contentMain #contentMainR .sectionInfo .sectionInfoL{
		float:left;
		width:318px;
		margin-left: 20px;
	}
	#contentMain #contentMainR .sectionInfo .sectionInfoR{
		float:right;
		width:410px;
		margin-right: 20px;
	}
		#contentMain #contentMainR .sectionInfo .sectionInfoL .sectionInfoPictwrap{
			text-align: right;
			padding:5px 15px 0 0;
		}
			#contentMain #contentMainR .sectionInfo .sectionInfoL .sectionInfoPictwrap img{
				box-shadow: 0 2px 4px 1px #999999;
			}
			#contentMain #contentMainR .sectionInfo .sectionInfoR .sectionInfoExhibwrap{
				margin-left: 15px;
			}
				#contentMain #contentMainR .sectionInfo .sectionInfoR .sectionInfoExhibwrap h1{
					margin:20px 0 15px;
				}
				#contentMain #contentMainR .sectionInfo .sectionInfoR .sectionInfoExhibwrap p{
					margin-bottom: 40px;
				}
				#contentMain #contentMainR .sectionInfo .sectionInfoR .sectionInfoExhibwrap dl{
				}
					#contentMain #contentMainR .sectionInfo .sectionInfoR .sectionInfoExhibwrap dl dt{
						float: left;
						clear: left;
						width: 5em;
					}
					#contentMain #contentMainR .sectionInfo .sectionInfoR .sectionInfoExhibwrap dl dd{
						margin:0 0 30px 5em;
					}
		
	/*.sectionInfoOne*/
	#contentMain #contentMainR .sectionInfo .sectionInfoOne{
		margin:0 20px;
	}		
		#contentMain #contentMainR .sectionInfo .sectionInfoOne .sectionInfoExhibwrap{
			width: 600px;
			margin: auto;
		}
			#contentMain #contentMainR .sectionInfo .sectionInfoOne .sectionInfoExhibwrap h1{
				margin:20px 0 15px;
			}
			#contentMain #contentMainR .sectionInfo .sectionInfoOne .sectionInfoExhibwrap p{
				margin-bottom: 40px;
			}
			#contentMain #contentMainR .sectionInfo .sectionInfoOne .sectionInfoExhibwrap dl{
			}
				#contentMain #contentMainR .sectionInfo .sectionInfoOne .sectionInfoExhibwrap dl dt{
					float: left;
					clear: left;
					width: 5em;
				}
				#contentMain #contentMainR .sectionInfo .sectionInfoOne .sectionInfoExhibwrap dl dd{
					margin:0 0 30px 5em;
				}
		

/*sectionMonolist*/
#contentMain #contentMainR .sectionMonolist{
	margin-bottom:100px;
	padding-left:20px;
}
	#contentMain #contentMainR .sectionMonolist h1.sectionMonolistHead{
		font-size: 1.6em;
		margin-bottom: 25px;
	}
	#contentMain #contentMainR .sectionMonolist ul{
		font-size: 0;
	}
		#contentMain #contentMainR .sectionMonolist ul li{
			width:182px;
			display: inline-block;
			margin-bottom:45px;
			text-align: center;
		}



/*sectionOrder*/
#contentMain #contentMainR .sectionOrder{
	width: 600px;
	margin: 0 auto 60px;
}
	#contentMain #contentMainR .sectionOrder h1.sectionOrderHead{
		font-size: 1.6em;
		margin-bottom: 20px;
	}
	/*.sectionOrderChild*/
	#contentMain #contentMainR .sectionOrder .sectionOrderChild{
		margin-bottom:20px;
	}
		#contentMain #contentMainR .sectionOrder .sectionOrderChild h1{
			font-size: 1.2em;
			margin-bottom:5px;
		}
		#contentMain #contentMainR .sectionOrder .sectionOrderChild p{
			padding-left: 1em;
		}