a:link {
 color: #ff007f; 
} 

a:visited {
 color: #007fff; 
} 

a:hover { 
color: yellow; 
cursor: pointer; 
background-color: #000000; 
}

body { 
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #0099ff; 
scrollbar-shadow-color: #0099ff; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-arrow-color: #ff007f; 
scrollbar-track-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff ; 
background-color: white; 
color: black; 
} 

body, td { 
font-size: 12px; 
}

.copyright { 
font-size: 10px;
letter-spacing: 0.2ex; 
}

.box { 
width: 850px; 
}

.top { 
width: 850px; 
letter-spacing: 0ex; 
border: 0px solid; 
margin-left: auto; 
margin-right: auto; 
margin-bottom: 0px; 
padding: 5px; 
text-align: left; 
text-indent: 8px; 
font: bold 25px; 
padding-top: 10px; 
padding-right: 10px; 
padding-bottom: 0px; 
padding-left: 10px; 
background-color: #ffffff; 
color: #000000; 
font-family: "arial black"; 
}

.top a:link {
 color: #000000; 
} 
.top a:visited {
 color: #000000; 
} 
.top a:hover {
	color: black; cursor: pointer; background-color: #ffffff;  
}

.top-bn-space1 { 
height: 60px; 
float: left;
padding-top: 35px; 
padding-right: 10px; 
border: 0px solid;
}

.top-bn-space2 { 
float: right;
border: 0px solid;
}


.top1 { 
width: 850px; 
letter-spacing: 0.2ex; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
margin-bottom: 0px; 
padding: 5px; 
background: url(gif/pink.gif) 
}

.top2 { 
width: 850px; 
letter-spacing: 0.2ex; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
margin-bottom: 5px; 
padding: 5px; 
background: url(gif/green.gif) 
}

.top-pr1 { 
width: 850px; 
height: 30px; 
letter-spacing: 0.2ex; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
color: #444444; 
font: bold 14px; 
margin-bottom: 0px; 
padding: 7px; 
background: url(gif/green1.gif); 
}

.top-pr2 { 
width: 850px; 
height: 30px; 
letter-spacing: 0.2ex; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
color: #444444; 
margin-bottom: 10px; 
padding: 9px; 
background: url(gif/yellow1.gif) 
}

.top-so1 { 
width: 850px; 
height: 30px; 
letter-spacing: 0.2ex; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
color: #444444; 
font: bold 14px; 
margin-bottom: 0px; 
padding: 7px; 
background: url(gif/orange.gif); 
}

<!-- ■■ テスト用 ■■ -->
.or1 { 
height: 500px; 
}

.left1 { 
width: 160px; 
letter-spacing: 0.2ex; 
float: left; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
}

.left2 { 
width: 158px; 
height: 100px; 
letter-spacing: 0.2ex; 
text-align: left; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 5px; 
padding-right: 5px; 
border: 2px solid; 
border-color: #32cd99; 
line-height: 140%; 
margin-bottom: 5px; 
margin-left: auto; 
margin-right: auto; 
}

.left3 { 
width: 158px; 
text-align: center; 
padding-top: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
border: 0px solid; 
border-color: #32cd99; 
margin-top: 5px; 
margin-bottom: 0px; 
margin-left: auto; 
margin-right: auto; 
}

.center0 { 
width: 495px; 
letter-spacing: 0.2ex; 
float: left; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
}

.center1 { 
width: 476px; 
height: 15px; 
letter-spacing: 0.2ex; 
margin-left: auto; 
margin-right: auto; 
margin-bottom: 5px; 
text-align: left; 
padding-top: 7px; 
padding-bottom: 7px; 
padding-left: 5px; 
padding-right: 5px; 
border-top: 3px solid #8d00ff; 
border-left: 10px solid #b87333; 
border-right: 3px solid #8d00ff; 
border-bottom: 3px solid #8d00ff; 
line-height: 140%; 
font-weight: bold; 
text-indent: 6px; 
}

.center2 { 
width: 495px; 
height: 155px; 
letter-spacing: 0.2ex; 
margin-bottom: 5px; 
text-align: left; 
padding-top: 8px; 
padding-bottom: 8px; 
padding-left: 8px; 
padding-right: 8px; 
border: 2px solid; 
border-color: #aaaaaa; 
line-height: 140%; 
font-weight: bold; 
text-indent: 6px; 
}

