html {
margin:0 0 1px 0;
height:100%;
}

body {
margin:0;
padding:0;
font-size:13px;
line-height:24px;
color:#333;
background-image:url(../images/bg.gif);
background-position:top;
background-repeat:repeat-y;
}

img {
border:0;
}

.wrap {
width:816px;
margin:0 auto;
padding:0;
}



/* head */

h1 {
color:#FFF;
font-size:12px;
margin:0 0 0 20px;
padding:0;
font-weight:normal;

}

#head {
width:815px;
float:left;
background-color:#0D1D42;
padding:10px 0 0 0;
margin:0 0 0 1px;
}

#logo {
float:left;
margin:32px 0 10px 20px;
padding:0;
}

#head_right {
background-color:#0D1D42;
text-align:right;
float:right;
margin:0 10px 0 0;
padding:0;
display:block;
}

#head_right p {
background-color:#0D1D42;
margin:0;
padding:0;
}

#tel {
margin:0 0 10px 0;
padding-top:15px;
}

/* global navi */

#g_navi_box {
margin:0 0 0 1px;
float:left;
padding:0;
clear:inherit;
overflow:hidden;
width:815px;
height:32px;
list-style:none;
}

#g_navi_box li {
clear:inherit;
float:left;
overflow:hidden;
padding:0;
text-indent:-10000px;
}

#g_navi_box a {
display:block;
overflow: hidden;
text-decoration:none;
}

#g_navi_01 a,#g_navi_02 a,#g_navi_03 a,#g_navi_04 a,#g_navi_05 a,#g_navi_06 a {
background-position:0px 0px;
}

#g_navi_01 a:hover,#g_navi_02 a:hover,#g_navi_03 a:hover,#g_navi_04 a:hover,#g_navi_05 a:hover,#g_navi_06 a:hover {
background-position:0px -31px;
}

#g_navi_01 a,#g_navi_01 a:hover {
background-repeat:no-repeat;
width:139px;
height:32px;
background-image:url(../images/g_navi_01.gif);
}

#g_navi_02 a,#g_navi_02 a:hover {
background-repeat:no-repeat;
width:137px;
height:32px;
background-image:url(../images/g_navi_02.gif);
}

#g_navi_03 a,#g_navi_03 a:hover {
background-repeat:no-repeat;
width:125px;
height:32px;
background-image:url(../images/g_navi_03.gif);
}

#g_navi_04 a,#g_navi_04 a:hover {
background-repeat:no-repeat;
width:128px;
height:32px;
background-image:url(../images/g_navi_04.gif);
}

#g_navi_05 a,#g_navi_05 a:hover {
background-repeat:no-repeat;
width:153px;
height:32px;
background-image:url(../images/g_navi_05.gif);
}

#g_navi_06 a,#g_navi_06 a:hover {
background-repeat:no-repeat;
width:133px;
height:32px;
background-image:url(../images/g_navi_06.gif);
}

#topimg {
float:left;
margin:0 0 0 1px;
padding:0;
clear:both;
}

#to_inter {
padding-bottom:30px;
clear:both;
}

#top_txt {
padding-top:0px;
}

#navi_link {
padding:3px 0 0 50px;
display:block;
clear:both;
}
.wrapin {
background-color:#FFFFFF;
width:736px;
margin:0 auto;
padding:0;
display:block;
}

.main_2c {
margin-top:20px;
padding:0px 0 0 0;
float:left;
background-image:url(../images/main_bg.gif);
background-repeat:repeat-y;
}

.main_1c {
padding:27px 0 0 0;
float:left;
}

.main_1c_wi {
padding:20px 0 0 0;
float:left;
}

.main_left {
width:515px;
float:left;
display:block;
clear:both;
margin-right:13px;
}

#title {
padding:0 0 20px 0;
margin:0;
}

h3 {
color:#666;
font-size:16px;	/* フォントサイズ */
text-align:left;	/* テキストの左寄せ */
letter-spacing:1px;	/* 文字間隔 */
padding-left:10px;	/* 左の余白 */
line-height:30px;	/* 領域（行）の高さ＝フォントの１．５倍 */
border-left-width:6px;	/* 左側の境界線をマークとして使用 */
border-left-style: solid;	/* 境界線（マーク）の種類 */
border-left-color:#294C84;	/* 境界線（マーク）の色 */
}

.se {
margin-top:40px;
}

#contents {
padding:0 22px 30px 0;
}

.main_right {
width:208px;
margin-left:0;
float:left;
padding-bottom:150px;
}

/* menu */

#menu {
width:188px;
display:block;
margin:5px auto;
padding:0;
clear:both;
list-style:none;
font-size:12px;
}

#menu a {
display:block;
text-align:left;
padding:0;
color:#00F;
line-height:28px;
text-decoration:none;
background-position:0px 0px;
text-indent:18px;
overflow:hidden;
}

#menu_01 {
width:188px;
height:34px;
background-image:url(../images/navi_01.gif);
background-repeat:no-repeat;
background-position:0px 0px;
text-align:left;
margin:0;
padding:0;
color:#FFF;
line-height:34px;
text-indent:18px;
text-decoration:none;
font-weight:normal;
}

#menu_01 a{
width:188px;
height:34px;
background-image:url(../images/navi_01.gif);
background-repeat:no-repeat;
background-position:0px 0px;
text-align:left;
margin:0;
padding:0;
color:#FFF;
line-height:34px;
text-indent:18px;
text-decoration:none;
font-weight:normal;
}

