@charset utf-8;
h2   { background-image: url("use_and_priceIMG/headline.jpg"); background-repeat: no-repeat; text-align: left; display: block; margin: 20px 0 0; padding: 0; position: relative; width: 720px; height: 26px }
h2 span { display: none }
#contents .text   { font-size: 13px; line-height: 150%; text-align: left; display: block; margin: 20px auto; padding: 0 0 20px; width: 660px; border-bottom: 1px dashed #ccc }
#contents .text ol { margin: 5px 0 0 26px; padding: 0 }
#contents #model1    { background-image: url("use_and_priceIMG/image_model1.jpg"); background-repeat: no-repeat; text-align: left; display: block; margin: 0 auto 30px; padding: 0 0 20px; position: relative; width: 660px; height: 394px; float: none; clear: both; overflow: visible; border-bottom: 1px dashed #ccc }
#contents #model1 h3  { color: #069; display: block; margin: 0; padding: 3px 0; position: relative; width: 400px; border-left: 5px solid #069 }
#contents #model1 h3 span { font-size: 16px; display: block; margin: 0 0 0 5px; padding: 0 }
#contents #model1 .paragraph    { display: block; margin: 0; padding: 3px 0; position: relative; width: 352px; border-left: 5px solid #ccc }
#contents #model1 .paragraph .theme { margin: 0 0 0 5px; padding: 0 }
#contents #model1 .paragraph .use { margin: 0 0 0 5px; padding: 0 }
#contents #model1 .paragraph h4 { color: #009767; font-size: 14px; margin: 10px 0 5px; padding: 0 }
#contents #model1 .paragraph .price_block     { display: block; margin: 10px 0 0 5px; padding: 0; position: relative; width: 352px; float: none; clear: both }
#contents #model1 .paragraph .price_block .price_line   { display: block; margin: 0; padding: 10px 0 0; position: relative; width: 352px; float: none; clear: both }
#contents #model1 .paragraph .price_block .price_line h5    { color: #d80000; font-size: 16px; display: block; margin: 0; padding: 0; position: relative; width: 80px; float: left }
#contents #model1 .paragraph .price_block .price_line .price     { color: #d80000; font-size: 20px; font-weight: bold; text-align: right; display: block; margin: 0; padding: 0; position: relative; width: 100px; float: left; border-left: 5px solid #d80000 }
#contents #model1 .paragraph .price_block .price_line .price:after { float: none; clear: both }
#contents #model1 .paragraph .price_block:after { float: none; clear: both }

#contents #model2     { background-image: url("use_and_priceIMG/image_model2.jpg"); background-repeat: no-repeat; text-align: left; display: block; margin: 0 auto 30px; padding: 0 0 20px; position: relative; width: 660px; height: 394px; min-height: 394px; max-height: 1em; float: none; clear: both; overflow: visible; border-bottom: 1px dashed #ccc }
#contents #model2 h3  { color: #069; display: block; margin: 0; padding: 3px 0; position: relative; width: 400px; border-left: 5px solid #069 }
#contents #model2 h3 span { font-size: 16px; display: block; margin: 0 0 0 5px; padding: 0 }
#contents #model2 .paragraph    { display: block; margin: 0; padding: 3px 0; position: relative; width: 352px; border-left: 5px solid #ccc }
#contents #model2 .paragraph .theme { margin: 0 0 0 5px; padding: 0 }
#contents #model2 .paragraph .use { margin: 0 0 0 5px; padding: 0 }
#contents #model2 .paragraph h4 { color: #009767; font-size: 14px; margin: 10px 0 5px; padding: 0 }
#contents #model2 .paragraph .price_block     { display: block; margin: 10px 0 0 5px; padding: 0; position: relative; width: 352px; float: none; clear: both }
#contents #model2 .paragraph .price_block .price_line   { display: block; margin: 0; padding: 10px 0 0; position: relative; width: 352px; float: none; clear: both }
#contents #model2 .paragraph .price_block .price_line h5    { color: #d80000; font-size: 16px; display: block; margin: 0; padding: 0; position: relative; width: 80px; float: left }
#contents #model2 .paragraph .price_block .price_line .price     { color: #d80000; font-size: 20px; font-weight: bold; text-align: right; display: block; margin: 0; padding: 0; position: relative; width: 100px; float: left; border-left: 5px solid #d80000 }
#contents #model2 .paragraph .price_block .price_line .price:after { float: none; clear: both }
#contents #model2 .paragraph .price_block:after { float: none; clear: both }
#contents #contact { background-image: url("commonIMG/contact.jpg"); background-repeat: no-repeat; background-position: 0 -45px; display: block; margin: 30px auto; padding: 0; position: relative; width: 680px; height: 35px }
#contents #contact a.hidden { display: none }
#contents #contact a.visible { background-image: url("commonIMG/contact.jpg"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 100%; height: 100% }
#contents #contact a.visible:hover { background-position: 0 -45px }