body {
	color:#000000 ;
	font-size: 84% ;
	line-height: 150% ;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin : 20px 10px 10px 10px ;
}



/* == リンク == */
.top-menu a:link		{ color: #db5328 ; text-decoration : none ; font-weight: bold ; }
.top-menu a:hover		{ color: #ff6600 ; text-decoration : none ; font-weight: bold ; }
.top-menu a:visited		{ color: #941d55 ; text-decoration : none ; font-weight: bold ; }
.top-menu a:active		{ color: #000000 ; text-decoration : none ; font-weight: bold ; }





 /* == 文字 == */
.small		{ font-size:  84% ; }
.white		{ color: #ffffff ; }
.black		{ color: #000000 ; }
.red		{ color: #ff0000 ; }
strong		{ font-weight: bold; }



 /* == 寄せ == */
.left		{ text-align: left ; }
.center		{ text-align: center ; }
.right		{ text-align: right ; }
.top		{ vertical-align: top ; }
.middle		{ vertical-align: middle ; }
.bottom		{ vertical-align: bottom ; }


/* == 画像 == */
img		{ border-width : 0px ; }



/* == リスト =============================================================== */

ol	{ margin : 5px 0px 5px 20px ;  padding : 0px 0px 0px 30px ; }
ol li	{ margin : 0px 0px 0px 0px ; }


dl	{ margin : 0px 0px 0px 30px ; }
dt	{
	width : 25px ;
	float : left ;
	font-weight : normal ;
	padding : 0px ;
}
dd	{
	padding-left : 25px ;
	margin : 0px ;

}


/* == 見出し ============================================================= */


h3 {
	margin : 10px 0px 10px 0px ; ;
}

/* == テーブル ============================================================= */

table	{
	text-align: left;
	border-collapse: collapse
}
td	{ font-size : 84% ; line-height: 130% ; padding : 2px ; }
th	{ font-size : 84% ; line-height: 130% ; padding : 2px ; text-align: left ; }
.nowrap	{ white-space: nowrap ; }


@media only screen and (max-width : 568px) {

td	{ font-size : 70% ; }
th	{ font-size : 70% ; }

}

/* == テーブルの設定 =================================================== */


table.line {
	width: 100% ;
	margin: 10px 0px ;
	border : 1px solid #000000 ;
}

table.w60 { width: 70% ; }
table.w40 { width: 50% ; }
@media only screen and (max-width : 568px) {
	table.w60 { width: 100% ; }
	table.w40 { width: 100% ; }
}

table.line th {
	font-weight: normal ;
	border : 1px solid #000000 ;
	padding: 4px 5px 3px 5px;
	background-color: #fcd8cd ;
	text-align:center;
}

table.line th.left {
	text-align:left;
}

table.line td {
	border : 1px solid #000000 ;
	padding: 2px 5px 2px 5px;
}

table.line td.subject {
	background-color: #dddddd ;
	white-space: nowrap ;
}

table.line caption {
	font-weight : normal ;
	text-align : right ;
	font-size : 84% ;
}




/* == 目次 ============================================================= */

table.contents	{
	font-weight : bold ;
	margin : 10px 10px 30px 20px ;
}

table.contents td {
	font-size: 100%;
	padding : 2px ;
}




table.contents a:link		{ color: #000000; text-decoration: none; }
table.contents a:visited	{ color: #db5328; text-decoration: none; }
table.contents a:hover		{ color: #db5328; text-decoration: none; }


/* == メニュー ============================================================= */

div.top-menu	{
	width : 45% ;
	text-align : left ;
	float : left ;
	padding : 0px 10px ;
}

@media only screen and (max-width : 568px) {

div.top-menu	{
	width : 100% ;
	float : none ;
	padding : 0px ;
}

}


/* == ページ内リンク ============================================================= */

.pagetop	{
	text-align : right ;
}




/* == 印刷改ページ ============================================================= */

.print	{
	page-break-after: always; 
}


/* == 回り込み解除 ======================================================== */

.clearfix:after
{
	content: url('clear.gif');  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix
{
	min-height: 1px;
}

* html .clearfix
{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}