.logo { position:fixed; top:0; width:100%; height:40px; padding-top:10px; border-bottom:1px solid #cccccc; background-color:#ffffff;}
.text01 { text-align:center; font-size:220%; font-weight:bold; color:#000000; line-height:160%;}
.text02 { text-align:center; font-size:110%; color:#000000; line-height:140%;}
.text03 { text-align:left; font-size:160%; font-weight:bold; color:#000000; line-height:160%;}
.text04 { text-align:left; font-size:110%; color:#000000; line-height:120%;}
.text05 { position:absolute; left:0; width:100%; }
.text05 button { position:absolute; top:70px; right:30px; width:80px;height:30px; }
#content { padding:20px; }
#content .prod_img { text-align:center; }
#content .prod_img img { max-width:90%; margin:0 auto; }
.bar { padding-top:10px; padding-bottom:10px; }
.bar hr { width:80px;height:2px; padding:0; margin:0 auto; background-color:#000000; border:0; }
#item { padding:0 20px; }
#item li { min-height:55px; margin:10px 0; padding:10px 20px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border:1px solid #cccccc; }

#div_open { position:fixed; left:0; top:0; z-index:8888; display:none; width:0; height:0;}
#div_open.on { width:100%; height:100%; }
#div_open iframe { width:100%; height:100%; }
#div_open div#div_close { position:absolute;bottom:5px;z-index:9999; width:100%; text-align:center; }
#div_open div#div_close img { width:50px; }



#serial { font-size:120%; margin: 0 auto; border-top:1px solid #333333; }
#serial li { clear:both; height:22px; line-height:22px; padding:5px 10px; border-bottom:1px solid #333333; }
#serial li ol { float:left; width:40%; font-weight:bold; color:#000000; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; }
#serial li dd { white-space:nowrap; text-overflow: ellipsis; overflow:hidden; }
#serial li.sub { font-weight:bold; color:#000000; background-color:#eeeeee; border-top:1px solid #333333; border-bottom:2px solid #333333; }



.copyright { position:fixed; bottom:0; width:100%; text-align:center; padding:10px 0; background-color:#cccccc; font-size:80%; }

.full_width {
    width:100%;
    max-width:1000px;
}
.text02 li {
    margin:20px 0;
}
.table-wrap {
    border:1px solid #ccc;
    border-radius:5px;
    overflow:auto;
}
table {
    border-style:hidden;
}
thead {
    background-color: #f5f5f5;
    font-weight:700;
}
tr {
    border:1px solid #cccccc;
}
td {
    border:1px solid #cccccc;
    text-align:center;
    padding:10px;
}
.no-sup {
    background-color: #f5f5f5;
}

/***********************************************************************************/

@media (min-width: 500px) { 
	#item li { max-width:500px; margin:10px auto; }
	#serial { max-width:500px; margin:10px auto; }
}