@charset "utf-8";
body {
    font: 100% "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    background: #666666;
    margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
    padding: 0;
    text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
    color: #000000;
    background-color: #F1F1F1;
    background-image: url(../images/sb.jpg);
    background-repeat: repeat-x;
    font-size:12px;
    color:#444444;
}
.thrColFixHdr #container {
    width: 1020px;
    margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
    text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.thrColFixHdr #header {
    background: #DDDDDD;
    padding: 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
.thrColFixHdr #header h1 {
    margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
    padding: 0px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.thrColFixHdr #mainContent {
    margin: 0px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#sidebar1 div と #sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。サイドバーのコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
    padding: 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
.thrColFixHdr #footer {
    padding: 0px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
    background:#f1f1f1;
    font-size:10px;
    color:#666666;
    line-height:16px;
}
.thrColFixHdr #footer p {
    margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
    padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	 float: right;
	 margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	  float: left;
	  margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	      clear:both;
	      height:0;
	      font-size: 1px;
	      line-height: 0px;
}
/* ############################################################## */
.space {
    margin:0px;
    padding:0px;
}
.styleLeftNavi1 {
    background-image:url(../images/s1_r9_c1.gif);
    width:159px;
    height:20px;
    border:0px;
    padding:7px 0px 0px 11px;
}
.styleLeftNavi1_1 {
    background-image:url(../images/s1_r14_c1_1.gif);
    width:159px;
    height:21px;
    border:0px;
    padding:5px 0px 0px 11px;
    font-size:10.5px;
}
.styleLeftNavi2 {
    background-image:url(../images/s1_r14_c1.gif);
    width:159px;
    height:20px;
    border:0px;
    padding:7px 0px 0px 11px;
}
a {
    text-decoration:none;
    color:#666666;
}
a:hover {
    text-decoration:underline;
    color:#FF3300;
}
table.table1pxRed {
    border-collapse : collapse ;
    border-width : 1px 0 0 1px ;
    border-style : solid ;
    border-color : #ff3503 ;	/* IE 6(Win)向け */
}

table.table1pxRed td {
    border-width : 0 1px 1px 0 ;
    border-style : solid ;
    padding:3px;
    border-color : #ff3503 ;

}
table.table1pxGray {
    border-collapse : collapse;
    border-width : 1px 0 0 1px;
    border-style : solid;
    border-color : #cccccc;	/* IE 6(Win)向け */
    color:#666666;
}

table.table1pxGray td {
    border-width : 0 1px 1px 0;
    border-style : solid;
    padding:3px;
    border-color : #cccccc;
    color:#666666;

}
table.table1pxGray th {
    border-width : 0 1px 1px 0;
    border-style : solid;
    padding:3px;
    border-color : #cccccc;
    color:#666666;
    background-color:#F4F1E8;

}
table.table0px td{
    border-width : 0 0 0 0;
}

table td .selectProduct {
    border-width : 1px 1px 1px 1px;
    border-style : solid;
    padding:3px;
    border-color : #cccccc;
    color:#666666;
    font-size:16px;
}
table td .selectMaterial {
    border-width : 1px 1px 1px 1px;
    border-style : solid;
    padding:3px;
    border-color : #cccccc;
    color:#666666;
    font-size:12px;
    text-align:center;
}

h1.styleBlue{
    width:726px;
    height:24px;
    background-image:url(../images/tt1_r1_c1.gif);
    font-size:17px;
    padding-left: 16px;
    padding-top:2px;
}
h1.styleTopBlue{
    width:524px;
    height:24px;
    background-image:url(../images/tt1_r1_c1.gif);
    font-size:17px;
    padding-left: 16px;
    padding-top:2px;
}
h1.styleOrange{
    width:726px;
    height:24px;
    background-image:url(../images/tt1_r19_c1.gif);
    font-size:17px;
    padding-left: 16px;
    padding-top:2px;
}
h2 {
    width: 742px;
    padding:0px 0px 0px 0px;
    border-width:0 0 3px 0px;
    border-style:solid;
    font-size:16px;
}
h2.styleBlue {
    border-color:#003399;
    color:#003399;
}
h2.styleRed {
    border-color:#ba2510;
    color:#ba2510;
}
h2.styleGreen {
    border-color:#478224;
    color:#478224;
}
h2.styleBrown {
    border-color:#6c5f2d;
    color:#6c5f2d;
}
h2.styleSky {
    border-color:#0358c0;
    color:#0358c0;
}
h2.styleGray {
    border-color:#5e5e5e;
    color:#5e5e5e;
}
h3.styleBlue {
    font-size:16px;
    color:#003399;
}
.rightContents p{
    line-height:26px;
    padding-left:10px;
}
.rightContents a{
    color:#003399;
}
.rightContents a:hover{
    color:#FF3300;
}
table.tablePricelist {
    border-collapse : collapse ;
    border-width : 1px 0 0 1px ;
    border-style : solid ;
    border-color : #cccccc ;	/* IE 6(Win)向け */
    color:#666666;
}
table.tablePricelist th {
    border-width : 0 1px 1px 0;
    border-style : solid;
    padding:3px;
    border-color : #cccccc;
    color:#666666;
}
table th.tableTitle{
    padding:5px 5px 5px 20px;
    background-image:url(../images/tt1_r32_c1.gif);
    height:16px;
    font-size:14px;
}


table.tablePricelist td {
    border-width : 0 1px 1px 0;
    border-style : solid;
    padding:3px;
    border-color : #cccccc;
    color:#666666;
    font-size:11.5px;

}
table.tablePricelist a{
    color:#A60000;
    text-decoration:underline;
}
.styleRed{
    color:#F00;
}

/* エラーメッセージ */
div.error-message {
    color: #F00;
    font-size:10px;
}
/* プリローダー用 */
@media screen {
    div#preloader {
	position: absolute;
	left: -9999px;
	top: -9999px;
    }
    div#preloader img {
	display: block;
    }
}
@media print {
    div#preloader,div#preloader img {
	visibility: hidden;
	display: none;
    }
}
/* プリローダー用 */