/*　真ん中の司る部分　*/
@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.pattern_parts_main{
 clear:both;
 width:700px;
 margin:0 auto;
 padding:10px 0 10px;
 text-align:left;
 position:relative;
}

	div.pattern_parts_main div.note_box1{
		float:left;
		width:350px;	
	}
	
	div.pattern_parts_main div.note_box2{
		float:left;
		width:700px;	
	}
	
	div.pattern_parts_main p.note1,p.note2{
	 float:left;
	 font-size:16px;
	 line-height:1.5;
	 margin:5px;
	 background:url(title_back2.png) no-repeat;
	}
	
		div.pattern_parts_main p.note1 span,div.pattern_parts_main p.note2 span{
		 display:block;
		 font-size:0.8em;
		 line-height:1.5;
		 margin:8px 0;
		 padding:3px;
		}

	div.pattern_parts_main p.note1{
	 width:340px;
	}
	
	table{
		margin:4px;
		border:1px solid gray;
		float:left;
		width:340px;
	}
	
		tr{
		border:1px dotted gray;
		}
		
		th{
		font-size:13px;
		font-weight:bold;
		padding:3px;
		background:rgba(0,0,0,0.1);
		}
		
		td{
		font-size:12px;
		padding:3px;
		line-height:1.8;
		}

	div.pattern_parts_main p.note2{
	 width:690px;
	}

	div.pattern_parts_main p.pattern_note,div.pattern_parts_main p.pattern_note2{
	 clear:both;
	 float:left;
	 font-size:13px;
	 line-height:1.5;
	 padding:5px 5px 0;
	 margin:5px;
	 border:1px solid rgba(0,0,0,0.8);
	 border-radius:5px;
	 background:rgba(255,255,0,1) url(title_back3.png) no-repeat;
	}

	div.pattern_parts_main p.pattern_note{
	 width:328px;
	}
	
	div.pattern_parts_main p.pattern_note2{
	 width:678px;
	}
	
	
		div.pattern_parts_main p span{
		 display:block;
		 font-size:0.9em;
		 padding:3px;
		 background:rgba(0,0,0,0.1);
		 margin:5px 0 3px;
		 line-height:1.6;
		}

		

hr.line{
 clear:both;
 float:left;
 width:98%;
 border:1px dashed rgba(0,0,0,0.5);
 margin:30px 1%;
}

div.pattern_partsbox{
 width:340px;
 float:left;
 background:red;
 margin:5px;
 text-align:center;
 position:relative;
}

	div.pattern_partsbox p.parts_name{
	 text-align:center;
	 background:rgba(255,255,255,1);
	 color:rgba(0,0,0,1);
	 font-size:12px;
	 font-weight:bold;
	 padding:5px;
	 border-top:3px solid rgba(29,32,136,0.5);
	}

		div.pattern_partsbox p.parts_name span{
		 display:block;
		 background:rgba(0,0,0,0.1);
		 color:rgba(0,0,0,0.8);
		 font-size:0.9em;
		 padding:5px;
		 margin:5px 0 0;
		}

	div.parts_linkbox{
	 float:left;
	 position:relative;
	 width:100%;
	 text-align:center;
	 background:url(dottbase_gray.jpg);
	 padding:0 0 5px;
	}

		div.parts_linkbox div.imagebox{
		 padding:5px;
		 position:relative;
		 margin:0 auto;
		 width:270px;
		 height:108px;
		}
		
		div.parts_linkbox div.imagebox2{
		 padding:5px;
		 position:relative;
		 margin:0 auto;
		 width:205px;
		 height:108px;
		}

			 div.stock_mark,div.na_mark,div.kit_mark,div.discontinue_mark,div.underdevelopment_mark,div.new_mark{
			 position:absolute;
			 top:5px;
			 left:5px;
			 width:80px;
			 height:18px;
			 z-index:9999;
			}

			div.stock_mark{
			 background:url(../universalcss/stock_mark.png) no-repeat;
			}

			div.na_mark{
			 background:url(../universalcss/na_mark.png) no-repeat;
			}

			 div.kit_mark{
			 background:url(../universalcss/kit_mark.png) no-repeat;
			}
			
			div.discontinue_mark{
			 background:url(../universalcss/discontinue_mark.png) no-repeat;
			}

			div.underdevelopment_mark{
			 background:url(../universalcss/underdevelopment_mark.gif) no-repeat;
			}
			
			div.new_mark{
			 background:url(../universalcss/new_mark.gif) no-repeat;
			}
						
