@charset "utf-8";

/* ###↓↓↓ 2008/09/リニューアル時追加箇所 ↓↓↓### */

body {
margin: 0px auto;
text-align: center;
color: #5d5d5d;
font-family: Verdana,Arial,Helvetica,Osaka,sans-serif;
font-size: 13px;
}

/* ########  以下　1003tpl用  ########*/

.product-content {
background-image:url(../img/sys/sbk3.gif);
background-repeat: no-repeat;
background-position: left top;
width: 585px;
margin: 0px auto;
margin-left: 5px;
height: 324px;
}

.p-table01 {
margin: 0px auto;
width: 585px;
height: 75px;
}

.p-con-td01 {
width: 70px;
text-align: center;
vertical-align: middle;
	font-size: 13px;
	color: #000066;
}

.p-con-td02 {
width: 386px;
text-align: center;
vertical-align: middle;
	font-size: 12px;
	color: #000066;
}

.p-con-td03 {
width: 129px;
text-align: center;
vertical-align: middle;
	font-size: 12px;
	color: #000066;
}

.p-table02 {
margin: 0px auto;
width: 585px;
/*height: 75px;*/
}

.product-image {
width: 235px;
height: 245px;
text-align: center;
padding-bottom: 5px;
vertical-align: top;
}

.product-body {
width: 221px;
text-align: center;
height: 185px;
vertical-align: top;
}

.product-order {
width: 129px;
text-align: center;
}

.product-2wire {
width: 216px;
text-align: center;
height: 60px;
}

/* ########  以上　1003tpl用  ########*/

/* ###↑↑↑ 2008/09/リニューアル時追加箇所 ↑↑↑### */


.css8_000066 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 8px;
	color: #000066;
}

.css8B_ff0000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 8px;
	font-weight: bold;
	color: #FF0000;
}

.css10_000000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
}

.css10B_000000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	font-weight: bold;
}

.css10_000066 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #000066;
}

.css10_b3deff {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #b3deff;
}

.css10_ff0000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #FF0000;
}

.css10B_ff0000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}

.css10_ffffff {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10px;
	color: #FFFFFF;
}

.css12_ffffff {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	color: #FFFFFF;
}

.css12_ff0000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	color: #FF0000;
}

.css12_000000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
}

.css12B_000000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	font-weight: bold;
}

.css12B_ffffff {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.css12_aaaadd {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	color: #AAAADD;
}

.css12_003399 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	color: #003399;
}

.css12_000066 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	color: #000066;
}

.css12_b0b0b0 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 12px;
	color: #B0B0B0;
}

.css13_000000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 13px;
}

.css13_ff0000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 13px;
	color: #FF0000;
}

.css13B_ff0000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
}

.css13B_000066 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 13px;
	font-weight: bold;
	color: #000066;
}

.css13_003399 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 13px;
	color: #003399;
}

.css13_000066 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 13px;
	color: #000066;
}

.css14_000066 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 14px;
	color: #000066;
}

.css14_003399 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 14px;
	color: #003399;
}

.css14B_000066 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}

.css14B_ffffff {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.css14_ff0000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 14px;
	color: #ff0000;
}

.css14B_ff0000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
}

.css16B_3366ff {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 16px;
	font-weight: bold;
	color: #3366ff;
}

.css16B_003399 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 16px;
	font-weight: bold;
	color: #003399;
}

.css18_000000 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 18px;
}

.css18_000066 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 18px;
	color: #000066;
}

.SelectStyle {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 10.5px;
}

.SStyle {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	font-size: 11px;
}

.tbllay185_25 {
	table-layout: fixed;
	width: 185.25px;
}

.tbllay195 {
	table-layout: fixed;
	width: 195px;
}

.tbllay526_c1 {
	table-layout: fixed;
	width: 526.5px;
	height: 30px;
}

.tbllay540 {
	table-layout: fixed;
	width: 540px;
}

