@charset "utf-8";
/** MENU **/

.navi {
    border-bottom: 4px solid #95a6d8;
    width: 1200px;
    text-align: center;
    margin: auto;
    background: #fff;
    border-top: 5px solid#ffe3a6;
    border-radius: 15px 15px 0 0;
}
.navi ul{
    margin:0px;
    padding:0px;
    list-style:none;
    /* background-color:red; */
}
.navi ul li{
    display:inline-block;
}
.navi ul li a{
    display:block;
    padding:15px 10px;
    text-decoration:none;
    color: #5757FA;
    position:relative;
}
.navi ul li a:before{
    content:"";
    position:absolute;
    width:10px;
    height:4px;
    background: #95a6d8;
    bottom: -2px;
    left:0;
    margin-left: 50%;
}
.navi ul li a:after{
    content:"";
    position:absolute;
    height:10px;
    width:4px;
    background: #95a6d8;
    left: 3px;
    bottom: -5px;
    margin-left: 50%;
}
.navi ul li a:hover{
    color:#000;
    transition:all 0.3s linear;
}
@media screen and (max-width: 480px){

    .navi {
        /* border-bottom: 0px solid #5757FA; */
        width: 100%;
        border-radius: 0;
        border-top: 0;
    }
    .navi ul{
        margin:0px;
        padding:0px;
        list-style:none;
        /* background-color:red; */
    }
    .navi ul li{
        display:block;
        text-align:center;
        border-bottom:1px solid blue;
    }
    .navi ul li a{
        display:block;
        padding:15px 10px;
        text-decoration:none;
        color: #5757FA;
        position:relative;

    }
    .navi ul li a:before{
        content:none;
    }
    .navi ul li a:after{
        content:none;
    }
    .navi ul li a:hover{
        color:#fff;
        transition:all 0.3s linear;
        background-color: #95a6d8;
    }
}
/*----------------------------*/
body{
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  font-family: ’ヒラギノ角ゴ Pro W3’, ‘Hiragino Kaku Gothic Pro’, メイリオ, Meiryo, Osaka, ‘MS Pゴシック’, ‘MS PGothic’, sans-serif;
  background: #cabcb4;
}
p{
  line-height: 30px;
  padding:0px;
  margin:0px;
  text-align:justify;

}
h3 {
    margin-top: inherit;
    border-bottom: 1px solid #95a6d8;
    overflow: hidden;
    color: #545454;
    font-size: 17px;
}
h2 {
    background-color: #95a6d8;
    padding:10px;
    color: #1f1d1d;
    position:relative;
    /* border-radius: 6px; */
    text-indent: 22px;
    font-size: 16px;
}
h2:before{
    position:absolute;
    content:"";
    border-style:solid;
    border-width:10px;
    border-color: #ffe3a6;
    left: 4px;
    top: 0px;
    border-bottom-color:transparent;
    border-top-width: 26px;
}
h2:after{
    width:10px;
    height:10px;
    position:absolute;
    content:"";
    background-color: #95a6d8;
    left: 9px;
    top: 5px;
    border-radius: 50%;
}

