@charset "shift_jis";
body {
color: #666666;
margin: 0px;
padding: 0px;
font: 14px/2 "Century", "?l?r ?S?V?b?N", "Osaka";
background: #f5f5f5 url(bg.gif);
text-align: center;
}
a {
color: #333333;
}
a:hover {
color: #cc6666;
}


h1,h2,h3,p,ul{
margin: 0px;
padding: 0px;
}
li{
list-style-type: none;
}
img {
border: none;
}

#container {
text-align: left;
width: 806px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}

/*?w?b?_?[
------------------------------------------------------------------*/
#header {
background: url(images/container_bg_01.jpg) no-repeat left top;
height: 350px;
width: 806px;
}
#header h1 {
font-size: 11px;
color: #FFFFFF;
top: 10px;
right: 10px;
text-align: right;
padding-top: 15px;
padding-right: 20px;
}

/*?R???e???c?S?�
------------------------------------------------------------------*/
#contents {
background: url(images/container_bg_02.gif) repeat-y;
}
#contents #sub {
float: left;
width: 225px;
display: inline;
margin-left: 20px;
margin-bottom: 80px;
}
#contents #main {
float: left;
width: 504px;
margin-bottom: 80px;
display: inline;
margin-left: 20px;
}

/*???C???R???e???c
------------------------------------------------------------------*/
#main h2 {
background: url(images/midashi_bg.gif) no-repeat left top;
height: 24px;
width: 504px;
font-size: 14px;
color: #FFFFFF;
padding-top: 0px;
padding-left: 30px;
}
#main p {
padding: 5px 10px;
}
#main #new p {
background: url(images/arrow.gif) no-repeat left top;
padding-left: 30px;
border-bottom: 1px dotted #CCCCCC;
}

/*???j???[
------------------------------------------------------------------*/
#menu ul {
border-bottom: 5px solid #666666;
}
#menu a {
text-align: center;
display: block;
width: 100%;
color: #333333;
text-decoration: none;
background: url(images/menu_bg.gif) no-repeat left bottom;
padding-top: 10px;
padding-bottom: 10px;
}
#menu a:hover {
background: url(images/menu_bgn.gif) no-repeat left bottom;
color: #ffffff;
}

/*?t?b?^?[
------------------------------------------------------------------*/
#footer {
clear: both;
background: url(images/container_bg_03.gif) no-repeat bottom;
text-align: center;
font-size: 10px;
width: 100%;
height: 50px;
padding-top: 50px;
margin-bottom: 20px;
}

/*clearfix?i?�?�?�?�?X?�?�?�?�E�?�?j
------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */