@charset "Shift_JIS";

a img { background:none; }
.left { float: left; }
.right { float: right; }
/*----------------------------------------------------------------------------- 
 ■全体
----------------------------------------------------------------------------- */


/* -----telic----- */
#telic a:link{
	color:rgba(255,255,255,1.00);
	text-decoration:none;
	}
#telic a:hover {
	color:rgba(255,255,255,0.5);
	text-decoration:none;
	}	
	
#telic a:visited{color:rgba(255,255,255,1.0);
	text-decoration:none;}	
	

	
div#telic { 
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:1% auto;  max-width:1206px;}

div#telic #headerBox {max-width:1206px;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	padding:0;
	margin: 0 auto;
	text-align:center;
	/* border: 1px solid #e3e3e3;  */}
	
div#telic #headerBox:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div#telic #telic_all:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div#telic_all{
	width:20%;
	margin:0;
	padding:2% 0 0 78%;
	}


@media(min-width:768px){
#smCam{ display: none;}
#pcCam{ display: block;}
div#telic_all{
	display: block;
	}

}
@media(max-width:767px){
#pcCam{ display: none;}
#smCam{ display: block;
}
div#telic_all{
	width:23.30729%;
	margin:0;
	padding:2% 0 0 74%;
	}
}



/*////////////////////////////////////////////NEWS　PC用///////////////////////////////////////////////////*/


div#contentsBox {
	width:100%;
	margin: 0;
	padding:0;
	text-align: center;
	background:#FFFFFF;
}

div#contentsBox .newTitle img {
	width:14.42%;
	margin: 0 auto;
	text-align:center;
	padding: 3% 0 2%;
}

div#contentsBox .subTitle img {
	width:77.19734%;
	margin: 0 auto;
	text-align:center;
	padding: 0;
}



div#contentsBox div#imgBox {
	width:100%;
	margin: 0 auto;
	padding:0;
}

div#contentsBox div#imgBox:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}



div#contentsBox div#imgBox div#photo {
	width:87.56218%; /*width:1056px;  */
	margin: 3% auto 5%;
	padding:0;
	
}

div#contentsBox div#imgBox div#photo:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

div#contentsBox div#imgBox div#photo div.photoL {
	width:22.44318%; 
	margin:0;
	padding: 1% 0 0;
	float: left;
}

div#contentsBox div#imgBox div#photo .photoR {
	width:73.29545%; 
	padding:0;
	margin: 0 0 0 0;
	float:right;
	text-align:left;
	line-height:2.0em;
	font-size:160% !important;
	
}

/*////////////////////////////////////////////NEWS　スマホ用///////////////////////////////////////////////////*/

@media(max-width:767px){
div#contentsBox .newTitle img {
	width:22.65%;
	margin: 0 auto;
	text-align:center;
	padding: 1% 0 2%;
}
div#contentsBox .subTitle img {
	width:94%;
	margin: 0 auto;
	text-align:center;
	padding:0;
}

div#contentsBox div#imgBox div#photo {
	width:90%; 
	margin: 3% auto 5%;
	padding:0;
	
}



div#contentsBox div#imgBox div#photo div.photoL {
	width:30%; 
	margin:0;
	padding: 0;
	float: left;
}

div#contentsBox div#imgBox div#photo .photoR {
width:100%;
	float:left;
	padding:1%  ;
	margin:0;
	text-align:left;
  line-height:1.7em;
	font-size:120% !important;
	
}
	}
/*///////////////////////////////////////TECHNOLOGY（テクノロジー）PC用///////////////////////////////////////////////*/

div#technology { width:100%;
 background:#eff7f8;
 padding: 2% 0 4% 0; 
 margin:0; 
 text-align:center;}



div#technology:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;	
clear: both; 
visibility:hidden;
}

div#technology div#technology_contents { 
width:87.56218%; /*width:1056px;  */
margin: 0 auto;
padding:2% 0;
text-align:center;
}

div#technology .technology_Title { 
width:32.48106%;
margin: 0 auto;
text-align:center;}


div#technology .detail_subTitle
{ 
	width:100%;
	text-align:center;
　　margin:0;
	padding: 4% 0 1%;}
div#technology .technology_item{
	margin:0;
	padding:2% 0;}
div#technology .detail .detail_left{
	width:50%;
	float:left;
	padding:1% 0;}
	
	
div#technology .detail .detail_right{
	width:47%;
	float:left;
	padding:0 0 0 3% ;
	margin:0;
	text-align:left;
  line-height:2.0em;
	font-size:150% !important;}
	
/*///////////////////////////////////////TECHNOLOGY（テクノロジー）スマホ用///////////////////////////////////////////////*/

@media(max-width:767px){ /* for smartphone */
div#technology { 
width:100%; 
background:#eff7f8; 
padding: 2% 0 4% 0;
margin:0; 
text-align:center;}


