/* CSS Document */



.top{
  width:900px;
  margin-left:auto;
  margin-right:auto;
}


.brake-setumei{
  width: 600px;
  padding: 20px;
  line-height: 2em;
}


section{
  clear:left;
  height:430px;
}

.brake-logo{
  width:191px;
  height:50px;
  padding:10px 350px;
}


.list2{
	margin:10px auto;
	text-align:center;
	width: 400px;
	margin-bottom:1em;
	background:#444; 
	border:4px double #0064cd; 
	border-radius:10px;
	color: #ffffff;
	font-size: 120%; 
	font-weight: bold;
	padding: 20px;
	position: relative;
}

.list2-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent;
}

.list2 a:link{
	color:#ffffff;
}

.list2 a:visited{
	color:#ffffff;
}

.list2 a:hover{
	color:#0064cd;
}

.list2 a:active{
	color:#ffffff;
}


/*tab title & table title*/

.kodawari{
  width:600px;
  padding-top:10px;
  padding-bottom:0px;
  margin-top: 50px;
  font-size:large;
  font-weight:bold;
  letter-spacing:0.1em;
  color:#73b9e6;
}



/*  tab   */

#tabs1{
  clear:both;
  width:860px;
  height:550px;
  border:1px dotted #73b9e6;
  margin:20px auto 50px auto;
  background:#222;
}


#tabs .list{
  margin-left:40px;
  margin-bottom:0;
  width:750px;
  height:130px;
}


#tabs .list li{
  margin-left:48px;
  background:#222;
}


#tabs .list li a{
  width:120px;
  height:120px;
  color:#ffffff;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:small;
  font-weight:bold;
  text-align:center;
  border:2px solid #FFFFFF;
  line-height:30px;
  }


#tabs .list li a:hover{
  background:#555555;
  border:2px solid #FFFFFF;
}

#tabs .list li a:focus{
  background:#222;
  color:#0064cd;
  border:2px solid #0064cd;
}


#cut,#dust, #burn, #plate{
  height:280px;
}




/*tabクリックして出てくるとこ*/

.ko-photo{
  float:left;
  border:1px solid #ffffff;
  margin-left:90px;
  margin-top:40px;
}

.ko-title{
  float:left;
  width:450px;
  text-align:left;
  font-size:medium;
  font-weight:bold;
  letter-spacing:0.2em;
  line-height:1.5em;
  color:#0064cd;
  padding:15px;
  line-height:2em;
  margin-top:-100px;
  margin-bottom:-30px;
  margin-left:270px;
  border-bottom:2px solid #0064cd;
}

.ko-setu{
  clear:both;
  width: 670px;
  text-align:left;
  font-size:small;
  line-height: 2em;
  padding:20px;
}

.ko-kome{
  text-align:left;
  width:670px;
  font-size:x-small;
  padding-top:0;
}




/* 商品説明 */

.setumei{
  width:500px;
  text-align:left;
  line-height:normal;
  margin-right:40px;
  margin-top:20px;
  }

.setumei-price{
  width:500px;
  text-align:right;
  line-height:normal;
  margin-right:40px;
  margin-top:20px;
  font-size:20px
  }


.brakephoto{
  float:left;
  width:300px;
  height:300px;
  margin-left:70px;
  margin-top:20px;
}



/*    table    */

table{
   width:900px;
   margin:0 auto;
}

table.table2{
   width:600px;
   margin:0 auto;
}

th,td{
  color:white;
  padding:10px; 
  text-align:center;
  font-size:90%;
  letter-spacing:0.1em;
  border-bottom:1px solid #0064cd;
  border-right:1px solid #0064cd;
  text-shadow:1px 1px 2px #000;

}

th{
  padding-top:5px;
  padding-bottom:5px;
  border-top:1px solid #0064cd;
  border-bottom:1px solid #0064cd;
  background:#444;
}

tr.bottom{
  border-bottom:1px solid #0064cd;
  border-right:1px solid #0064cd;

}

.tableleft{
  border-left:1px solid #0064cd;
  background:#223;
}

.tableright{
  border-right:1px solid #0064cd;
}

.table1{
	border-left:1px solid #0064cd;
	width:10px
}

.table2{
	border-left:1px dotted #0064cd;
	width:40px
}

.table3{
	border-left:1px solid #0064cd;
	width:70px
}

.table4{
	border-left:1px dotted #0064cd;
	width:70px
}

.table5{
	border-left:1px solid #0064cd;
	width:120px
}