div.pattern_partsbox2{
 width:160px;
 float:left;
 margin:5px;
 text-align:center;
 position:relative;
}

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

	div.pattern_partsbox3 p.parts_name{
	 text-align:center;
	 background:rgba(255,255,255,1);
	 color:rgba(0,0,0,1);
	 font-size:12px;
	 font-weight:bold;
	 padding:5px;
	 border-top:3px solid rgba(29,32,136,0.5);
	}

		div.pattern_partsbox3 p.parts_name span{
		 display:block;
		 background:rgba(0,0,0,0.1);
		 color:rgba(0,0,0,0.8);
		 font-size:0.9em;
		 padding:5px;
		 margin:5px 0 0;
		}





div.pattern_partsbox_centerbase{
 clear:both;
 float:left;
 margin:25px 0 0;
 text-align:center;
 width:700px;
}

p.plus_mark{
	position:absolute;
	top:80px;
	right:-30px;
	width:50px;
	height:50px;
	background:url(plus_mark.png) no-repeat;
	z-index:9999;
}

p.plus_mark_v{
	position:absolute;
	bottom:-40px;
	left:90px;
	width:50px;
	height:50px;
	background:url(plus_mark.png) no-repeat;
	z-index:9999;
}

p.or_mark{
	position:absolute;
	top:80px;
	right:-30px;
	width:50px;
	height:50px;
	background:url(or_mark.png) no-repeat;
	z-index:9999;
}			

			img.single{
			 width:135px;
			 padding:0;
			}

			
			 img.multi{
			 float:left;
			 width:135px;
			 padding:0;
			}
			
			img.multi_set{
			 float:left;
			 width:67.5px;
			 padding:0;
			}
			
			img.multi3-1,img.multi3-2,img.multi3-3{
			 position:absolute;
			 width:96px;
			}
			
				img.multi3-1{
				 top:5px;
				 left:5px;
				}

				img.multi3-2{
				 bottom:5px;
				 left:92px;
				 z-index:9998;
				 }
				
				img.multi3-3{
				 top:5px;
				 right:5px;

				}
				
			img.multi3-1b,img.multi3-2b,img.multi3-3b{
			 position:absolute;
			 width:80px;
			}
			
				img.multi3-1b{
				 top:5px;
				 left:5px;
				}

				img.multi3-2b{
				 bottom:5px;
				 left:70px;
				 z-index:9998;
				}
				
				img.multi3-3b{
				 top:5px;
				 right:5px;
				}

			img.multi4-1,img.multi4-2,img.multi4-3,img.multi4-4,img.multi4-5{
			 position:absolute;
			 width:74px;
			}
			
				img.multi4-1{
				 top:5px;
				 left:5px;
				}

				img.multi4-2{
				 top:5px;
				 left:136px;
				}
				
				img.multi4-3{
				 bottom:5px;
				 right:5px;
				}

				img.multi4-4{
				 bottom:5px;
				 right:136px;
				}
				
				
			img.multi5-1,img.multi5-2,img.multi5-3,img.multi5-4,img.multi5-5{
			 position:absolute;
			 width:70px;
			}
			
				img.multi5-1{
				 top:5px;
				 left:5px;
				}

				img.multi5-2{
				 top:5px;
				 left:105px;
				}
				
				img.multi5-3{
				 top:5px;
				 right:5px;
				}

				img.multi5-4{
				 bottom:5px;
				 left:55px;
				}

				img.multi5-5{
				 bottom:5px;
				 left:160px;
				}

				img.multi6-1,img.multi6-2,img.multi6-3,img.multi6-4,img.multi6-5,img.multi6-6{
			 position:absolute;
			 width:70px;
			}
			
				img.multi6-1{
				 top:5px;
				 left:5px;
				}

				img.multi6-2{
				 bottom:5px;
				 right:175px;
				}
				
				img.multi6-3{
				 top:5px;
				 left:90px;
				}

				img.multi6-4{
				 bottom:5px;
				 right:90px;
				}

				img.multi6-5{
				 top:5px;
				 left:175px;
				}
				
				img.multi6-6{
				 bottom:5px;
				 right:5px;
				}


										
				
			div.parts_linkbox div.imagebox p.parts_note1{
			 width:125px;
			 float:left;
			 text-align:left;
			 font-size:11px;
			 line-height:1.5;
			 padding:0 5px;
			 color:black;
			}

				div.parts_linkbox div.imagebox p.parts_note1 span{
				 display:block;
				 font-size:10px;
				 padding:1px;
				 color:black;
				 background:rgba(255,255,255,0.8);
				}

				
			div.tone{
			 width:100%;
			 height:100%;
			 position:absolute;
			 top:0;
			 left:0;
			 background:rgba(0,0,0,0.5);
			 opacity:0;
			z-index:9999;
			}

				div.tone:hover{
				 opacity:1;
				 transition:0.2s;
				}

			div.parts_linkbox div.en_mark_base{
			 clear:both;
			 width:80px;
			 height:20px;
			 float:right;
			 margin:5px 5px 0;
			 position:relative;
			 background-image:url(../universalcss/flag_en_mark.jpg);
			 background-size:contain;
			}

				div.parts_linkbox div.en_mark_base p{
				 position:absolute;
				 width:100%;
				 height:100%;
				 background:rgba(0,0,0,0.3);
				 opacity:0;
				 transition:0.2s;
				}

				div.parts_linkbox div.en_mark_base p:hover{
				 transotion:0.2s;
				 opacity:1;
				}

			div.parts_linkbox div.en_stock_mark,div.en_na_mark,div.en_kit_mark,div.en_discontinue_mark,div.en_underdevelopment_mark{
			 clear:both;
			 width:80px;
			 height:20px;
			 float:right;
			 margin:5px 5px 0;
			 position:relative;
			}

			div.parts_linkbox div.en_stock_mark{
			 background-image:url(../universalcss/en_stock_mark.jpg);
			}

			div.parts_linkbox div.en_na_mark{
			 background-image:url(../universalcss/en_na_mark.jpg);
			}

			div.parts_linkbox div.en_kit_mark{
			 background-image:url(../universalcss/en_kit_mark.jpg);
			}
			
			div.parts_linkbox div.en_discontinue_mark{
			 background-image:url(../universalcss/en_discontinue_mark.jpg);
			}

			div.parts_linkbox div.en_underdevelopment_mark{
			 background-image:url(../universalcss/en_underdevelopment.png);
			}

