body {
width:100%;
height:100%;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background-image:none;
}

#container {
width:760px;
margin:0 auto;
padding:0;
text-align:left;
background-image:none;
}

/* ----- column01 ----- */

#logo {
float:left;
width:170px;
height:130px;
background:url(../img/logo_p.gif) top left repeat-x;
}

#logo a {
width:170px;
height:110px;
margin:0;
padding:0;
display:block;
text-indent:-9000em;
outline:0;
text-decoration:none;
}

#navi {
float:left;
width:170px;
margin:0;
padding:0;
background:url(../img/bg_container.gif) top left repeat-y;
}

ul#gnavi {
width:170px;
margin:0;
padding:0 0 25px 0;
list-style:none;
background:#091533 url(../img/bg_gnavi.gif) bottom left no-repeat;
}

ul#gnavi li {
font-size:12px;
color:#ffffff;
padding:0;
margin:0 10px 0 10px;
}

a.navi_g {
width:136px;
line-height:20px;
padding:4px 0 6px 14px;
display:block;
color:#ffffff;
text-decoration:none;
background:url(../img/bg_gnavi_li.gif) top left no-repeat;
}

a:hover.navi_g {
color:#ffffff;
text-decoration:underline;
background:url(../img/bg_gnavi_li_m.gif) top left no-repeat;
}

a.navi_gs {
width:150px;
line-height:20px;
padding:4px 0 6px 0;
display:block;
color:#ffffff;
text-decoration:none;
background:url(../img/bg_gnavi_li.gif) no-repeat;
background-position:140px 0px;
}

ul#gnavi li.u_line { background:url(../img/line_b.gif) bottom left repeat-x; }

ul#snavi {
width:170px;
margin:0;
padding:0 0 30px 0;
list-style:none;
background:url(../img/bg_pageup.gif) bottom left no-repeat;
}

ul#snavi li {
font-size:12px;
color:#333333;
padding:0;
margin:0 10px 0 10px;
}

a.navi_s {
width:136px;
line-height:20px;
padding:4px 0 6px 14px;
display:block;
color:#333333;
text-decoration:none;
background:url(../img/bg_snavi_li.gif) top left no-repeat;
}

a.navi_ss {
width:150px;
line-height:20px;
padding:4px 0 6px 0;
display:block;
color:#333333;
text-decoration:none;
background:url(../img/bg_snavi_li.gif) no-repeat;
background-position:140px 0px;
}

a:hover.navi_s {
color:#333333;
text-decoration:underline;
background:url(../img/bg_snavi_li_m.gif) top left no-repeat;
}

a.navi_ss {
line-height:20px;
padding:4px 14px 6px 0;
display:block;
color:#333333;
text-decoration:none;
background:url(../img/bg_snavi_li.gif) no-repeat;
background-position:140px 0px;
}

a:hover.navi_ss { text-decoration:underline; }

ul#snavi li.u_line { background:url(../img/line_g.gif) bottom left repeat-x; }

#wrapper {
float:right;
width:570px;
margin:0;
padding:0;
text-align:left;
background-image:none;
}

#pageup {
clear:right;
width:760px;
margin:0;
padding:0 0 20px 0;
background-image:none;
}

#pageup p {
width:760px;
text-align:right;
}


/* ----- column01 end ----- */


/* ----- column02 ----- */

.h_txt {
width:590px;
height:40px;
margin:0;
padding:0;
background-color:#091533;
}

.h_txt img { margin:15px 0 0 20px; }

.h_japan {
width:590px;
margin:0;
padding:0;
background-color:#091533;
}

.h_japan img { margin:0 0 0 20px; }

#tt {
width:auto;
margin:0;
padding:0;
}

#tt img { margin:0 0 0 20px; }

#pan {
width:auto;
margin:0;
padding:25px 0 0 0;
}

#pan p {
text-align:right;
font-size:10px;
color:#666666;
}

#wrap {
float:none;
width:570px;
margin:0;
padding:0;
}

/* ----- column02 end ----- */


/* ----- column03 ----- */

#contents {
float:none;
width:520px;
margin:0;
padding:25px;
background-color:#ffffff;
background-image:none;
}

#contents .section_txt {
width:auto;
padding:0;
}

#service {
float:none;
width:520px;
margin:0 25px 0 25px;
background-color:#efefef;
}

