@charset "utf-8";

body,div {
	padding: 0;
	margin: 0;
}

h2, h3, h4, h5, h6, p,/* address,*/
ul, ol, li,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-size: 12px;
/*        text-align: left;*/
        list-style-type: none;
	font-family:Arial, Helvetica;
}
textarea { font-size: 100%; }

img { vertical-align: bottom; }

hr { display: none; }

a {color:#000000; }
a:visited { color:#CC0000; }

/* Contents */

body {
 background-color:#E8E8E8;
 margin:0;
 padding:0;
 text-align:center;
}
#wrap {
    background-color: #FFFFFF;
	border: solid 1px #9C9C9C;
	margin:0 auto;
	padding: 0;
	width: 807px;
	height: auto;
        text-align: left;
/*	text-align: center;*/
}
#head {
    width: 807px;
	height: 77px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#head img {
    margin: 0;
	padding: 0;
}
#headmenu {
    margin: 0;
	padding: 0;
	width: 807px;
	height: auto;
	text-align: left;
	font-size: 12px;
	line-height: 32px;
	font-family:Arial, Helvetica;
	background-image: url(img/head.gif);
	background-repeat: no-repeat;
}

#headmenu img {
    margin: 0;
	padding: 0;
}
h1 {
    color: #9D2325;
    margin: 0 0 10px 0;
    padding: 0;
	background-image: url(img/h2gif.gif);
	width: auto;
	height: 23px;
	text-align: left;
	background-repeat: no-repeat;
	font-family:Arial, Helvetica;
	font-size: 22px;
	font-weight:bold;
	line-height: 23px;
	text-indent: 30px;
}
#wazatit {
    color: #9D2325;
    margin: 0 0 0 0;
    padding: 0;
	background-image: url(img/h2waza.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 35px;
	text-align: left;
	font-family:Arial, Helvetica;
	font-size: 22px;
	font-weight:bold;
	line-height: 30px;
	text-indent: 30px;
}
sup {
margin:0;
padding:0;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
}
h2.jh2{
   color: #0D1341;
   font-size: 16px;
   font-weight: bold;
   margin: 6px 0;
   padding: 2px 0;
   border-bottom: solid 1px #333333;
   
}

table.aboutus  {
   width: 100%;
   margin: 0;
   padding: 0;
}
td.abouttd  {
   margin: 0;
   padding: 3px;
   vertical-align:top;
}
h3.a {
   color: #FFFFFF;
   background-image: url(img/h3a_bana.gif);
   background-repeat: no-repeat;
   width: 515px;
   height: 47px;
   font-size: 16px;
   font-weight: bold;
   text-indent: 20px;
   line-height: 47px;
   margin: 0;
   padding: 4px 0 0 0;
   float: left;
}

/* ナビゲーション */
#navi_continer {
position: relative;
z-index:100;
width: 770px;
height:60px;
}

#navi {
position: absolute;
width: 770px;
}

#navi ul {
margin: 0;
padding: 0;
list-style: none;
}

#navi li {
color: #7A7A7A;
float: left;
width: 110px;
margin: 0;
}

#navi li a {
font-size: 12px;
color: #7A7A7A;
display: block;
width: 100%;
padding: 0;
text-align: center;
text-decoration: none;
background-image: url(img/hmenuback01.gif);
background-repeat: no-repeat;
}

#navi li a:hover {
color: #000000;
background-image: url(img/hmenubackhov01.gif);
background-repeat: no-repeat;
}


/* サブメニュー */
#navi ul.sub {
background-image: url(img/hmenubacksub01.gif);
background-repeat: no-repeat;
}

.sakai {
background-image: url(img/hmenubacksub02.gif);
background-repeat: no-repeat;
line-height:1;
height:55px;
}


#navi ul.sub li {
float: none;
}

#navi ul.sub li a {
color: #000000;
background-image: url(img/hmenubacksub01.gif);
background-repeat: no-repeat;
font-size: 12px;
font-weight: normal;
padding:0;
}

.sakai {
color: #000000;
background-image: url(img/hmenubacksub02.gif);
background-repeat: no-repeat;
font-size: 12px;
font-weight: normal;
padding:0;
line-height:1.1;
height:55px;
}

#navi ul.sub li a:hover {
color: #000000;
}

#navi ul li.navi_menu ul {
display: none;
}

#navi ul li.navi_menu_on ul {
display: block;
}


#head01 img {
    border: none;
	text-decoration: none;
}

