@charset �eUTF-8��;

body {
margin:0;
padding:0;
text-align:center;
background:url(../img/bg_index_body.gif) top left repeat-x;
font-family:MS UI Gothic,Arial,Hei,sans-serif;
}

#flash {
width:100%;
height:400px;
text-align:center;
margin:0 auto;
padding:0;
}

#container {
width:880px;
margin:0 auto;
padding:0 0 10px 0;
text-align:left;
background:url(../img/bg_container_i.gif) top left no-repeat;
background-position:0px -5px;
}


/* ---------- wrapper ----------*/

#wrapper {
clear:both;
width:auto;
padding:0 30px 0 30px;
margin:0;
background:url(../img/bg_wrapper.gif) top left repeat-y;
}


/* ---------- side ----------*/

#side {
float:right;
width:200px;
padding:0;
}

#navi {
width:180px;
padding:10px 0 0 0;
background:url(../img/bg_navi.gif) top left no-repeat;
}

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;
margin:0 0 0 10px;
padding:0;
}


/* ---------- contents ----------*/

#contents {
float:left;
width:620px;
margin:0;
padding:0;
}

#top_txt {
width:620px;
margin:0;
padding:110px 0 60px 0;
background:#ffffff url(../img/index_txt.jpg) top left no-repeat;
}

#top_txt p { font-size:12px; line-height:18px; margin:0 360px 0 30px; }

#updata {
width:auto;
padding:0 30px 30px 30px;
}


/* ---------- footer ----------*/

#pageup {
clear:both;
width:820px;
background:url(../img/bg_pageup.gif) bottom left no-repeat;
}

#pageup p {
width:560px;
margin:0 0 0 30px;
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:100%;
margin:0;
padding:0;
text-align:center;
background:url(../img/bg_footer.gif) top left repeat-x;
background-position:0px 30px;
}

#section_footer {
width:840px;
padding:30px 0 40px 0;
margin:0 auto;
text-align:left;
background:url(../img/bg_footer_copy.gif) top center no-repeat;
}

ul#fnavi {
margin:0;
padding:0 20px 20px 0;
list-style:none;
}

ul#fnavi li {
float:left;
display:inline;
margin:0;
padding:0;
}

#section_footer p {
clear:left;
font-size:10px;
width:560px;
line-height:12px;
margin:0 0 0 40px;
}



/* ---------- font ----------*/

h1,h2,h3,h4,h5 {
font-size:12px;
margin:0;
padding:0;
}

p {
font-size:12px;
line-height:18px;
color:#333333;
margin:0;
padding:0;
}

.small		{ font-size:11px; color:#666666; }
.red		{ color:#FF0000; }

a			{ color:#666666; text-decoration:underline; }
a:hover		{ color:#333333; text-decoration:none; }
a img		{ border:0; }



/* ---------- rayout ----------*/

img { vertical-align:top; }


.u_line_10,.u_line_10_b,.u_line_10_w { margin:0 0 10px 0; padding:0 0 10px 0; }
.u_line_20,.u_line_20_b,.u_line_20_w { margin:0 0 20px 0; padding:0 0 20px 0; }

.u_line_10,.u_line_20		{ background:url(../img/line_g.gif) bottom left repeat-x; }
.u_line_10_b,.u_line_20_b	{ background:url(../img/line_b.gif) bottom left repeat-x; }
.u_line_10_w,.u_line_20_w	{ background:url(../img/line_w.gif) bottom left repeat-x; }


.t_line_10,.t_line_10_b,.t_line_10_w { margin:10px 0 0 0; padding:10px 0 0 0; }
.t_line_20,.t_line_20_b,.t_line_20_w { margin:20px 0 0 0; padding:20px 0 0 0; }

.t_line_10,.t_line_20		{ background:url(../img/line_g.gif) top left repeat-x; }
.t_line_10_b,.t_line_20_b	{ background:url(../img/line_b.gif) top left repeat-x; }
.t_line_10_w,.t_line_20_w	{ background:url(../img/line_w.gif) top left repeat-x; }

.r_space_20 { margin:0 20px 0 0; }
.l_space_20 { margin:0 0 0 20px; }
.l_space_30 { margin:0 0 0 30px; }
.l_space_40 { margin:0 0 0 40px; }
.u_space_10 { margin:0 0 10px 0; }
.u_space_20 { margin:0 0 20px 0; }
.t_space_10 { margin:10px 0 0 0; }
.t_space_20 { margin:20px 0 0 0; }