


body { 
background-color : #2f4f4f; 
background-image : url(../images/wood.jpg); 
background-position : top; 
background-repeat : no-repeat; 
background-attachment : scroll; 
}

/* ヘッダー画像 */
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}


/* キャッチコピー */
.catch	{margin: 0;
	padding: 12px;
	background-color: rgba(255,255,255,0.7);
	font-size: 28px}

.catch2	{margin: 0;
	max-width: 100%;
	padding: 5px;
	background-color: rgba(255,255,255,0.7);
	}

/* ヘッダー画像にキャッチコピーを重ねる */
.top	{position: relative}

.catch	{position: absolute;
	top: 7%;
	right: 3%}

.catch2	{position: absolute;
	bottom: 5%;
	left: 3%}


/* 強調テキスト */

span.red{color:red}


span.bl{color:black}

span.wht{color:white;
text-align:center}

span.blue{color:blue}



dl.a { 
text-align : center; 
}

a.lnk { 
display : block; 
width : 100%; 
height : 100%; 
text-decoration : none; 
} 

a:link { 
color : #33ccff; 
}

a:visited { 
color : #339933; 
} 

a:active { 
color : #ffff33; 
}
 
a:hover { 
color : #ff0000; 
text-decoration : underline; 
} 

a { 
text-decoration : none; 
}

a.x { 
color : #ffffff; 
display : block; 
width : 80px; 
background-color : #666699; 
font-size : x-small; 
text-align : center; 
text-decoration : none; 
} 

a.x:link { 
color : #ffffff; 
}

a.x:hover { 
text-decoration : none; 
color : #ff0000; 
background-color : #2f4f4f; 
} 

a.lnktop { 
display : block; 
text-decoration : none; 
padding : 0; 
background-color : #ffffff;
filter: alpha(style=3, opacity=60)
} 

a.lnktop:active { 
text-decoration : none; 
color : #339966; 
padding : 0; 
background-color : #ffffff;
filter: alpha(style=3, opacity=60)
} 

a.lnktop:visited { 
text-decoration : none; 
color : #339966; 
padding : 0; 
background-color : #ffffff; 
filter: alpha(style=3, opacity=60)
} 

a.lnktop:hover { 
text-decoration : none; 
color : #33ff99; 
background-color : #ffffff; 
padding : 0; 
filter: alpha(style=0, opacity=100)
} 

td.topa { 
font : normal normal small/100% "Meiryo"; 
width : 25%; 
} 

td.top0 { 
height : 140px; 
vertical-align : bottom; 
background-image : url(../images/gaikan.jpg); 
font : normal normal small/100% "Meiryo"; 
} 

td.top1 { 
height : 140px; 
vertical-align : bottom; 
background-image : url(../images/din.jpg); 
font : normal normal small/100% "Meiryo"; 
}

td.top2 { 
height : 140px; 
vertical-align : bottom; 
background-image : url(../images/206ent.jpg); 
font : normal normal small/100% "Meiryo"; 
} 

td.top3 { 
height : 140px; 
vertical-align : bottom; 
background-image : url(../images/yuya.jpg); 
font : normal normal small/100% "Meiryo"; 
} 

td.top4 { 
height : 140px; 
vertical-align : bottom; 
background-image : url(../images/bo.gif); 
font : normal normal small/100% "Meiryo"; 
} 

td.top5 { 
vertical-align : bottom; 
height : 140px; 
background-image : url(../images/map.jpg); 
font : normal normal small/100% "Meiryo"; 
} 

td.top6 { 
vertical-align : bottom; 
height : 140px; 
background-image : url(../images/206-205.jpg); 
font : normal normal small/100% "Meiryo"; 
} 

td.top7 { 
vertical-align : bottom; 
height : 140px; 
background-image : url(../images/godaido.jpg); 
font : normal normal small/100% "Meiryo"; 
} 

td.top8 { 
vertical-align : bottom; 
height : 140px; 
background-image : url(../images/japan.gif); 
font : normal normal small/100% "Meiryo"; 
}

td.top9 { 
width : 220px; 
vertical-align : bottom; 
height : 140px; 
background-image : url(../images/saigyo.jpg); 
font : normal normal small/100% "Meiryo"; 
}

td.topm { 
margin : auto; 
text-align : center; 
}

h1 { 
color : #ffffff; 
font : normal normal small/150% "Meiryo"; 
}
 
h2 { 
color : #000000; 
font : normal bolder small/120% "Meiryo"; 
}
 
table.link { 
margin : auto; 
text-align : center; 
width : 75%; 
} 

td.a { 
color : #ffffff; 
font : normal normal x-small/120% "Meiryo"; 
width : 7%; 
}

td.aa { 
color : #ffffff; 
font : normal normal x-small/120% "Meiryo"; 
width : 10%; 
}
 
td.c { 
width : 10%; 
}

hr.a { 
color : red; 
}

table.h { 
margin : auto; 
width : 72%; 
}
 
p.head { 
color : #ffffff; 
font : normal normal small/150% "Meiryo"; 
}

