html{
   height:100%;
}

body{
   height:100%;
   margin:0;
   padding:0;
   text-align:center;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

img.logo{
   float:left;
}

a img{
 border:none;
}

ul.navigation{
   padding:0;
   margin:0 0 0 0;
   float:right;
}
ul.navigation li{
   display:inline;
   list-style-type:none;
   float:left;
}
ul.navigation li a{
   text-decoration:none;
   color:#fff;
   font-size:12px;    
}

dl{
   margin:0 0 1em 1.5em;
}

dt{
   font-weight:bold;
   margin-bottom:1em;
   margin-top:2em;
}

dt:first-child{
   margin-top:0;
}

dd{
  border-left:1px solid #333;
  padding:0 0 0 1.5em;
}

dd .next{
   width:100%;
   text-align:center;
   margin-top:1em;
}

table{
   text-align:center;
   width:100%;
   border:solid #333;
   border-width:1px;
   border-collapse: collapse;
   border-spacing: 0;
}

table#orderform{
   text-align:left;
   border:none;
}

table#orderform td{
   border:none;
   border-bottom:1px solid #999;
   border-top:1px solid #999;
   padding:0.5em 0 0.5em 1.5em;  
}

table#orderform td.noborder{
   border:none;
}

th {
   color:#fff;
   background-color:#333;
   border:none;
}

td {
   border:solid #333;
   border-width: 0 0 1px 1px;
   padding:0.5em 0 0.5em 0;
}

td.semihead{
   border:solid #333;
   border-width: 0 0 1px 0 ;
   font-weight:bold;
   background-color:#ddd;
}

td.mac{
   border-width: 0 0 1px 1px ;
   font-weight:bold;
   color:#fff;
   background-color:#ff9966;
   width:200px;
}

td.win{
   border-width: 0 0 1px 1px ;
   font-weight:bold;
   color:#fff;
   background-color:#cc99cc;
   width:200px;
}

td.jp{
   border-width: 0 0 1px 1px ;
   font-weight:bold;
   color:#fff;
   background-color:#9fdf8c;
   width:200px;
}

.smallfont{
   font-size:12px;
}

dd table{
   width:60%;
}

p.smalltxt{
   font-size:12px;
   margin:2em 0 2em 0;
}

p.extrainfo{
   background:#eee;
   border:1px solid #333;
   margin:2em 0 1em 0;
   padding:1.5em;
}

#container{
   position:relative;
   width:100%;
   height:auto !important; /* real browsers */
   height:100%; /* IE6: treaded as min-height*/
   min-height:100%; /* real browsers */
}

#headernav{
   width:100%;
   height:45px;
   background-color:#232323;   
}

#header{
   width:100%;
   height:235px;
   background:transparent url("../images/header_bg.jpg") repeat-x top left;
}

#main{
   width:100%;
   min-height:500px;
   background-color:#fff;
   padding:0 0 2em 0;
   margin:0;
   color:#333;
}

.content{
   padding:0;
   margin:0 auto;
   width:860px;
   text-align:left;
}

#main div.content{
   padding:0 30px 0 30px;
}

div.toppagebg{
   background:transparent url("../images/top_page_bg.jpg") no-repeat top center;
}

.sectionbtn{
   margin:20px 10px 0 20px;
}

#footer{
   width:100%;
   height:195px;
   bottom:0px;
   left:0;
   padding:35px 0 0 0;
   background:transparent url("../images/footer_bg.jpg") repeat-x top left;
   color:#fff;
}

#footer a{
color:#fff;
text-decoration:none;
}