@charset "UTF-8";

html,body,div,
h1,h2,h3,h4,h5,h6,
p,pre,blockquote,
dl,dt,dd,ul,ol,li,
form,legend,fieldset,input,textarea,
th,td,
address{
	margin:0;padding:0;
}

body,
h1,h2,h3,h4,h5,h6{
	font-size:100.01%;
}

img,
a,
fieldset{
	border:0;
}

img{
	vertical-align:top;
}

img {
    max-width: 20%;  /* 親要素に合わせて画像を縮小 */
    height: auto;     /* 高さは自動で調整 */
    display: block;   /* インライン要素をブロック要素に変更 */
    margin: 15px;        /* マージンのリセット */
    padding: 0;       /* パディングのリセット */
    vertical-align: top; /* 画像の縦位置を上に揃える */
}

a{
	outline:0;
	text-decoration:none;
}
ul li{
	list-style:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}

/*--------------------------------------
	General Elements
--------------------------------------*/
a{
	color:#0055C4;
}
a:active,
a:hover{
	text-decoration:underline;
}

/*--------------------------------------
	General Layout
--------------------------------------*/
body{
	background:#ffffff;
	font-size:13px;
	font-family:Verdana,Arial,Sans-serif,"ＭＳ Ｐゴシック";
	color:#333333;
}
#container{
	width:779px;
	border-right:1px solid #959595;
	border-left:1px solid #959595;
	border-top:4px solid #0055C4;
	border-bottom:4px solid #0055C4;
	margin:0 auto;
}

#contents{
	min-height:400px;
	padding:0 15px 15px;
}

#footer{
	text-align:center;
}

/*--------------------------------------
	Elements
--------------------------------------*/
#contents h3.section{
	margin:0 0 10px 0;
	padding:1em 30px 10px 8px;
	border-left:5px solid #0055C4;
	background:#1D8ADE;
	color:#FFF;
	text-indent:6px;
}

#contents h5.subsection{
	padding:10px 0px 5px 0;
	border-bottom:1px solid #ccc;
	color:#0000FF;
}

#contents div.subsubsection{
	padding-top:10px;
}

#contents table.tbl{
	border-collapse:collapse;
	text-align:left;
	line-height:1.5;
	margin-top:5px;
}

#contents table.tbl th{
	padding:10px;
	text-align:left;
	vertical-align:top;
	border:1px solid #ccc;
	width:280px;
}

#contents table.tbl td{
	padding:10px;
	vertical-align:top;
	border:1px solid #ccc;
}