@charset "Shift_JIS";
#wrapper{
	width: 100%;
}
#header{
    float:left;
	width: 100%;
	background-color: #FFFFFF;
	height: 25px;
	background-repeat: no-repeat;
}
#header1{
	float:left;
	width: 100%;
	background-color: #FFFFFF;
	height: 35px;
	text-align: right;
}
#header2{
	clear:both;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(img/ibdtitle-1.jpg);
	height: 150px;
}
#contanar{
	display: flex;
	width: 100%;
}

#sideleft{
 	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	float: left;
	width:35%; /* ボックスの幅を変更 */
	margin: 10px 5px 10px 0; /* 上右下左にマージンを指定 */
}
#primary{
	float: left; /* ボックスを左寄せに変更 */
	width:64%; /* ボックスの幅を変更 */
	margin: 10px 0 0 0; /* 上右下左にマージンを指定 */
	background-color: #FFFFFF;
}
#sideright{
	float: right; /* ボックスを右寄せに指定 */
	width: 24%; /* ボックスの幅を指定 */
	margin: 10px 0 0 0; /* 上右下左にマージンを指定 */
	background-color: #FFFFFF;
}
#footer{
	clear: both;
	margin: 10px 0; /* 上右下左にマージンを指定 */
	background-color: #FFFFFF;
	text-align:center;
	width: 100%;
	height: 50px;
}
body{
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.3;
	color: #006;
	background-color: #FFFFFF;
}
#navigation{
	width: 100%; /* ボックスの幅を指定 */
	margin: 15px 0 0 0; /* 上右下左にマージンを指定 */
	color: #0850B2;
}
#navigation ul{
	list-style: none; /* リストのマーカーを表示させないように指定 */
	margin: 0; /* 全方向のマージンを0に指定 */
	padding: 0; /* 全方向のパディングを0に指定 */
}
#navigation li{
	margin: 0; /* 全方向のマージンを0に指定 */
	padding: 0; /* 全方向のパディングを0に指定 */
}
#navigation a{
	padding: 4px 0 4px 10px;
	background: #FFFFFF url(../img/list4-7jpg) left center no-repeat;
	color: #0850B2; /* 文字色を指定 */
}
#sidebar{
	width: 100%; /* ボックスの幅を指定 */
	text-align: right;
	margin: 15px 0 0 0; /* 上右下左にマージンを指定 */
	color: #0850B2;
}
#sidebar ul{
	list-style-type: square; /* リストのマーカーを表示させないように指定 */
	margin: 0; /* 全方向のマージンを0に指定 */
	padding: 0; /* 全方向のパディングを0に指定 */
}
#sidebar li{
	margin: 0; /* 全方向のマージンを0に指定 */
	padding: 0; /* 全方向のパディングを0に指定 */
}
h1{
	font-size: 100%;
	color: #0850B2;
	background-color: #F0F6FD;
	border-top: 5px solid #0850B2;
	border-bottom: 2px solid #CCCCCC;
	margin: 3px 0 2px 0; /* 上右下左にマージンを指定 */
	padding: 3px 0 1px 5px; /* 上下左右のパディングを指定 */
}
h2{
	font-size: 90%;
	color: #0850B2;
	background-color: #EFEFEF;
	border-left: 3px solid #0850B2;
	border-bottom: 1px solid #CCCCCC;
	margin: 3px 0 5px 0;  /* 上右下左にマージンを指定 */
	padding: 5px; /* 上下左右の方向のパディングを5pxに指定 */
}
h3{
	font-size: 85%;
	color: #0850B2;
	background-color: #EFEFEF;
	border-left: 2px solid #0850B2;
	border-bottom: 1px solid #CCCCCC;
	margin: 3px 0 5px 0;  /* 上右下左にマージンを指定 */
	padding: 3px 0 1px 7px; /* 上下左右の方向のパディングを5pxに指定 */
	}
h4{
	font-size: 85%;
	color: #0850B2;
	background-color: #EFEFEF;
	border-left: 3px solid #00ffff;
	border-bottom: 1px solid #3cb371;
	margin: 3px 0 5px 0; /* 上右下左にマージンを指定 */
	padding: 0 0 0 10px; /* 上右下左の方向のパディングを5pxに指定 */
	}	
p{
	margin: 10px 0 10px 10px; /* 上下と、下方向のマージンを10pxに指定、右方向は0に指定 */
	color: #0850B2;
}
#content{
	width: 500px;
}
.section{
	margin: 30px 10px; /* 上下方向のマージンを30pxに指定、左右方向は10pxに指定 */
}
#line{
	border-style: solid;
	border-width: 2px;
	border-color: green;
	line-height: 1.2;
	padding: 5px 5px 0 10px; /* 上右下左の方向のパディングを5pxに指定 */
	margin: 5px 1px 5px 1px; /* 上右下左の方向のマーリンを5pxに指定 */
	}