@charset "utf-8";

/***********************************
  Agenda ATENASHOKUNIN.com
  www/new/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:37px 0 2px; 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;}
div#box h3 {padding-bottom:15px;}
div#box div#box-mac {width:380px; float:left;}
div#box div#box-win {width:380px; float:right;}

/*--detail--*/
dl.detail {padding-bottom:35px;}
dl.detail dt {width:140px; float:left;}
dl.detail dd {padding-left:155px;}
dl.detail dd ul {list-style:none;}
dl.detail dd ul li {width:220px; height:50px; overflow:hidden; margin-top:10px;}
dl.detail dd ul li#btn-mac01 {background:url(./images/btn_mac01_ov.gif);}
dl.detail dd ul li#btn-mac02 {background:url(./images/btn_mac02_ov.gif);}
dl.detail dd ul li#btn-win01 {background:url(./images/btn_win01_ov.gif);}
dl.detail dd ul li#btn-win02 {background:url(./images/btn_win02_ov.gif);}
dl.detail dd ul li a {display:block;}
dl.detail dd ul li a:hover {background-color:transparent;}
dl.detail dd ul li a:hover img {visibility:hidden;}

/*--history_list--*/
div#box div.list-btn-box {background:url(./images/line.gif) bottom no-repeat; padding-bottom:4px;}
div#box div.list-btn-box ul.list-btn {list-style:none; position:absolute; width:130px; height:22px; margin:-21px 0 0 250px;}
div#box div.list-btn-box ul.list-btn li.list-btn01 {float:left;}
div#box div.list-btn-box ul.list-btn li.list-btn02 {float:right; width:95px; height:22px; overflow:hidden; background:url(/common/images/btn_list_ov.gif);}
div#box div.list-btn-box ul.list-btn li.list-btn02 a {display:block;}
div#box div.list-btn-box ul.list-btn li.list-btn02 a:hover {background-color:transparent;}
div#box div.list-btn-box ul.list-btn li.list-btn02 a:hover img {visibility:hidden;}
div#box ul.history {list-style:none; padding:15px 10px 30px;}
div#box ul.history li {background:url(./images/lm01.gif) left 5px no-repeat; padding-left:12px; margin-bottom:10px;}
div#box ul.history li dt {width:6em; float:left;}
div#box ul.history li dd {padding-left:6em;}