/* CSS Document */
body{font-family:"Hiragino Kaku Gothic Pro", Verdana, Arial, Meiryo,sans-serif; font-size: 13px;  color: #333333; text-decoration: none; background-color:#969696;}
#head, #content, #foot, #all,#slideshow, #go{ margin: 0 auto;}
ul, li{list-style:none;}
#all{width:866px; background-color:#FFFFFF; position: relative; height:auto; top:0px; background-image:url(../images/bg.gif); background-repeat:repeat-y;}
*{margin:0;padding:0;}
input{padding:1px 3px 1px 3px; height:14px; font-size:12px; vertical-align:middle;}
a{font-size: 12px; color:#333333; text-decoration: none;}
a:hover{color: #447ED2; text-decoration: underline}
#head{top:1px; left:20px; height:112px; width:800px; text-align:left; background-color:#FFFFFF; margin-bottom:5px;}
#head-r{float:right; text-align:right; width:530px; line-height:10px; margin-top:12px;}
#head-r input{ border:1px solid #CCCCCC; line-height:15px; padding-left:3px; padding-top:1px;padding-bottom:1px; padding-right:3px; margin-right:5px;}
#content{text-align:left; width:800px; min-height:700px; height:auto; margin-top:5px; line-height:10px; background-color:#FFFFFF;}
#content input{border:1px solid #7F9DB9; line-height:15px; padding:1px 3px 1px 3px; margin-left:5px;}
#content textarea{border:1px solid #7F9DB9; line-height:15px; padding-left:3px; padding-top:1px;padding-bottom:1px; padding-right:3px; margin-right:5px; margin-left:5px;}
#content select{border:1px solid #7F9DB9; line-height:15px; padding-left:3px; padding-top:1px;padding-bottom:1px; padding-right:3px; margin-right:5px; margin-left:5px;}
#content-l{width:200px; height:auto; float:left;}
#content-l input{border:1px solid #7F9DB9; line-height:16px; padding:2px 3px 2px 3px; margin-right:5px; margin-left:5px; margin-bottom:3px; width:155px;}
#content-l1{width:185px; height:auto; float:left; margin-left:15px;}  
#content-l1 input{border:1px solid #7F9DB9; line-height:16px; padding:2px 3px 2px 3px; margin-right:5px; margin-left:5px; width:155px;}
#content-l1 a{font-size: 12px; color:#666666; text-decoration: none;}
#content-l1 a:hover{color: #447ED2; text-decoration: underline}
#content-r{width:600px; height:auto; float:right; font-size:12px;}
#content-r a{color:#0033BB; font-size:12px;}
#content-r a:hover{color:#447ED2; font-size:12px;}
#content-r li{background-image:url(../images/a4.gif); text-indent:16px; background-repeat:no-repeat;}
#content-r input{border:1px solid #7F9DB9; line-height:16px; padding:0px 3px 1px 3px; margin:5px 0px 5px 5px; height:18px; width:200px;}
#foot{width:800px; height:162px; text-align:center; margin-top:5px; background-color:#FFFFFF; margin-bottom:10px; line-height:17px;}
#foot-r{width:400px; height:20px; text-align:right; float:right; margin-top:2px; background-color:#FFFFFF;}
.box1{border:1px solid #CACACA; background-color:#F3F3F3; width:177px; height:auto; padding:3px;}
.box2{border:1px solid #CACACA; background-image:url(../images/b1.gif); width:175px; height:auto; line-height:20px; padding:4px; padding-top:8px;}
.box3{background-color:#F3F3F3; width:185px; height:auto; border-top:2px solid #F3F3F3; font-weight:bold;}
.box3 a{background-image: url(../images/b4.gif); background-repeat:no-repeat; text-indent:30px; font-size: 12px; color:#666666; text-decoration: none; display: block; margin: 0; width: auto; white-space: nowrap; line-height:30px;}
.box3 a:hover{background-image: url(../images/b5.gif); background-repeat:no-repeat; color:#333333;}
.box4{width:185px; height:auto; text-align:center;}
.box5{height:auto; width:589px; background-color:#F3F3F3; padding:3px; padding-left:5px; padding-right:5px; line-height:25px;}
.box6{height:auto; width:589px; background-color:#FFFFFF; padding:3px; padding-left:5px; padding-right:5px; line-height:25px;}
.box7{height:auto; width:582px; background-color:#FFFFFF; padding:8px; line-height:22px; border-bottom:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC;}
.box7 li{background-image: url(../images/a3.gif); text-indent:13px; line-height:20px; background-repeat:no-repeat;}
.box8{height:auto; margin-right:10px; width:180px; padding:5px; line-height:20px; float:left;}
.box9{width:278px; float:left; line-height:20px; padding-left:5px;}
.box9 li{background-image: url(../images/a3.gif); text-indent:13px; line-height:20px; background-repeat:no-repeat;}
.box10{height:auto; width:582px; background-color:#FFFFFF; padding:8px; line-height:22px; border:solid 1px #CCCCCC;}
.cert{line-height:21px;}
.cert-l{width:150px; float:left;}
.cert-r{width:435px; float:right; line-height:23px; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.cert-rb{padding-top:3px; height:28px; width:435px; float:right;margin-right:3px;}
.exam1{width:130px; float:left; line-height:18px; padding-left:5px;}
.exam1 li{background-image: url(../images/a3.gif); text-indent:13px; line-height:18px;}
.exam2{width:60px; float:left; line-height:18px; padding-left:5px;}
.cert1{width:188px; float:left; line-height:20px; text-align:center; height:90px;}
.red1{color:#FF0033; font-size:13px;}
.red2{font-family: Arial; color:#CC3300; font-weight:bold; font-size:16px;}
.red3{color:#FF0033; font-size:13px; float:right;}
.buy{float:right; width:129px; height:27px; border:0px;}
.td{padding:5px;}
.blue{color:#0033BB;}
.black{color:#000000; font-weight:bold;}
.box11{height:auto; background-color:#F3F3F3; padding:2px 0px 2px 0px; line-height:25px;}
.box11 a{text-indent:30px; font-size: 12px; color:#666666; text-decoration: none; display: block; margin: 0; width: auto; white-space: nowrap; line-height:30px; font-weight:normal;}
.box11 a:hover{background:#CCCCCC; color:#333333;}
.box12{height:auto; background-color:#FFFFFF; padding:2px 0px 2px 0px; line-height:25px;}
.box12 a{text-indent:30px; font-size: 12px; color:#666666; text-decoration: none; display: block; margin: 0; width: auto; white-space: nowrap; line-height:30px; font-weight:normal;}
.box12 a:hover{background:#CCCCCC; color:#333333;}
.box13{background-color:#F5F5F5; border:solid 3px #CCCCCC; padding:10px; line-height:22px; margin-top:10px; margin-bottom:10px;}
#cart{padding:3px;}
.c_top{padding:0px 0px 0px 4px; font-size:11px;}
.white{color:#FFFFFF;}
.view_cart{line-height:24px; margin-top:8px; margin-bottom:8px;}
.id{text-indent:95px; height:32px;}
.email{text-indent:65px; height:32px;}
.name{text-indent:96px; height:32px;}
.password{text-indent:48px; height:32px;}
.password1{text-indent:13px; height:32px;}
.password2{text-indent:0px; height:32px;}
.country{text-indent:84px; height:32px;}
.prefecture{text-indent:60px; height:25px;}
.vericode{text-indent:43px; height:25px;}
#newsletter{text-indent:0px;}
#newsletter input{border:1px; width:18px; height:18px;}
.tb_cell1{border-bottom:solid 1px #CCCCCC; height:33px; padding-left:4px;}
.tb_cell2{border-bottom:solid 1px #CCCCCC; height:33px; text-align:center;}
tr.odd{text-align:center; background-color:#F3F3F3;}
tr.odd:hover{background-color:#CCCCCC; color:#FFFFFF;}
tr.even{text-align:center; background-color:#F8F8F8;}
tr.even:hover{background-color:#CCCCCC; color:#FFFFFF;}
.download{margin:5px; padding:4px; color:#333333; text-align:left;}
tr.odd1{text-align:center; background-color:#F3F3F3;}
tr.even1{text-align:center; background-color:#F8F8F8;}
.tm{vertical-align:top;font-weight:bold;padding-top:8px;}

/*** set the width and height to match your images **/
#slideshow { position:relative; height:250px; width:800px; margin-bottom:5px; margin-top:-3px; }
#slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 250px; background-color: #FFF; }
#slideshow DIV.active { z-index:10; opacity:1.0; }
#slideshow DIV.last-active { z-index:9; }
#slideshow DIV IMG { height: 250px; display: block; border: 0; margin-bottom: 10px; }

#go{margin-bottom:5px; text-align:center; width:758px; padding-left:40px; border:solid 1px #999;}
.goo{margin-right:40px; float:left;}