@charset "utf-8";
.cf {
    min-height: 1px;
    zoom: 1;
    display: block;
}
.mb40 {
    /* margin-bottom: 20px; */
}
.cf:before, .cf:after {
    content: "";
    display: table;
}
.mb20 {
    margin-bottom: 20px;
}
img {
    border: 0;
}
img {
    vertical-align: bottom;
}
.intro .left {
    /* width: 400px; */
}
.left {
    float: left;
}
.right {
    /* float: right; */
}
.cf:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    font-size: .1em;
    line-height: 0;
}

.pageContent .line_bg {
    background: url(../images/line_bg.png) no-repeat;
    height: 27px
}

.pageContent .pageMain {
    margin: 0 0 20px 0;
    background: url(../images/req_bg_main.png) no-repeat;
    width: 750px;
    height: 276px
}

.pageContent .pageMain p.mainTit {
    margin: 0 0 22px 0;
    padding: 50px 0 0 22px
}

.pageContent .pageMain p.mainTxt {
    padding: 127px 0 0 45px;
    width: 407px;
    color: black
}

.pageContent .grapha {
    /* margin: 20px 0 30px; */
    /* padding: 0 0 0 15px; */
}

.pageContent h2.tit_grapha {
    margin: 20px 0 0 0
}

.pageContent ul.mb14 {
    /* margin-bottom: 13px */
}

.pageContent .grapha ul li {
    /* float: left; */
    width: 100%;
    /* box-sizing: content-box; */
}

.pageContent ul .graphaLine {
    /* height: 301px; */
    /* padding: 0 13px 13px 0; */
    /* border-right: 2px solid #CCC */
}

.pageContent .graphaB .graphaLine {
    /* height: 253px; */
}

.pageContent ul li.pl12 {
    /* padding-left: 13px */
}

.pageContent ul li dl dd {
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
}

.pageContent ul li dl dd>img {
    display: inline-block
}

.pageContent ul li dl dd.graphaTxt, .pageContent .graphaB li dl dd.graphaTxt {
    /* height: 130px; */
    padding: 5px;
    text-align: left;
    background: #f7f7f7;
    overflow: hidden;
}

.pageContent .graphaB li dl dd.graphaTxt {
    /* height: 82px */
    overflow: hidden;
}

.pageContent ul li dl dd.graphaTxt div {
    float: left;
    width: 102px
}

.pageContent ul li dl dd p {
    padding: 0 4px 0 20px
}

.pageContent ul li dl dd p.graphaSTxt {
    padding: 0;
    color: #6c737a;
    font-size: 10px
}

.pageContent li.borderBt dl {
    padding: 0 0 13px;
    border-bottom: 2px solid #CCC;
    margin-bottom: 20px;
}
.pageContent li.pl12 dl, .pageContent .graphaB .graphaLine dl {
    padding: 0 0 13px;
    border-bottom: 2px solid #CCC;
    margin-bottom: 20px;
}
.pageContent dl dd p.graphaB01 {
    margin: 0 0 6px;
    background: url(../images/blue_note_01.png) left top no-repeat
}

.pageContent dl dd p.graphaB02 {
    margin: 0 0 6px;
    background: url(../images/blue_note_02.png) left top no-repeat
}

.pageContent dl dd p.graphaB03 {
    margin: 0 0 6px;
    background: url(../images/blue_note_03.png) left top no-repeat
}

.pageContent dl dd p.graphaB04 {
    margin: 0 0 6px;
    background: url(../images/blue_note_04.png) left top no-repeat
}

.pageContent dl dd p.graphaB05 {
    margin: 0 0 6px;
    background: url(../images/blue_note_05.png) left top no-repeat
}

.pageContent dl dd p.graphaB06 {
    margin: 0 0 6px;
    background: url(../images/blue_note_06.png) left top no-repeat
}

.pageContent dl dd p.graphaB07 {
    margin: 0 0 6px;
    background: url(../images/blue_note_07.png) left top no-repeat
}

.pageContent dl dd p.graphaB08 {
    margin: 0 0 6px;
    background: url(../images/blue_note_08.png) left top no-repeat
}

.pageContent dl dd p.graphaB09 {
    margin: 0 0 6px;
    background: url(../images/blue_note_09.png) left top no-repeat
}

.pageContent dl dd p.graphaR01 {
    margin: 0 0 6px;
    background: url(../images/red_note_01.png) left top no-repeat;
}

.pageContent dl dd p.graphaR02 {
    margin: 0 0 6px;
    background: url(../images/red_note_02.png) left top no-repeat
}

.pageContent dl dd p.graphaR03 {
    margin: 0 0 6px;
    background: url(../images/red_note_03.png) left top no-repeat
}

