@charset "UTF-8";
/* CSS Document */

/*- ページタイトル -*/
#pageTitle h1{ background-image: url("../../images/page_icon06_0.png"); }

body{
background-image: none;
background-color: #fff;
}



/*======================================================

	PCサイズ（769px以上）ここから
	
======================================================*/

@media screen and (min-width:769px), print{

/*- ページナビゲーション -*/
#pageNavi ul li{ width:25.00%; }


/* ----------------------------------------------
	ごあいさつ
------------------------------------------------- */
#greeting p{
	margin-top: 2em;
	text-indent: 1em;
}
#greeting img{
	display:block;
	width:100%;
	height:auto;
}

/* ----------------------------------------------
	名誉館長紹介
------------------------------------------------- */
#introduction{
	margin-bottom: 150px;
}

#introduction img{
	float:right;
	margin-left: 20px;
}
#introduction dl{
	margin-top: 1em;
}
#introduction dd p {
	margin-top: 0.5em;
}
#introduction dd ul{
	list-style: inside;
}
#introduction strong{
	font-weight: bold;
}
/*#introduction{}

#introduction img{
	float:right;
	margin-left: 45px;
}
#introduction dl{
	     clear: both; 
    margin-top: -25px;
    width: 340px;
    float: right;
}
#introduction dd p {
	margin-top: 0.5em;
}
#introduction dd ul{
	list-style: inside;
}
#introduction strong{
	font-weight: bold;
}
#introduction #photo02{
    width: 638px;
    margin-top: 30px;
    float: left;
}
#introduction .wrapper{
padding: 30px;
background-color: #E6F4FF;
height: 662px;
}

#introduction .chiji_coment{
    border: 1px solid #04163a;
    background-color: #fff;
    width: 590px;
    padding: 23px;
    margin-top: 23px;
}
#introduction .right{
text-align: right;
}*/

	
/* ----------------------------------------------
	リンクボタン
------------------------------------------------- */
#director{
	padding: 20px 0;
	border-bottom:2px solid #c4cbd5;
}
#director a{
	display:inline-block;
	margin: 0 0 50px;
	padding: 10px 70px;
	text-align: center;
	text-decoration:none;
	color: #04163a;
	border: solid 2px #04163a;
	font-size:107%;
	font-weight:bold;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}



	
	
	
/* ----------------------------------------------
	一覧
------------------------------------------------- */

#list .content dl{
	float: left;
	width: 450px;
	min-height: 194px;
	padding:30px;
	display: table-cell;
	border-bottom: 2px solid #c4cbd5;
}
#list .content dl:nth-child(2n) {
}
#list .content dl:nth-child(2n+1) {
	clear: both;
	border-right: 2px solid #c4cbd5;
}
#list .content dl:nth-last-child(2),
#list .content dl:last-child {
	border-bottom: none;
}
#list .content dl:nth-of-type(3),
#list .content dl:nth-of-type(4) {
 height: 250px;
}

#list .content dt h4 {
	text-align: center;
	margin-bottom: 1em;
}
#list .content dd {
 margin: 0 auto;
}
#list .content dd:first-of-type {
	margin-bottom: 1em;
}



}

/*======================================================

	SPサイズ（768px以下）ここから
	
======================================================*/

@media screen and (max-width: 768px) {

/* ----------------------------------------------
	ごあいさつ
------------------------------------------------- */
#greeting p{
	margin-top: 2em;
	text-indent: 1em;
}

/* ----------------------------------------------
	名誉館長紹介
------------------------------------------------- */
#introduction{
	margin-bottom: 20px;
}

#introduction img{
	display: block;
	width: 60%;
	margin-bottom: 10px;
}
#introduction dl{
	margin-top: 1em;
}
#introduction dd p {
	margin-top: 0.5em;
}
#introduction dd ul{
	list-style: inside;
}
#introduction strong{
	font-weight: bold;
}
	
/*#introduction{}

#introduction img{
	display: block;
	width: 60%;
}
#introduction dl{
	margin-top: 1em;
}
#introduction dd p {
	margin-top: 0.5em;
}
#introduction dd ul{
	list-style: inside;
}
#introduction strong{
	font-weight: bold;
}
#introduction #photo02{
    width: 100%;
    margin: 20px auto;
}
#introduction .wrapper{
padding: 20px;
background-color: #E6F4FF;
}
#introduction .chiji_coment{
border: 1px solid;
padding: 20px;
margin-top: 15px;
background-color: #fff;
}
#introduction .right{
text-align: right;
margin-top: 15px;
margin-right: 2px;
}*/

/* ----------------------------------------------
	一覧
------------------------------------------------- */

#list .content dl{
	padding: 15px;
	display: block;
	border-top: 1px solid #c4cbd5;
}
#list .content dl:nth-child(2n) {
}
#list .content dl:nth-child(2n+1) {
}
#list .content dl:nth-last-child(2),
#list .content dl:last-child {
	border-bottom: none;
}

#list .content dt h4 {
	text-align: center;
	margin-bottom: 1em;
}
#list .content dd:first-of-type {
	margin-bottom: 1em;
}

}

@media screen and (max-width: 380px) {
	#introduction .wrapper br.w380{ display:inline !important; }
}