@charset "UTF-8";

/* CSS Document */

* html body {     
background: url(null) fixed;     
}  

body {
font: 15px/20px ;
font-weight:bold;
background-image:url(../picture/paint.png);
background-position: 50% 0; 
background-repeat: no-repeat; 
background-attachment: fixed;
}

/* head,foot,nav */

#wrapper_fx {
position: fixed;
z-index:100;
margin-left: auto;
margin-right: auto;
width:955px;
top:0px;
left:0px;  
margin-bottom:1px;
height:100%;}  

* html div#wrapper_fx {     
position: absolute;     
top: expression(eval(document.documentElement.scrollTop+0));  
}

#header {
padding-top:20px;
}

#nav {
width:250px;
float:left;}

#footer {
position: absolute;
right: 0px;
bottom: 0px;
}

/* contents */

#wrapper_cnt {
position:absolute;
z-index:110;
top:900px;
left:300px; 
overflow:hidden;
color:#990000;
}

#content10, #content20, #content30, #content40, #content50, #content60, #content70, #content80, #content90, #content100 {
background-color: #fff;
background: rgba(255, 255, 255, 0.4);
}

#content10, #content20,  #content30, #content50, #content70{
width:650px;
margin-top:800px;
margin-bottom:800px;
}

#content20, #content50{
height:600px;
}

#content40{
margin-top:800px;
margin-bottom:800px;
}

#content40 a img{
position:relative;
z-index:1;}

#content100{
float:right;
}

#content60{
margin-bottom:100px;
width:650px;
}

#wrapper_inq {
position:absolute;
z-index:110;
top:20px;
left:300px; 
overflow:hidden;
color:#990000;
margin-bottom:1px;
height:100%;}

.corporateTable{
width:650px;
}

.corporateTable td{
line-height:1.6;
padding:10px;
text-align:left;
vertical-align:top
}

.constructionsTable{
width:650px;
}

.constructionsTable td{
padding:5px;
padding-bottom:40px;
}


.flow{
line-height:1.6;
overflow-y:scroll;
text-align:left;
height:250px;
}

.contactTable{
width:650px;
}

.contactTable td{
line-height:1.6;
padding:10px;
text-align:right;
vertical-align:top
}

.contact{
width:350px;
height:100px;
}

/*elements*/

img { border: 0; }

.caption_l {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.caption_r {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}


li img,dt img,dd img{
vertical-align:bottom;
}

.rinks{
float:right;
}

.rinks_tx{
padding-left: 100px;}

.deco1{
padding-left: 55px;
background: url(../picture/can_red.png) no-repeat left center;
}

.deco2{
padding-left: 55px;
background: url(../picture/can_blue.png) no-repeat left center;
}

.deco3{
padding-left: 55px;
background: url(../picture/can_yellow.png) no-repeat left center;
}
.deco4{
padding-left: 55px;
background: url(../picture/can_orange.png) no-repeat left center;
}

.stick1 {
border-color:#F7931E;
border-style:solid;
border-width:0px 0px 0px 5px;
padding:2px 0px 1px 3px;
position:static;
}

.stick2 {
border-color:#00FFFF;
border-style:solid;
border-width:0px 0px 0px 5px;
padding:2px 0px 1px 3px;
position:static;
}

.stick3 {
border-color:#FF00FF;
border-style:solid;
border-width:0px 0px 0px 5px;
padding:2px 0px 1px 3px;
position:static;
}

.stick4 {
border-color:#FFFF00;
border-style:solid;
border-width:0px 0px 0px 5px;
padding:2px 0px 1px 3px;
position:static;
}

/* link */

a:link { color: #0044CC;} 
a:visited { color: #8080ff;} 
a:hover { color: #CC9900;} 
a:active { color: #660000;}