body {
font-family: "Verdana", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", "sans-serif ";
margin: 0;
color: #FFFFFF;
background-color: #333;
background-image: url(../img/bg.gif);
background-repeat: no-repeat;
padding: 0px;
background-attachment: fixed;
}
a {
text-decoration: underline;
color: #666666;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
}
#right {
text-transform: uppercase;
margin-top: 15px;
margin-right: 5px;
margin-bottom: 15px;
margin-left: 5px;
text-align: right;
}
#right a {
color: #FFFFFF;
text-decoration: none;
text-align: right;
}
#content div a img {
border: 3px solid #990033;
margin: 5px;
}
#content p {
color: #999999;
font-size: 10px;
line-height:18px;
margin-bottom: 0px;
padding-right: 5px;
padding-left: 5px;
}
#content p a {
color: #999999;
text-decoration: underline;
}
#content p a:hover {
text-decoration: none;
color: #999999;
}
#content a:hover img {
border: 3px solid #FFF;
margin: 5px;
filter:Alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
#content p a img {
border: 3px solid #990033;
margin: 5px;
}
#content p img {
border: 0px none;
margin-right: 5px;
margin-left: 5px;
vertical-align: middle;
}
#content b {
color: #f21747;
}
#content h2 {
color: #333333;
margin: 5px;
line-height: 12px;
font-size: 10px;
background-color: #222;
width: 360px;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(../img/cbg.gif);
}
#content h2 a {
color: #CCCCCC;
font-weight: normal;
text-decoration: none;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #990000;
}
#content h5 {
color: #cccccc;
margin: 5px;
line-height: 12px;
font-size: 10px;
background-color: #333;
width: 200px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #FFCC00;
font-weight: normal;
text-transform: uppercase;
background-image: url(../img/cbg.gif);
}
#content h6 {
color: #fff;
text-decoration: none;
padding-left: 20px;
background-image: url(../img/comment.gif);
font-size: 10px;
background-position: 0px;
background-repeat: no-repeat;
margin-left: 5px;
font-weight: normal;
margin-top: 15px;
margin-bottom: 5px;
}
#content h7 {
color: #CCCCCC;
font-weight: normal;
text-decoration: none;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #00CCCC;
line-height: 12px;
font-size: 10px;
background-color: #333;
width: 200px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
}
#content blockquote {
color: #999999;
line-height:18px;
font-size: 10px;
margin: 5px;
padding: 5px;
border: 1px solid #333333;
background-color: #003366;
}
#content blockquote a {
color: #CCCCCC;
font-weight: normal;
}
#content blockquote img {
border: 0px none;
margin-right: 5px;
margin-left: 5px;
}

#prev {
margin-top: 30px;
margin-bottom: 50px;
text-align: center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
padding-top: 5px;
}
#prev ul {
padding:0;
height:16px;
list-style-type:none;
z-index:1000;
}
#navigate p {
color: #999999;
font-size: 10px;
line-height:18px;
margin-bottom: 0px;
padding-right: 5px;
padding-left: 5px;
}
#navigate p a {
text-decoration: none;
}
#navigate h2 {
color: #cccccc;
margin: 5px;
line-height: 14px;
font-size: 12px;
background-color: #333;
background-image: url(../img/cbg.gif);
width: 200px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #CCFF00;
font-weight: normal;
text-transform: uppercase;
}
#navigate1 li a {
	color: #999999;
	display:block;
	margin: 5px;
	font-weight: normal;
	line-height: 12px;
	font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-left-width: 2px;
	width: 350px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #222;
	text-transform: uppercase;
}
#navigate1 li a:hover {
color: #CCFF00;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #CCFF00;
}
#navigate2 li a {
color: #999999;
display:block;
margin: 5px;
font-weight: normal;
line-height: 12px;
font-size: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
border-left-width: 2px;
width: 350px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #222;
}
#navigate2 li a:hover {
color: #CC0066;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #CC0066;
}
#navigate3 li a {
color: #999999;
display:block;
margin: 5px;
font-weight: normal;
line-height: 12px;
font-size: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
border-left-width: 2px;
width: 350px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #222;
}
#navigate3 li a:hover {
color: #FFCC00;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #FFCC00;
}
#navigate4 li a {
color: #999999;
display:block;
margin: 5px;
font-weight: normal;
line-height: 12px;
font-size: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
border-left-width: 2px;
width: 350px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #222;
text-transform: uppercase;
}
#navigate4 li a:hover {
color: #FFFFFF;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #FFFFFF;
}

