html,body{
  height: 100%;
        margin: 0;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    background: url(../img/background.jpg) repeat ;
}




ul{
 list-style: none;
 margin: 0;
 padding: 0;
}
a{
    text-decoration: none;
    color: #000;
   transition: color 0.2s linear 0 , width 0.2s linear 0 , height 0.2s linear 0;
}

p{
 margin: 0;
 padding: 0;
}

p.white{
color:#fff;
}

a:hover{

    color: #0033cc;
}

h1,h3{
    margin:0;
    padding: 0;
    font-size: 15px;
    font-weight: 100;
}
/*
.wrapper {
    width:100%;
    height: 100%;
    background: url(../img/background.jpg) repeat;


}
*/


.wrapper {
    width: 1000px;
    margin: 0 auto;
}

.whitebar {
    width: 100%;
    height: 21px;
    background: #fff;
}

.header {
    width: 1000px;
    height: 130px;
    margin-top: 25px;
    position: relative;

}


.title {
    float: left;

}

.aboutmikata {
 position: absolute;
 left: 270px;
 top: -20px;
 margin-top: 18px;
}

.header_right {
 float: right;
 width: 540px;
 margin-left: -30px;
}

.question {
    margin-top: 10px;
   float: left;
}

.tel {
    margin-left: 12.5px;
    float: left;
}

.access {
 float: left;
 width: 228px;
 margin-top: 40px;
 font-size: 13px;

}
.access p{
    margin: 0;
}

.clear {
    height: 0;
    clear: both;
}

.form {
    float: right;
    margin-top:9px;
    margin-right: 20px;
}

.maincontents {
    width: 1000px;
        padding: 0px 0px 0px 0px;
}

.maincontents ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

.blog_notice ul{
 width: 200px;
 margin-left:40px;
 list-style: none;
 padding: 0;
 padding-top: 66px;
}

.blog_notice li{
 width: 200px;
 height: 20px;
 list-style: none;
 margin: 0;
 padding: 0;
 margin-bottom: 22px;
}
.maincontents li{
    float: left;
    margin: 0px 5px 0px 5px;
    height: 360px;
}
.abouttext {
    position: absolute;
    left: 285px;
    z-index: 2;
    line-height: 35px;
    color: white;
 margin-top: 15px;

}

.5nav {
    width:1000px;
}

.trouble {
    width: 220px;
    height: 300px;
    background: url(../img/doll.png) no-repeat;
    position: absolute;
    top: -50px;
    left: -45px;;
    z-index: 4;
}



.a {
    font-family: "小塚明朝 Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

;
    font-size: 20px;
}

.b {
     font-family: "小塚明朝 Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

;
}

.maincontentswrapper {
    width: 1000px;
    position: relative;
}

.trouble_right {
    width: 820px;
    height: 150px;
position: relative;
margin-left: 155px;
    margin-top: 0px;
    z-index: 1;
}

.trouble_right ul{
    list-style: none;
    margin: 0;
    padding: 0;
    height: 150px;
    margin-top:0px;
  }

    .trouble_right li{
        height: 53px;
       margin: 0px 5px 0px 5px;
      }
.middlecontents {
    width: 1020px;


    margin-top: 20px;

}


.notice {
    width: 392px;
    height: 223px;
background: url(../img/news.png)  no-repeat;
    background-size: 392px 223px;
    float: left;
    margin: 0px 10px 20px 0px;
}

.notice img{
    margin:20px;
}

.insurance {
    width: 578px;
    height: 223px;
 background: url(../img/insurance.png) no-repeat;
    float:left;
    margin: 0px 0px 20px 10px;
    position: relative;
}

.insurance_titlewrapper {
    width: 521px;
    height: 45px;
margin: 0 auto;
    border-bottom: 1px solid #9e9e9e;
    font-family: "小塚ゴシック Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    margin-top: 10px;


}
.insurance_titlewrapper p{
    margin: 0;
    margin-top: 10px;
}



