@charset "utf-8";

/* CSS Document */

div#pagebase { background: url(images/bg_pagebase_sws.gif) 0 0 repeat-x;}

div.l_area{ float: left; display: inline; width:310px; background: url(images/bg_area.gif) 0 0 repeat-x; padding-top:40px;}
div.r_area{ float: left; display: inline; width:625px; background: url(images/bg_area.gif) 0 0 repeat-x; margin-left:5px; padding-top:40px;}

div#cont_area { padding-top:2em;}

/**/

div.l_area h2{ margin-bottom:20px;}
div.l_area h2#stt_spec{ background:url(images/stt_spec.gif) 0 0 no-repeat; width: 291px; height:17px; text-indent: -999em; margin-left:10px;}

div.l_area dl{ font-size:75%; list-style: none; margin-bottom:14px; line-height:16px; padding: 0 10px;}
div.l_area dt{ float:left; display: inline; width: 70px; margin-right:10px;
					  font-size:10px; border-bottom: 1px solid #E1E1E1; color:#7A7A7A;}
div.l_area dd{  float:left; display: inline; border-bottom: 1px solid #E1E1E1; width:210px; margin-bottom:16px;}
div.l_area p { font-size: 12px; padding: 0 10px;}
div.l_area p span { font-weight:bold; font-size:16px; }

p.btn { text-align:center; margin-top:20px;}
p.btn a{ background:url(btn_buy2.gif) 0 0 no-repeat; width:170px; height:28px; text-indent:-999em; display: block; overflow: hidden; margin:0 auto;}
p.btn a:hover{ background:url(btn_buy2.gif) 0 -28px no-repeat;}
.btn_sub{ text-align:center;}

/**/

div.r_area h2{ margin-left:16px; margin-bottom:20px; font-size:85%;}
div.r_area h2#stt_gallery{ background:url(images/stt_gallery.gif) 0 0 no-repeat; width:596px; height:17px; text-indent: -999em; margin-bottom:20px;}
#stt_read{ margin-top:10px;}
div.r_area h3{ margin: 14px 0 6px 34px; font-size:85%;}
div.r_area ul{ padding-left:34px;}
div.r_area li{ float:left; display: inline; margin-right:4px; margin-bottom:2px;}
div.r_area li.pg_area a img{ border: 6px solid #cccccc; padding:1px}
div.r_area li.pg_area a:hover img { border: 6px solid #cc3333; padding:1px}
div.r_area p{ padding: 5px 34px; font-size: 75%; line-height: 140%;}


/**/