.tbllay585 {
	table-layout: fixed;
	width: 585px;
}

.tbllay585_c1 {
	font-family: "ＭＳ ゴシック", "Osaka‐等幅";
	table-layout: fixed;
	width: 585px;
	font-size:16px;
	color:#3366ff;
}

.tbllay830 {
	table-layout: fixed;
	width: 830px;
}

.tbllay830_12 {
	table-layout: fixed;
	width: 830px;
	height: 12px;
}

td.tpt {
	padding-top: 2px;
}

td.type1{
	padding: 0px;
}

.back {
   background-image: url('../img/sys/testtop2.jpg'); background-repeat: no-repeat;
}

.back0 {
   background-image: url('../img/sys/testtop.jpg'); background-repeat: no-repeat;
}

.bluesc {
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #99ccff;
	scrollbar-highlight-color: #99ccff;
	scrollbar-shadow-color: #99ccff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
}

div.txt {
    width: 100%; /*横幅*/
    height: 100%; /*高さ*/
    padding: 0em; /*空白の大きさ*/
    overflow: auto; /*スクロールバーの出方*/
}

.button1 {
   cursor:pointer;
}





/* ###↓↓↓ 2008/09/リニューアル時追加箇所 ↓↓↓### */

.wrap {
margin: 0px auto;
overflow: visible;
width: 780px;
}

img {border:0}

.f-13 {
font-size: 13px;
}

.f-bold {
font-weight: bold;
}

.f-red {
color: red;
}



.shop-head {
margin: 0px auto;
width: 780px;
}

.shop-top {
margin: 0px auto;
padding: 2px 0px 2px 25px;
color: #ffffff;
font-size: 10px;
background-color: #3366cf;
text-align: left;
}

.shop-head-left {
margin: 0px auto;
float: left;
width: 550px;
}

.shop-head-right {
margin: 0px auto;
float: right;
width: 230px;
}

.shop-head-right p {
margin: 0px auto;
width: 215px;
text-align: left;
line-height: 120%;
font-size: 8.5pt;
}

.top-contents {
clear: both;
margin: 0px auto;
width: 780px;
clear: both;
background-image: url(../img/sys/contents-bg.gif);
background-repeat: repeat-y;
overflow: auto;
padding-bottom: 15px;
}

.main {
margin: 0px auto;
width: 600px;
float: left;
text-align: left;
}

.right {
margin: 0px auto;
width: 180px;
float: right;
font-size: 12px;
color: #fae8ff;
}


.shop-top-navi {
clear: both;
margin: 0px auto;
text-align: left;
width: 100%;
padding-top: 2px;
}

.shop-top-navi img {
margin: 0px auto;
margin-top: 3px;
}

.shop-top-navi2 {
clear: both;
margin: 0px auto;
text-align: center;
width: 100%;
padding-top: 2px;
}


.category-navi01 {
margin: 0px auto;
width: 595px;
margin-top: 5px;
}

.category-navi01 td {
text-align: center;
width: 85px;
}

.category-navi02 {
margin: 0px auto;
width: 595px;
}

.category-navi02 td {
text-align: left;
width: 85px;
font-size: 7.5pt;
vertical-align: top;
line-height: 130%;
color: #24246c;
padding: 0px 2px 0px 2px;
}

/*.category-navi02 img {
margin-left: 15px;
}*/

.cate01 {
background-image: url(../img/sys/bracetop_s.jpg);
background-repeat: no-repeat;
width: 85px;
height: 180px;
}

.cate03 {
background-image: url(../img/sys/pentop_s.jpg);
background-repeat: no-repeat;
width: 85px;
}

.cate02 {
background-image: url(../img/sys/crytop.jpg);
background-repeat: no-repeat;
width: 85px;
}

.cate04 {
background-image: url(../img/sys/crystop.jpg);
background-repeat: no-repeat;
width: 85px;
}