.center3 { 
width: 495px; 
letter-spacing: 0.2ex; 
margin-bottom: 5px; 
text-align: left; 
padding-top: 8px; 
padding-bottom: 8px; 
padding-left: 8px; 
padding-right: 8px; 
border: 2px solid; 
border-color: #ffb200; 
line-height: 140%; 
text-indent: 0px; 
overflow: auto;
}

<!-- ■■ テスト用 ■■↓center index2 -->
<!-- ■■ テスト用 ■■ -->
.right0 { 
width: 183px; 
letter-spacing: 0.2ex; 
float: right; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
}

.right1 { 
width: 180px; 
height: 110px; 
letter-spacing: 0.2ex; 
float: right; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
border: 2px solid; 
border-color: #ff007f; 
margin-bottom: 5px; 
padding: 5px; 
}

.right2 { 
float: left; 
margin-right:5px; 
margin-bottom:7px; 
}

.right3 { 
width: 180px; 
letter-spacing: 0.2ex; 
float: right; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
border: 0px solid; 
border-color: #ff007f; 
margin-bottom: 5px; 
padding: 5px; 
}

<!-- ■■ indentが12 ■■ -->
.menu-nlink { 
width: 158px; 
border-top-style: solid; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-width: 0px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 12px; 
border-color: #4d4dff; 
text-indent: 12px; 
font-weight: bold; 
line-height: 140%; 
color: #333333; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 0px; 
} 

<!-- ■■ indentが18 ■■ -->
.menu-nlink1 { 
width: 158px; 
border-top-style: solid; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-width: 0px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 12px; 
border-color: #4d4dff; 
text-indent: 18px; 
font-weight: bold; 
line-height: 140%; 
color: #333333; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 0px; 
} 

<!-- ■■ indentが24 ■■ -->
.menu-nlink2 { 
width: 158px; 
border-top-style: solid; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-width: 0px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 12px; 
border-color: #4d4dff; 
text-indent: 24px; 
font-weight: bold; 
line-height: 140%; 
color: #333333; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 0px; 
} 

.menu-top { 
width: 160px; 
border-top-style: solid; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-width: 2px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 12px; 
border-color: #4d4dff; 
} 

.menu-bottom { 
width: 160px; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-width: 0px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 12px; 
border-color: #4d4dff; 
} 

.menu-bottom-sub { 
width: 160px; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-width: 0px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 12px; 
border-color: #4d4dff; 
} 

.menu-bottom-sub2 { 
width: 160px; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-width: 0px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 12px; 
border-color: #4d4dff; 
} 

.menu-bottom-sub3 { 
width: 160px; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-width: 0px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 12px; 
border-color: #4d4dff; 
} 

.menu-top a { 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 0px; 
display: block; 
font-weight: bold; 
font-size: 12px; 
width: 100%; 
text-indent: 6px; 
line-height: 140%; 
text-decoration: none 
}

.menu-top a:hover { 
color: #333333; 
background-color: #ffffcc 
} 

.menu-top a:hover a:active { 
color: #333333; 
background-color: #ffffcc 
}

.menu-top {
	
}
 HTML #.menu-top {
width: 158px 
}

.menu-bottom a { 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 0px; 
display: block; 
font-weight: bold; 
font-size: 12px; 
width: 100%; 
text-indent: 12px; 
line-height: 140%; 
text-decoration: none 
}

.menu-bottom a:hover { 
color: #333333; 
background-color: #ccffcc 
} 

.menu-bottom a:hover a:active { 
color: #333333; 
background-color: #ccffcc 
}

.menu-bottom {
	
}
 HTML #.menu-bottom {
	width: 158px 
}

.menu-bottom-sub a { 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 0px; 
display: block; 
font-weight: bold; 
font-size: 12px; 
width: 100%; 
text-indent: 18px; 
line-height: 140%; 
text-decoration: none 
}

.menu-bottom-sub a:hover { 
color: #333333; 
background-color: #cffffc 
} 

.menu-bottom-sub a:hover a:active { 
color: #333333; 
background-color: #cffffc 
}

.menu-bottom-sub {
	
}
 HTML #.menu-bottom-sub { 
width: 158px 
}

.menu-bottom-sub2 a { 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 0px; 
display: block; 
font-weight: bold; 
font-size: 12px; 
width: 100%; 
text-indent: 24px; 
line-height: 140%; 
text-decoration: none 
}

