@charset "utf-8";

/***********************************
  Agenda ATENASHOKUNIN.com
  www/products/style.css
***********************************/

@import "/common/css/base.css";


/*==================================
  Main Layout
==================================*/
div#contents {background:#242424 url(./images/back.jpg) top repeat-x; padding-bottom:35px;}
div#visual {background:url(./images/visual.jpg) top center no-repeat;}
div#visual h2 {width:900px; padding:47px 0 30px; margin:0 auto;}
div#outline {width:900px; margin:0 auto;}
div#line01 {background:url(./images/back_main.png); height:25px; width:900px;}

div#main {background:#fff; padding:20px 40px 30px;}
div#box {background:url(./images/back_line.gif) top center repeat-y; margin-bottom:20px;}
div#box h3 {padding-bottom:5px;}
div#box div#box-mac {width:380px; float:left;}
div#box div#box-win {width:380px; float:right;}

div#box dl.products {padding:20px 0 3px 8px; border-bottom:1px solid #ccc;}
div#box dl.products dt {width:100px; float:left;}
div#box dl.products dd {padding:10px 0 0 120px;}
div#box dl.products dd h4 {font-size:12px; padding-bottom:10px;}
div#box dl.products dd p {width:95px; height:22px; overflow:hidden; background:url(/common/images/btn_detail_ov.gif); margin:40px 0 0 150px;}

div#box dl.products dd p a {display:block;}
div#box dl.products dd p a:hover {background-color:transparent;}
div#box dl.products dd p a:hover img {visibility:hidden;}