@charset "utf-8";

/*-------
  culture
-------*/

/* index */
#top #wrapper #contents #contents2 #contentsMain .mainImg1,
#top #wrapper #contents #contents2 #contentsMain .mainImg2{
	position:relative;
	width:620px;
	height:150px;
}
#top #wrapper #contents #contents2 #contentsMain .mainImg1{
	background:url(../images/culture_idx_p01.jpg) no-repeat;
}
#top #wrapper #contents #contents2 #contentsMain .mainImg2{
	background:url(../images/culture_idx_p02.jpg) no-repeat;
}
#top #wrapper #contents #contents2 #contentsMain .mainImg1 h3,
#top #wrapper #contents #contents2 #contentsMain .mainImg2 h3{
background-image:none;
text-indent:-9999em;
overflow:hidden;
}

#top #wrapper #contents #contents2 #contentsMain .mainImgMenu {
position:absolute;
left:0;
top:111px;
width:166px;
height:29px;
list-style:none;
}
#top #wrapper #contents #contents2 #contentsMain .mainImgMenu li{
width:73px;
height:29px;
float:left;
margin-left:10px;
_margin-left:5px;
}
#top #wrapper #contents #contents2 #contentsMain .mainImgMenu li.menu02{
_margin-left:10px;
}
#top #wrapper #contents #contents2 #contentsMain .mainImgMenu li a{
display:block;
height:100%;
text-indent:-9999em;
overflow:hidden;
zoom:1;
}
#top #wrapper #contents #contents2 #contentsMain .mainImgMenu li.menu01 a:hover{
background:url(../images/culture_idx_first_f2.gif) no-repeat 0 0;
}
#top #wrapper #contents #contents2 #contentsMain .mainImgMenu li.menu02 a:hover{
background:url(../images/culture_idx_second_f2.gif) no-repeat 0 0;
}

/* culture xx */
#top #wrapper #contents #contents2 #contentsMain h3.culture{
	width:620px;
	height:150px;
	text-indent:-9999em;
	overflow:hidden;
	zoom:1;
	margin-bottom:30px;
}
#top #wrapper #contents #contents2 #contentsMain h3.culture01{
background:url(../images/culture_01_p01.jpg) no-repeat 0 0;
}
#top #wrapper #contents #contents2 #contentsMain h3.culture02{
background:url(../images/culture_02_p01.jpg) no-repeat 0 0;
}
#top #wrapper #contents #contents2 #contentsMain h3.culture03{
background:url(../images/culture_03_p01.jpg) no-repeat 0 0;
}
#top #wrapper #contents #contents2 #contentsMain h3.culture04{
background:url(../images/culture_04_p01.jpg) no-repeat 0 0;
}

/* photo only */
#top #wrapper #contents #contents2 #contentsMain .section .text01 img.floatL {
float:left;
margin-right:15px;
margin-bottom:5px;
}
#top #wrapper #contents #contents2 #contentsMain .section .text01 img.floatR {
float:right;
margin-left:15px;
margin-bottom:5px;
display:inline;
}
/* photo & caption area / widh 200px */
#top #wrapper #contents #contents2 #contentsMain .section div.floatLBox{
float:left;
width:200px;
margin-right:15px;
}
#top #wrapper #contents #contents2 #contentsMain .section div.floatRBox{
float:right;
width:200px;
margin-left:15px;
}
/* photo & caption area / widh 300px */
#top #wrapper #contents #contents2 #contentsMain .section div.floatLBoxL{
float:left;
width:300px;
margin-right:15px;
}
#top #wrapper #contents #contents2 #contentsMain .section div.floatRBoxL{
float:right;
width:300px;
margin-left:15px;
}
#top #wrapper #contents #contents2 #contentsMain .section div.floatLBox img,
#top #wrapper #contents #contents2 #contentsMain .section div.floatRBox img,
#top #wrapper #contents #contents2 #contentsMain .section div.floatLBoxL img,
#top #wrapper #contents #contents2 #contentsMain .section div.floatRBoxL img{
display:block;
}
#top #wrapper #contents #contents2 #contentsMain .caption{
	text-align:center;
	margin-top:5px;
	margin-bottom:15px;
	font-size:63%;
}
#top #wrapper #contents #contents2 #contentsMain img.noCaption{
	margin-bottom:15px;
}

/* to first, second link */
#top #wrapper #contents #contents2 #contentsMain .toFirst,
#top #wrapper #contents #contents2 #contentsMain .toSecond{
	float:right;
	width:117px;
	height:20px;
	margin:15px 0 0 0;
}
#top #wrapper #contents #contents2 #contentsMain .toFirst a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999em;
	overflow:hidden;
	background:url(../images/btn_tofirst.gif) no-repeat 0 0;
	zoom:1;
}
#top #wrapper #contents #contents2 #contentsMain .toSecond a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999em;
	overflow:hidden;
	background:url(../images/btn_tosecond.gif) no-repeat 0 0;
	zoom:1;
}

.topMg20 {
	margin-top: 20px;
}

/**/
#top #wrapper #contents #contents2 #contentsMain #overview {
	float: right;
	width: 60%;
	border: 1px #999 solid;
	border-right: 2px #666 solid;;
	border-bottom: 2px #666 solid;
	padding: 8px;
}
#top #wrapper #contents #contents2 #contentsMain #overview h4,
#top #wrapper #contents #contents2 #contentsMain #overview dl{
	font-size:78%;
	line-height: 1.2;
}
#top #wrapper #contents #contents2 #contentsMain #overview dl dt {
	float: left;
}