@charset "utf-8";
@media screen,print {
#main .obmessage { width: 560px; margin: 0 auto; }

#main .obmessage h1 { display: block; width: 560px;  text-align: center; }
#main .obmessage h2 { margin-top: 16px; }

#main .obmessage div.oblist {  }
#main .obmessage div.oblist h2 {  }
#main .obmessage div.oblist ul {  }
#main .obmessage div.oblist ul li { width: 258px; height: 100px; float: left; list-style-type: none; margin: 16px 0px 0px; }
#main .obmessage div.oblist ul li.right { margin-left: 44px; }

#main .obmessage div.faq { display: block; width: 560px; margin-top: 24px; background-repeat: repeat-y; }
#main .obmessage div.faq img.portrait { display: block; width: 140px; height: 210px; float: left; }
#main .obmessage div.faq dl { display: block; width: 400px; float: right; }
#main .obmessage div.faq dl dt { padding: 8px 0px 8px; margin: 0; font-size: 85%; line-height: 160%; }
#main .obmessage div.faq dl.gc dt { color: #3366cc; }
#main .obmessage div.faq dl.ani dt { color: #ff0066; }
#main .obmessage div.faq dl dd { background-color: #eeeeee; padding: 16px 16px 16px; margin: 0; font-size: 85%; line-height: 160%; }
#main .obmessage div.faq-single { display: block; width: 560px; margin-top: 24px; background-repeat: repeat-y; }
#main .obmessage div.faq-single img.portrait { display: block; width: 140px; height: 210px; float: left; }
#main .obmessage div.faq-single dl { display: block; width: 560px; }
#main .obmessage div.faq-single dl dt { padding: 8px 0px 8px; margin: 0; font-size: 85%; line-height: 160%; }
#main .obmessage div.faq-single dl.gc dt { color: #3366cc; }
#main .obmessage div.faq-single dl.ani dt { color: #ff0066; }
#main .obmessage div.faq-single dl dd { background-color: #eeeeee; padding: 16px 16px 16px; margin: 0; font-size: 85%; line-height: 160%;  }
#main .obmessage div.gc { background-image: url(/image/etc/obmessage/bg-line-blue.gif); }
#main .obmessage div.ani { background-image: url(/image/etc/obmessage/bg-line-red.gif); }

#main .obmessage dl.prizelist { margin-top: 24px; }
#main .obmessage dl.prizelist dt { font-size: 95%; line-height: 160%; margin: 0; padding: 0; font-weight: bold; }
#main .obmessage dl.prizelist dd { margin: 8px 0 0; height: 1.6em; border-bottom: 1px dotted #999999; font-size: 75%; line-height: 160%; }
#main .obmessage dl.half {  }
#main .obmessage dl.half dd { width: 49%; display: block; float: left; overflow: hidden; }

#main .obmessage ul.masterpiece { margin: 24px 0 0; }
#main .obmessage ul.masterpiece li { display: block; float: left; width: 175px; /* 176+16+176+16+176=560 */  margin: 0 0 0 16px; }
#main .obmessage ul.masterpiece li.first { margin-left: 0; }
#main .obmessage ul.masterpiece li.size336 { width: 368px; /* 368+16+176=560 */ }
#main .obmessage ul.masterpiece li.size560 { width: 560px; }
#main .obmessage ul.masterpiece li.size560 img { padding: 0 0 8px; }
#main .obmessage ul.masterpiece li.size560 img.right-space { display: inline; float: left; padding: 0 16px 8px 0; }
#main .obmessage ul.masterpiece li p { font-size: 75%; padding-top: 2px; line-height: 160%; font-family: Verdana; }


} /* end screen,print */

@media print {
} /* end print */

