@import url(style.css) screen and (min-width: 770px); /* 769以上 */
@import url(tablet.css) screen and (min-width: 480px) and (max-width: 769px); /* 320以下 */
@import url(smart.css) screen and (min-width: 0px) and (max-width: 479px); /* 320以下 */

html{
    height:100%;
}

body{
margin: 0;
}
.clear{clear:both;}

*{
    box-sizing : content-box ;
    -moz-box-sizing: content-box ;  /* ネスケ対策  */
    }



/* ------------------------------------------------
 　　　　　　　　 フォントスタイル 
 ------------------------------------------------ */
@font-face {
  font-family: "kodomo";
  src: url("../font/kodomo.eot?") format('eot'),
       url("../font/kodomo.woff") format('woff');
}
.kodomofont {
  font-family: "kodomo";
}

@font-face {
  font-family: "flop";
  src: url("../font/flop.eot?") format('eot'),
       url("../font/flop.woff") format('woff');
}
.flopfont {
  font-family: "flop";
}

@font-face {
  font-family: "hannari";
  src: url("../font/hannari.eot?") format('eot'),
       url("../font/hannari.woff") format('woff');
}
.hannarifont {
  font-family: "hannari";
}

@font-face {
  font-family: "cinelit";
  src: url("../font/cinelit.eot?") format('eot'),
       url("../font/cinelit.woff") format('woff');
}
.cinelitfont {
  font-family: "cinelit";
}
@font-face {
  font-family: "tulpen";
  src: url("../font/tulpen.eot?") format('eot'),
       url("../font/tulpen.woff") format('woff');
}
.tulpenfont {
  font-family: "tulpen";
}


/*調整用スタイル
---------------------------------------*/
/*マージン*/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb100{margin-bottom:100px;}
.mb150{margin-bottom:150px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.noMg{margin:0 !important;}

.pt20{padding-top:20px;}
.pt50{padding-top:50px!important;}
.w-90{width: 100%!important;}

.text-10{font-size: 10px;}
/***パンくずリスト**/

#breadCrumb {
  position:relative;
  z-index:75;
  font-size:11px !important;
  line-height:25px;
}
  #breadCrumb li {
    padding:5px 0;
    display:inline-block;
    *display:inline;
  }



.title02{
  font-size:15px;
  font-weight:bold;
  padding:10px 3px;
  margin-bottom:20px;
  border-left:5px solid #333;
  background:#ddd;
}
 /******************************

  アコーディオン

******************************/




ul.acordion{
  background: url(../img/nav-bg.jpg);
  text-align: left;
  padding:0px 0px 0px 0;
  width: 100%;
  overflow: hidden;
  border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
margin: 0 0 10px 0 ;
}


ul.acordion li{
  list-style: none;
  cursor: pointer;
  padding: 10px 0;
  margin: 0;
  width: 100%;
}

ul.acordion li b{
  padding: 10px 0 10px 10px;
  color: #fff;
  text-shadow:-1px -1px 1px rgba(10, 40, 50, 0.1), 1px 1px 1px rgba(190, 250, 255, 0.5);
  cursor: pointer;
}


ul.acordion li ul {
  margin: 0 1%;
  width: 98%;
  padding: 0;
  border: none;
  background: #ffffff!important;
}


ul.acordion li ul li {
    cursor: pointer;
  width: 100%;
  padding: 0;
  border: none;
  list-style-type: none;
  background: #ffffff!important;
}



ul.acordion li ul li a {
  color: #696969;
  display: block;
  padding: 0px;
  text-decoration: none;
}







@media only screen and (max-width: 600px) {
  ul.acordion li .none-submenu{ background: url(../img/trigger-arrow.png) no-repeat 96% 50%; }
  ul.acordion li .active-submenu{ background: url(../img/triggeractive-arrow.png) no-repeat 96% 50%; }
}


.seisaku-menu {
position: relative;
z-index: 99;
margin-bottom:10px; 
width: 100%;
overflow: hidden;
margin: 1px 0;

}