.cate05 {
background-image: url(../img/sys/AMtop_s.jpg);
background-repeat: no-repeat;
width: 85px;
}

.cate06 {
background-image: url(../img/sys/lovetop.jpg);
background-repeat: no-repeat;
width: 85px;
}

.cate11 {
background-image: url(../img/sys/bracetop_s.jpg);
background-repeat: no-repeat;
width: 85px;
}


.product-hyodai {
margin: 0px auto;
width: 585px;
margin-top: 10px;
border-collapse: collapse;
border: 1px solid #0000ff;
color: #3d3d3d;
margin-left: 5px;
color: #24246c;
font-size: 14px;
}

.product-hyodai th {
width: 585px;
text-align: left;
padding: 5px 0px 5px 5px;
font-weight: bold;
border-bottom: 1px solid #0000ff;
background-color: #d5d5ff;
}

.p-h-td01 {
width: 76px;
text-align: center;
padding: 5px 0px 5px 0px;
font-weight: bold;
border-right: 1px solid #0000ff;
background-color: #f0f0ff;
vertical-align: middle;
}

.p-h-td02 {
width: 380px;
text-align: center;
padding: 5px 0px 5px 0px;
font-weight: bold;
border-right: 1px solid #0000ff;
background-color: #f0f0ff;
vertical-align: middle;
}

.p-h-td03 {
width: 129px;
text-align: center;
padding: 5px 0px 5px 0px;
font-weight: bold;
background-color: #f0f0ff;
vertical-align: middle;
}




.select-area {
margin: 0px auto;
margin-top: 3px;
text-align: left;
width: 600px;
background-color: #ffffff;
padding-bottom: 5px;
overflow: auto;
}

.sa-title {
clear: both;
margin: 0px auto;
text-align: left;
width: 590px;
font-weight: bold;
color: #890c08;
border-bottom: 1px dotted #890c08;
padding-bottom: 1px;
padding-top: 5px;
margin-left: 0px;
}

.top-select {
margin: 0px auto;
text-align: left;
width: 585px;
margin-top: 3px;
margin-left: 5px;
line-height: 160%;
}

.leftbar {
text-decoration: none;
color: #0000ff;
padding: 2px 5px 2px 6px;
border-left: 1px solid #b00f0b;
}

.leftbar:hover {
text-decoration: none;
color: #0000ff;
padding: 2px 5px 2px 6px;
border-left: 1px solid #b00f0b;
background-color: #ffe9d2;
}

.nobar {
text-decoration: none;
color: #0000ff;
padding: 2px 5px 2px 6px;
border-left: 1px solid #ffffff;
}

.nobar:hover {
text-decoration: none;
color: #0000ff;
padding: 2px 5px 2px 6px;
background-color: #ffe9d2;
border-left: 1px solid #ffffff;
}

.copy {
clear: both;
margin: 0px auto;
background-color: #0000aa;
padding: 3px 0px 3px 0px;
font-size: 10px;
color: #9c9c9c;
width: 780px;
}

.go-top {
clear: both;
margin: 0px auto;
text-align: right;
width: 560px;
font-size: 13px;
padding: 15px 0px 15px 0px;
}


.go-top1 {
clear: both;
margin: 0px auto;
text-align: left;
width: 130px;
font-size: 13px;
background-image: url(../img/renewal/go-top_a.gif);
background-repeat: no-repeat;
background-position: left center;
diplay: block;
padding: 3px 0px 3px 22px;
text-decoration: none;
}

.go-top1:hover {
clear: both;
margin: 0px auto;
text-align: left;
width: 130px;
font-size: 13px;
background-image: url(../img/renewal/go-top_h.gif);
background-repeat: no-repeat;
background-position: left center;
diplay: block;
padding: 3px 0px 3px 22px;
text-decoration: underline;
}