.pageContent dl dd p.graphaR04 {
    margin: 0 0 6px;
    background: url(../images/red_note_04.png) left top no-repeat
}

.pageContent dl dd p.graphaR05 {
    margin: 0 0 6px;
    background: url(../images/red_note_05.png) left top no-repeat
}

.pageContent dl dd p.graphaR06 {
    margin: 0 0 6px;
    background: url(../images/red_note_06.png) left top no-repeat
}

.pageContent dl dd p.graphaR07 {
    margin: 0 0 6px;
    background: url(../images/red_note_07.png) left top no-repeat
}

.pageContent dl dd p.graphaR08 {
    margin: 0 0 6px;
    background: url(../images/red_note_08.png) left top no-repeat
}

.pageContent dl dd p.graphaR09 {
    margin: 0 0 6px;
    background: url(../images/red_note_09.png) left top no-repeat
}

.pageContent dl dd p.graphaR10 {
    margin: 0 0 6px;
    background: url(../images/red_note_10.png) left top no-repeat
}

.pageContent dl dd p.graphaR11 {
    margin: 0 0 6px;
    background: url(../images/red_note_11.png) left top no-repeat
}

.pageContent dl dd p.graphaG01 {
    margin: 0 0 6px;
    background: url(../images/green_note_01.png) left top no-repeat
}

.pageContent dl dd p.graphaG02 {
    margin: 0 0 6px;
    background: url(../images/green_note_02.png) left top no-repeat
}

.pageContent dl dd p.graphaG03 {
    margin: 0 0 6px;
    background: url(../images/green_note_03.png) left top no-repeat
}

.pageContent dl dd p.graphaG04 {
    margin: 0 0 6px;
    background: url(../images/green_note_04.png) left top no-repeat
}

.pageContent dl dd p.graphaG05 {
    margin: 0 0 6px;
    background: url(../images/green_note_05.png) left top no-repeat
}

.pageContent dl dd p.graphaG06 {
    margin: 0 0 6px;
    background: url(../images/green_note_06.png) left top no-repeat
}

.pageContent dl dd p.graphaG07 {
    margin: 0 0 6px;
    background: url(../images/green_note_07.png) left top no-repeat
}

.pageContent dl dd p.graphaG08 {
    margin: 0 0 6px;
    background: url(../images/green_note_08.png) left top no-repeat
}

.pageContent ul li p.mt14 {
    padding-top: 15px;
    border-bottom: 2px solid #e2e2e2
}

.pageContent .requestColumn01 .thumbs {
    float: left;
    width: 259px
}

.pageContent .requestColumn01 {
    margin: 0 0 30px 0
}

.pageContent .requestColumn01 .txtArea {
    float: right;
    width: 491px
}

.pageContent .requestColumn01 .txtArea h3 {
    margin: 10px 0 16px 0
}

.pageContent .requestColumn01 .txtArea p.txtAreaTxt {
    margin: 0 0 15px 0;
    color: #5a5a5a
}

.pageContent .requestColumn01 .txtArea ul {
    padding: 10px 0 10px 0
}

.pageContent .requestColumn01 .txtArea ul li {
    float: left;
    margin: 0 0 5px 10px;
    padding: 12px 10px;
    background: #FFF;
    width: 210px
}

.pageContent .requestColumn01 .txtArea ul li.lastchild {
    margin: 0 0 0 10px
}

.pageContent .requestColumn01 .txtArea ul li p {
    padding: 0 0 0 15px;
    line-height: 18px;
    background: url(../images/common_icon01.png) no-repeat left center
}

.pageContent .requestColumn01 .txtArea .txtAreaTit {
    margin: 0 0 15px 0
}

.pageContent .requestColumn01 .txtArea ul.faqList li {
    float: left;
    margin: 0 0 5px 10px;
    padding: 8px 10px;
    background: #FFF;
    width: 210px
}

.pageContent .requestColumn01 .txtArea ul.faqList li p {
    padding: 0 0 0 34px;
    line-height: 27px
}

.pageContent .requestColumn01 .txtArea ul li p a {
    color: #5a5a5a
}

#listRequest {
    clear: both;
    overflow: hidden
}

#listRequest ul {
    overflow: hidden;
    padding: 20px 0 0
}

#listRequest ul li {
    float: left;
    min-height: 270px;
    margin-bottom: 20px;
}

#listRequest ul li .note {
    display: block;
    margin-top: 5px
}

#listRequest ul li:nth-child(2n) {
    /* margin-left: 20px */
}

#listRequest .tit02 {
    padding-bottom: 10px;
    min-height: 70px;
    background: url(../images/img02.gif) no-repeat right top
}

