@Shift_JIS

* {
   padding: 0;
   margin: 0;
   font-family: 'CI','Arial', 'Tahoma', sans-serif;
}

body {
background: #FAFAFA;
}

header {
color: white;
clear: both;
text-align: center;
background: #214478;
padding: 5px 0px;
font-size: 13px;
}


#page {
margin: 0 auto;
width: 950px;

}

#section {
width: 180px;
height: 450px;
padding: 10px 0px;
float: left;

}

#main {
width: 950px;
height: 700px;
margin: 10px 0px 0px 0px;
float; right;
}

#gazou {
margin: 0px 0px 10px 10px;
padding: 0px 0px 0px 10px;
}


#content {
float: left;
width: 730px;

margin: 0px 10px 0px 10px;
background:;
border: solid 0px #6E6E6E;
padding: 0px 0px  0px 14px;
line-height: 1.5;
color:  #151515;
}



#news {
float: left;
width: 180px;
height:150px;
border: solid 1px #6E6E6E;
margin: 10px 0px;
line-height: 1.5;
}

#news li,#katudou li,#sample li {
color: white;
background: #214478;
display: block;
}

#katudou {
float: left;
width: 180px;
height: 150px;
border: solid 1px #6E6E6E;
margin: 10px 0px 0px 0px ;
line-height: 1.3;
}

#sample {
float: left;
width: 180px;
height: 150px;
border: solid 1px #6E6E6E;
margin: 15px 0px 0px 0px ;
}

footer {
color: white;
clear: both;
text-align: center;
background: #214478;
padding: 5px 0px;
font-size: 13px;
}


nav a {
background: #214478 ;
color: white;
display: block;
width: 180px;
height: 25px;
text-align: center;
text-decoration: none;
border: 1px solid #fff;
padding: 3px 0px 0px 0px ;
}

nav li{
list-style: none;
}

nav a:hover {
color:black;
background: white;
}

#slideshow {
position: relative;
width:  640px;
height: 270px;
margin: 0px 0px 0px 200px;
}

#slideshow img {
position: absolute;
top:  0;
left: 0;
z-index: 8;
opacity: 0.0;
}

#slideshow img.active {
z-index: 10;
opacity: 1.0;
}

#slideshow img.last-active {
z-index: 9;
}

#photo {
float: left;
width: 150px;
height: 400px;
}

#name {
float: right;
width: 570px;
height: 400px;
}

#katudou {
float: left;
width: 180px;
height: 150px;
border: solid 1px #6E6E6E;
margin: 10px 0px 0px 0px ;
line-height: 1.3;
}

#kataru {
float: left;
width: 180px;
height:150px;
margin: 10px 15px;
}

#sikaku
{list-style-image: url(http://f-2-k.heteml.jp/brm/img/ul.png);
}

#kouenirai {
color:white;
width: 730px;
height: 20px;
background: #214478;
padding: 0px 10px;
margin: 0px 0px 10px 0px;
display: block;
}
