/*　真ん中の司る部分　*/
@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;
 background-color:white;
 padding-bottom:20px;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



div.main {
 width:1000px;
 background-color:white;
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
 text-align:center;
 padding:0 10px 0;
}

div.otaotameshi{
width:1000px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
text-align:center;
background-color:white;
}

	 /*　トップ画像部分　*/
div.top-img{
 width:1040px;
 background-color:white;
 padding-top:20px;
}





	 /*　トップ説明部分　*/
div.top-setsumei{
 float:right;
 width:460px;
 background-color:white;
 text-align:left;
 padding:10px;
}

div.line1 {
 clear:both;
 margin-top:5px;
 width:1040px;
 height:30px;
 background-color:black;
 text-align:left;
 border-bottom:3px silver solid;
 position:fixed;
 z-index:4;
 margin-top:5px;
}

	/*　イラスト無表のみ　*/
div.packing_only{
 clear:both;
 float:left;
 width:1000px;
 text-align:center;
 margin:50px 20px 10px 20px;
 background-color:white;
}

	/*　ここからイラスト付　*/
div.illust{
 clear:both;
 float:left;
 width:1040px;
 text-align:center;
 position:relative;
 top:50px;
 z-index:3;
 background-color:white;
 margin-top:0;
}

div.packing{
 clear:both;
 float:left;
 text-align:center;
 width:1040px;
 position:relative;
 top:70px;
 z-index:2;
 background-color:white;
}


div.normalparts{
 clear:both;
 float:left;
 text-align:center;
 width:1040px;
 position:relative;
 top:90px;
 z-index:1;
 background-color:white;
}

div.caution{
 clear:both;
 float:left;
 text-align:left;
 width:1040px;
 position:relative;
 top:110px;
 z-index:0;
 background-color:white;
 font-size:10px;
 line-height:1.8;
}

iframe{
 width:1030px;
 border:none;
}


	 /*　閉じるボタン　*/
div.tojiru {
  clear:both;
  width:1040px;
  padding:5px 0 5px;
  background-color:black;
  border-top-width : 2px;
  border-bottom-width : 2px;
  border-top:2px silver solid;
  border-bottom :2px silver solid;
  text-align:center; 
  position:relative;
  top:120px; 
}

div.tojiru_packing_only {
  clear:both;
  width:1040px;
  padding:5px 0 5px;
  background-color:black;
  border-top-width : 2px;
  border-bottom-width : 2px;
  border-top:2px silver solid;
  border-bottom :2px silver solid;
  text-align:center; 
}

p.title{
 margin: 0px;
 padding: 8px 0px 5px;
 font-size:20px;
 line-height:1.6;
 font-weight:bold;
 color:white;
 background-image:url(kitaco.jpg);
 width:1000px;
 height:30px;
}

p.title span{
font-size:15px;
}


table.packinglist {
 border-collapse: collapse;
 border:1px black solid;
 background-color:white;
 vertical-align:middle;
 width:1000px;
 table-layout:fixed;
 cellpadding:0;
}

table.packinglist th.partnumber{
width:100px;
}


table.packinglist2 {
 border-collapse: collapse;
 border:1px black solid;
 background-color:white;
 vertical-align:middle;
 width:1000px;
 table-layout:fixed;
 cellpadding:0;
 margin-top:10px;
}

table colgroup.no{
 background-color:#fdedf0;
 width:35px;
}

table colgroup.parts_no{
 text-align:center 
 width:240px;
 }

table colgroup.parts_name{
 text-align:center;
}

table colgroup.price_tax{
 text-align:right;
}

table colgroup.price{
 text-align:right;
}

table colgroup.packing{
 text-align:center;
}



table colgroup.n_no{
 background-color:#ffffcc;
 width:35px;
}

table colgroup.n_parts_name{
 width:200px;
}

th {
 border:solid 1px black;
 font-size:10px;
 text-align:center;

}

th.option {
 border:solid 1px black;
 font-size:10px;
 text-align:center;
 background-color:#e6e7f2;
}


td {
 border:solid 1px black;
 color: #010101;
 background-color: #FFFFFF;
 font-size:10px;
 padding:5px;
}

thead th {
 color: #030303;
 font-size:10px;
 background-color:silver;
 padding:5px;
}