#listRequest .tit02 .case {
    padding: 5px 0 0 10px;
    background: url(../images/ico_square01.gif) no-repeat 0 4px;
    font-size: 14px;
    font-weight: bold;
    color: #00449b;
    line-height: 1.1;
}

#listRequest .tit02 .tit {
    padding: 10px 0 0 0;
    font-size: 14px;
    font-weight: bold;
    color: #231815;
    line-height: 23px;
}

#listRequest .body {
    position: relative;
    padding: 0;
    border:solid 3px #dee9f8;
    border-radius: 5px;
    padding: 5px;
}

#listRequest .body .txt01 {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 23px;
    border-bottom: dotted 2px #dcdcdc;
    min-height: 30px;
    margin-top: 15px;
}

#listRequest .body .txt02 {
    padding-top: 10px;
    line-height: 23px;
    font-size: 12px;
    min-height: 160px;
}

.txt_red {
    color: #fa4d50
}

.pageContent .line {
    padding-bottom: 30px
}

.pageContent .topBox .mainBox05 {
    padding: 10px 0 5px 0
}

.pageContent .topBox .mainBox05 .cf .left>span {
    margin-top: 24px;
    font-size: 12px
}

.pageContent .topBox .ft05>.ft_link {
    width: 600px;
    min-height: 44px
}

.pageContent .topBox .ft05>.ft_link ul li {
    float: left;
    border-right: 1px solid;
    padding-right: 5px;
    margin-right: 10px;
    margin-bottom: 6px;
    height: 18px;
    line-height: 18px;
    width: 104px
}

.pageContent .blueArrow {
    background: url(../images/common_icon01.png) no-repeat
}

.line_bt {
    width: 750px;
    height: 112px;
    padding-bottom: 36px
}

.line_bt img {
    margin-left: 535px;
    margin-top: 15px
}

.line_bt img:hover {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha(opacity=80);
    opacity: .8
}

.pageContent .line_shadow_bt {
    height: 30px
}

.pageContent .aboutNavi {
    padding: 12px 14px;
    margin: 10px 0 0 0;
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC
}

.pageContent .aboutNavi li {
    float: left;
    margin: 0 10px 0 10px
}

.pageContent .aboutNavi li img:hover {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha(opacity=80);
    opacity: .8
}

.pageContent .topBox {
    text-align: left;
    margin-bottom: 15px;
    margin-top: 10px
}

.pageContent .topBox .hd05 {
    padding-top: 20px
}

.pageContent .topBox .mainBox05 {
    background: url(../images/side_sub01.png);
    padding: 10px 20px;
    position: relative
}

.pageContent .topBox .mainBox05 .cf .left:first-child {
    border-top: 0;
    padding-top: 5px;
    border-bottom: 1px dotted #bfbfbf
}

.pageContent .topBox .mainBox05 .cf .left {
    padding: 15px 0 15px 0;
    width: 705px;
    border-bottom: 1px dotted #bfbfbf
}

.pageContent .topBox .mainBox05 .cf .left>h3 {
    background: url(../images/icon.png) 0 0 no-repeat;
    padding-left: 25px;
    height: 25px;
    line-height: 21px
}

.pageContent .topBox .ft05 {
    background-image: url(../images/bottom_sub01.png);
    background-repeat: no-repeat;
    width: 750px;
    height: 87px
}

.pageContent .topBox .ft05>.btn {
    margin-left: 220px;
    padding-top: 11px
}

.pageContent .topBox .ft05>.btn img:hover {
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha(opacity=80);
    opacity: .8
}

.pageContent .topBox .mainBox05 .cf .left .detailLink {
    padding-left: 20px;
    height: 19px;
    line-height: 12px;
    margin-top: -19px;
    right: 27px;
    float: right;
    position: absolute
}

.pageContent .topBox .top_sub01 {
    background-image: url(../images/top_sub01.png);
    height: 21px
}
#listRequest .body:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 50%;
    width: 51px;
    height: 17px;
    margin-left: -25px;
    background: url(../images/ico_delta01.png) no-repeat;
}
dt img {
    width: 100%;
}
ul.navi_content.cf.mt40.container img {
    width: 100%;
    margin-bottom: 15px;
}
h3.title {
    background: url(../images/ico_square01.gif) no-repeat 0 10px;
    padding: 8px 0 0 10px;
    border-bottom: 2px solid #28a7e1;
    border-top: 2px solid #e7e7e7;
    padding-bottom: 8px;
    font-weight: bold;
    font-size: 14px;
}
.intro.cf.mb40 img {
    width: 100%;
}