html {
    scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #C8C8C6; scrollbar-shadow-color: #C8C8C6; scrollbar-dlight-color: #C8C8C6; scrollbar-arrow-color: #B0B1AB; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #C8C8C6;
}
body {
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: none; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; margin-left: 75px; margin-right: 75px; font-weight: normal; font-size: 10pt; background: #ffffff; color: #666666; font-style: normal; font-family: "ＭＳ Ｐゴシック",Osaka,Gothic,sans-serif; letter-spacing: normal; font-variant: normal;
}
body.bodytop {
	background: url("../ch4.gif") repeat;
}
a:link {		/* 未訪のリンク  */
	color: #6699cc;
}
a:visited {	/* 既訪のリンク  */
	color: #cc9999;
}
a:hover {	/* ユーザが指し示している */
    background-color: #cccccc;
	color: #666633;
	text-decoration: none;
}
a:active {	/* 動作中のリンク */
	color: #cc9999;
}
a:focus {	/* 選択された時のリンク*/
	color: blue;
}
.box1 {
    background: url("../d_01.gif");
    width: 180px;
    position: absolute;
    top: 40px;
    right: 80px;
    text-align: right;
}
.midashi1 {
    width: 300px; height: 15px;
    margin-top: 20px;
    margin-left: 30px;
    border-left-style: solid; border-left-width: 10px; border-left-color: #808080;
    border-bottom-style: dashed;border-bottom-width: 1px; border-bottom-color: #808080;
    padding-left: 15px;
}
.nakami1 {
    margin-top: 10px;
    margin-left: 50px;
}
.nakami2 {
	margin-left: 65px;
}
.ind1 {
    margin-left: 30px;
    border: solid 1px #808080;
    padding: 6px;
}
.ind2 {
    margin-left: 35px;
}
.col1 {/*文字を赤にするだけ*/
    color: red;
}
.und1 {/*アンダーライン引くだけ*/
    text-decoration: underline;
}
.fon1 {/*文字を太くするだけ*/
    font-weight: bold;
}
.back {
    text-align: right;
}
.back2 {
    position: relative; left: 70%; top: 3%;
}
.back3 {
    position: relative; left: 70%; top: 30%;
}
.back4 {
    position: relative; left: 70%; top: 40%;
}
.cnt1 {/*1行センタリング*/
    text-align: center;
}
.board {
    margin-top: 5px; margin-left: 20px; margin-right: 10px;
    width: 102px;
    border-top-style: solid;
    border-width-top: 5px;
    border-top-color: #ffff00;
    background-color: #006600;
    padding: 3px;
    color: #ffff00;
    font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",平成明朝,細明朝体,serif;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
}
.name1 {/*Track名表示*/
   /* margin-left: 10%; margin-right: 10%;*/
    margin-left: auto; margin-right: auto; /* NNとOPのセンタリング */
    width: 400px;
    background: url("../d_13.gif");
    font-size: 12pt;
    text-decoration: bold;
    padding: 5px;
    text-align: left;
}
.exp1 {/*説明*/
    margin-left: auto; margin-right: auto; /* IEには効かないからIEはセンタリングで対応 */
    width: 400px; 
    background: url("../d_01.gif");
    margin-top: 2px;
    padding: 2px;    
    text-align: left;
}
.name2 {/*Track名表示*/
    margin-left: auto; margin-right: auto;
    width: 400px;
    background: url("../d_04.gif");
    font-size: 12pt;
    text-decoration: bold;
    padding: 5px;
    text-align: left;
}
.exp2 {/*説明*/
    margin-left: auto; margin-right: auto;
    width: 400px; 
    background: url("../d_13.gif");
    margin-top: 2px;
    padding: 2px;    
    text-align: left;
}
.name3 {/*Track名表示*/
    margin-left: auto; margin-right: auto;
    width: 400px;
    background: url("../d_10.gif");
    font-size: 12pt;
    text-decoration: bold;
    padding: 5px;
    text-align: left;
}
.exp3 {/*説明*/
    margin-left: auto; margin-right: auto;
    width: 400px; 
    background: url("../b_02.gif");
    margin-top: 2px;
    padding: 2px;    
    text-align: left;
}
.c_name { color: #cc6633; font-size: 14pt; font-weight: 900; }
.pct_l {
    width: 250px; height: 200px;
    color: #ff6600;
    text-align: center;
    float: left;
}
.pct_l_t {
    width: 188px; height: 260px;
    color: #ff6600;
    text-align: center;
    float: left;
}
.bun_top { padding-top: 5px; }
.cl_l { clear: left; }
.cl_r { clear: right; }
.pct_r {
    width: 250px; height: 200px;
    color: #ff6600;
    text-align: center;
    float: right;
}
.pct_r_t {
    width: 188px; height: 260px;
    color: #ff6600;
    text-align: center;
    float: right;
}
.box80 {
    margin-left: auto; margin-right: auto;
    width: 80%;
    text-align: left;
}
.box100 {
    margin-left: auto; margin-right: auto;
    width: 580px;
    border-style: solid; border-color: #cccccc; border-width: 1px;
    border-top-style: none;
    padding: 5px;
    text-align: left;
}
.box100_u {
    margin-left: auto; margin-right: auto;
    width: 580px;
    border-style: solid; border-color: #cccccc; border-width: 1px;
    border-bottom-style: none;
    padding-left: 0px; padding-top: 2px; padding-right: 10px;
    text-align: left;
}
.ttl {
    border-style: solid; border-color: #cccccc; border-width: 1px;
    background-color: #cccccc;
  /*  background: url("../sozai/diza_27.gif");*/
    padding: 3px;
    font-weight: 900;
    color: #ffffff;
}
.nittei { font-size: 12pt; font-weight: 900; text-align: center; }
.tbl {
    width: 450px;
    font-size: 10pt;
    border-collapse: collapse;
    background-color: #cccccc;
    margin-left: auto; margin-right: auto;
}
.img_left {
    width: 250px; height: 200px;
    color: #ff6600;
    text-align: center;
    float: left;
}
.img_right { width: 250px; height: 200px; color: #ff6600; text-align: center;}