@charset "utf-8";

/* ========================================================================================================================/
	
	Document : style.css

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

/* ------------------------------------------------------------------------------------------------------------------------/
	information list
/------------------------------------------------------------------------------------------------------------------------ */

.information {
	max-height:99999px;
	text-align:left;
	margin:0 0 50px 0;
	}

	.information ul {
		width:600px;	
		margin:15px 0 0 0;
		list-style:none;
		}
		.information ul li {
			border-bottom:dotted 1px #acac9d;
			}
			.information ul li a {
				position:relative;
				display:block;
				color:#232323;
				text-decoration:none;
				box-sizing:border-box;
				background:transparent url("../image/layout/ic01.png") left center no-repeat;
				background-size:20px 20px;
				padding:10px 0 10px 125px;
				}
				.information ul li a span {
					position:absolute;
					top:10px;
					left:30px;
					color:#666666;
					font-size:16px;
					}


/* ------------------------------------------------------------------------------------------------------------------------/
	information detail
/------------------------------------------------------------------------------------------------------------------------ */

		.information section {
			margin:30px 0 50px 0;
			}
		.information section h3 {
			position:relative;
			font-size:23px;
			text-align:left;
			line-height:140%;
			box-sizing:border-box;
			background:#efefef;
			border-left:solid 5px #b00000;
			margin:0 0 30px 0;
			padding:10px 10px 10px 110px;
			}
			.information section h3 span {
				position:absolute;
				top:10px;
				left:15px;
				}

		.information section .infobox {
			margin:0 0 50px 0;
			}

		.information section .photo-c {
			margin:0 auto 20px auto;
			}
		.information section .photo-l {
			float:left;
			margin:0 20px 20px 0;
			}
		.information section .photo-r {
			float:right;
			margin:0 0 20px 20px;
			}
		.information section .photo-c img,
		.information section .photo-l img,
		.information section .photo-r img {
			width:auto;
			height:auto;
			max-width:600px;
			}

		.information ul.pmove {
			list-style:none;
			}
			.information ul.pmove li.bf {
				float:left;
				display:block;
				border:none;
				}
			.information ul.pmove li.af {
				float:right;
				display:block;
				border:none;
				}
				.information ul.pmove li a {
					display:block !important;
					width:100% !important;
					height:auto !important;
					color:#ffffff;
					font-size:20px;
					font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
					text-align:center;
					text-decoration:none;
					text-indent:0 !important;
					line-height:60px;
					box-sizing:border-box;
					background:#d90000;
					border:solid 1px #d90000 !important;
					margin:0 !important;
					padding:0 20px;
					cursor:pointer;
					}
		
		.information .datafile {
			position:relative;
			display:inline-block;
			width:auto;
			color:#232323;
			text-decoration:none;
			line-height:50px;
			box-sizing:border-box;
			background:#efefef;
			border:solid 1px #cccccc;
			margin:0 0 20px 0;
			padding:1px 10px 0 45px;
			}
			.information .datafile img {
				position:absolute;
				top:14px;
				left:15px;
				}