@charset "utf-8";

/* override gnav */
#gnavi01 .work a {
background-position:-152px -105px;
}
#gnavi01 .work a:hover {
background-position:-152px -140px;
}

/* override sidebar */
#sidebar01 .work .b01 a {
background-position:-570px 0;
}
#sidebar01 .work .b01 a:hover {
background-position:-760px 0;
}

/* flow box */
#content01 .flow {
margin-bottom:30px;
padding-bottom:17px;
border-bottom:1px dotted #D0D0D0;
}
#content01 .flow .step {
height:100%;
margin-left:81px;
padding-top:26px;
background:url(../img/step_bg_01.png) no-repeat;
}
#content01 .flow .first {
padding-top:0;
background:none;
}
#content01 .flow .step h3 {
position:relative;
width:460px;
margin-bottom:3px;
margin-left:-81px;
padding:4px 4px 4px 81px;
background:#FDF1F3 url(../img/step_bg_02.png) repeat-y;
color:#D21E49;
font-size:1.2em;
}
#content01 .flow .step h3 span {
position:absolute;
top:0;
left:0;
display:block;
width:63px;
padding:4px 0;
color:#fff;
text-align:center;
}
#content01 .flow .step h4 {
font-size:1.2em;
}
#content01 .flow .step p {
margin-bottom:10px;
font-size:1.2em;
}
#content01 .flow .step p span {
display:block;
/*margin-left:1.2em;*/
font-size:0.83em;
/*text-indent:-1.2em;*/
}
#content01 .flow .step ol {
margin-bottom:10px;
font-size:1.2em;
}
#content01 .flow .step ol li {
margin-left:1.2em;
text-indent:-1.2em;
}
#content01 .flow .step .popup {
margin-top:-5px;
}
#content01 .flow .step .popup a {
padding-right:17px;
background:url(../img/common_bg_01.png) right center no-repeat;
}
#content01 .flow .step .map {
position:relative;
height:100%;
margin-right:75px;
padding-right:65px;
}
#content01 .flow .step .map img {
position:absolute;
top:0;
right:0;
}

/* tools box */
#content01 .tools {
width:535px;
margin:0 auto 10px;
background:url(../img/common_bg_02.png) repeat-y;
}
#content01 .tools-inner {
position:relative;
overflow:hidden;
height:100%;
background:url(../img/common_bg_03.png) left bottom no-repeat;
}
#content01 .tools .search,
#content01 .tools .sign-up {
float:left;
width:263px;
}
#content01 .tools .search {
margin-right:9px;
}
#content01 .tools h2 {
margin:0 0 8px;
padding:0;
border:none;
}
#content01 .tools p {
margin:0 16px;
padding-bottom:70px;
font-size:1.2em;
}
#content01 .tools .search ul {
position:absolute;
bottom:18px;
padding-left:15px;
}
#content01 .tools .search li {
float:left;
}
#content01 .tools .search ul img {
vertical-align:bottom;
}
#content01 .tools .sign-up .link {
position:absolute;
bottom:13px;
width:263px;
margin:0;
padding-bottom:0;
text-align:center;
}

/* inquiry box */
#content01 .inquiry {
margin:0 5px;
padding:1px;
border:1px solid #EBC9D9;
background-color:#fff;
}
#content01 .inquiry-inner {
overflow:hidden;
height:100%;
padding:0 12px 12px;
background-color:#FEF3EC;
}
#content01 .inquiry h2 {
margin:0 -12px 9px;
padding:0;
border:none;
}
#content01 .inquiry p {
float:left;
width:265px;
margin-top:8px;
font-size:1.2em;
}
#content01 .inquiry .info {
float:none;
width:auto;
margin:0 0 6px;
}
#content01 .inquiry .link {
float:right;
width:auto;
margin:0;
padding-top:5px;
}
