html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
font-family: Tahoma, arial, helvetica, sans-serif;
width: 100%;
}
ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
color: #A41A4E;
}
a:hover {
color: #FD2F3D;
}
a.st, a.xst {
color: #000;
text-decoration: none;
}
a.st:hover {
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

/* general */

.affd {
cursor: pointer;
position: relative;
top: 2px;
}

.brdr {
border: #DADADA 1px solid;
}

#con {
width: 984px;
margin: 0px auto;
}

#con h1 {
}

#con h1 img {
padding: 25px 0px 13px 0px;
}

#con h1 img.small {
padding: 10px 0px;
}

.links {
border-color: #D8D8D8;
border-width: 1px 0px;
border-top-style: dashed;
border-bottom-style: solid;
padding: 6px 0px 9px;
}

.links p {
font-size: 13px;
line-height: 18px;
}

.clear {
clear: both;
height: 1px;
}

.jsw {
background-color: #FFEDC1;
border-color: #FE9B00;
border-style: solid;
border-width: 2px 0;
color: #000000;
font-size: 11px;
line-height: 15px;
margin: 12px 0 6px;
padding: 3px 20px 7px 62px;
background-image: url("images/jsw.gif");
background-repeat: no-repeat;
background-position: 8px 9px;
}

.jsw strong {
color: #B44000;
font-size: 14px;
line-height: 21px;
}

/* index */

.infeat {
border-bottom: #DADADA 1px solid;
}

.infeat h3 {
margin: 35px 0px 10px 0px;
font-size: 35px;
}

.featb4 {
width: 246px;
float: left;
text-align: center;
}

.featb4 img {
padding: 0px 2px;
}

.featb4 p {
margin: 21px 0px 34px 0px;
font-size: 23px;
}

.infeat .links {
clear: left;
text-align: right;
font-size: 12px;
margin: 0px 8px 15px 8px;
border-width: 0px;
padding: 0px;
}

.inlist {
background: url("images/bg_ind_unimp.jpg") repeat-x;
border-bottom: #DADADA 1px solid;
width: 100%;
overflow: hidden;
}

.listb4 {
width: 200px;
padding-left: 38px;
float: left;
margin-bottom: 16px;
display: inline;
}

.listb4 h3 {
margin: 16px 0px 12px 0px;
font-size: 24px;
text-align: center;
width: 179px;
line-height: 28px;
}

.listb4 img {
margin: 0px 0px 11px 2px;
}

.listb4 p {
font-size: 12px;
line-height: 18px;
width: 205px;
}

.inlist .links {
clear: left;
text-align: right;
font-size: 12px;
margin: 0px 8px 15px 8px;
}

.intit {
border-bottom: #DADADA 1px solid;
}

.intit h2 {
font-size: 40px;
line-height: 50px;
font-weight: normal;
margin: 22px 0 13px;
}
/* series */

.profeat {
height: 277px;
}

.grad {
background: repeat-y url("images/bg_feat.jpg");
}

.pr_copy {
height: 202px;
}

.featim {
float: left;
position: relative;
}

.featcon {
width: 440px;
float: left;
position: relative;
}

.featcon h3 {
font-size: 35px;
margin: 0px 0 10px;
width: 440px;
}

.featcon h4 {
font-size: 24px;
margin: 0px 0 1px;
width: 325px;
}

.featcon h5 {
font-size: 24px;
margin-bottom: 8px;
margin-top: 16px;
}

.featcon p {
font-size: 13px;
line-height: 18px;
margin: 6px 0px 0px 0px;
width: 325px;
}

.featcon ul.smed {
border: #D8D8D8 solid;
border-width: 1px 0;
margin: 32px 0 0 0;
padding: 3px 0 1px;
height: 30px;
width: 185px;
}

.featcon.white h3, .featcon.white h4, .featcon.white h4 a, .featcon.white p, .featcon.white li a.st, .featcon.white li a.xst, .featcon.white a.st:hover, .featcon.white a.xst:hover {
color: #ffffff;
}

