@import "bootstrap-min.css";
@import "bootstrap-responsive-min.css";
@import "common.css";

/* 会社概要ページのデザイン指定をこのファイルへ指定(レスポンシブWebデザイン) */

body{
	max-width: 920px;
	margin: 30px auto;
	padding: 0 1.5em;
	background-color: white;
}

.infolist [class*="span"] /* dt と dd */
{
	display: inline-block;
	padding: 0.8em;
	margin: 0;
	border-top: solid 1px gray;
}

.infolist {
	/* border-bottom: solid 1px gray; */
}

/* タイトル列のスタイル */
.infolist dt {
	font-weight: bold;
}

/* 内容列のスタイル */
.infolist dd {
	/* 設定をここへ */
}

/* 画像の設定 */
.image-pull-right {
	max-width: 30%;
	float: right;
	margin-left: 1.5em;
}
.image-pull-right img {
	width: 100%;
	border: none;
}

/* ファイル一覧 */
.infolist ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* タブレット縦置き以下のサイズを想定 */
@media (max-width: 767px) {
	/* 指でスクロールできる幅を残す */
	body {
		margin-right: 30px;
	}
	.infolist iframe { /* Google Maps */
		height: 15em !important; 
	}
} /* max-width: 767px */

/* ファイルリンクの設定（アイコンなど）は common.css にあります（管理画面側と共用）。 */