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;
}


/* ----- header ----- */

#logo {
float:left;
width:170px;
height:70px;
background:url(../img/logo_i.gif) top left repeat-x;
}

#logo a {
width:170px;
height:70px;
margin:0;
padding:0;
display:block;
text-indent:-9000em;
outline:0;
text-decoration:none;
}

.h_txt {
float:none;
width:570px;
height:40px;
margin:0;
padding:0;
background-color:091533;
}

.h_txt img { margin:15px 0 0 25px; }

.h_japan {
float:none;
width:570px;
margin:0;
padding:0;
background-color:091533;
}

.h_japan { margin:0 0 0 25px; }

#flash {
clear:left;
width:760px;
height:260px;
background-color:#333333;
background-image:none;
}


/* ----- column01 ----- */

#navi {
float:left;
width:170px;
margin:0;
padding:0;
}

#navi .section_f {
width:auto;
padding:10px;
margin:0;
}

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 {
line-height:20px;
padding:4px 0 6px 12px;
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 {
line-height:20px;
padding:4px 14px 6px 0;
display:block;
color:#ffffff;
text-decoration:none;
background:url(../img/bg_gnavi_li.gif) no-repeat;
background-position:140px 0px;
}

a:hover.navi_gs { color:#ffffff; text-decoration:underline; }

ul#gnavi li.u_line { background:url(../img/line_b.gif) bottom left repeat-x; }

ul#snavi {
width:170px;
margin:0;
padding:0 0 10px 0;
list-style:none;
}

ul#snavi li {
font-size:12px;
color:#333333;
padding:0;
margin:0 10px 0 10px;
}

a.navi_s {
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: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 14px;
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;
text-align:right;
background-image:none;
}

#pageup p {
width:760px;
text-align:right;
}

#pageup p img { margin:0 180px 0 0; }


/* ----- column01 end ----- */


/* ----- column02 ----- */

#wrap {
float:none;
width:570px;
margin:0;
padding:0;
}

/* ----- column02 end ----- */


/* ----- column03 ----- */

#contents {
float:none;
width:520px;
margin:0;
padding:10px 25px 0 25px;
background-image:none;
}

#contents .section_txt {
width:520px;
padding:0;
margin:0;
}

.section_webmaking {
width:520px;
padding:15px 0 20px 0;
margin:0;
}

.section_wbc {
width:520px;
padding:20px 0 20px 0;
margin:0;
}

.section_samuraijapan {
width:520px;
padding:5px 0 20px 0;
margin:0;
}

.section_webmaking		{ background:url(../img/bg_top_01.jpg) top left no-repeat; }
.section_wbc			{ background:url(../img/bg_top_02.jpg) top left no-repeat; }
.section_samuraijapan	{ background:url(../img/bg_top_03.jpg) top left no-repeat; }

.sst { padding:0 0 0 7px; border-left:3px solid #091533; }
.to_details { margin:0 0 0 10px; }

.txt_detail {
padding:0 30px 20px 30px;
margin:75px 0 0 0;
background:url(../img/line_g.gif) bottom left repeat-x;
}

.txt_detail2 {
padding:0 30px 20px 30px;
margin:70px 0 0 0;
background:url(../img/line_g.gif) bottom left repeat-x;
}

#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 {
margin:0;
padding:0;
font-size:1px;
}

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; }
.t_line_20_g { background:url(../img/line_g.gif) top left repeat-x; }
.u_line_10,.u_line_20 { background:url(../img/line.gif) bottom left repeat-x; }
.u_line_5_g,.u_line_20_g { background:url(../img/line_g.gif) bottom left repeat-x; }

.t_line_10 { margin:10px 0 0 0; padding:10px 0 0 0; }
.t_line_20,.t_line_20_g { margin:20px 0 0 0; padding:20px 0 0 0; }
.u_line_5_g { margin:0 0 5px 0; padding:0 0 5px 0; }
.u_line_10 { margin:0 0 10px 0; padding:0 0 10px 0; }
.u_line_20,.u_line_20_g { margin:0 0 20px 0; padding:0 0 20px 0; }

.t_space_10 { margin:10px 0 0 0; }
.t_space_15 { margin:15px 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; }