div#technology div#technology_contents { 
width:90%; 
margin: 0 auto;
padding:2% 0;
text-align:center;
}
div#technology .technology_Title  { 
width:44.66145%;
text-align:center; 
margin:0 auto;
padding:2% 0 0;}



div#technology .detail_subTitle
{ 
	width:100%;
	text-align:center;
　　margin:0;
	padding: 1% 0 1% ;}
	
div#technology .detail .detail_left{
	width:100%;
	float:left;
	padding:1% 0;}
	
	
div#technology .detail .detail_right{
	width:100%;
	float:left;
	padding:1%  ;
	margin:0;
	text-align:left;
  line-height:1.7em;
	font-size:120% !important;}	
	
div#technology .technology_itemsp p{	width:100%;
	float:left;
	padding:1%  ;
	margin:1% 0 3% ;
	text-align:left;
  line-height:1.7em;
	font-size:120% !important;
}
}

/*///////////////////////////////////////item（アイテム）PC用///////////////////////////////////////////////*/

#telic ul.lineup{
	width:87.5%;
	 text-align:center;
   padding:0;
   margin:25px auto 1%;
}

#telic ul.lineup li{
	width:25%;
	display:inline;
	margin-right:0px;
	padding:0;
}

#telic ul.lineup li img{
	width:25%;
	display:inline
}


div#contentsBox .itemTitle img {
	width:15.17412%;
	margin: 0 auto;
	text-align:center;
	padding: 5% 0 2%;
}


div#contentsBox .item_outline{
	width:86.81592%;
   -moz-border-radius: 10px;    /* 古いFirefox */
   -webkit-border-radius: 10px; /* 古いSafari,Chrome */
   border-radius: 10px;         /* CSS3 */
   border: 2px rgba(114,186,216,1.00) solid;     /* 枠線の装飾 */
   text-align:center;
   padding:0;
   margin:0 auto 4%;}
   
   
div#contentsBox .item_inline{
	width:95%;
	text-align:center;
	margin:0 auto;
	padding:2% 0 1%;}
	
div#contentsBox .item_detail{
	width:90%;
	text-align:left;
	margin:0 auto;
	padding:0;
	line-height:1.8em;
	font-size:150% !important;
	}	
	
div#contentsBox .item_bn{
	background:rgba(0,0,0,1.00);
	width:90%;
	text-align:center;
	margin:2% auto 3%;
	padding: 0;
	color:rgba(255,255,255,1.00);
	font-size:200%;
	font-weight:bold;
	padding:1.5% 0;

	}
div#contentsBox .item_bn p{padding:0;
margin:0;
}

div#telic #btnBox{
	width:86.81592%;
	text-align:center;
   padding:0;
   margin:1% auto 4%;
	background:rgba(121,198,230,1.00);}


div#telic #btnBox .detailBtn{
	margin:0;
	padding:1.3% 0 ;
	font-size:230%;
	font-weight:bold;
	}
/*///////////////////////////////////////item（アイテム）スマホ用///////////////////////////////////////////////*/

@media(max-width:767px){ /* for smartphone */
	
	div#contentsBox .itemTitle img {
	width:23.82812%;
	margin: 0 auto;
	text-align:center;
	padding: 5% 0 2%;
}


div#contentsBox .item_outline{
	width:90%;
   -moz-border-radius: 10px;    /* 古いFirefox */
   -webkit-border-radius: 10px; /* 古いSafari,Chrome */
   border-radius: 10px;         /* CSS3 */
   border: 2px rgba(114,186,216,1.00) solid;     /* 枠線の装飾 */
   text-align:center;
   padding:0;
   margin:0 auto 4%;}
   
   
div#contentsBox .item_inline{
	width:95%;
	text-align:center;
	margin:0 auto;
	padding:3% 0 1%;}
	
div#contentsBox .item_detail{
	width:90%;
	text-align:left;
	margin:0 auto;
	padding:0;
	line-height:1.6em;
	font-size:100% !important;
	}	
	
div#contentsBox .item_bn{
	background:rgba(0,0,0,1.00);
	width:90%;
	text-align:center;
	margin:2% auto 3%;
	padding: 0;
	color:rgba(255,255,255,1.00);
	font-size:130%;
	font-weight:bold;
	padding:1.5% 0;

	}
div#contentsBox .item_bn p{padding:0;
margin:0;
}

div#telic #btnBox{
	width:90%;
	text-align:center;
   padding:0;
   margin:1% auto 4%;
	background:rgba(121,198,230,1.00);}


div#telic #btnBox .detailBtn{
	margin:0;
	padding:4% 0 ;
	font-size:120%;
	font-weight:bold;
	}
	
	
	
	}