/* サービスフロー */
.j {
    color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	background-color: #0D1341;
	font-size: 13px;
}
.u {
    color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	margin:0;
	background-color: #9D2325;
	font-size: 13px;
}
.stepnum {
    background-color: #FFFFFF;
	border: solid 1px #333333;
	font-weight: bold;
	margin: 6px 0;
	padding: 3px;
	font-size: 12px;
}
.num {
    color: #0D1341;
    font-size: 12px;
	margin-left: 6px;
	margin-bottom: 6px;
	padding: 0;
	line-height: 1.5;
}
.num_u {
    color: #A62126;
    font-size: 12px;
	margin-left: 6px;
    margin-bottom: 6px;
	padding: 0;
	line-height: 1.5;
}
#firststep{
    color: #0D1341;
    width: 150px;
	height: auto;
	border: dotted 1px #333333;
	margin-right: 34px;
	padding: 6px;
}
#secondstep{
    width: 386px;
	height: auto;
	border: dotted 1px #333333;
	margin-right: 26px;
	padding: 6px;
}
#secondstep_u{
    width: 386px;
	height: auto;
	border: dotted 1px #A62126;
	margin: 10px 0;
	padding: 6px;
}
.sestepnum {
    color: #0D1341;
    background-color: #FFFFFF;
	border: solid 1px #333333;
	font-weight: bold;
	margin: 0 0 6px 6px;
	padding: 3px;
	font-size: 12px;
}
.sestepnum_u {
    color: #A62126;
    background-color: #FFFFFF;
	border: solid 1px #A62126;
	font-weight: bold;
	margin: 0 0 6px 6px;
	padding: 3px;
	font-size: 12px;
}
.sestepnum_u02 {
    color: #A62126;
    background-color: #FFFFFF;
	border: solid 1px #A62126;
	font-weight: bold;
	margin: 0 0 6px 0;
	padding: 3px;
	font-size: 12px;
	width: 160px;
}
#thirdstep{
    width: 108px;
	height: auto;
	border: dotted 1px #333333;
	padding: 6px;
}
#contents {
	width: 807px;
	height: auto;
	margin: 0;
	padding: 0;
}
/* 変更箇所テンプレート */
#topcontext {
    width: 710px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	line-height: 1.6;	
}
/* 変更箇所 */
#topcontext01 {
    width: 756px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	line-height: 1.6;	
}
/* ここまで */
#topcontext02 {
    width: 750px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	line-height: 1.6;
}
/* スキーム */
.schemeleft {
   width: 182px;
   height: 330px;
   background-image: url(img/schemeleft.gif);
   background-repeat: no-repeat; 
}
.schemeleft02 {
   width: 198px;
   height: auto;
   background-image: url(img/schemeleft02.gif);
   background-repeat: no-repeat;
   margin: 0;
   padding-top: 18px; 
}
.schemeleft03 {
   width: 153px;
   height: 220px;
   margin: 0;
   padding: 0; 
}
.schemespace {
    width: 180px;
	height:40px;
}
.schemespace02 {
    width: 160px;
	height:66px;
}
.scheme01 {
    font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	margin-left: 14px;
	padding: 0;
}
.scheme02 {
    font-size: 12px;
	line-height: 1.4;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 0;
}
.scheme03 {
    font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	margin-left: 54px;
	margin-bottom: 54px;
	padding: 0;
}
.scheme04{
    font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	margin-left: 38px;
	margin-bottom: 20px;
	padding: 0;
}
.flowback {
    background-image: url(img/flowback.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
}
.schemeback {
   	margin: 0;
	padding: 0;
	clear: both;
}
#se_scheme{
    width: 338px;
	height: 136px;
	margin: 0;
	padding: 0;
}
#se_scheme02{
    width: 338px;
	height: auto;
	margin-top: 10px;
	padding: 0;
}
#se_scheme02bo{
   width: 338px;
   height: 10px;
   margin: 0;
   padding: 0;
   clear: both;
}
.se_scheme_left {
    width: 167px;
	height: 130px;
	margin: 0;
	padding: 0;
	float: left;
	border-left: dotted 1px #0D1341;
	border-top: dotted 1px #0D1341;
	border-bottom: dotted 1px #0D1341; 
}
.se_scheme_leftin{
    color:#FFFFFF;
    width: 137px;
	height: 92px;
	background-color:#0D1341;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 20px auto;
}
.se_scheme_right {
    width: 167px;
	height: 130px;
	margin: 0;
	padding: 0;
	float: right;
	border-right: dotted 1px #9D2325;
	border-top: dotted 1px #9D2325;
	border-bottom: dotted 1px #9D2325;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.se_scheme_rightin {
    color:#FFFFFF;
    width: 137px;
	height: 92px;
	background-color:#9D2325;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 20px auto;
}
.sfon {
    margin-top: 10px;
	font-weight: bold;
	line-height: 23px;
}
.schemetext01 {
    color:#A62126;
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
}
#schemeju {
    width: 390px;
	height: auto;
	margin: 0;
	padding: 0;
}
.schemej {
    width: 150px;
	height: auto;
	padding: 0;
	float: left;
}
.schemej02 {
    width: 167px;
	height: auto;
	padding: 0;
	float: left;
}
.schemeu {
    width: 220px;
	height: auto;
	padding: 0;
	float: right;
}
.schemeu02 {
    width: 167px;
	height: auto;
	padding: 0;
	float: right;
}
.nykouri {
    width: 160px;
	height: 283px;
	margin: 0;
	padding: 0;
	background-image: url(img/nykouri_back.gif);
	background-repeat: no-repeat;
}
img.schemetop  {
    margin: 0;
	padding: 0;
	float: left;
}
.schemeright02 {
    margin: 0;
	padding: 0;
	background-image:url(img/schemeright02.gif);
	background-repeat: no-repeat;
	width: 205px;
	height: 294px;
}
.schemeright02in {
    width: 136px;
	height: 250px;
	margin-top: 32px;
	float: right;
	padding: 0;

}

/* フッター */
#footer {
    color: #FFFFFF;
    margin: 30px 0 0 0;
	padding: 15px 0 0 0;
	width: 807px;
	height: 40px;
	clear: both;
	background-color:#9C9C9C;
	font-size: 10px;
　line-height:1.1;
}
#footer a {
    color: #FFFFFF;
	text-decoration:none;
}
address {
   color: #FFFFFF;
　font-size: 10px;
        border: none;
        font-style: normal;
　text-align: left;
　line-height:1.3;
   margin-left: 10px;
  padding: 0;
  text-decoration: none;
	font-family:Arial, Helvetica;
}
#footer .menu {
   color: #FFFFFF;
　font-size: 11px;
        border: none;
        font-style: normal;
　text-align: left;
　line-height:1.3;
   margin-left: 10px;
  padding: 0;
  text-decoration: none;
	font-family:Arial, Helvetica;
 }