/* Font */
body {	text-align: center;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size:16px;
	font-weight:bold;
	}
.title_left {
	color: #666666; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	text-align:left;
}

A:link {color: #999999;}
A:active {color: #999999;}
A:visited {color: #999999;}
A:hover {color: #999999;}
.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	text-align:center;
}
.link_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	text-align:left;
}
.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	text-align:left;
}
.breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-variant: small-caps;
	text-align:left;
}

/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #ffffff;}
.left {float: left;}
.right {float: right;}




/* structure */
.container {
	font-size: 1.2em;
	margin: 70px auto;
	width: 840px;
}

.menu {
	float: left;
	width: 250px;
	font: normal 1em Verdana,sans-serif;
	text-align: left;

}
.title {
	float: right;
	width: 590px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 4em;
	font-weight: bold;
	font-variant: small-caps;
	line-height: 150px;
	text-align: center;	
	color:000000;
}
.main {
	float: right;
	width: 590px;
	padding-top: 100px;
	text-align: center;
}
.display {
	width: 840px;
	margin-top: 200px;
	margin-bottom:50px;
	text-align:center;

}
.display img {
max-width: 640px;
max-height: 450px;
width: expression(document.body.clientWidth > 640? ・40px・ 殿uto・);
height: expression(document.body.clientHeight > 450? ・50px・ 殿uto・);
}

.kumacchi_bottom {
	width: 840px;
	position:fixed;
	top: 650px;
	text-align:center;
	margin: 10px;
}
.normal	{
	color: #006666;
	font-size:14px;
	font-weight:bold;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
.books_title { 
	color: #66ffff;
	text-shadow: 2px 2px 2px gray;
	font-size: 24px; 
	font-family: Arial Black; 
	font-weight: bold 
}


.books_text { 
	color: #66ffff; 
	font-size: 20px; 
	font-family: Arial Black; 
	font-weight: bold 
}


.books_bottom { 
	color: #666; 
	font-size: 20px; 
	font-family: Arial Black; 
	font-weight: bold 
}

//Used these tags for "Postcards". Don't use them anymore...//

a.thumbnail {
display: block;
float: right;
margin: 0.5em 10px 0.3em 0;
}
a.thumbnail img{
position: relative;
}
a.thumbnail,
a.thumbnail img{
width: 50px;
}
a.thumbnail:hover {
border: none;
cursor: right;
}
a.thumbnail:hover img {
width: auto;
height: auto;
}

a.thumbnail2 {
display: block;
float: right;
margin: 0.5em 15px 0 0;
}
a.thumbnail2 img {
position: absolute; 
}
a.thumbnail2,
a.thumbnail2 img{
width: 50px;
}
a.thumbnail2:hover {
border: none;
cursor: right;
}
a.thumbnail2:hover img {
width: auto;
height: auto;
}

//Enlarge images with Onmouse. used for "Books".//
a.thumbnail3 {
display: block;
float: left;
margin: 0.5em 10px 3em 0;
}
a.thumbnail3 img{
position: relative;
}
a.thumbnail3,
a.thumbnail3 img{
width: 50px;
}
a.thumbnail3:hover {
border: none;
cursor: right;
}
a.thumbnail3:hover img {
width: auto;
height: auto;

}

a.thumbnail4 {
display: block;
float: left;
margin: 0.5em 10px 0.3em 0;
}
a.thumbnail4 img {
position: absolute; 
}
a.thumbnail4,
a.thumbnail4 img{
width: 50px;
}
a.thumbnail4:hover {
border: none;
cursor: right;
}
a.thumbnail4:hover img {
width: auto;
height: auto;
}




#imgHover {   
    position: relative;   
    margin-top: 50px;   
    width: 710px;   
}   
    #imgHover #imgFrame {   
        border: none;   
        position: absolute;   
        right: 0;   
        top: 0;   
        line-height: 124px;   
        text-align: center;   
        width: 200px !important;   
        width: 206px;   
        height: 124px !important;   
        height: 130px;   
    }   
  
    #imgHover #imgHoverList {   
        list-style: none;   
        position: relative;   
    }   
        #imgHover ul li {   
            float: left;   
            margin-right: 5px;   
        }   
            #imgHover ul li img {   
                border: none;   
            }   
               
            #imgHover ul li a {   
                display: block;   
            }   
               
            #imgHover ul li a:hover {   
                position: static;   
            }   
               
            #imgHover ul li a .mainImage {   
                display: none;   
            }   
               
            #imgHover ul li a:hover .mainImage {   
                display: block;   
                position: absolute;   
                top: 50px;   
                left: -50px !important;   
                left: 0px;   
            }