/* ### レイアウト ### */
#container	{width: 100%;}

#header	{margin: 0 0 15px;}

#content	{width: 100%;
	float: none;}

#sidebar	{width: 100%;
	float: none;}


/* ### 画像 ### */
img	{max-width: 100%;
	height: auto;}


/* ### アイコンメニューの表示位置 ### */

#container	{position: relative;}

#iconmenu	{position: absolute;
	right: 8px;
	bottom: 6px;}

#footer	{padding-bottom: 60px;}

#site, #iconmenu	{float: none;}


/* ナビゲーションメニューのコンパクト化 */
#nav li a	{width: auto;
	padding: 5px 8px;}


/* 記事の見出しのコンパクト化 */
.date	{float: none;
	font-size: 12px;
	line-height: 2.5;
	display: inline;
	padding: 3px 10px;
	border-radius: 5px;}

.date span	{font-size: 12px;
	display: inline;}

#content h2	{font-size: 24px;}

/* アイコン保険の段組み */
.box1 {background-color:#ffffff;
	width:335px;
	float:none;
	}

/* --- ボックス --- */
div.section {
width: 100%; /* ボックスの幅 */
height: 300px; /* ボックスの高さ */
overflow: auto;
background-color: #f9f9f9; /* ボックスの背景色 */
border: 1px #c0c0c0 dotted; /* ボックスの境界線 */
font-size: 80%; /* 文字サイズ */
color: #000000; /* 文字色 */
}


/* --- ボックス内の段落 --- */
div.section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}


/* 会社概要 */
.left {
	width:95%;
	}
.left2 {
	width:95%;
	height:22px;
	}
.right {
	width:95%;
	}