.dial {
    width: 323px;
    height: 447px;
background: url(../img/dial.png) no-repeat;
    background-size: 323px 447px;
    margin: 10px 10px 10px 0px;
    float: left;


}



.blogtemplate {
    width: 323px;
    height: 213px;
 margin-bottom: 10px;
float: left;
    background: url(../img/blog.png) no-repeat;
    background-size: 323px 213px;
    margin: 10px 10px 11px 0px;
    position: relative;


}

.blogtemplate img{
    position: absolute;
    right:25px;
    bottom: 15px;
}

.dialtext {
    font-size: 19.48px;
    color: #0862AA;
    font-weight: 500;
    font-family: "小塚ゴシック Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}



.dialtrouble {
    text-align: left;
    color: #000;
    font-size: 12px;
    letter-spacing: -0.05em;

}





.dial_text1 {
    width: 250px;
    margin: 0 auto;
    text-align: center;
    margin-top: 80px;
    line-height: 25px;
 padding-top: 10px;
}

.aa {
    color:#0862AA;
    font-family: "小塚ゴシック Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.bb {
      color:#0862AA;
    font-family: "小塚ゴシック Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 17px;
    font-weight: 500;
}

.dial_text2 {

    width: 255px;
    margin: 0 auto;
    font-size: 12px;
letter-spacing: -0.05em;
    line-height: 18px;
    font-family: "小塚ゴシック Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #4B4848;
 margin-bottom: 20px;
}

.dial_service {
width: 230px;
height: 30px;
 padding-top: 5px;
    font-weight: 700;
    font-family: "小塚ゴシック Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.dial_main {
    width: 260px;
    margin: 0 auto;
 margin-top: 3px;
    line-height: 20px;
    font-size: 12px;
    letter-spacing: -0.02em;
    color: #4B4848;
}

.emarge {
    width: 1020px;
    margin: 0 auto;
}



.blog_title {
    width: 280px;
 height: 30px;
    margin:  0 auto;
    border-bottom: 1px solid #000;
text-align: left;
    margin-top: 23px;
     font-family: "小塚明朝 Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}


.blog_title h4 {
    font-weight: 500;
    font-size: 15px;
    margin: 0;
    padding: 0;
    color: #4B4C4F;
}

footer {

}

.footer {
    width: 100%;
    height: 247px;
    background: #0862AA;
    margin-top: 70px;
}

.footer_left {
    width: 205px;
    height: 240px;
    background: url(../img/footer.png) no-repeat;
    background-position: 0px 20px;

    float: left;

}

.footer_wrapper {
    width: 1020px;
    height: 200px;
    margin: 0 auto;
    position: relative;
}

.footer_center {
    width: 600px;
    height: 200px;
    float: left;
}

.footer_center ul{
    list-style: none;
    margin: 0;
    margin-top: 40px;
    float: left;
}

.footer_center li{
    background: url(../img/iconfotter.png)  0px 5px no-repeat;
    width: 300px;
    padding: 0px 0px 0px 20px;
    font-size: 15px;
    color: #fff;
}

.center_left {
    width: 210px;
    height: 200px;
    float: left;
 margin-left: 30px;
}

.center_middle {
    width: 170px;
    height: 247px;
    float: left;
}

.center_right {
    width: 140px;
    height: 247px;
    float: left;
}

.footer_right {
    width: 118px;
    height: 186px;

  position: absolute;
    right: 50px;
    bottom: 60px;

}

.copyright {
    width: 1000px;
    height:20px;
    background: #fff;
    font-size:11px;
    text-align:center;
    margin:0 auto;
}

.insurance_left {
    width: 330px;
    height: 45px;
    float: left;
    font-weight: 400;

}

.insurance_right {
    width: 180px;
    height: 45px;
    color: red;
    float: left;
    line-height: 16px;
}

.insurance_titlewrapper_p {

    color: #0862AA;
      font-family: "小塚ゴシック Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;


    }



.insurance_main {
    width: 300px;
    height: 125px;
    margin-top: 10px;
    float: left;
    line-height: 20px;
    font-size: 12px;
    color: #4B4848;

}

.insurance_main_right {
    width: 185px;
    height: 117px;
    background: url(../img/insurance_card.png) no-repeat;
    position: absolute;
    right: 40px;
    bottom: 30px;

}

.notice_date {
    margin-top: 70px;
    width: 75px;
    height: 125px;
    margin-left: 30px;
    float: left;
}

.notice_date ul{
    list-style: none;
}

.notice_date li{
    font-size: 12px;
    width: 90px;
    height:16px;
    margin: 3px 0px 3px 0px
}


.notice_title {
    width: 240px;
    height: 125px;
        margin-top: 70px;
    float: left;
    margin-left: 15px;
}

.notice_title ul{
    list-style: none;
}

.notice_title li{
       font-size: 12px;
    width: 240px;
    height:16px;
    margin: 3px 0px 3px 0px

}



.blog_article {
    width: 280px;
    margin: 0 auto;
 margin-top: 5px;
 font-size: 14px;
}



.leftbarwrap {
 width: 270px;
 height: 100%;
  float:left;
}

.rightbox {
 width: 730px;
 float: left;
 background: url(../img/rightbox_repeat.png) repeat-y;
 position: relative;
}

.leftbar {
 width: 256px;



}

.blog_notice {
 background: url(../img/blog_notice.png) no-repeat;
 width: 256px;
 height: 208px;
 font-size: 12px;
position: relative;
}

.listheight {
}

.blog_insurance {
 width: 256px;
 height: 690px;
 background: url(../img/blog_insurance.png) no-repeat;
 margin-top: 10px;
 padding-top: 50px;

}

.blog_insurance ul{
 margin: 0;
 padding: 0;
 list-style: none;
 margin-top: 15px;

}


.blog_insurance li{
 width: 200px;
 height: px;
 margin: 0 auto;
 padding: 0;
 list-style: none;

}

.blog_insurance li:hover{
opacity: 0.6;
}
.customar {
 width: 256px;
 height: 220px;
 background: url(../img/customar.png) no-repeat;
}

.rightbpox_bottom {
 width: 730px;
 height: 30px;
 background: url(../img/rightbox_bottom.png) no-repeat;
 float: right;


}

.rightbox_up {
 width: 730px;
 height: 25px;
float:left;
 background: url(../img/rightbox_up.png) 0px 2px no-repeat;
 margin-top: -5px;
 position:relative;
}

.rightbox_content {
 width: 690px;
 margin: 0 auto;
 font-family: "メイリオ";
}

.rightbox_content p,table {
 line-height: 20px;
}

.rightbox_content a{
 text-decoration: underline;
 color: #0000ff;

}
.rightbox_content a:hover{
 text-decoration: none;
 color: #888;

}

.rightbox_content h2{
 font-size:24px;
 font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
 font-weight: normal;
 padding-top: 3px;

}

.{

}

.date {
 width: 120px;
 height: 25px;
 background: url(../img/right_allow.png) 0px 7px  no-repeat;
 padding-left: 20px;
 float: left;
}

.date p{
 margin: 0;
 padding: 0;
 margin-top: 01px;
}

.notice_link {
 width: 530px;
 height: 25px;
 float: left;
}

.notice_link p{
 margin-top: 1px;
}

.rightbox_nav {
 width: 730px;
 height:100px;
  background: url(../img/rightbox_repeat.png) 0px 0px repeat-y;
 float: right;

}

.blog_notice_pic {
 margin-top:10px;
 margin-bottom: 10px;
}

.rightbox_content li{
 width: 730px;
 height: 25px;
 padding: 3px 0px 3px 0px;
}
.content_title {
 width: 800px;
 height: 40px;
 background: url(../img/blue_bar.png) no-repeat;
 padding-left: 20px;
 margin-bottom: 20px;

}


.orange_bar {
 background: url(../img/orange_bar.jpg) no-repeat;
 width: 680px;
 height:39px;
}


.gray_box2{
background: url(../img/gray_box.jpg) 0px 1px no-repeat;
 width:316px;
 height: 25px;

}
.gray_border {
 width: 292px;
 height: 191px;
 border: 2px solid #717070;
 padding: 10px;
}


.trouble_pic{
 background: url(../img/trouble6.jpg) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;

}

.trouble_pic2{
 background: url(../img/scamicon.png) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}

.trouble_pic3{
 background: url(../img/moneytrouble1.jpg) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}
.trouble_pic4{
 background: url(../img/trouble6.jpg) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}
.trouble_pic5{
 background: url(../img/workicon.png) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}
.trouble_pic6{
 background: url(../img/homeicon.png) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}
.trouble_pic7{
 background: url(../img/othericon.png) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}
.trouble_pic8{
 background: url(../img/oldicon.png) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}
.trouble_pic9{
 background: url(../img/oldicon.png) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}
.trouble_pic10{
 background: url(../img/mhicon.png) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}
.trouble_pic11{
 background: url(../img/wmicon.png) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}
.trouble_pic12{
 background: url(../img/childicon.png) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}
.trouble_pic13{
 background: url(../img/souzokuicon.png) no-repeat;
 width: 148px;
 height: 198px;
 position: absolute;
 right: 20px;
 top: 20px;
z-index:5;

}


.tablespan span{
text-indent: -13px;
}

.border_article{
 margin-top: 20px;
}


.textoption{
 font-size: 13px;
 width: 500px;
 margin-bottom: 30px;
}
.navigation {
 background: url(../img/mikatatrouble2.jpg) no-repeat;
 width: 53px;
 min-height: 53px;
 padding-left: 53px;
 margin-bottom: 40px;
}

.navigation li{
 background: url(../img/right_allow.png)  8px 8px no-repeat;
 width: 450px;
 padding-left: 30px;
 height: 20px;
 font-size: 13px;


}


.date2 {
 width: 120px;
 height: 25px;
 background: url(../img/right_allow.png) 0px 7px  no-repeat;
 padding-left: 20px;
 float: left;
}

.date_question {
 width: 120px;
 height: 28px;
 background: url(../img/questionicon.jpg) 0px 0px  no-repeat;
 padding-left: 50px;
 float: left;
}

.dialbox {
 margin: 0 auto;
 background: url(../img/dial5.png) no-repeat;
 width:278px;
 height: 203px;

}

.dialtel {
 margin-left: 10px;
 margin-top: 5px;
}

.dial2 {
margin-left: 5px;
}

.formtext {
 font-size:13px;
}
.formtext p{
  line-height: 22px;
}

.formtext2 {
 margin-top: 20px;
 font-size:13px;
}

table{

}
.mikata_table td{
 border-top:1px solid #000;
 border-bottom: 1px solid #000;
 border-collapse: collapse;
}

.mikata_form {
 width:  680px;
 margin-top: 50px;
 font-size:12px;
}

.mikata_table {
 border-collapse: collapse;
 width:680px;
}

.mikata_table th, .mikata_table td {
 border:1px solid #848484;
}

.mikata_table td {
 text-align:left;
 padding:10px 0 10px 10px;
}

.mikata_table input {
 padding:0;
 margin:0;
}
.mikata_table textarea {
 padding:0;
 margin:0;
}

.table_category {
 width: 200px;
 border-right: 1px solid #000;
 text-align: center;
 background-color: #E0E1F1;
 font-size: 13px;
}

.table_category2 {
 width:200px;
 border-right: 1px solid #000;
 vertical-align: top;
 text-align: center;
 background-color: #E0E1F1;
 font-size: 13px;
}

.inputform {
 width: 300px;
 margin-left:20px;
}

.inputform_2 {
 width:200px;
 margin-left:20px;
}

.textarea {
 width: 500px;
 margin: 10px 0px 6px 20px;
}

.red {
 color: red;
}

.table_title {
 margin:3px 0px 3px 0px
}

.submit {
 width: 211px;
 height: 52px;
 margin:  20px auto 20px auto;
 font-size: 12px;
}

.submit2 {
 width: 100%;
 height: 52px;
 margin:  20px auto 20px auto;
 text-align:center;
 font-size: 12px;
}



.submitoption {
 width: 211px;
 height: 52px;
 margin-top: 4px;
 margin-left: 4px;
 position: relative;
 z-index: 1;
}


.tablenav {
 color: #2583ad;
 background:white;
 margin: 1em auto;
 line-height:2em;
 text-align:center;
}

a.page-numbers, .tablenav .current {
 color: #00019b;
 padding: 2px .4em;
 border:solid 1px #ccc;
 text-decoration:none;
 font-size:smaller;
}

a.page-numbers:hover {
 color:white;
 background: #328ab2;
}

.tablenav .current {
 color: white;
 background: #328ab2;
 border-color: #328ab2;
 font-weight:bold:
}

.tablenav .next, .tablenav .prev {
 border:0 none;
 background:transparent;
 text-decoration:underline;
 font-size:smaller;
 font-weight:bold;
}

.backnumber {
 position: absolute;
 right: 20px;
 top: 15px;
}
.backnumber img{
 margin: 0;
}


/*プライバシーポリシー*/

#pri {
 font-size:12px;
}


#pri h3 {
 background:url(../img/pri_ico.jpg) 0 3px no-repeat;
 width:665px;
 height:16px;
 font-size:18px;
 padding:0 0 10px 22px;
 margin:30px 0 10px 0;
 color:#0862aa;
 font-weight:bold;
 border-bottom:1px #0862aa solid;
}

