.box-under-shadow {
  box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(175, 172, 172, 0.6);
  -moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
}
  /* 
.topics_path {
  margin-top:100px!important;
}

ul.topics_path li{
	 display: inline-block;
  border  1px solid #D35400;
  padding: 10px;
}
*/
 
.content {
  /*padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 100px;
  height:auto;
position:relative;*/
  width:95%;	
}
.cb{
	color:#337ab7;
}


@media (min-width: 992px) {
  .content {
    width: 970px;
	margin-top: 100px; 
	  }
}
@media (min-width: 1200px) {
  .content {
    width: 1170px;
    /*margin-top: 25px;*/
    margin:0 auto; 
  }
}


@media screen and (min-width:768px) and ( max-width:1024px) 

.topBread{
	/*width:900px;*/
	margin-bottom:30px;
/*margin-left:49px;*/
        margin-left:10px;
	}
	
.topBread ul{
	margin:0px 0px 10px 10px;
	padding:0px;
	display:inline-block;
	}	
		
.topBread ul li{
	
	display:inline-block;
	}	

.topimg{
	width:888px;
	height:371px;
	background-color:#CCC;
	margin:auto;
	}

.phr_ttl{
	font-size:14px;
	color:#00B7AA;
	display:block;
	width: 385px;
	padding:20px 0px 15px 35px;
	margin-top:0;
	margin-bottom:0;
	-webkit-border-top-left-radius: 30px; 
	-webkit-border-top-right-radius: 30px;  
    background-color: #EBEBEB;
	border: #FEE8A1 solid 2px;
	border-bottom:#EBEBEB;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	}

.mcr_ttl{
	font-size:14px;
	color:#52A5CE;
	display:block;
	background-color:#EBEBEB;
	padding:20px 0px 15px 12px;
	margin-top:0;
	margin-bottom:0;
	-webkit-border-top-left-radius: 30px; 
	-webkit-border-top-right-radius: 30px;  
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	border: #FEE8A1 solid 2px;
	border-bottom:#EBEBEB;
	width: 385px;
	float:right;
	}

.mcr_ttl a:link{
	text-decoration:none;
	color: #52A5CE;	
	}

.mcr_ttl a:hover{
	text-decoration:none;
	color: #52A5CE;	
	}

.mcr_ttl a:active{
	text-decoration:none;
	color:#52A5CE;	
	}

.mcr_ttl a:visited{
	text-decoration:none;
	color:#52A5CE;	
	}

.project_ttl1{
	font-size:24px;
	display:block;
	border-left:2px solid #00B7AA;
	background-color:#EBEBEB;
	font-weight:100;
	padding:15px 0px 15px 10px;
	margin:0 0 30px 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	}
	
.project_ttl2{
	font-size:18px;
	padding-bottom:1px;
	border-bottom: 1px solid #00B7AA;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
	}	
	
.contents{
	border:1px solid #D2D2D2;
	padding:0px 15px 20px 15px;
	margin-top:15px;
	}
	
		
.sidemenu{
	display: inline-block;
	width: 230px;
	height:370px;
	font-size:14px;
	border:solid 3px #DFDFDF;
	
	}

.sidemenu a {
	border-bottom:1px dotted #666;
	color:#666;
	padding-bottom:10px;
	text-decoration:none;
	}
	
.sidemenu a:hover{
	text-decoration:none;
	}	

.sidemenu a:visited{
	text-decoration:none;
	}
	
.sidemenu a:active{
	text-decoration:none;
	}	
	
.sidemenu ul{
	margin-left:0px;
	padding-left:0px;
	}		
	
.sidemenu1{
    list-style:none;
	width:180px;
    height:0px;
    border:7px solid transparent;
    border-left:9px solid #286090;
	padding-left:10px;
	font-weight:bold;
	font-size:14px;
	line-height:3px;
	margin-top:40px;
	margin-bottom:62px;
	margin-left:22px;
	}
		
.make_border_1{
	width:190px;
	height:1px;
	background-size: 6px 1px;
	background-color: #666;
	}		
		
.sidemenu2{
	list-style:none;
	width:180px;
    height:0px;
    border:7px solid transparent;
    border-left:9px solid #286090;
	padding-left:10px;
	font-weight:bold;
	font-size:14px;
	line-height:3px;
	margin-top:40px;
	margin-bottom:62px;
	margin-left:22px;
	}

.sidemenu3{
	list-style:none;
	width:180px;
    height:0px;
    border:7px solid transparent;
    border-left:9px solid #286090;
	padding-left:10px;
	font-weight:bold;
	font-size:14px;
	line-height:3px;
	margin-top:40px;
	margin-bottom:62px;
	margin-left:22px;
	}
	
.sidemenu4{
	list-style:none;
	width:180px;
    height:0px;
    border:7px solid transparent;
    border-left:9px solid #286090;
	padding-left:10px;
	font-weight:bold;
	font-size:14px;
	line-height:3px;
	margin-top:40px;
	margin-bottom:62px;
	margin-left:22px;
	}	
	
.box1{
	/*width:700px;
        width:75%;*/
        width:100%;
	height:auto;
        margin:0px auto;
	}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
	

.box2{
	width:100%;
	height:auto;
        margin:auto;
        padding:0 60px;
	}	
	
.logo_small{
	position: relative;
    top: -15px;
    left: 120px;
	}	
	
.iikoto_pic1{
	position:relative;
	width:240px;
	height:215px;
	border:solid 1px #999;
	background:#EFEFEF;
	margin:8px 15px 10px 0px;
	padding-top:19px;
	padding-left:19px;
	padding-right:19px;
	float:left;
	}	
	
.iikoto_pic2{
	position:relative;
	width:240px;
	height:215px;
	border:solid 1px #999;
	background:#EFEFEF;
	margin:8px 15px 10px 0px;
	padding-top:19px;
	padding-left:19px;
	padding-right:19px;
	float:left;
	}		
	
.iikoto_pic3{
	position:relative;
	width:240px;
	height:215px;
	border:solid 1px #999;
	background:#EFEFEF;
	padding-top:19px;
	padding-left:22px;
	padding-right:19px;
	margin:8px 15px 10px 0px;
	float:left;
	}	
	
.iikoto_pic4{
	position:relative;
	width:240px;
	height:215px;
	border:solid 1px #999;
	background:#EFEFEF;
	padding-top:50px;
	padding-left:22px;
	padding-right:19px;
	margin:8px 15px 10px 0px;
	float:left;
	}	
			
	
.iikoto_pic5{
	position:relative;
	width:240px;
	height:215px;
	border:solid 1px #999;
	background:#EFEFEF;
	padding-top:50px;
	padding-left:22px;
	padding-right:19px;
	margin:8px 15px 10px 0px;
	float:left;
	}		
	
.iikoto_pic6{
	position:relative;
	width:240px;
	height:215px;
	border:solid 1px #999;
	background:#EFEFEF;
	padding-top:50px;
	padding-left:22px;
	padding-right:19px;
	margin:8px 15px 10px 0px;
	float:left;
	}		
	
.iikoto_pic7{
	position:relative;
	width:190px;
	height:260px;
	border:solid 1px #999;
	background:#EFEFEF;
	margin:10px 10px 0 0px;
        padding:10px 18px 0 18px;
	float:left;
	}		
	
.iikoto_pic8{
	position:relative;
	width:190px;
	height:260px;
	border:solid 1px #999;
	background:#EFEFEF;
        margin:10px 10px 0 0;
        padding:10px 18px 0 18px; 
	float:left;

	}		
	
.iikoto_pic9{
	position:relative;
	width:190px;
	height:260px;
	border:solid 1px #999;
	background:#EFEFEF;
	margin-top:10px;
	margin-left:0px;
        margin-right:10px;
        padding:10px 18px 0 18px;
	float:left;
	}			
	
.iikoto_pic10{
	position:relative;
	width:190px;
	height:230px;
	border:solid 1px #999;
	background:#EFEFEF;
	margin-left:0px;
	margin-top:10px;
        padding:20px 18px 0px 18px;
	float:left;
	}
	
.box_alarm1{
	width:100%;
	/*height:380px;
	margin-left:140px;
	margin-top:10px;*/
        clear:both;
	}	
	
.alarm_pic1{
	position:relative;
        /*width:445px;*/
        width:50%;
	height:auto;
	border:solid 1px #999;
	background:#EFEFEF;
        padding:15px 19px 25px 19px;
	margin-top:10px;
        margin:0 auto;
	}	
	
.scope_cap1{
	position:relative;
	width:445px;
	height:290px;
	border:solid 1px #999;
	background:#EFEFEF;
	padding-top:15px;
	padding-left:19px;
	float:left;
	}	
	
.scope_cap2{
	position:relative;
	width:440px;
	height:275px;
	border:solid 1px #999;
	background:#EFEFEF;
	padding-top:10px;
	padding-left:21px;
	float:left;
	}	
	
.scope_news{
	position:relative;
	width:239px;
	height:275px;
	border:solid 1px #999;
	background:#EFEFEF;
	margin:auto;
	padding-top:10px;
	}		
	
.caption{
	text-align:center;
	padding-top:10px;
	position:absolute;
	bottom:-7px;
	font-size:12px;
	}		

.picotto_top{
	/*width:550px;*/
        width:65%;
	height:auto;
	/*margin-left:100px;*/	
        margin:auto;
	}	
	
.picotto_box1{
	width:680px;
	height:auto;
	margin-left:20px;
	margin-bottom:10px;
	}	
	
.picotto_pic1{
	position:relative;
	width:680px;
	height:200px;
	border:solid 1px #999;
	background:#EFEFEF;
	padding-top:10px;
	padding-left:35px;
	}	

.picotto_box2{
	width:600px;
	height:auto;
	margin:8px 0px 8px 80px;
	}	
	
.picotto_pic2{
	position:relative;
	width:560px;
	height:250px;
	border:solid 1px #999;
	background:#EFEFEF;
	padding-top:10px;
	padding-left:10px;
	}	
	
.picotto_box3{
	width:780px;
	height:600px;
	}	
	
.picotto_pic3{
	position:relative;
	width:350px;
	height:280px;
	border:solid 1px #999;
	background:#EFEFEF;
	padding-top:10px;
	padding-left:23px;
	float:left;
	}	
	
.picotto_pic4{
	position:relative;
	width:350px;
	height:280px;
	border:solid 1px #999;
	background:#EFEFEF;
	padding-top:10px;
	padding-left:23px;
	margin-left:10px;
	float:left;
	}	
	
.picotto_pic5{
	position:relative;
	width:350px;
	height:280px;
	border:solid 1px #999;
	background:#EFEFEF;
	padding-top:10px;
	padding-left:23px;
	margin-top:15px;
	float:left;
	}		
	
.smbg_pic1{
	/*width:620px;*/
	width:80%;
	/*height:425px;
	margin:8px 0px 8px 50px;*/
        margin:0 auto;
	position:relative;
	border:solid 1px #999;
	background:#EFEFEF;
	padding:10px 0 20px 10px;
	}	
	
.smbg_box1{
	/*width:780px;
	height:290px;*/
        width:85%;
	/*margin-top:15px;*/
        margin:auto;
	}	
	
.smbg_pic2{
	/*width:330px;*/
	height:auto;
	position:relative;
	border:solid 1px #999;
	background:#EFEFEF;
        padding:10px 10px 20px 10px;
        margin:0 5px 10px 10px;
	float:left;
	}	
	
.smbg_pic3{
	/*width:330px;*/
	height:auto;
	position:relative;
	border:solid 1px #999;
	background:#EFEFEF;
        padding:10px 10px 35px 10px;
        margin:0 0px 10px 10px;
	float:left;
	}
	
.side_top{
	color:#FFF;
	font-size:18px;
	padding-top:15px;
	padding-left:60px;
	text-decoration:none;
	}	
	
.sidemenu_head{
	width: 230px;
	height:50px;
	background-color:#008E74;
	letter-spacing:5px;
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;
	/*border-bottom:#82AE46 solid 4px;*/
	}	
	
.sidemenu_head a:link{
	color:#FFF;
	}	
	
.sidemenu_head a:visited{
	color:#FFF;
	}
	
.sidemenu_head a:hover{
	color:#00C;
	}	
	
.sidemenu_head a:active{
	color:#FFF;
	}	
	
.contact{
	width: 230px;
	height:150px;
	background-color:#F5F5F5;
	border:3px solid #DFDFDF;
	}	
	
.contact_txt1{
	font-size:16px;
	font-weight:bold;
	float:left;
	margin-top:12px;
	}		

.make_border_1{
	width:190px;
	height:1px;
	margin-top:38px;
	margin-left:16px;
	background-color: #CCC;
	}

.make_border_2{
	width:190px;
	height:1px;
	margin-top:38px;
	margin-left:16px;
	background-color: #CCC;
	}

.contact_txt2{
	padding-left:15px;	
	}

.contact_img{
	float:left;
	margin-left:45px;
	margin-right:5px;
	margin-top:13px;
	width: 10%;
	}
	
.arrow{
  position: relative;
  display: inline-block;
  padding-left: 17px;
}

.arrow::before{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}	
	
.my_cr_img1{
/*	width:600px;
	height:485px;
	margin:auto;
	margin-top:30px;*/
	}	
	
.my_cr_ttl1{
	font-size:24px;
	display:block;
	border-left:2px solid #52A5CE;
	background-color:#EBEBEB;
	font-weight:100;
	padding:15px 0px 15px 10px;
	margin:0 0 30px 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	}

.my_cr_ttl2{
	font-size:18px;
	padding-bottom:1px;
	border-bottom: 1px  solid #52A5CE;
	box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
	}

.side_ul{
	padding-left:35px;
	}	

/* ここからタブのスタイル */
div {*zoom: 1;}
div:after
 {
   display: block;content: "";clear: both;}
.js-tab 
 {
   /*margin-bottom: 10px;*/ 
   border-bottom: 1px #ccc solid;
}
.js-tab > div
  {
   float:left; background:#ecf0f1;
   text-align: center;
   padding:10px 10px 20px 10px;
   cursor:pointer;color: #555;
   border-top: 5px #ecf0f1 solid;
   width: 50%;
   height: 85px;
   }
.js-tab > div.active 
  {
   background-color:#fff;
   border-top:#003399 5px solid;
   border-right: #ccc 1px solid;
   border-left: #ccc 1px solid;
   color: #003399; width: 50%;
   font-weight:bold;
   font-size: 1.0em;
   }
.js-tab_content 
  {
   display:none;
   padding:20px 0;
 }
.js-tab_content.active
  {
   display:block;
  }














container_2{
	width:auto;
	
	}