td.head { 
height : 150px; 
}

table.main { 
padding-left : 20px; 
padding-right : 20px; 
margin : auto; 
width : 72%; 
background : #000000; 
}

table.sub { 
margin : auto; 
width : 65%; 
background : #696969; 
}

td.b { 
text-align : right; 
} 

table.cal { 
margin : auto; 
width : 70%; 
}

td.cal { 
width : 10%; 
height : 60px; 
vertical-align : top; 
}
 
td.sub { 
color : #ffffff; 
font : normal normal small/120% "Meiryo"; 
width : 25%; 
}

td.sub2 { 
color : #ffffff; 
font : normal normal small/120% "Meiryo"; 
width : 20%; 
}

table.e { 
color : #ffffff; 
margin : auto; 
background : #000000; 
width : 72%; 
font : normal normal small/120% "Meiryo"; 
}

div.b { 
margin-left : 30px; 
}
 
div.c { 
margin-left : 25%; 
}

div.d { 
margin-left : 80px; 
margin-top : 10px; 
margin-bottom : 10px; 
margin-right : 80px; 
}

div.e { 
text-align : center; 
}
 
div.f { 
text-align : left; 
}
 
div.g { 
text-align : right; 
}

div.h { 
margin-left : 20%; 
}

div.i { 
margin-left : 75%; 
}

div.j { 
margin-left : 20%; 
}
 
div.k { 
margin-left : 15%; 
margin-top : 15px; 
}

img.left { 
float : left; 
margin-right : 0.8em; 
margin-bottom : 0.2em; 
}

img.right { 
float : right; 
margin-left : 0.8em; 
margin-bottom : 0.2em; 
}

p.cl { 
clear : both; 
line-height : 1.4; 
}

span.a { 
color : red; 
font-weight : normal; 
}

span.b { 
color : #c0c0c0; 
font-weight : bold; 
}

span.c { 
color : #33ccff; 
font-weight : bold; 
}

span.d { 
color : red; 
background : #ffffff; 
font-weight : bold; 
}

span.e { 
color : red; 
background : #c0c0c0; 
}
 
span.f { 
font-weight : normal; 
} 

span.g { 
font-size : x-small; 
}
 
span.h { 
color : red; 
font-weight : 900; 
}

span.i { 
color : red; 
font-size : small; 
font-weight : normal; 
}

span.j { 
font-size : small; 
} 

p.readable { 
padding : 10px; 
}

p { 
color : #000000; 
font : x-small "Meiryo", "Times New Roman"; 
}

p.a { 
color : #ffffff; 
font : normal normal small "Meiryo", "Times New Roman"; 
}

p.aa { 
color : #c0c0c0; 
font : normal bold x-small/200% "Meiryo", "Times New Roman"; 
}

p.b { 
color : #3399ff; 
font : normal bolder x-small "Times New Roman"; 
}

p.c { 
color : #3300ff; 
font : normal bolder small "Times New Roman"; 
}

p.d { 
color : #000000; 
font : normal bolder small "Times New Roman"; 
}

p.e { 
color : #3399ff; 
font : normal bolder small "Times New Roman"; 
}

p.f { 
color : #3300ff; 
font : normal bolder small "Times New Roman"; 
}

p.g { 
color : #000000; 
font : xx-small bold xx-small "Times New Roman"; 
}

p.h { 
color : #000000; 
font : normal normal small "Meiryo"; 
margin-left : 20px; 
}

p.i { 
color : #cc0099; 
font : normal bolder x-small "Times New Roman"; 
}

p.j { 
color : #339966; 
font : normal bolder x-small "Times New Roman"; 
}

p.k { 
color : #ff0000; 
font : normal bolder x-small "HG???????M-PRO"; 
}

p.l { 
color : #ff0000; 
font : x-small "Times New Roman"; 
}

p.m { 
color : #ff0000; 
font : normal bolder small "Times New Roman"; 
}

p.n { 
color : #660033; 
font : normal bolder small "Times New Roman"; 
}

p.o { 
color : #ff9900; 
font : normal bolder small "Times New Roman"; 
}

p.p { 
color : #ffff00; 
font : normal bolder small "Times New Roman"; 
}

p.q { 
color : #000000; 
font : x-small bold x-small "Times New Roman"; 
}

p.r { 
color : #ff0000; 
font : xx-small bold xx-small "Times New Roman"; 
}

p.s { 
color : #ff0000; 
font : normal normal x-small "Meiryo"; 
}

p.t { 
color : #333333; 
font : normal bold small "Meiryo"; 
}

p.u { 
color : #000000; 
font : normal normal x-small "Meiryo"; 
}

p.v { 
color : #000000; 
font : small/150% "Meiryo", "Times New Roman"; 
}

p.vm { 
color : #ffffff; 
font : small/150% "Meiryo"; 
}

p.copy { 
color : #ffffff; 
font : normal normal x-small/150% "Meiryo"; 
}

p.am { 
color : #ffffff; 
font : normal normal small/150% "Meiryo"; 
}


