@charset "utf-8";

/*=====================================================================================
	
	Document    : style.css
	Description : PC用（幅900px以上）
 
=====================================================================================*/

.hdS {
	background:url(../image/hd-photo.jpg) no-repeat center top;
}

.md {
	background:url(../../image/md-ic/info.png) no-repeat center top;
	padding-top:55px;
}

.block:first-child {
	padding-bottom:0;
}


/*---------------------------------------------------------------------------

   一覧

---------------------------------------------------------------------------*/

.infolist-box {
	width:71%;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width:800px) {
	.infolist-box {
		width:100%;
	}
}

.infolist h3 {
	background:url(../../image/bg-black25.png) repeat center top;
	color:#fff;
	padding:10px;
	text-align:center;
}

.infolist dl {
	text-align:left;
}

.infolist dt {
	width:9em;
	float:left;
	clear:both;
	margin-right:-9em;
	padding-top:5px;
}

.infolist dd {
	padding-left:9em;
	padding-top:5px;
}

.infolist dd a:hover {
	color:#a0a0a0 !important;
}


/*-------------------------------------------------------
   改ページ
-------------------------------------------------------*/

.kpage {
	list-style:none;
	text-align:center;
}

.kpage li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	text-align:center;
	margin:10px 4px 0 4px;
	background-color:#5a5a5a;
}

.kpage li a,
.kpage li a:visited,
.kpage li.now {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#fff;
	padding:4px 8px;
	line-height:1.4em;
	text-decoration:none;
	font-weight:normal;
}

.kpage li:hover {
	background-color:#7ab9d8;
}

.kpage li:hover a {
	color:#fff !important;
}

.kpage li.now,
.kpage li.now:hover {
	background-color:#7ab9d8 !important;
	color:#fff !important;
}



/*---------------------------------------------------------------------------

   詳細

---------------------------------------------------------------------------*/

.infodt-wp {
	max-width:100% !important;
	background:url(../../image/bg-black5.png) repeat center top;
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.infodt-box {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.infodt-box h3 {
	text-align:center;
}

.infodt-box h3 span {
	border-top:5px solid #7ab9d8;
	font-weight:normal;
}


/*-------------------------------------------------------
   ボタン
-------------------------------------------------------*/

.list-back {
	margin-left:15px;
	margin-right:15px;
}

.list-back a {
	background-image:none;
	padding-left:30px;
	padding-right:30px;
}

.dt-back a {
	background:url(../../image/lm-white-left.png) no-repeat center left;
}

.dt-next a {
	background:url(../../image/lm-white.png) no-repeat center right;
	padding-left:0;
	padding-right:20px;
}


/*-------------------------------------------------------
   photo
-------------------------------------------------------*/

.photo-l { float:left; margin-right:30px; margin-bottom:15px; }
.photo-r { float:right; margin-left:30px; margin-bottom:15px; }
.photo-c {
	display:block;
	text-align:center;
	padding-bottom:30px;
	margin-left:auto;
	margin-right:auto;
}

.photo-l,
.photo-r { display:inline; }

@media screen and (max-width:800px) {
	.photo-l,
	.photo-r,
	.photo-c {
		float:none;
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
}

/* データファイル */
.datafile { margin-bottom:20px; }
.datafile img {
	vertical-align:middle;
	margin-right:10px;
}