#menu_02 a,#menu_02 a:hover {
width:188px;
height:29px;
background-image:url(../images/navi_02.gif);
background-repeat:no-repeat;
}

#menu_02_1 a,#menu_02_1 a:hover {
width:188px;
height:29px;
background-image:url(../images/navi_02_1.gif);
background-repeat:no-repeat;
}

#menu_02 a,#menu_02_1 a {
background-position:0px 0px;
}

#menu_02 a:hover,#menu_02_1 a:hover {
background-position:0px -29px;
}

#menu_03 a,#menu_03 a:hover {
width:188px;
height:30px;
background-image:url(../images/navi_03.gif);
background-repeat:no-repeat;
line-height:30px;
}

#menu_03 a {
background-position:0px 0px;
}

#menu_03 a:hover {
background-position:0px -30px;
}

/* footer */

#footer {
width:736px;
text-align:center;
float:left;
font-size:12px;
color:#666;
padding:15px 0;
margin:0 0 20px 0;
}

#footer hr {
border: 0 none; 
height: 1px;
color:#CCC;
background-color: #CCC;
}

#footer p {
font-size:80%;
margin:0;
padding:0;
}

/* top */

#top_right {
padding-left:4px;
}

#top_right img {
padding-bottom:5px;
}
#top_right p {
padding-left:5px;
font-size:80%;
}
/* flow */

.flow {
float:left;
clear:both;
width:493px;
}

.flow_title,.flow_title_se {
background-image:url(../images/flow.gif);
width:473px;
height:34px;
padding:12px 0 0 20px;
font-size:12px;
font-weight:bold;
float:left;
clear:both;

}

.flow_title_se {
margin-top:20px;

}



.flow_step {
margin:10px 0px 10px 0;
float:left;
}

.flow_txt {
float:left;
margin:10px 0 0 20px;
width:400px;
}

/* table */

table {
border:1px solid #CCC;
border-collapse:collapse;
margin:0 auto;
padding:0;
}

#works th,#works td {
border-bottom:1px solid #CCC;
border-collapse:collapse;
line-height:30px;
}

#works th {
text-align:center;
margin:0;
padding:0;
border-right:1px dotted #CCC;
border-collapse:collapse;
background-color:#EEE;
}

#works td {
padding:10px 0 10px 10px;
border-right:1px dotted #CCC;
border-collapse:collapse;
line-height:20px;
}

#works,#staff,#company {
margin-bottom:20px;
}

#works .c_01 {
width:75px;
}

#works .c_02 {
width:175px;
}

#works .c_03 {
width:175px;
}

#works .c_04 {
width:70px;
}

#works .c_05 {
width:70px;
}

#works .c_06 {
width:171px;
}

#company {
width:493px;
}

#company th,#company td {
border-bottom:1px solid #CCC;
border-collapse:collapse;
}

#company th {
width:150px;
margin:0;
border-right:1px dotted #CCC;
border-collapse:collapse;
background-color:#EEE;
}

#company td {
width:300px;
padding:5px 0 5px 10px;
}

#company ul,#company li {
margin:0;
list-style:none;
padding:0;
}

/* philosophy */

#contents_phi {
padding:0 22px 30px 0;
}

#title_phi {
padding:0;
margin:0;
float:left;
}

.h3_phi_top {
margin-top:20px;
}

.h3_phi {
margin:40px 0 10px 0;
}

.phi_txt {
margin-left:20px;
}

#staff th,#staff td {
border-bottom:1px solid #CCC;
}

#staff th {
padding:10px;
}

#staff td {
padding:20px 10px 10px 10px;
}


#info th,#info td {
border-bottom:1px solid #CCC;
border-collapse:collapse;
}

#info th {
width:200px;
margin:0;
border-right:1px dotted #CCC;
border-collapse:collapse;
background-color:#EEE;
}

#info td {
width:300px;
padding:10px;
}

#info_btn {
text-align:center;
padding:20px 0 0 0;
}

div#info_p {
padding:100px 0 50px 270px;
}

p#info_p {
text-align:center;
}

p#info_p_r {
text-align:center;
padding:100px 0 200px 0;
}

/* aboutus */

#aboutus_img {
float:left;
padding:5px 0 20px 0;
}

#sign {
float:right;
padding:30px 10px 50px 0;
}

/* access */

#access dt {
font-weight:bold;
}

#access dd {
margin:0;
padding:0 0 30px 10px;
}

/* business */

.b_show {
border:none;
border-collapse:collapse;
margin:0 auto;
padding:0;
}

.b_show_color {
background-color:#CCCCCC;
}

.b_show_title {
margin:0 0 0 5px;
}
img.showcase {
margin:5px;
}

#business_link {
border:1px solid #294C84;
padding:10px;
margin-bottom:30px;
}

#business_img {
float:right;
padding:0 0 10px 10px;
}

#to_info {
padding-top:30px;
text-align:center;
clear:both;
}

#to_info p {
text-align:left;
}

/* showcase */

table.showcase  {
width:493px;
border:1px solid #CCC;
border-collapse:collapse;
margin:0 auto;
padding:0;
}
.showcase th {
width:250px;
}

.showcase img {
padding:5px;
}

.showcase {
margin:1000px;
}

/* flow */

#flow_img {
float:left;
padding-right:10px;
}

img#flow_info {
float:right;
padding-bottom:30px;
}

#flow {
border:none;
}
#flow th,#flow td {
padding:10px 10px 10px 0;
vertical-align:top;
}

#flow th {
width:270px;
}

#flow td {
width:200px;
}