/*　真ん中の司る部分　*/
@charset "utf-8";
html{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:12px;line-height:16px;letter-spacing:0px;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}

del,ins{text-decoration:none;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;}

legend{color:#000;}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}



body {
 text-align:center;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 background:url(tl_seat_body_base.png);
}



div.main{
 clear:both;
 width:740px;
 margin:0 auto;
 padding:0 0 10px;
 text-align:left;
 background:rgba(255,255,255,1);
 position:relative;
}

	div.main div.obi_l,div.obi_r{
	 width:50px;
	 height:100%;
	 position:absolute;
	}

	div.main div.obi_l{
	 top:0;
	 left:-50px;
	 background:url(body_l_gra.jpg) repeat-y;
	 background-size:100%;
	}

	div.main div.obi_r{
	 top:0;
	 right:-50px;
	 background:url(body_r_gra.jpg) repeat-y;
	 background-size:100%;
	}
	
	div.main div.base{
	position:absolute; 
	 background:url(wheel_list_back.jpg);
	 width:185px;
	 height:100%;
	}

	div.main div.base2{
	position:absolute; 
	 background:url(wheel_list_back2.jpg);
	 width:185px;
	 height:100%;
	}


	 /*　ここからリストの一覧　*/
	 
	 h1.red,h1.blue{
		width:96%;
		font-size:20px;
		padding:2% 2% 1%;
		color:white;
		font-weight:bold;
		position:relative;
		z-index:9998;

	 }
	 
	 h1.red{
		background:rgba(230,0,18,1) url(parts_title_back.png);
		background-size:100% 100%;
	 }

	 h1.blue{
		background:rgba(29,32,136,0.9) url(parts_title_back.png);
		background-size:100% 100%;
		}
	 
	 	 h1 span{
		display:block;
		font-size:0.7em;
		margin:10px 0 0;
		padding:4px;
		background:rgba(255,255,255,0.5);
	 }

	div.pattern_box{
	 float:left;
	 width:740px;
	 margin:5px 0;
	 background:rgba(255,255,255,0.7);
	 border-bottom:2px black solid;
	 position:relative;
	 z-index:9999;
	}

		div.pattern_title{
		 width:175px;
		 position:relative;
		 float:left;
		 margin:5px;
		 text-align:center;
		}

		div.pattern_title2{
		 width:175px;
		 position:relative;
		 float:left;
		 margin:5px 98px 5px 97px;
		 text-align:center;
		}


		
		div.pattern_main{
		 width:175px;
		 position:relative;
		 float:left;
		 margin:5px;
		 text-align:center;

		}
		
				p.pattern_no{
				text-align:center;
				font-size:15px;
				font-weight:bold;
				padding:5px 0;
				background:white;
				text-decoration:none;
				 background:rgba(0,0,0,0.7);
				 color:white;
				 }

				p.wheel_type{
				text-align:center;
				font-size:12px;
				font-weight:bold;
				padding:5px 0;
				}
				
				p.wheel_type span{
					display:block;
				font-size:0.8em;
				margin:5px 0 0;
				padding:5px 0;
				}
				
		div.pattern_main img{
		 width:175px;
		 clear:both;
		 text-align:center;
		 }

		div.tone{
		 width:100%;
		 height:100%;
		 position:absolute;
		 top:0;
		 left:0;
		 opacity:0;
		}

			div.tone:hover{
			 opacity:1;
			 background:rgba(0,0,0,0.8);
			 transition:0.3s;
			}

		div.tone p.caption{
		 padding:25px 5px 0;
		 font-size:14px;
		 line-height:1.5;
		 color:rgba(255,255,255,1);
		 text-align:left;
		}

			div.tone p.caption span{
			 display:block;
			 margin:3px 0 0;
			 font-size:0.9em;
			 padding:2px;
			 background:rgba(255,255,255,0.8);
			 color:rgba(0,0,0,0.8);
			}

			
	 /*　メインの部分　*/
	 
	div.top_base{
	 width:100%;
	 position:relative;
	 text-align:center;
	 background:black;
	 float:left;
	 padding:5px 0;
	 font-size:16px;
	 color:white;
	 }

	 div.potal_main{
	 clear:both;
	 width:760px;
	 margin:0 auto;
	 padding:0 0 10px;
	 text-align:left;
	}
	 	a{
			text-decoration:none;
			color:white;
		}
		
			a:hover{		
			color:red;
			}
	 
	 div .parts_title1,div.parts_title2{
		 float:left;
		 width:188px;
		 text-align:center;
		 font-size:14px;
		 font-weight:bold;
		 background:url(parts_title_back.png) rgba(230,0,18,1);
		 background-size:100% 100%;
		 margin:10px 0;
		 color:white;
		 padding:5px 0;
		 border-left:1px solid rgba(255,255,255,0.5);
		 border-right:1px solid rgba(255,255,255,0.5);
		 position:relative;
		 }
	 
	  div.parts_title2{
		background:rgba(29,32,136,1);
	 }
	 
	 	 div.parts_title1 span,div .parts_title2 span{
		 display:block;
		 font-size:0.8em;
		 background:rgba(255,255,255,0.5);
		 margin:5px 5px 0;
		 padding:3px;
		}
		
	 
	 iframe{
		 width:760px;
		 border:0;
		 margin:10px 0;
	 }
	 

	 
	div.bottom_base{
	 width:100%;
	 position:relative;
	 text-align:center;
	 background:black;
	 float:left;
	 padding:10px 0;
	 font-size:16px;
	 color:white;
	 }
	 
	 
	 /*　閉じるボタン　*/
div.tojiru {
  clear:both;
  width:940px;
  padding:5px 0 5px 0;
  background-color:black;
  border-top-width : 2px;
  border-bottom-width : 2px;
  border-top:2px silver solid;
  border-bottom :2px silver solid;
  text-align:center;
 z-index:9998;
}