#pri h4 {
 background:#cadae9;
 width:677px;
 height:25px;
 font-size:14px;
 font-weight:bold;
 margin:10px 0 10px 0;
 padding:3px 0 0 10px;
 }

.footer a{
 color: #fff;
}

.footer a:hover{
 color: #707170;
}

.blog_insurance li:hover{
opacity: 0.6;
}

.about_gaiyou{
 font-size:17px;
 font-family: "小塚明朝 Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
 color: #0862AA;
 border-bottom: 2px solid #0862AA;
  margin-bottom: 10px;
}

.gaiyou_table_op{
 border-style:solid;
 border-width:1px 0px;
 border-color: #999;

}

.gaiyou_table{
 background-color: #E0E1F1;
}
.table_gaiyou2 td{
 border-bottom: 1px solid gray;

}


.chara {
 width: 30px;
 height: 100px;
 background: url(../img/mikataboy.png) no-repeat;
}

.websub {
 width: 200px;
 margin-left: 50px;
 position: relative;
 z-index: 0;
 float: left;

}

.mikataboy {
 width: 100px;
 height: 140px;
 position: absolute;
 left: 435px;
 top: -20px;
 z-index: 100;
 background: url(../img/mikataboy.png) no-repeat;
}



.websubtext {
 position: absolute;
 top: 35px;
 left: 30px;
 font-size: 18px;
 font-family: "小塚明朝 Pro","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
 line-height: 27px;
 color: #fff;

}

.websub1 {
 position: relative;
}

.right_right {
 width: 270px;
 height: 120px;
 float: left;
 background:  url(../img/num.png) 0px 0px no-repeat;
 margin-left: 20px;
}

.questionnav {
 margin-top: 15px;
}

.questionnav1 {
 margin-left: 5px;
}

.about_mikata_hover a:hover{
 opacity: 0.9;
}