.featcon.white a {
color: #F6CFC6;
}

.featcon.white a:hover {
color: #FAE7E2;
}

.featcon ul.smed li {
margin: 4px 0 2px 0;
float: left;
height: 20px;
font-size: 11px;
background-repeat: no-repeat;
padding-top: 3px;
}

.featcon ul.smed li a {
color: #666;
text-decoration: none;
}

.featcon.white ul.smed li a {
color: #aaa;
text-decoration: none;
}

li.twitter {
background-image: url("images/bg_ico_twt.gif");
background-position:5px 0;
padding: 0 10px 0 32px;
}

li.delic {
background-image: url("images/bg_ico_dlcs.gif");
background-position: 8px 0px;
padding: 0 10px 0 32px;
}

.prolist {
clear: left;
}

.prolist h4 {
border-top: #D8D8D8 1px solid;
font-size: 22px;
clear: left;
margin-bottom: 17px;
padding-top: 13px;
}

.proli5 {
float: left;
width: 166px;
margin: 0px 30px 5px 0px;
border-bottom: #D8D8D8 1px solid;
padding-bottom: 3px;
}

.th_cont {
width: 166px;
height: 171px;
overflow: hidden;
}

.proli5 img {
border-top: #D8D8D8 1px solid;
padding: 16px 14px 5px;
}

.proli5 img.zoom {
border-width: 0px;
padding: 0px;
position: relative;
top: -32px;
cursor: pointer;
}

.proli5 p {
font-size: 11px;
line-height: 16px;
margin: 8px 0px;
}

.proli5 h5 {
font-size: 17px;
margin-bottom: 10px;
margin-top: 4px;
}

.prolidyo {
float: left;
width: 166px;
margin: 0px 30px 5px 0px;
border-bottom: #D8D8D8 1px solid;
padding-bottom: 3px;
}

.prolidyo p {
font-size: 11px;
line-height: 16px;
margin: 7px 0 8px 0;
}

.prolidyo h5 {
font-size: 17px;
margin-bottom: 0;
}

/* product */

.prod {
background-image: url(images/bg_prod.jpg);
background-repeat: repeat-y;
padding-bottom: 25px;
border-bottom: 1px solid #D8D8D8;
}

.pbs {
float: right;
padding: 0;
}

.dyo {
float: right;
padding-right: 8px;
}
/* iFrame */

#spreadShopContainer {
width: 854px;
padding: 10px;
margin: 0px auto;
border: #D8D8D8 1px solid;
background-color: #fff;
clear: both;
}

#spreadShopContainer h3 {
border-top: #D8D8D8 1px solid;
margin: 0px;
padding: 15px 9px 2px 9px;
line-height: 32px;
font-size: 28px;
}

#spreadShopContainer h3 .discl {
clear: right;
color: #666666;
display: inline-block;
font-size: 12px;
line-height: 22px;
margin-top: 5px;
}

#Spreadshop {
border-top: #D8D8D8 1px solid;
border-bottom: #D8D8D8 1px solid;
padding: 10px 0px;
}

/* info */

.intext h3 {
font-size: 28px;
margin: 10px 0 8px;
line-height: 38px;
}

.intext h4 {
font-size: 16px;
font-weight: bold;
margin: 16px 0 4px;
line-height: 22px;
}

.intext h5 {
font-size: 14px;
margin: 4px 0 12px;
line-height: 17px;
padding-bottom: 8px;
border-bottom: #DADADA 1px dashed;
color: #777777;
}

.intext p {
font-size: 12px;
width: 730px;
margin: 7px 0 16px;
line-height: 16px;
}

.intext ol {
padding: 0;
margin: 7px 0 16px;
width: 730px;
}

.intext li {
font-size: 12px;
line-height: 16px;
margin: 7px 0 7px 33px;
padding: 0;
}

/* footer */

#footer {
clear: both;
border-top: #D8D8D8 1px solid;
font-size: 11px;
margin: 10px 0px 20px;
padding-top: 10px;
}