.go-top2 {
clear: both;
margin: 0px auto;
text-align: left;
width: 145px;
font-size: 13px;
background-image: url(../img/renewal/go-top2_a.gif);
background-repeat: no-repeat;
background-position: left center;
diplay: block;
padding: 3px 0px 3px 22px;
text-decoration: none;
}

.go-top2:hover {
clear: both;
margin: 0px auto;
text-align: left;
width: 145px;
font-size: 13px;
background-image: url(../img/renewal/go-top2_h.gif);
background-repeat: no-repeat;
background-position: left center;
diplay: block;
padding: 3px 0px 3px 22px;
text-decoration: underline;
}

/* ########  以下　右サイドカラム  ########*/

.right-cart-box {
clear: both;
margin: 0px auto;
margin-top: 2px;
width: 97%;
border-left: 1px solid #0000ff;
border-right: 1px solid #0000ff;
border-top: 1px solid #0000ff;
text-align: center;
color: #ffffff;
margin-left: 2px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #3366cf;
}

.cart-regi {
margin: 0px auto;
text-align: right;
width: 100%;
}

.cart-regi td {
margin: 0px auto;
text-align: right;
}

.right-cart-boxbody {
margin: 0px auto;
width: 97%;
height: 100px;
background-color: #ffffff;
overflow: auto;
margin-left: 2px;
border-left: 1px solid #0000ff;
border-right: 1px solid #0000ff;
border-bottom: 1px solid #0000ff;
color: #000066;
}

.right-cart-boxbody table {
margin: 0px auto;
width: 100%;
border-collapse: collapse;
text-align: left;
}

.right-owner-box {
clear: both;
margin: 0px auto;
margin-top: 2px;
width: 97%;
border: 1px solid #ffffff;
text-align: center;
color: #fae8ff;
margin-left: 2px;
padding-top: 3px;
margin-bottom: 2px;
}

.p-center {
margin: 0px auto;
margin-top: 1px;
width: 98%;
}

.p-left {
margin: 0px auto;
margin-top: 1px;
width: 97%;
text-align: left;
margin-left: 3px;
line-height: 130%;
}

.right-owner-box a {
text-decoration: underline;
color: #fae8ff;
}

.right-owner-box a:hover {
text-decoration: underline;
color: #0000ff;
}

.uketsuke-title {
margin: 0px auto;
width: 95%;
text-align: left;
margin-left: 3px;
margin-top: 7px;
border-top: 1px dotted #fae8ff;
line-height: 120%;
padding: 5px 0px 0px 0px;
color: #053b5c;
font-weight: bold;
}

.uketsuke-body {
margin: 0px auto;
width: 90%;
text-align: left;
margin-left: 10px;
margin-top: 3px;
line-height: 130%;
}

.uketsuke-title a {
text-decoration: underline;
color: #ffffff;
font-weight: bold;
}

.uketsuke-title a:hover {
text-decoration: underline;
color: #0000ff;
font-weight: bold;
}

.uketsuke-body a {
text-decoration: underline;
color: #ffffff;
font-weight: bold;
}

.uketsuke-body a:hover {
text-decoration: underline;
color: #0000ff;
font-weight: bold;
}

.right-box {
margin: 0px auto;
margin-top: 2px;
width: 97%;
text-align: center;
color: #fae8ff;
margin-left: 2px;
margin-bottom: 2px;
}

.right-menubody {
margin: 0px auto;
margin-top: 1px;
margin-left: 3px;
text-align: left;
width: 97%;
padding-bottom: 3px;
font-size: 7.5pt;
line-height: 140%;
}


.shop-info {
margin: 0px auto;
margin-top: 3px;
border-top: 1px dotted #fae8ff;
width: 160px;
text-align: center;
line-height: 120%;
padding: 3px 0px 3px 0px;
}

.shop-info a {
text-decoration: none;
color: #fae8ff;
margin-top: 2px;
}

.shop-info a:hover {
text-decoration: underline;
color: #0000ff;
margin-top: 2px;
}