#service h4 {
padding:10px 0 0 0;
margin:0 10px 0 10px;
width:auto;
border-bottom:1px solid #cccccc;
}

#service .tlogo {
clear:left;
float:left;
width:138px;
height:100px;
font-size:11px;
line-height:15px;
margin:0 1px 0 1px;
padding:0;
}

#service .ttxt {
float:left;
width:auto;
height:75px;
font-size:11px;
line-height:13px;
text-align:justify;
color:#666666;
padding:25px 14px 0 14px;
margin:0 1px 0 1px;
background-image:none;
}

#service .section_f {
clear:left;
}

#b_navi {
clear:both;
width:auto;
margin:0;
padding:0 0 35px 25px;
background-image:none;
}

#b_navi dl {
width:520px;
margin:0;
padding:0;
background:url(../img/line.gif) top left repeat-x;
}

#b_navi dl dt {
margin:0;
padding:20px 0 10px 20px;
}

#b_navi dl dd {
float:left;
font-size:11px;
line-height:15px;
margin:0;
padding:0 0 0 20px;
}

#b_navi dl dd a {
padding:0 15px 0 7px;
border-left:3px solid #cccccc;
}

#b_navi .clear {
clear:left;
}

#b_navi p {
text-align:right;
width:520px;
margin:0 0 0 25px;
padding:37px 0 0 0;
}


/* ----- column03 end ----- */


/* ----- footer ----- */

#footer {
width:100%;
margin:0;
padding:0;
text-align:center;
background-color:#ffffff;
background-image:none;
}

#footer dl {
width:740px;
margin:0 auto;
padding:40px 0 0 0;
text-align:right;
background:url(../img/line.gif) top left repeat-x;
}

#footer dl dt {
font-size:12px;
line-height:18px;
color:#333333;
margin:0;
padding:0 40px 10px 0;
font-weight:bold;
}

#footer dl dd {
font-size:12px;
line-height:18px;
color:#333333;
margin:0;
padding:0 40px 0 0;
}

#footer dl dd.copy {
font-size:12px;
padding-top:10px;
}



/* ----- footer end ----- */



/* layout */

h1,h2,h3,h4,h5,p {
margin:0;
padding:0;
font-size:12px;
line-height:18px;
color:#333333;
text-align:justify;
}

img { border:0; }

a { color:#091533; text-decoration:underline; }
a:hover { color:#091533; text-decoration:none; }

.t_line_10,.t_line_20 { background:url(../img/line.gif) top left repeat-x; }
.u_line_10,.u_line_20 { background:url(../img/line.gif) bottom left repeat-x; }

.t_line_10 { margin:10px 0 0 0; padding:10px 0 0 0; }
.t_line_20 { margin:20px 0 0 0; padding:20px 0 0 0; }
.u_line_10 { margin:0 0 10px 0; padding:0 0 10px 0; }
.u_line_20 { margin:0 0 20px 0; padding:0 0 20px 0; }

.t_space_10 { margin:10px 0 0 0; }
.t_space_20 { margin:20px 0 0 0; }
.u_space_10 { margin:0 0 10px 0; }
.u_space_20 { margin:0 0 20px 0; }
.u_space_30 { margin:0 0 30px 0; }



/* ----- [Pruduction result] result ----- */

/* ----- l_navi ----- */

ul#lnavi {
font-size:1px;
width:520px;
padding:5px 0 0 6px;
margin:0 0 30px 0;
list-style:none;
background:url(../result/img/bg_lnavi.gif) top left no-repeat;
}

ul#lnavi li {
font-size:1px;
width:100px;
margin:0;
padding:0;
display:inline;
}

ul#lnavi li a {
font-size:1px;
width:99px;
height:29px;
margin:0 1px 0 0;
padding:0;
}


/* resul */

#result {
width:520px;
margin:0;
padding:0;
}

#result dl {
margin:0 5px 0 0;
padding:0;
float:left;
width:150px;
height:220px;
}

#result dl dt{
width:150px;
margin:0px;
padding:0px;
}

#result dl dd {
width:150px;
text-align:center;
margin:0px;
padding:0;
}

#result dl dt a {
width:150px;
height:156px;
font-size:1px;
display:block;
padding:0;
margin:0;
background:url(../result/img/bg_win.gif) bottom left repeat-x;
}

#result .pageup_s {
clear:both;
display:block;
width:520px;
}

#result .pageup_s a {
clear:both;
}
