/*--------------------------------------*/

hr.line1 {
	border:0;
	border-bottom:1px dashed #999;
}

hr.line2 {
	height: 2px;
	border: none;
	border-top: 2px #000000 dotted;
}

/*-------------------------------------*/



.box1{ /*-- 左 --*/
	float: left;
	width: 25%;
}

.box2{ /*-- 右 --*/
	float: left;
	width: 75%;
}


/*-------------------------------------*/

/* --- 表全体 --- */
table.example {
width: 650px; /* 表の幅 */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 80%;
}

/* --- 表タイトル --- */
table.example caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
font-size: 20px;
}

/* --- セル --- */
table.example th,
table.example td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
text-align: left;
}

/* --- 見出しセル --- */
table.example thead th {
background-color: #deefff; /* 見出しセルの背景色 */
text-align: center;
}

/* --- フッタセル --- */
table.example tfoot td {
background-color: #ffffff; /* フッタセルの背景色 */
text-align: left;
}

/* --- 奇数行 --- */
table.example tr.odd {
background-color: #ffffff; /* 奇数行の背景色 */
text-align: left;
}

/* --- 偶数行 --- */
table.example tr.even {
background-color: #f5f5f5; /* 偶数行の背景色 */
text-align: left;
}


/*------------------------------------------------*/

div#link1{
    margin-top: -30px; /* リンク位置上昇分 */
    padding-top: 30px; /* 上昇分を戻す分 */
}
div#link2{
    margin-top: -30px; /* リンク位置上昇分 */
    padding-top: 30px; /* 上昇分を戻す分 */
}
div#link3{
    margin-top: -30px; /* リンク位置上昇分 */
    padding-top: 30px; /* 上昇分を戻す分 */
}