.cont_contents{
  width: 1200px;
  margin:0 auto;
  /* clear: both; */
  margin-bottom: -11px;
}
.porttitor_topcontent h2{
  margin-bottom:10px;
  text-align: center;
}
 .block_link {
    padding: 10px;
    margin: 5px;
    /* border: 1px solid #2d2a2a; */
}
.block_link ul{
padding:0px;
margin:0px;
}
.block_link ul li {}
.block_link ul li a:hover{
text-decoration:none;
}
.porttitor_controller{width: 1200px;margin:5px auto;overflow:hidden;box-shadow: 0 0 10px #8e8e8e;background: #FFFFFF;}
.porttitor_cont{padding:10px;margin:5px;overflow:hidden;}
.porttitor_block{
 overflow:hidden;
 /* clear:both; */
 } 
 .porttitor_01{
 /* padding: 10px; */
 margin:5px;
 overflow:hidden;
 box-sizing: border-box;
 /* border: 1px solid #dca879; */
 margin-bottom: 10px;
 }

 .porttitor_01:nth-child(2){
   /* margin-right:0px; */
 }
 .porttitor_01:nth-child(4) {
    /* margin-right: 0px; */
}
 img.porttitor_img{
 padding:0px;
 margin: 10px 10px 0 0;
 width: 100%;
 }
 .nav{
 margin: 1px auto;
 overflow:hidden;
 text-align:center;
 background: #7acadc;
 /* width: 1200px; */
 padding: 4px 0;
 }
.nav ul{
padding:0px;
margin:0px;
}
.nav ul li {display: inline-block;list-style-type:none;/* line-height: 50px; *//* border-bottom: 1px solid gainsboro; *//* float: left; */}
.nav ul li a{font-weight:bold;text-decoration:none;font-size: 13px;color: #151313;position: relative;display: block;padding: 12px 20px;/* border-right: 1px solid; */line-height: 25px;}
.nav ul li a:hover{@charset"utf-8";  /** MENU **/
body{    padding: 0px;margin: 0px;font-size: 12px;   }


p{    line-height: 30px;padding:0px;margin:0px;text-align:justify;  }h3 {      margin-top: 20px;  }h2{      background-color: #EC2A2B;padding:10px;position:relative;color:#fff;text-align: center;  }h2:before{      content:"";width: 15px;height: 15px;background-color: #607D8B;position:absolute;border-radius:50%;left: -7px;top: 15px;  }h2:after{      content:"";width: 15px;height: 15px;background-color: #BF1FD3;position:absolute;border-radius:50%;right: -7px;top: 15px;  }       .porttitor_topcontenth2{margin-bottom:10px;text-align: Center;  }   .block_link {padding: 10px;margin: 5px;border: 1px solid gainsboro;  }  .block_linkul{padding:0px;margin:0px;  }  .block_linkulli {border-bottom:1px solid gray;list-style-type:none;line-height:30px;  }  .block_linkullia:hover{text-decoration:none;  }  .porttitor_controller{width: 1000px;margin:5px auto;overflow:hidden;box-shadow:0 0 10px;background: #FFFFFF;}  .porttitor_cont{padding:10px;margin:5px;/* background: #e5e5e5; */overflow:hidden;}  .porttitor_block{overflow:hidden;/* clear:both; */   }    .porttitor_01{padding: 10px;margin:5px;overflow:hidden;border: 1px solid gainsboro;box-sizing: border-box;   }     .porttitor_01:nth-child(2){/* margin-right:0px; */   }   .porttitor_01:nth-child(4) {/* margin-right: 0px; */  }img.porttitor_img{   padding:0px;margin: 10px 10px 0 0;width: 40%;float: left;   }   .nav{width: 1000px;margin: 4px auto;overflow:hidden;text-align:center;background: #2B60EE;   }  .navul{padding:0px;margin:0px;  }  .navulli {display:inline-block;list-style-type:none;line-height:50px;}  .navullia{padding: 10px;font-weight:bold;text-decoration:none;color:#fff;font-size: 12px;border: 1px solid #2B60EE;border-top-right-radius: 10px;border-bottom-left-radius: 10px;}  .navullia:hover{background: #2B60EE;border: 1px solid gainsboro;border-radius: 5px;}  #porttitor_top_Img{width: 1000px;margin: 0 auto;overflow: hidden;}a{  color:#f00;  }div#boxArea {      margin: 5px auto;  }a:hover{  text-decoration:none;  }p.readmore a{padding: 6px;background: #E5E5E5;color: #F50000;float:right;text-decoration:none;border: 1px solid goldenrod;}p.readmore a:hover{background: #ccc;}  .porttitor_title{width: 1000px;margin: 10px auto;background: #D4DFF2;text-align:center;    }h1{    font-size:20px;line-height: 49px;color: #FB0707;    }h1 a{    text-decoration:none;color: #C30707;    }h1 a:hover{    color: #193a68;    }    .footer{width: 1000px;background: #5F6A6D;overflow:hidden;margin: 0 auto;    }    .porttitor_02h2{margin-bottom:10px;text-align: center;    }    .porttitor_02:nth-child(3){/* margin-right:0px */    }      .porttitor_02{padding:10px;margin:5px;border:1px solid gainsboro;overflow:hidden;box-sizing: border-box;    }img.porttitor_img02 {      width: 100%;padding: 0;margin: 10px 8px 8px 1px;  }  .porttitor_03{padding:10px;margin:5px;overflow:hidden;border:1px solid gainsboro;width: 48%;float: left;box-sizing: border-box;}  .porttitor_03:nth-child(2){margin-right:0px;  }  .porttitor_03:nth-child(4){margin-right:0px;  }img.porttitor_img03 {      width: 100%;padding: 0px;margin: 10px 8px 7px 0px;float: left;  }  .porttitor_topcontent{padding:10px;margin:5px;overflow:hidden;border:1px solid gainsboro;clear: both;}  .porttitor_topcontentimg{width: 40%;margin: 9px 9px 0 0;padding:0px;float:left;}div#boxporttitor {      margin: 10px auto;  }  .footer_menu{width: 1000px;margin: auto;overflow:hidden;background: #5F6A6D;border-bottom:2px solid #fff;text-align:center;}  .footer_menuul{padding:0px;margin:0px;}  .footer_menuulli {display:inline-block;list-style-type:none;line-height:50px;  }  .footer_menuullia{padding:10px;font-weight:bold;text-decoration:none;color: #FFF;border-right: 1px solid gray;    }  .footer_menuullia:hover{color: #0F1B21;}  .sub {padding:10px;margin:5px;overflow:hidden;border:1px solid gainsboro;  }  .subimg{float:left;margin: 10px 9px 0 0;width:35%;padding:0px;}  .porttitor_01h2{background:none;border-bottom: none;text-align: center;margin-bottom: 10px;border: none;}  .porttitor_01h2:before,.porttitor_01h2:after{top:0px;height:0px;border:none;content: "";}  .porttitor_01h2a{color:#f00;}  .porttitor_01h2a:hover{color:blue;  }    .porttitor_03h2{background:none;border:none;color: #000;margin-bottom: 15px;font-size: 15px;text-align: center;}  .porttitor_03h2:before,.porttitor_03h2:after{content:"";font-weight:bold;left:0;top:0;background: none;height: 0;border: 0px;  }  .porttitor_03h2a{color:#f00;}  .porttitor_03h2a:hover{color:blue;  }  *{margin:0px;padding:0px;  }  .porttitor_img_top{width: 1000px;overflow: hidden;clear: both;margin: 0 auto;}  .foot{width:1000px;margin:auto;  }  .foota {color: #B6CDDA;  }  .footp{text-align:center;color: #fff;  }  .porttitor_left{width: 300px;float:left;}  .porttitor_content{width: 669px;float:left;/* box-shadow: 0 0 10px; */}  .porttitor_right{width: 670px;float:right;}      .menu_sitebar{padding:10px;margin:5px;background:#ddd;text-align:center;  }  .menu_sitebarul{padding:0px;margin:0px;  }  .menu_sitebarulli {display:block;padding:10px;list-style-type:none;border-bottom:1px solid gray;  }  .menu_sitebarullia{text-decoration:none;display: block;}  .menu_sitebarulli:hover{background:gray;  }  .block_link{padding:10px;margin:5px;border:1px solid gainsboro;overflow:hidden;}  .block_linkul{padding:0px;margin:0px;  }  .block_linkulli {list-style-type:none;line-height: 30px;border-bottom:1px solid gray;}  .block_linkullia:hover{text-decoration:none;  }  .subh2 {margin: 2px 0px 15px 2px;  }  .porttitor_img_topimg {/* margin-top: -7px; *//* width: 100%; */}  .footer_menuulli:last-childa{border:none;}  .porttitor_04{padding:10px;margin:5px;overflow: hidden;border: 1px solid gainsboro;  }  .porttitor_04h2{margin-bottom:10px;  }img.porttitor4_img {      width: 40%;float: left;margin: 10px 10px 0 0;  }  /*========media screen==============*/  @media screen and (max-width:480px){  body{    background: none;  }  .porttitor_title{width:100%;  }  h1 a{width:100%;font-size: 14px;}  #porttitor_top_Img{width:100%;  }  #porttitor_top_Img img{width:100%;  }  .nav{width:100%;  }  .nav ul li {display:block;  }  .nav ul li a{display: block;padding:0px;   }   .nav ul li a:hover{/* background:red; */padding:0px;     }    .porttitor_controller{width:100%;    }    .porttitor_cont{width:93%;    }    .porttitor_block{width:100%;    }    .porttitor_01{width: 98%;    }    img.porttitor_img{width:100%;float:none;    }    .porttitor_02{width: 98%;    }      img.porttitor_img02 {width:100%;float:none;    }    .porttitor_03{width: 98%;box-shadow: none;border-radius: 0;    }    img.porttitor_img03{width:100%;float:none;padding: 0px;margin: 0;border-radius: 0;    }    .porttitor_topcontent{width:93%;    }    .porttitor_topcontent img{width:100%;    }    .footer_menu{width: 100%;    }    .footer_menu ul li {display:block;    }    .footer{width:100%;    }       .foot{width:93%;   }   .sub img{width:100%;float:none;   }   .porttitor_img_top{width:100%;   }   .footer_menu ul li a{border:none;padding:0px;display:block;   }   .footer_menu ul li a:hover{padding:0px;display:block;color: #171616;   }   .porttitor_left{width:100%;}   .porttitor_right{width:100%;}  /*===end media screen===*/  .porttitor_content{width:100%;  }  img.porttitor4_img{width:100%;  }    }@charset"utf-8";  /** MENU **/body{    padding: 0px;margin: 0px;font-size: 12px;   }p{    line-height: 30px;padding:0px;margin:0px;text-align:justify;  }h3 {      margin-top: 20px;  }h2{      background-color: #EC2A2B;padding:10px;position:relative;color:#fff;text-align: center;  }h2:before{      content:"";width: 15px;height: 15px;background-color: #607D8B;position:absolute;border-radius:50%;left: -7px;top: 15px;  }h2:after{      content:"";width: 15px;height: 15px;background-color: #BF1FD3;position:absolute;border-radius:50%;right: -7px;top: 15px;  }       .porttitor_topcontenth2{margin-bottom:10px;text-align: Center;  }   .block_link {padding: 10px;margin: 5px;border: 1px solid gainsboro;  }  .block_linkul{padding:0px;margin:0px;  }  .block_linkulli {border-bottom:1px solid gray;list-style-type:none;line-height:30px;  }  .block_linkullia:hover{text-decoration:none;  }  .porttitor_controller{width: 1000px;margin:5px auto;overflow:hidden;box-shadow:0 0 10px;background: #FFFFFF;}  .porttitor_cont{padding:10px;margin:5px;/* background: #e5e5e5; */overflow:hidden;}  .porttitor_block{overflow:hidden;/* clear:both; */   }    .porttitor_01{padding: 10px;margin:5px;overflow:hidden;border: 1px solid gainsboro;box-sizing: border-box;   }     .porttitor_01:nth-child(2){/* margin-right:0px; */   }   .porttitor_01:nth-child(4) {/* margin-right: 0px; */  }img.porttitor_img{   padding:0px;margin: 10px 10px 0 0;width: 40%;float: left;   }   .nav{width: 1000px;margin: 4px auto;overflow:hidden;text-align:center;background: #2B60EE;   }  .navul{padding:0px;margin:0px;  }  .navulli {display:inline-block;list-style-type:none;line-height:50px;}  .navullia{padding: 10px;font-weight:bold;text-decoration:none;color:#fff;font-size: 12px;border: 1px solid #2B60EE;border-top-right-radius: 10px;border-bottom-left-radius: 10px;}  .navullia:hover{background: #2B60EE;border: 1px solid gainsboro;border-radius: 5px;}  #porttitor_top_Img{width: 1000px;margin: 0 auto;overflow: hidden;}a{  color:#f00;  }div#boxArea {      margin: 5px auto;  }a:hover{  text-decoration:none;  }p.readmore a{padding: 6px;background: #E5E5E5;color: #F50000;float:right;text-decoration:none;border: 1px solid goldenrod;}p.readmore a:hover{background: #ccc;}  .porttitor_title{width: 1000px;margin: 10px auto;background: #D4DFF2;text-align:center;    }h1{    font-size:20px;line-height: 49px;color: #FB0707;    }h1 a{    text-decoration:none;color: #C30707;    }h1 a:hover{    color: #193a68;    }    .footer{width: 1000px;background: #5F6A6D;overflow:hidden;margin: 0 auto;    }    .porttitor_02h2{margin-bottom:10px;text-align: center;    }    .porttitor_02:nth-child(3){/* margin-right:0px */    }      .porttitor_02{padding:10px;margin:5px;border:1px solid gainsboro;overflow:hidden;box-sizing: border-box;    }img.porttitor_img02 {      width: 100%;padding: 0;margin: 10px 8px 8px 1px;  }  .porttitor_03{padding:10px;margin:5px;overflow:hidden;border:1px solid gainsboro;width: 48%;float: left;box-sizing: border-box;}  .porttitor_03:nth-child(2){margin-right:0px;  }  .porttitor_03:nth-child(4){margin-right:0px;  }img.porttitor_img03 {      width: 100%;padding: 0px;margin: 10px 8px 7px 0px;float: left;  }  .porttitor_topcontent{padding:10px;margin:5px;overflow:hidden;border:1px solid gainsboro;clear: both;}  .porttitor_topcontentimg{width: 40%;margin: 9px 9px 0 0;padding:0px;float:left;}div#boxporttitor {      margin: 10px auto;  }  .footer_menu{width: 1000px;margin: auto;overflow:hidden;background: #5F6A6D;border-bottom:2px solid #fff;text-align:center;}  .footer_menuul{padding:0px;margin:0px;}  .footer_menuulli {display:inline-block;list-style-type:none;line-height:50px;  }  .footer_menuullia{padding:10px;font-weight:bold;text-decoration:none;color: #FFF;border-right: 1px solid gray;    }  .footer_menuullia:hover{color: #0F1B21;}  .sub {padding:10px;margin:5px;overflow:hidden;border:1px solid gainsboro;  }  .subimg{float:left;margin: 10px 9px 0 0;width:35%;padding:0px;}  .porttitor_01h2{background:none;border-bottom: none;text-align: center;margin-bottom: 10px;border: none;}  .porttitor_01h2:before,.porttitor_01h2:after{top:0px;height:0px;border:none;content: "";}  .porttitor_01h2a{color:#f00;}  .porttitor_01h2a:hover{color:blue;  }    .porttitor_03h2{background:none;border:none;color: #000;margin-bottom: 15px;font-size: 15px;text-align: center;}  .porttitor_03h2:before,.porttitor_03h2:after{content:"";font-weight:bold;left:0;top:0;background: none;height: 0;border: 0px;  }  .porttitor_03h2a{color:#f00;}  .porttitor_03h2a:hover{color:blue;  }  *{margin:0px;padding:0px;  }  .porttitor_img_top{width: 1000px;overflow: hidden;clear: both;margin: 0 auto;}  .foot{width:1000px;margin:auto;  }  .foota {color: #B6CDDA;  }  .footp{text-align:center;color: #fff;  }  .porttitor_left{width: 300px;float:left;}  .porttitor_content{width: 669px;float:left;/* box-shadow: 0 0 10px; */}  .porttitor_right{width: 670px;float:right;}      .menu_sitebar{padding:10px;margin:5px;background:#ddd;text-align:center;  }  .menu_sitebarul{padding:0px;margin:0px;  }  .menu_sitebarulli {display:block;padding:10px;list-style-type:none;border-bottom:1px solid gray;  }  .menu_sitebarullia{text-decoration:none;display: block;}  .menu_sitebarulli:hover{background:gray;  }  .block_link{padding:10px;margin:5px;border:1px solid gainsboro;overflow:hidden;}  .block_linkul{padding:0px;margin:0px;  }  .block_linkulli {list-style-type:none;line-height: 30px;border-bottom:1px solid gray;}  .block_linkullia:hover{text-decoration:none;  }  .subh2 {margin: 2px 0px 15px 2px;  }  .porttitor_img_topimg {/* margin-top: -7px; *//* width: 100%; */}  .footer_menuulli:last-childa{border:none;}  .porttitor_04{padding:10px;margin:5px;overflow: hidden;border: 1px solid gainsboro;  }  .porttitor_04h2{margin-bottom:10px;  }img.porttitor4_img {      width: 40%;float: left;margin: 10px 10px 0 0;  }  /*========media screen==============*/  @media screen and (max-width:480px){  body{    background: none;  }  .porttitor_title{width:100%;  }  h1 a{width:100%;font-size: 14px;}  #porttitor_top_Img{width:100%;  }  #porttitor_top_Img img{width:100%;  }  .nav{width:100%;  }  .nav ul li {display:block;  }  .nav ul li a{display: block;padding:0px;   }   .nav ul li a:hover{/* background:red; */padding:0px;     }    .porttitor_controller{width:100%;    }    .porttitor_cont{width:93%;    }    .porttitor_block{width:100%;    }    .porttitor_01{width: 98%;    }    img.porttitor_img{width:100%;float:none;    }    .porttitor_02{width: 98%;    }      img.porttitor_img02 {width:100%;float:none;    }    .porttitor_03{width: 98%;box-shadow: none;border-radius: 0;    }    img.porttitor_img03{width:100%;float:none;padding: 0px;margin: 0;border-radius: 0;    }    .porttitor_topcontent{width:93%;    }    .porttitor_topcontent img{width:100%;    }    .footer_menu{width: 100%;    }    .footer_menu ul li {display:block;    }    .footer{width:100%;    }       .foot{width:93%;   }   .sub img{width:100%;float:none;   }   .porttitor_img_top{width:100%;   }   .footer_menu ul li a{border:none;padding:0px;display:block;   }   .footer_menu ul li a:hover{padding:0px;display:block;color: #171616;   }   .porttitor_left{width:100%;}   .porttitor_right{width:100%;}  /*===end media screen===*/  .porttitor_content{width:100%;  }  img.porttitor4_img{width:100%;  }    }border-bottom-left-radius: 1;/* color: #ffffff; */background-image: linear-gradient(#7acadc, #96e2f0);}
#porttitor_top_Img{margin: auto;overflow: hidden;}
a{color: #ff8300;text-decoration: none;}
.nav ul li:last-child a{
  border-right:0;
  
}

div#boxArea {
    margin: 5px auto;
}
a:hover{text-decoration: underline;}
p.readmore a{padding: 3px;background: #ffffff;color: #F50000;float:right;text-decoration:none;/* border-radius: 10px; */border-bottom: 5px solid #95a6d8;}
p.readmore a:hover{background: #cedaff;/* color: #fff; */}
.porttitor_title{
  width: 1200px;
  margin: 0px auto;
  /* background: #469294; */
  text-align:center;
  overflow: hidden;
  }
 .title_social{
   width: 25%;
   float: right;
   padding-top: 10px;
 }
.title_h1{
  /* width: 68%; */
  /* float:left; */
  background: #95a6d8;
  border-radius: 0 0 15px 15px;
  border-bottom: 5px solid#FFE3A6;
}
  h1{
  font-size:20px;
  line-height: 50px;
  color: #ffffff;
  }
  h1 a{
  text-decoration:none;
  color: #ffffff;
  }
  h1 a:hover{
  color: #272626;
  text-decoration: none;
  }
  .footer{
  /* width: 1200px; */
  overflow:hidden;
  margin: 0 auto;
  padding: 20px 0;
  background: #95a6d8;
  }
  .porttitor_02 h2{
    text-align: center;
  }
  .porttitor_02:nth-child(3){
    /* margin-right:0px */
  }
    .porttitor_02{
  padding:10px;
  margin:5px;
  border:1px solid gainsboro;
  overflow:hidden;
  box-sizing: border-box;
  /* box-shadow: 0 0 10px; */
  }
  img.porttitor_img02 {
    width: 100%;
    padding: 0;
    margin: 10px 8px 0px 1px;
    /* border-radius: 50%; */
    /* border-top: 4px solid rgba(233, 30, 99, 0.37); */
}
.porttitor_03{padding:10px;margin:5px;overflow:hidden;width: 44%;float: left;border: 5px solid #607D8B;background: #fff;border-radius: 10px;box-shadow: 0 0 10px;}
.porttitor_03:nth-child(2){
  margin-right:0px;
}
.porttitor_03:nth-child(4){
  margin-right:0px;
}
img.porttitor_img03 {
    width: 100%;
    padding: 0px;
    margin: 0;
}
.porttitor_topcontent{padding:10px;margin:5px;overflow:hidden;clear: both;/* border: 5px solid #607D8B; *//* border-radius: 10px; *//* box-shadow: 0 0 10px; */}
.porttitor_topcontent img{width: 40%;margin: 8px 9px 0 0;padding:0px;float:left;/* border: 3px solid #607d8b; *//* box-shadow: 0 0 10px gray; */}

div#boxporttitor {
    margin: 10px auto;
}
.footer_menu{width: 1200px;margin: auto;overflow:hidden;/* border-bottom:2px solid #fff; */text-align:center;padding-top: 20px;}
.footer_menu ul{padding:0px;margin:0px;}
.footer_menu ul li {
display:inline-block;
list-style-type:none;
line-height:50px;
}
.footer_menu ul li a{
  padding:10px;
  font-weight:bold;
  text-decoration:none;
  color: #131103;
  border-right: 1px solid gray;
  font-size: 14px;
  }
.footer_menu ul li a:hover{color: #9C27B0;}
.sub {
padding:10px;
margin:5px;
overflow:hidden;
border:1px solid gainsboro;
}
.sub img{float:left;margin: 4px 9px 0 0;width: 45%;padding:0px;}
/* .porttitor_01 h2{background:none;text-align: center;border: none;box-shadow: none;font-size: 15px;color: #bf1441;}
.porttitor_01 h2:before,.porttitor_01 h2:after{top:0px;height:0px;border:none;content: "";}
.porttitor_01 h2 a{color: #f00;}
.porttitor_01 h2 a:hover{
color:blue;
} */

/* .porttitor_03 h2{background:none;border:none;color: #000;margin-bottom: 15px;font-size: 15px;text-align: center;text-shadow: none;box-shadow: none;border-bottom: 4px solid gainsboro;}
.porttitor_03 h2:before,.porttitor_03 h2:after{
 content:"";
 font-weight:bold;
 left:0;
 top:0;
 background: none;
 height: 0;
 border: 0px;
 text-shadow: none;
 box-shadow: none;
} */
/* .porttitor_03 h2 a{color: #c92828;}
.porttitor_03 h2 a:hover{color: #2828cd;} */
*{
margin:0px;
padding:0px;
}
.porttitor_021{
  padding:10px;
  margin: 5px;
  /* border: 1px solid #607d8b; */
  border-radius: 7px;
  overflow: hidden;
}
.porttitor_021 p{
  padding-top: 12px;
}
.porttitor_021 img{
  width:40%;
  float:left;
  padding: 11px 0px 7px 0px;
  margin: 7px 8px 1px -3px;
}
.porttitor_img_top{/* overflow: hidden; */margin: 0px auto;clear: both;/* width: 1000px; */}
.foot{width: 1200px;margin:auto;}
.foot a {
    color: #ffffff;
}
.foot p{
 text-align:center;
 color: #000;
}
.porttitor_left{width: 246px;float: left; /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! *//* border: 1px solid#95a6d8; *//* background: #ebeef5; */}
.porttitor_content{width: 669px;float:left;/* box-shadow: 0 0 10px; */}
.porttitor_right{width: 250px;float:right;/* background: #ebebeb; *//* margin-top: 6px; */}


.menu_sitebar{padding:10px;margin:5px;background: #607d8b;text-align:center;}
.menu_sitebar ul{
 padding:0px;
 margin:0px;
}
.menu_sitebar ul li {display:block;padding:10px;list-style-type:none;border-bottom: 1px solid #fafafa;position: relative;}
.menu_sitebar ul li a{text-decoration:none;display: block;color:#fff;}
.menu_sitebar ul li:hover{/* background: gray; */}
.menu_sitebar ul li a:hover{color: #bebebe;}
.block_link{padding:10px;margin:5px;overflow:hidden;}
.block_link ul{
padding:0px;
margin:0px;
}
.block_link h2{
  margin-bottom:20px;
}
.block_link h3{/* border: 1px solid #a08a8a; *//* padding-left: 13px; *//* color: #c01441; */font-size: 15px;/* text-align: center; */}
.block_link ul li {list-style-type:none;line-height: 30px;margin-top: 10px;}
.block_link ul li a:hover{text-decoration: underline;}
.sub h2 {
    margin: 2px 0px 15px 2px;
}
.porttitor_img_top img {
    width: 100%;
}
.footer_menu ul li:last-child a{border:none;}
.porttitor_04{
  padding:10px;
  margin:5px;
  overflow: hidden;
  border: 1px solid gainsboro;
}
.porttitor_04 h2{
  margin-bottom:10px;
}
img.porttitor4_img {
    width: 40%;
    float: left;
    margin: 10px 10px 0 0;
}
.top_content_middle {
    float: right;
    width: 250px;
     /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
.menu_sitebar ul li a:before{
  height: 8px;
  width: 7px;
  content: '>>';
  position: absolute;
  left: 4px;
  top: 10px;
  font-size: 17px;
  color: #ffb07c;
  display: none;
  font-weight: bold;
}
.menu_sitebar ul li a:after {
    /* background: #395692; */
    height: 8px;
    width: 7px;
    content: '<<';
    position: absolute;
    /* border: 5px dotted #fff; */
    left: 192px;
    top: 10px;
    display: none;
}
.porttitor_middle {
    width: 911px;
    float: left;
    /* background: rgb(204, 235, 239); */
    margin: 5px auto;
    box-shadow: 0px 0px 4px #95a6d8;
    margin-left: 10px;
    /* margin-top: 5px; */
}
/*========media screen==============*/
@media screen and (max-width:480px){
body{
  background: none;
}
.porttitor_title{
 width:100%;
 min-width: auto;
 margin: auto;
}
h1 a{width:100%;font-size: 14px;}
#porttitor_top_Img{
width:100%;
}
#porttitor_top_Img img{
width:100%;
}
.nav{width:100%;min-width: auto;margin: auto;}
.nav ul li {display:block;line-height: 50px;border-bottom: 1px solid gainsboro;}
.nav ul li a{
   display: block;
   /* padding:0px; */
   border-right: none;
   border-radius: 0;
 }
 .porttitor_middle{
  width: auto;
  float:none;
  background: #fff;
  border: 0;
  box-shadow: none;
  margin: 0;
 }
 .nav ul li a:hover{
   /* background:red; */
   /* padding:0px; */
   }
  .porttitor_controller{
  width:100%;
  box-shadow: none;
  }
  .porttitor_cont{
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 5px;
  }

.sub {
    border: none;
}
  .porttitor_block{
  width: auto;
  }
  .porttitor_01{
  width: 98%;
  border: 0;
  }
  img.porttitor_img{
  width: 100%;
  float:none;
  border-radius: 0;
  margin: 0;
  margin-top: 10px;
  }
  .porttitor_02{
  width: auto;
  margin: 10px 2px;
  border: none;
  }

  img.porttitor_img02 {
  width:100%;
  float:none;
  }
  .porttitor_03{
  width: auto;
  box-shadow: none;
  border-radius: 0;
  float: none;
  margin: 10px 0;
  }
  img.porttitor_img03{
  width: 99%;
  float:none;
  padding: 0px;
  margin: 0;
  border-radius: 0;
  }
  .porttitor_topcontent{
  width: auto;
  border-radius: 0;
  /* margin: 5px 0; */
  /* padding: 0; */
  /* margin-left: 0; */
  padding: 0;
  }
  .porttitor_topcontent img{
  width: 100%;
  border-radius: 0;
  margin: 0;
  float: none;
  border: 0;
  }
  .footer_menu{
  width: 100%;
  }
  .footer_menu ul li {
  display:block;
  border-bottom: 1px solid gainsboro;
  }
  .footer{
  width:100%;
  }
  
 .foot{
 width:93%;
 }
 .sub img{
 width:100%;
 float:none;
 }
 .porttitor_img_top{
 width:100%;
 }
 .footer_menu ul li a{
 border:none;
 padding:0px;
 display:block;
 }
 
 .porttitor_left{width: auto;float: none;}
 .porttitor_right{width: auto;float: none;border: 0;}
/*===end media screen===*/
.porttitor_content{
  width:100%;
}
img.porttitor4_img{
  width:100%;
}
.top_content_middle{
  width:100%;
}
.cont_contents{
  width:100%;
  min-width:auto;
  margin:auto;
}
.nav ul li a:before{
  display:none;
}
.menu_sitebar{
  width: 93%;
  background:none;
  background: #ddd;
  clear: both;
}
.menu_sitebar ul li a{
  color:#000;
}
.title_h1{
  width: auto;
  margin: 0 auto;
  float: none;
  border-radius: 0;
}
.title_social{
  width: 100%;
  margin: 0 auto;
  float: none;
}
.porttitor_021{
  width: auto;
  /* margin: 0; */
  padding: 0;
  border-radius: 0;
}

.block_link {
    /* margin: 0; */
    padding: 0;
}
.porttitor_021 img{
  width: 100%;
  padding: 15px 0;
  margin: 0;
  float: none;
}
}