.menu-bottom-sub2 a:hover { 
color: #333333; 
background-color: #ddddff 
} 

.menu-bottom-sub2 a:hover a:active { 
color: #333333; 
background-color: #ddddff 
}

.menu-bottom-sub2 {
	
}

 HTML #.menu-bottom-sub2 { 
width: 158px 
}

.menu-bottom-sub3 a { 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 0px; 
display: block; 
font-weight: bold; 
font-size: 12px; 
width: 100%; 
text-indent: 30px; 
line-height: 140%; 
text-decoration: none 
}

.menu-bottom-sub3 a:hover { 
color: #333333; 
background-color: #ffcece 
} 

.menu-bottom-sub3 a:hover a:active { 
color: #333333; 
background-color: #ffcece 
}

.menu-bottom-sub3 {
	
}
 HTML #.menu-bottom-sub3 { 
width: 158px 
}

.left1 { 
margin-bottom: 10px; 
margin-right: 5px; 
} 

.left2 { 
margin-top: 5px; 
} 

.center1 { 
margin-bottom: 5px; 
} 

<!-- ■■■■■■■ fontの色 -->
<!-- ■■■■■■■ プラモデル -->
.pla { 
color: #007fff; 
}

<!-- ■■■■■■■ ミニカー -->
.min { 
color: orange; 
}

<!-- ■■■■■■■ デカール -->
.dec { 
color: #32cd99; 
}

<!-- ■■■■■■■ 本 -->
.boo { 
color: #00ffff; 
}

<!-- ■■■■■■■ プラモデル以外の組立 -->
.nop { 
color: #ff007f; 
}

<!-- ■■■■■■■ 鉄道模型 -->
.rai { 
color: #ffff00; 
}

<!-- ■■■■■■■ その他 -->
.son { 
color: #9932cd; 
}

<!-- ■■■■■■■ 未定　黒 -->
.bla { 
color: black; 
}

<!-- ■■■■■■■ 未定　白 -->
.whi { 
color: white; 
}

<!-- ■■■■■■■ topページ新製品、java -->
.new1 { 
color: #8d00ff; 
padding: 10px; 
text-align: left; 
}

<!-- idは各ページに1度だけしか使えない、複数使うときはclassを使う。
 -->

<!-- ■■■■■■■ 写真のマージン -->

.img1 { 
float: left;
margin-right: 10px; 
border: 0px #888888 solid; 
} 

.img2 { 
float: left; 
margin-right: 10px; 
margin-bottom: 6px; 
border: 0px #888888 solid; 
} 

.img3 { 
margin: 5px 0px 0px 0px;
border: 0px;
} 

.img4 { 
margin: 0px 0px 0px 0px;
border: 0px;
} 

.img5 { 
float: right;
margin-left: 10px; 
border: 0px #888888 solid; 
} 

.space { 
width: 4px;
margin: 0px 0px 0px 0px;
border: 0px #ff8000; 
padding: 2px;
} 

<!-- ■■■■■■■ TOPページの記事 -->

.in-ce2 {
color:#666666;
text-align:left;
margin-top: 8px;
margin-right: 5px; 
display:block; 
}

.in-ce2-2 { 
color:#9932cd; 
text-align:right; 
padding-top:0px; 
display:block; 
}

.font16b { 
font: bold 16px; 
}

<!-- ■■■■■■■ menu-g -->
.menu-g-top { 
width: 158px; 
border-top-style: solid; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-width: 2px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 12px; 
border-color: #008080; 
margin-top: 8px; 
} 

.menu-g-top a { 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 0px; 
display: block; 
font-weight: bold; 
font-size: 12px; 
width: 100%; 
text-indent: 6px; 
line-height: 140%; 
text-decoration: none 
}

.menu-g-top a:hover { 
color: #333333; 
background-color: #ffffcc 
} 

.menu-g-top a:hover a:active { 
color: #333333; 
background-color: #ffffcc 
}

.menu-g-top {
	
}
 HTML #.menu-top {
width: 158px 
}

.menu-g-nlink { 
width: 158px; 
border-top-style: solid; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-width: 2px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 12px; 
border-color: #008080; 
text-indent: 12px; 
font-weight: bold; 
line-height: 140%; 
color: #333333; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 0px; 
margin-top: 8px; 
} 