/* ここからNGと注意のパーツレイアウト*/

	div.ng_box, div.caution_box, div.ex_box{
	 float:left;
	 clear:both;
	 width:688px;
	 margin:20px 5px 5px;
	 border:1px solid black;
	 border-radius:5px;
	}

	div.ng_box{
	 background:rgba(0,0,0,0.6);
	}

	div.caution_box{
	 background:rgba(29,32,136,0.8) url(title_back4.png) no-repeat;
	}

	div.ex_box{
	 background:rgba(255,255,255,1);
	}

		div.ng_box div.ng_mark{
		 float:left;
		 width:45px;
		 height:45px;
		 margin:3px;
		 background:url(ng_mark.png) no-repeat;
		 background-size:45px;
		}

		div.caution_box div.caution_mark{
		 float:left;
		 width:45px;
		 height:45px;
		 margin:3px;
		 background:url(caution_mark.png) no-repeat;
		 background-size:45px;
		}

		div.ex_box div.ex_mark{
		 float:left;
		 width:45px;
		 height:45px;
		 margin:3px;
		 background:url(ex_mark.png) no-repeat;
		 background-size:45px;
		}


		div.ng_box p.note, div.caution_box p.note, div.ex_box p.note{
		 color:white;
		 margin:5px 5px 20px;
		 float:left;
		 font-size:13px;
		 line-height:1.5;
		 background:url(title_back2.png) no-repeat;
		}

		div.ex_box p.note{
		 color:black;
		}

			div.ng_box p.note span, div.caution_box p.note span, div.ex_box p.note span{
			 display:block;
			 background:rgba(255,255,255,0.2);
			 margin:5px 0 0;
			 font-size:0.9em;
			 padding:3px;
			}

			div.ex_box p.note span{
			 background:rgba(0,0,0,0.1);
			}

		div.ng_box div.ng_parts_box{
		 float:left;
		 text-align:center;
		 margin:6px;
		 width:184px;
		}


		div.ng_box p.parts_name{
		 text-align:center;
		 font-size:12px;
		 font-weight:bold;
		 width:184px;
		 color:white;
		 font-weight:bold;
		}

			div.ng_box p.parts_name span{
			 font-size:11px;
			 color:white;
			 background:rgba(255,255,255,0.5);
			 margin:2px 0 0;
			}

		div.ng_box div.image_box{
		 text-align:center;
		 width:184px;
		 padding:3px 0;
		}

		div.ng_box div.image_box img{
		 width:110px;
		}

		div.caution_box p.explanation{
		 clear:both;
		 float:left;
		 font-size:13px;
		 line-height:1.5;
		 margin:5px;
		 color:rgba(255,255,255,1);
		 width:405px;
		}
	
		div.caution_box img{
		 float:left;
		 margin:5px;
		 padding:5px;
		 background:rgba(255,255,255,1);
		}

		div.ex_box p.case{
		 float:left;
		 clear:both;
		 width:326px;
		 font-size:12px;
		 line-height:2;
		 padding:5px 0 0;
		 margin:6px 6px 0;
		 text-align:center;
		 color:rgba(255,255,200,1);
		 background:rgba(0,0,0,0.7);
		 border-radius:5px;
		}

			div.ex_box p.case span{
			 display:block;
			 font-size:0.9em;
			 line-height:2;
			 margin:2px;
			 padding:3px;
		 	 color:rgba(255,255,200,1);
			 background:rgba(255,255,255,0.2);
			}

		div.ex_box hr{
		 clear:both;
		 float:left;
		 margin:6px;
		 width:324px;
		 border:1px dashed rgba(0,0,0,0.5);
		}
		

		div.ex_box div.ex_parts_allbox{
			 float:left;
			 text-align:center;
			 width:338px;
			 margin:0 0 6px;
			}

		div.ex_box div.ex_parts_box{
		 float:left;
		 text-align:center;
		 margin:4px;
		 width:160px;
		 background:url(dottbase_gray.jpg);
		}

			div.ex_parts_box p.parts_name{
			 text-align:center;
			 font-size:12px;
			 font-weight:bold;
			 width:160px;
			 padding:2px 0;
			 color:black;
			 background:rgba(255,255,255,1);
	 		 border-top:2px solid rgba(29,32,136,0.5);
			}

				div.ex_box p.parts_name span{
				 font-size:11px;
				 color:black;
				 background:rgba(0,0,0,0.1);
				 margin:2px 0 0;
				}

			div.ex_parts_box div.imagebox{
			 width:160px;
			 position:relative;
			 text-align:center;
			 padding:5px 0;
			}

				div.ex_parts_box div.imagebox img{
				 width:110px;
				}

				div.ex_parts_box div.imagebox div.tone{
				 position:absolute;
				 top:0;
				 left:0;
				 width:100%;
				 height:100%;
				 background:rgba(0,0,0,0.5);
			 	 opacity:0;
				}

					div.ex_parts_box div.imagebox div.tone:hover{
					 opacity:1;
					 transition:0.2s;
					}

			div.ex_parts_box div.en_mark_base{
			 clear:both;
			 width:80px;
			 height:20px;
			 float:right;
			 margin:5px;
			 position:relative;
			 background-image:url(../universalcss/flag_en_mark.jpg);
			}

				div.ex_parts_box div.en_mark_base p{
				 position:absolute;
				 width:100%;
				 height:100%;
				 background:rgba(0,0,0,0.3);
				 opacity:0;
				 transition:0.2s;
				}

				div.ex_parts_box div.en_mark_base p:hover{
				 transotion:0.2s;
				 opacity:1;
				}


	 /*　閉じるボタン　*/
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;
}