@charset "utf-8";
/* CSS Document */
body {
margin: 0px;
background:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.vertikal {
position: absolute;
width:750px;
height:550px;
left: 50%;
top: 50%;
margin-left: -375px;
margin-top: -275px;
}

#top {
width:750px;
height:506px;
overflow:hidden;
}
#text {
width:750px;
height:44px;
overflow:hidden;
}
#text h1 {
font-family:Tohama, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#FFFFFF;
margin:0;
padding:0;
}
.nav {
width:250px;
height:100%;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
float:right;
}
.nav ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.nav ul li{
display:inline;
margin:0;
}
.nav ul li a{
float: left;
display: block;
text-decoration: none;
text-align:left;
color:#FFFFFF;
height:22px;
padding: 2px 5px 0px 15px;
margin: 0px 6px 1px 0px;
background:url(bull01.gif) center left no-repeat;
}
.nav li a:hover {
color:#ffde00;
}

#mainhead {
width:780px;
height:302px;
overflow:hidden;
background:url(back01.jpg) top left no-repeat;
}
#mainhead .fls {
width:740px;
height:270px;
margin:17px 0px 0px 20px;
}

#maincontent {
width:780px;
height:100%;
overflow:hidden;
padding:0px 0px 45px 0px;
background:url(back02.jpg) bottom right no-repeat;
}
#maincontent .content {
width:750px;
margin:0 auto;
text-align:left;
color:#000000;
}
#maincontent .content p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:18px;
margin:0 0 5px 0;
padding:0;
}
#maincontent .content ul {
margin:0px 0px 5px 10px;
padding:0;
list-style:none;
}
#maincontent .content li {
line-height:18px;
margin:0 0 5px 0;
padding:0 0 0 25px;
list-style:none;
background:url(001.jpg) center left no-repeat;
}
#maincontent .content #block {
width:230px;
height:100%;
line-height:18px;
margin:0;
margin-right:5px;
padding:5px;
float:left;
border:#999999 solid 1px;
overflow:hidden;
}
#maincontent .content #block ul {
margin:0px 0px 5px 3px;
padding:0;
list-style:none;
}
#maincontent .content #block li {
line-height:18px;
margin:0 0 5px 0;
padding:0 0 0 25px;
list-style:none;
background:url(001.jpg) center left no-repeat;
}
#maincontent .price {
width:100px;
height:auto;
margin:0px;
padding:0px;
float:right;
overflow:hidden;
text-align:right;
font-weight:bold;
color:#0066CC;
clear:both;
}

#mainfoo {
width:780px;
height:30px;
overflow:hidden;
}

/* navigation */
.nav2 {
width:600px;
height:30px;
overflow:hidden;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}
.nav2 ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.nav2 ul li{
display:inline;
margin:0;
}
.nav2 ul li a{
float: left;
display: block;
text-decoration: none;
text-align:center;
color:#333333;
height:22px;
margin: 0px 6px 1px 0px;
padding:4px 5px 0px 5px;
}
.nav2 li a:hover {
color:#FFFFFF;
}
/* end navigation */

/* albumlist */
#albumlist {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
margin:0 auto;
width: 760px;
height: 100%;
overflow:hidden;
}
#albumlist ul {
list-style:none;
margin:0px;
padding:0px;
}
#albumlist li {
display:inline;
padding:5px;
float: left;
}
#albumlist img {
display: block;
border:#999999 solid 1px;
}
/* end albumlist */

/* form */
#contact {
width:400px;
height:auto;
overflow:hidden;
padding:5px 0px 0px 15px;
margin:0px;
float:left;
}
#contact form {
height:100%;
overflow:hidden;
padding:0px;
margin:0px;
}
#contact p {
color:#000000;
padding:0px;
margin:0px 0px 4px 0px;
height:auto;
overflow:hidden;
}
#contact label {
font-weight: bold;
width:110px;
text-align:left;
float:left;
color:#333333;
}
#contact input {
width:190px;
overflow:hidden;
border:1px solid #33CCFF;
background:url(input.gif) center center repeat-x;
}
#contact textarea{
width: 300px;
height: 100px;
}
#contact .isec {
height:auto;
overflow:hidden;
padding:0px;
margin:0px 0px 4px 0px;
color:#333333;
font-size:11px;
}

#contact button { 
border:0; 
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:13px; 
font-weight:normal; 
text-align:center;
width:70px; 
height:25px; 
}
#contact button.submitBtn {
background:url(btn.gif) top left no-repeat; 
}
#contact button.submitBtn span {
width:70px; 
height:25px;
color:#000000;
background-color:transparent;
}
#contact button.submitBtn:hover {
background-color:transparent;
background:url(btn.gif) bottom left no-repeat; 
}
#contact button.submitBtn:hover span {
color:#333333;  
}

#contactdetail {
float:right;
width:310px;
padding:5px 0px 0px 0px;
margin:0px;
}
#contactdetail p {
color:#000000;
padding:0px;
margin:0px 0px 4px 0px;
height:100%;
overflow:hidden;
clear:left;
line-height:20px;
}
#contactdetail h1 {
color:#333333;
padding:0px;
margin:0px;
font-size:15px;
font-weight:normal;
}

#contactdetail .result {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
}
#contactdetail .result p {
padding:0px;
margin:0px;
color:#cfe898;
height:auto;
line-height:normal;
}
/* end form */

/* thumbBox */
#thumbBox{ 
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
padding-bottom: 0;
background:#cfcfcf;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
border:#005c80 solid 1px;
color: #000000;
}
#thumbBox .footerbar{ 
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #000000;
padding: 5px 0;
text-align: right;
}
#thumbBox #thumbImage{ 
background-color: white;
border:#CCCCCC solid 1px;
}
#thumbLoading{ 
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
color:#000000;
padding: 5px;
z-index: 5;
}
/* end thumbBox */