.wire-wrap {
margin: 0px auto;
overflow: visible;
width: 850px;
}

.wire-top {
margin: 0px auto;
margin-top: 20px;
width: 100%;
font-size: 16px;
color: #00005e;
border: 1px solid #00005e;
background-color: #f0f0ff;
padding: 7px 0px 5px 0px;
}

.wire-p-left {
margin: 0px auto;
margin-top: 15px;
width: 750px;
text-align: left;
line-height: 150%;
}

.wire-coution-title {
margin: 0px auto;
margin-top: 15px;
color: #890c08;
border-left: 5px solid #890c08;
border-bottom: 1px solid #890c08;
font-weight: bold;
font-size: 14px;
width: 750px;
padding: 2px 0px 2px 20px;
text-align: left;
}

.wire-coution-body {
margin: 0px auto;
margin-top: 7px;
border-bottom: 1px dotted #890c08;
width: 700px;
padding: 0px 12px 10px 12px;
text-align: left;
}

.wire-silicon {
margin: 0px auto;
float: left;
margin-left: 0px;
margin-top: 15px;
width: 420px;
border: 1px solid #00005e;
overflow: auto;
padding-bottom: 10px;
}

.wire-stain {
margin: 0px auto;
float: right;
margin-right: 0px;
margin-top: 15px;
width: 420px;
border: 1px solid #00005e;
overflow: auto;
padding-bottom: 10px;
}

.wire-title {
margin: 0px auto;
clear: both;
border-bottom: 3px double #00005e;
background-color: #f0f0ff;
padding: 5px 0px 5px 0px;
font-weight: bold;
color: #00005e;
}

.wire-body {
margin: 0px auto;
overflow: auto;
height: 420px;
}

.choutan-title {
margin: 0px auto;
text-align: left;
margin-top: 5px;
color: #4d4d4d;
font-weight: bold;
width: 95%;
}

.choutan {
margin: 0px auto;
text-align: left;
width: 90%;
padding-left: 15px;
margin-left: 10px;
}

.tokuchou-title {
margin: 0px auto;
text-align: left;
margin-top: 8px;
color: #4d4d4d;
font-weight: bold;
width: 95%;
border-bottom: 1px dotted #7d7d7d;
padding-left: 10px;
font-size: 14px;
}

.tokuchou {
margin: 0px auto;
text-align: left;
width: 90%;
padding-left: 15px;
margin-left: 10px;
}

.tokuchou li {
margin: 0px auto;
margin-top: 5px;
line-height: 140%;
}

.wire-close {
clear: both;
margin: 0px auto;
padding: 10px 0px 15px 0px;
}

.wire-close a {
margin: 0px auto;
padding: 5px 0px 5px 0px;
display: block;
text-decoration: none;
border: 1px solid #00005e;
background-color: #f0f0ff;
color: #00005e;
width: 150px;
}

.wire-close a:hover {
margin: 0px auto;
padding: 5px 0px 5px 0px;
display: block;
text-decoration: none;
border: 1px solid #00005e;
background-color: #ffe8e8;
color: #ff0000;
width: 150px;
}

.wire-copy {
clear: both;
margin: 0px auto;
background-color: #0000aa;
padding: 3px 0px 3px 0px;
font-size: 10px;
color: #9c9c9c;
width: 850px;
}

/* ###↓↓↓ 2011/11/リニューアル時追加箇所 ↓↓↓### */
#message {
width: 666px;
height: 5px;
float: left;
position: relative;
}
#message .msg1 {
width: 465px;
float: left;
position: absolute;
top: -300px;
left: 50px;
color: #ff0000;
}
#message .msg2 {
width: 156px;
height: 27px;
float: left;
position: absolute;
top: -215px;
left: 250px;
}
#message .msg3 {
width: 200px;
float: left;
position: absolute;
top: -115px;
left: 100px;
text-align: left;
color: #ff0000;
}