@media screen and (max-width:620px)

dl,dt,dd {

 margin:0;

 padding:0;

}

dd {

 margin-left:1em;

}

dt {

 color:#fff;


 font-weight:bold;

 background-color:#666;


 font-size:100%;


 border-bottom:solid 1px #000;

 border-left:solid 8px #222;


 padding:2px 0 1px 5px;

 margin:0 0 3px 0;

}

.h_off {

 color:#003;


 font-weight:normal;

 background-color:#fff;


 font-size:100%;


 border:0;

 padding:0;

 margin:0;

}

.main_contents {

 float:left;

 width:500px;

}



/* information_box */

.information {

 width:296px;

 float:right;

 border:solid 1px #999;

 padding:0;

}



/* ���� */



h3 {


 color:#fff;


 background-color:#666;


 font-size:100%;


 border-bottom:solid 1px #000;

 border-left:solid 8px #222;


 padding:2px 0 1px 5px;

 margin:0 0 3px 0;

}



h4 {


 color:#55a;


 background-color:#eee;


 border-top:dashed 1px #aaa;


 border-left:dashed 1px #aaa;


 border-bottom:solid 1px #fff;


 padding:1px 0px 0px 10px;


 margin:3px 0 3px 0;


}