.menu-g-nlink1 { 
width: 158px; 
border-top-style: solid; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-width: 0px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 12px; 
border-color: #008080; 
text-indent: 18px; 
font-weight: bold; 
line-height: 140%; 
color: #333333; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 0px; 
padding-right: 0px; 
} 

.ul1 { 
list-style-type: none; 
margin-left: 0px; 
margin-bottom: 5px; 
} 

li {
margin-top: 1px; 
margin-bottom: 2px; 
} 

.list-color { 
font-size: 14px; 
color: #ff1cae; 
font-weight: bold; 
} 

.models-l-i { 
text-align: left; 
margin-top: 10px; 
color: #000000; 
} 

.top-u { 
width: 281px; 
float: left; 
border: 2px solid; 
border-color: #ff9999; 
padding: 5px; 
text-align: left; 
} 

h1{
font-size: 12px; 
margin-top: 0px; 
margin-bottom: 0px; 
}

h2, h3{
font-size: 12px; 
margin-top: 0px; 
margin-bottom: 0px; 
font-weight: normal; 
}

.box2 { 
width: 850px; 
}

.sp-title { 
width: 840px; 
text-align: left; 
text-indent: 5px; 
line-height: 140%; 
font: bold 16px; 
color: #0000a8; 
}

.mokuji-l { 
width: 400px; 
text-align: left; 
float: left; 
border: 0px solid; 
padding: 3 3 3 8px; 
}

.mokuji-c { 
width: 150px; 
text-align: left; 
float: left; 
border: 0px solid; 
padding: 3px; 
}

.mokuji-r { 
width: 297px; 
text-align: left; 
border: 0px solid; 
padding: 3px; 
}

.mokuji-j { 
font: bold 14px; 
line-height: 130%; 
letter-spacing: 0.2ex; 
font-family: "arial"; 
color: #33339f; 
}

.mokuji-j1 { 
font: bold 12px; 
text-indent: 5px; 
line-height: 130%; 
letter-spacing: 0.2ex; 
font-family: "arial"; 
color: #33339f; 
}

.mokuji-j2 { 
font: bold 12px; 
text-indent: 10px; 
line-height: 130%; 
letter-spacing: 0.2ex; 
font-family: "arial"; 
color: #33339f; 
}

.mokuji-j3 { 
height: 5px; 
}

.mokuji-img-c { 
width: 142px; 
border: 0px;
margin-bottom: 10px; 
}

.mokuji-ti { 
text-align: left; 
line-height: 140%; 
font: bold 14px; 
color: #0000a8; 
text-indent: 5px;
padding: 8px; 
}

.mokuji-na { 
text-align: left; 
line-height: 140%; 
padding: 8px; 
}

.list1 { 
font: bold 12px; 
letter-spacing: 0.2ex; 
font-family: "arial"; 
}

.list-se { 
font: bold 14px; 
color: #b300ff; 
font-family: "Comic Sans MS"; 
}

.list-se1 { 
color: #00009d; 
}

<!-- ■■ table ■■ -->
.ta-ma {
font-size: 14px; 
letter-spacing: 0.2ex; 
}

th { 
padding: 8px;
text-align: left; 
}

td { 
padding: 5px;
}

.list-se { 
font: bold 14px; 
color: #b300ff; 
font-family: "Comic Sans MS"; 
}

.list-se1 { 
color: #00009d; 
}

.bgc { 
background-color: #ffffcc;
}

.sp1 { 
width: 840px; 
text-align: left; 
text-indent: 8px; 
line-height: 140%; 
margin-bottom: 10px; 
}

<!-- sp2はインデントなし -->
.sp2 { 
width: 840px; 
text-align: left; 
line-height: 140%; 
margin-bottom: 10px; 
}

.tai { 
font-size: 14px; 
}

<!-- 
font-family: "arial black"; 
color: #ff1cae; 
width: 210px; 
border-color: #008080; 
line-height: 140%; 
color: #777777; 
padding: 5px; 
float: left; 
width: 180px; 
height: 110px; 
letter-spacing: 0.2ex; 
float: right; 
margin-left: auto; 
margin-right: auto; 
text-align: left; 
border: 2px solid; 
border-color: #ff007f; 
margin-bottom: 5px; 
padding: 5px; 

border: 1px solid; 
display:block; 

■■■■■■■■■■■■ ■■■■■■■■■■■■■■■■ これより下はテスト用
 -->