.seisaku-menu a{
padding: 5px;
margin:10px 1px;
background: rgba(43,177,230,0.7);
color: #fff;
line-height: 200%;
text-decoration: none;
  border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.seisaku-menu a:hover{
background: rgba(43,177,230,0.5);
}

.seisaku-menu a br{display: none;}

.topseisaku{}


.topseisaku h3{
  color: #2bb1e6;
  font-size: 17px;
  font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  font-weight: 900;
}

.topseisaku p{
text-shadow: 0px 0px 2px #fff, 1px 1px 2px #fff, -1px -1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff; 
}
/**********************************************/


#seisaku001{
background: url(../img/seisaku/001.png) no-repeat;
background-position: bottom right;
background-size: 40%;}
#seisaku002{
background: url(../img/seisaku/002.png) no-repeat;
background-position: bottom right;
background-size: 70%;}
#seisaku003{
background: url(../img/seisaku/003.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku004{
background: url(../img/seisaku/) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku005{
background: url(../img/seisaku/005.png) no-repeat;
background-position: bottom right;
background-size: 70%;}
#seisaku006{
background: url(../img/seisaku/006.png) no-repeat;
background-position: bottom right;
background-size: 40%;}
#seisaku007{
background: url(../img/seisaku/007.png) no-repeat;
background-position: bottom right;
background-size: 40%;}
#seisaku008{
background: #fff;
background-size: 50%;}
#seisaku009{
background: url(../img/seisaku/009.png) no-repeat;
background-position: bottom right;
background-size: 90%;}
#seisaku010{
background: url(../img/seisaku/010.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku011{
background: url(../img/seisaku/011.png) no-repeat;
background-position: bottom right;
background-size: 40%;}
#seisaku012{
background: url(../img/seisaku/012.png) no-repeat;
background-position: bottom right;
background-size: 40%;}
#seisaku013{
background: url(../img/seisaku/013.png) no-repeat;
background-position: bottom right;
background-size: 40%;}
#seisaku014{
background: url(../img/seisaku/014.png) no-repeat;
background-position: bottom right;
background-size: 70%;}
#seisaku015{
background: url(../img/seisaku/015.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku016{
background: url(../img/seisaku/016.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku017{
background: url(../img/seisaku/017.png) no-repeat;
background-position: bottom right;
background-size: 40%;}
#seisaku018{
background: url(../img/seisaku/018.png) no-repeat;
background-position: bottom right;
background-size: 40%;}
#seisaku019{
background: url(../img/seisaku/019.gif) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku020{
background: url(../img/seisaku/020.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku021{
background: url(../img/seisaku/021.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku022{
background: url(../img/seisaku/022.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku023{
background: url(../img/seisaku/023.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku024{
background: url(../img/seisaku/024.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku025{
background: url(../img/seisaku/025.png) no-repeat;
background-position: bottom right;
background-size: 80%;}
#seisaku026{
background: url(../img/seisaku/026.png) no-repeat;
background-position: bottom right;
background-size: 70%;}
#seisaku027{
background: url(../img/seisaku/027.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku028{
background: url(../img/seisaku/028.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku029{
background: url(../img/seisaku/029.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku030{
background: url(../img/seisaku/030.jpg) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku031{
background: url(../img/seisaku/031.gif) no-repeat;
background-position: bottom right;
background-size: 95%;}
#seisaku032{
background: url(../img/seisaku/032.png) no-repeat;
background-position: bottom right;
background-size: 40%;}
#seisaku033{
background: url(../img/seisaku/033.png) no-repeat;
background-position: bottom right;
background-size: 60%;}
#seisaku034{
background: url(../img/seisaku/034.gif) no-repeat;
background-position: bottom right;
background-size: 50%;}
#seisaku035{
background: url(../img/seisaku/pro-img02.png) no-repeat;
background-position: bottom right;
background-size: 100%;}
#seisaku036{
  background: url("") no-repeat;
  background-position: bottom right;
  background-size: 100%;}
/*DLスタイル01*/
.dlStyleFlat{
  margin-bottom:0px;
}
.dlStyleFlat dt{
  font-weight:bold;
  margin-bottom:.75em;
  padding: 0 0 0 5px;
  font-size:1.1em;
  background: #fff;
}
.dlStyleFlat div{
  width: 100%;
    line-height:1.6;
    margin:0 0 0 0;
    padding: 0 0 20px 0;
border-bottom:dashed 1px #868686;  }

.dlStyleFlat div:last-child{
  border-bottom: none;
}
.dlStyleFlat div b{
    margin: 0 10px 10px 0;
    font-size:13px;
    font-weight: 900;
    padding: 0 14px;
    text-indent: -15px;
    color: #000!important;
    text-shadow:0px 0px 0px rgba(10, 40, 50, 0.0)!important;

}

.dlStyleFlat div p{
    margin: 0 10px 0 0;
    font-size:11px;
    font-weight: 400;
    padding-left: 45px;
    text-indent: -15px;
}

/*表組み*/
.tblStyle01{
  width:100%;
  table-layout:fixed;
}
  .tblStyle01 th,
  .tblStyle01 td{
    padding:.75em;
    vertical-align:middle;
    border-bottom:5px solid #FFF;
    line-height:1.4;
  }
  .tblStyle01 th{
    font-weight:bold;
    width:30%;
    background:#f0f0f0;
  }


.dlStyleFlat02 div{
  width: 95%;
    line-height:1.6;
    margin:0 auto 0 auto;
    padding: 0 0 20px 0;
border-bottom:dashed 0px #868686;  }

.zyuten a, .zyuten a:visited{
  color:#2bb1e6; 
  font-size: 30px;
text-decoration: none;
font-weight: 900;

}

.zyuten a:hover {
  opacity: 0.6
}

.page_link {
  color: #000 !important;
  transition: 0.3s;
  display: inline-block !important;
}

.page_link:hover u  {
  text-decoration: none;
}