@charset eUTF-8;

body {
margin:0;
padding:0;
text-align:center;
background-image:none;
font-family:MS UI Gothic,Arial,Hei,sans-serif;
border-top:3px solid #cccccc;
}

#container {
width:760px;
margin:0 auto;
padding:0 0 10px 0;
text-align:left;
background:url(../img/bg_container_p.gif) top left no-repeat;
background-position:0px 40px;
}


/* ---------- header ----------*/

#logo {
float:left;
width:181px;
display:block;
padding:24px 0 30px 30px;
margin:0;
}

#logo a {
width:181px;
display:block;
padding:0;
margin:0;
}

ul#tnavi {
float:right;
width:auto;
margin:0;
padding:30px 0 0 0;
list-style:none;
text-align:right;
}

ul#tnavi li {
display:inline;
margin:0;
padding:0;
}


/* ---------- wrapper ----------*/

#wrapper {
clear:both;
width:760px;
padding:0;
margin:0;
background-image:none;
}


/* ---------- side ----------*/

#side {
float:right;
width:180px;
padding:0 0 20px 0;
background:#efefef url(../img/bg_pageup_p.gif) bottom right no-repeat;
}

#navi {
width:180px;
padding:10px 0 0 0;
}

ul#gnavi {
width:160px;
margin:0;
padding:0 10px 0 10px;
list-style:none;
}

ul#gnavi li {
width:160px;
margin:0;
padding:0;
font-size:12px;
line-height:18px;
color:#333333;
}

ul#snavi {
width:160px;
margin:0;
padding:20px;
list-style:none;
}

ul#snavi li {
width:140px;
margin:0;
padding:0;
font-size:12px;
line-height:18px;
}

#section_free {
width:180px;
text-align:center;
margin:0;
padding:0;
}


/* ---------- contents ----------*/

#contents {
float:left;
width:579px;
margin:0;
padding:0;
}

#contents h2 {
width:579px;
overflow:hidden;
margin:0;
padding:0;
display:block;
}

#contents h3 {
width:579px;
overflow:hidden;
margin:0;
padding:0;
display:block;
}

#section {
width:560px;
text-align:left;
overflow:hidden;
padding:20px 20px 20px 0;
background-color:#ffffff;
}

#pan {
width:560px;
height:25px;
margin:0;
padding:0;
display:block;
text-align:right;
}

#pan .kuzu td {
font-size:10px;
height:25px;
line-height:25px;
color:#ffffff;
padding:0 30px 0 20px;
background-color:#333333;
text-align:right;
}

#pan .kuzu a { color:#999999; text-decoration:none; }
#pan .kuzu a:hover { color:#ffffff; text-decoration:underline; }



/* ---------- footer ----------*/

.pageup_s {
width:560px;
margin:0;
padding:10px 0 0 0;
text-align:right;
background:url(../img/line_g.gif) top left repeat-x;
}

.pageup_s a {
font-size:10px;
text-decoration:none;
padding:0 15px 0 0;
margin:0;
background:url(../img/bg_pageup_s.gif) top right no-repeat;
}


#pageup {
clear:both;
width:760px;
background-image:none;
}

#pageup p {
width:560px;
margin:0;
background:url(../img/line_b.gif) top left repeat-x;
}

#pageup p a {
width:66px;
height:30px;
display:block;
margin:0 0 0 494px;
padding:0;
}

#footer {
width:760;
margin:0;
padding:0;
text-align:center;
background-image:none;
}

#section_footer {
width:760px;
padding:0;
margin:0 auto;
text-align:left;
background-image:none;
}

ul#fnavi {
width:560px;
margin-left:-40px;
padding:0;
list-style:none;
}

ul#fnavi li {
float:left;
display:inline;
padding:0;
margin:0;
}

#section_footer p {
clear:left;
font-size:10px;
width:560px;
line-height:12px;
margin:0;
}