#prev li {

}
#prev li.back {
float:right;
list-style-type:none;
padding: 0px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
}
#prev li.next {
float:left;
list-style-type:none;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
}
#prev li.mainurl {
list-style-type:none;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#next {
width: 360px;
text-align: center;
padding: 5px;
margin-top: 30px;
margin-right: 5px;
margin-left: 5px;
}
#next img {
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
h3 {
color: #fff;
font-size:25px;
margin-bottom: 8px;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
}
h3 a {
color: #333333;
text-decoration: none;
font-weight: normal;
}

h4 {
text-align: center;
color: #cc3300;
font-weight: normal;
margin-bottom: 5px;
font-size: 1em
}

h4 a {
text-decoration: none;
color: #003366;
}

h4 a:hover {
background-color: #003366;
color: #FFF;
}

* {
margin: 0;
padding: 0;
}

form#contact {
background-image: url(../img/postcard.jpg);
background-repeat: no-repeat;
border: none;
}

fieldset {
margin-bottom:10px;
padding:125px 10px 25px 20px;
border: none;
background-image: url(../img/postcard.jpg);
background-repeat: no-repeat;
}

fieldset p {
color: #000033;
font-size: 10px;
}

legend {
font-weight: bold;
color:#FFF;
font-size:10px;
background-color: #cfb364;
}

label {
display: block;
}

input, select, textarea {
border-style: solid;
border-width: 1px;
border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
vertical-align: middle;
color: #FFFFFF;
font-size: 12px;
background-color: #222;
}
.area {
width: 170px;
}
.area2 {
width: 320px;
}
.area3 {
color: #FFFFFF;
background-color: #333333;
margin: 5px;
padding: 5px;
}
hr {
margin-bottom: 30px;
margin-top: 10px;
}
#container {
width: 380px;
background: #000;
position: relative;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: 150px;
padding: 0px;
}

#masthead a {
height: 300px;
width: 380px;
display:block;
list-style-type:none;
z-index:1000;
text-indent: -10000em;
background-color: #000;
background-image: url(../img/bqpd.gif);
background-repeat: no-repeat;
background-position: center center;
margin-bottom: 20px;
}
#mastfoot a {
height: 150px;
width: 380px;
display:block;
list-style-type:none;
z-index:1000;
text-indent: -10000em;
background-color: #000;
background-image: url(../img/foot.gif);
background-repeat: no-repeat;
background-position: center center;
margin: 0px;
}
#bn img a {
text-align: center;
width: 380px;
margin: 0px;
border: 0px none;
filter:Alpha(opacity=100);
-moz-opacity:0.1;
opacity:0.1;
}
#intro { 
width: 380px;
text-indent: -5000px;
}

.home { 
background: #003366 url(../img/intro_bl.jpg) no-repeat top left;
height: 174px;
}

.web { 
background: #003366 url(../img/intro_we.jpg) no-repeat top left;
height: 258px;
}

.print { 
background: #003366 url(../img/intro_pr.jpg) no-repeat top left;
height: 258px;
}

.branding { 
background: #003366 url(../img/intro_br.jpg) no-repeat top left;
height: 258px;
}

.contact { 
background: #003366 url(../img/intro_co.jpg) no-repeat top left;
height: 400px;
}

#content {
text-align: left;
font-size: 10px;
padding: 0px;
margin-top: 0;
margin-right: 5px;
margin-bottom: 0;
margin-left: 8px;
}

#content img {
border: 0px;
}

#content ul {
list-style: none;
margin: 0;
padding:0;
}

#content li {
list-style: none;
margin: 0;
padding:0;

}



.gutter {
margin-right: 5px;
}



.centre {
padding: 0px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}






.footer {
color: #333333;
font-size: 10px;
text-align: center;
padding-top: 50px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
margin: 0px;
}
.footer a {
color: #333333;
text-decoration: none;
}
.rank {
text-align: center;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
margin: 0px;
}
div#vertical_slide {
width: 200px;
margin: 0px;
padding: 0px 0px 20px 0px;
}
#nav {
position: absolute;
top: 25px;
left: 390px;
margin:0;
padding: 0;
background-color: #FFCC33;
background-image: url(../img/nav_bg00.jpg);
width: 92px;
height: 223px;
}

#nav img {
margin:0;
padding: 0;
border: none;
}

a:hover.lastnav{
border: none;
background-color: transparent;
}

#nav ul {
list-style: none;
margin-top: 65px;
}

#nav li{
width: 92px;
height: 20px;
}

.navhome li {
background-image: url(../img/home_on0.jpg);
}

.navbranding li {
background-image: url(../img/branding.jpg);
}

.navweb {
background-image: url(../img/web_on00.jpg);
}

.navprint {
background-image: url(../img/print_on.jpg);
}

.navcontact {
background-image: url(../img/contact_.jpg);
}

#nav span {
display: none;
}

#credits {
padding-top: 30px;
}

#credits img {
padding-left: 10px;
border: none;
}

#hukidashi {
background-image: url(../img/hukidashi.gif);
background-repeat: no-repeat;
height: 172px;
width: 350px;
margin: 0px;
overflow: auto;
padding: 0px;
text-align: center;
vertical-align: middle;
}
#hukidashi p {
height: 120px;
width: 230px;
overflow: auto;
text-align: center;
padding: 0%;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 50px;
font-size: 12px;
line-height: normal;
color: #333333;
vertical-align: middle;
}
#cat img {
border: 5px solid #99FF00;
}
.form0 {
width: 80px;
}
.form1 {
width: 100px;
}
.form2 {
width: 300px;
height: 80px;
}
.form3 {
width: 80px;
height: 30px;
background-image: url(../img/submit.gif);
list-style-type:none;
z-index:1000;
display:block;
text-indent: -10000em;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #000000;
}
.form4 {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.form5 {
width: 200px;
}

#elevnavi {
position: absolute;
z-index: 1;
right: 10px;
top: 0px;
padding:0px;
background-color:transparent;
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
width: 136px;
}
#elevnavi p {
margin-bottom: 5px;
margin-top: 5px;
text-align: center;
}
#elevnavi a img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#elevnavi ul {
height:16px;
list-style-type:none;
z-index:1000;
}

#elevnavi li {
}
#elevnavi li.back {
list-style-type:none;
float: right;
margin: 0px;
padding-top: 0px;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 0px;
}
#elevnavi li.next {
list-style-type:none;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
float: right;
}
.ranking {
text-indent: -10000em;
visibility: hidden;
display: none;
}
.font_img {
background-image: url(../img/font-trans.gif);
height: 25px;
width: 136px;
}
.search_img {
background-image: url(../img/search_title-trans.gif);
height: 25px;
width: 136px;
}
.etc_img {
background-image: url(../img/etc.gif);
height: 25px;
width: 136px;
}
.info_img {
background-image: url(../img/info.gif);
height: 12px;
width: 136px;
}
.arc_img {
background-image: url(../img/arc.gif);
height: 12px;
width: 136px;
}
.cat_img {
background-image: url(../img/cat.gif);
height: 12px;
width: 136px;
}
.link_img {
background-image: url(../img/link.gif);
height: 12px;
width: 136px;
}
.oth_img {
background-image: url(../img/oth.gif);
height: 12px;
width: 136px;
}
.link_img {
background-image: url(../img/link.gif);
height: 12px;
width: 136px;
}
.top_img {
background-image: url(../img/pagetop.gif);
height: 12px;
width: 136px;
}
#count {
position : absolute;
padding:0px;
background-color:transparent;
left: 0px;
margin: 0px;
top: 0px;
}

.deeppink {
background-image: url(../img/up.gif);
width: 136px;
height: 18px;
padding: 0px;
margin-top: 100px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-repeat: no-repeat;
background-position: right;
}