/* map */
a .map_num, a .car_type{color:#0000ff;text-decoration:none;}
.map_title{display:inline-block;min-height:40px;padding-top:20px;width:100%;}
.map_title h2{font-size:20px;font-weight:lighter;line-height:2;margin-left:10px;}
.map_fig{display:inline;}
.map{/*height:137px;*/height:165px;/*overflow-x:auto;*/overflow-x:scroll;overflow-y:visible;/*-webkit-overflow-scrolling:touch;*/}
.map::-webkit-scrollbar{background-color:#fff;height:15px;}
.map::-webkit-scrollbar-thumb{background:#686767;}
.map::-webkit-scrollbar-track-piece:start, .formation::-webkit-scrollbar-track-piece:end{background:#d3d3d4;}
.map table{background-color:transparent;/*background-color:rgba(0,0,0,0.4);*/border-collapse:separate;border-spacing:6px 0;margin:10px auto;/*padding:10px;*/}
.map .car{background-color:#fff;border:1px solid #333;height:48px;padding:4px 0;position:relative;text-align:center;min-width:140px;max-width:150px;}
.map .car div{display:block;}
.map .car:first-child{margin-left:0;}
.map .car:before{border-bottom:3px solid #333;content:"";display:block;height:1px;position:absolute;left:-8px;bottom:10px;width:8px;}
.map .car:first-child:before{border:none;display:none;}
.map .car.car_left{border:1px solid #000;border-top-left-radius:15px;}
.map .car.car_right{border:1px solid #000;border-top-right-radius:15px;}
.map .car.car_double{border:1px solid #000;border-top-left-radius:15px;border-top-right-radius:15px;}
.formation_num{font-size: 16px;}
.map_box{clear:both;display:block;position:relative;float:none;margin:20px auto 0;width:90%;max-width:1500px;z-index:9993;}
.map_fig{clear:both;display:block;}
.map_drct{position:absolute;left:0;bottom:30px;display:block;float:none;width:100%;}
.map_drct .to_left{display:inline-block;float:left;margin-left:10px;}
.map_drct .to_left::before{content:"←";}
.map_drct .to_right{display:inline-block;float:right;margin-right:10px;}
.map_drct .to_right::after{content:"→";}
@media screen and (min-width:768px) {
.map_box{margin:30px auto 0;}
}
/* images */
a .images_num, a .car_type{color:#0000ff;text-decoration:none;}
.images_title{display:inline-block;min-height:40px;padding-top:20px;width:100%;}
.images_title h2{font-size:20px;font-weight:lighter;line-height:2;margin-left:10px;}
.images_fig{display:inline;}
.images{height:450px;overflow-x:scroll;overflow-y:visible;/*-webkit-overflow-scrolling:touch;*/}
.images::-webkit-scrollbar{background-color:#fff;height:15px;}
.images::-webkit-scrollbar-thumb{background:#686767;}
.images::-webkit-scrollbar-track-piece:start, .formation::-webkit-scrollbar-track-piece:end{background:#d3d3d4;}
.images table{background-color:transparent;border-collapse:separate;border-spacing:6px 0;margin:10px auto;}
.images .car{background-color:#fff;border:1px solid #333;height:48px;padding:4px 0;position:relative;text-align:center;min-width:120px;max-width:140px;}
.images .car div{display:block;}
.images .car:first-child{margin-left:0;}
.images .car:before{border-bottom:3px solid #333;content:"";display:block;height:1px;position:absolute;left:-8px;bottom:10px;width:8px;}
.images .car:first-child:before{border:none;display:none;}
.images .car.car_left{border:1px solid #000;border-top-left-radius:15px;}
.images .car.car_right{border:1px solid #000;border-top-right-radius:15px;}
.images .car.car_double{border:1px solid #000;border-top-left-radius:15px;border-top-right-radius:15px;}
.images_box{clear:both;display:block;position:relative;float:none;margin:20px auto 0;width:95%;z-index:9993;}
.images_fig{clear:both;display:block;}
.images_drct{position:absolute;left:0;bottom:30px;display:block;float:none;}
.images_drct .to_left{display:inline-block;float:left;margin-left:10px;}
.images_drct .to_left::before{content:"←";}
.images_drct .to_right{display:inline-block;float:right;margin-right:10px;}
.images_drct .to_right::after{content:"→";}
@media screen and (min-width:768px) {
.images_box{margin:30px auto 0;}
}


div.whatsnew {

	margin: 20px 10px 10px 0px;

	width: 725px;

	height: 100px;

	overflow: auto;

	padding: 10px;

	background: #eeeeee;

	text-align: left;

	font-size: 12px;

	border: #aaaaaa 1px solid;

	line-height: 18px; 

}

div.whatsnewtitle {

	margin: 0px 0px 10px 0px;

	font-weight: bold;

	color: #555555;

	text-align: center;

}

.title {

	font-weight: bold;

	color: #ff0000;

}



a.red:link {
 text-decoration : underline; 
 color : #ff0000; 
 }
 a.red:visited {
 text-decoration : underline; 
 color : #ff0000; 
 }
 a.red:active {
 text-decoration : underline; 
 color : #ff0000; 
 }
 a.red:hover {
 text-decoration : underline; 
 color : #ff0000; 
 }

span.new {
 display: none;
 color: deeppink;
 font-weight: bold;
}

div.link7{/*カテゴリ全体枠*/
  color: #343434;/*文字色*/
  font-size: 12px;/*文字サイズ*/
  margin: 2.5em 1em 4em 3.5em;
  border: solid 1px #9494A9;/*全体枠の色*/
  width: 350px;/*全体の幅*/
  }
.link7 .cath{/*カテゴリタイトル部分の設定*/
  background-color: #646468;/*背景色*/
  color: #FEFEFF;/*文字色*/
  font-weight: bold;
  letter-spacing: 0.2em;
  margin: 0 45% 0.5em 0;
  padding: 0.3em 0.8em 0.2em 1em;
  border-left: double 18px #FFFFFF;/*ページ背景色と同じに*/
  position: relative;
  z-index: 1;
  top: -8px;
  left: -9px;
  white-space: nowrap;
  }
.link7 dl{/*リンク一つ分の枠の設定*/
  margin: 1em -7px 1px 0;
  padding: 0.4em;
  border-style: solid dotted double double;
  border-width: 1px 1px 1px 11px;
  border-color: #949496;/*枠の色*/
  position: relative;
  z-index: 1;
  left: -6px;
  }
.link7 .type1 dt{/*TYPE1のバナー部分の設定*/
  margin: 0;
  padding: 0.2em 0.4em;
  }
.link7 .type1 dd{/*TYPE1の説明文部分の設定*/
  background-color: #F7F7F9;
  margin: 0;
  padding: 0.3em 0.4em;
  }
img{
  border: 0px;
}

/* 横並び人気記事 */
li.tpop {
    background:#EEEEEE;
    width:270px;
    height: 230px;
    overflow: hidden;
    box-shadow: 0 2px 5px #999;
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
}
li.tpop {
  background: #FFFFFF;
  padding: 0px;
  margin: 9px;
}
p.tpop {
    margin:5px 5px 2px 7.5px;
    line-height: 3.5;
}
ul.tpop {
    width: 1200px;
    margin: auto
}
