@charset utf-8;
h2     { background-image: url("gripIMG/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 }
h2#description   { background-image: url("gripIMG/page2_midashi.jpg"); background-repeat: no-repeat; display: block; margin: 0; padding: 0; position: relative; width: 720px; height: 80px }
h2#description span { display: none }
#contents .horizon    { display: block; margin: 0 auto; padding: 0; position: relative; width: 660px; height: 30px; border-bottom: 1px dashed #999 }
#contents .block1   { background-position: right 0; text-align: left; display: block; margin: 30px auto 0; padding: 0; position: relative; width: 660px }
#contents .block1 .block_left   { display: block; position: relative; width: 280px; float: left; }
#contents .block1 .block_left h3  { position: relative; border-left: 5px solid #069 }
#contents .block1 .block_left h3 span.img  { background-image: url("gripIMG/page2_midashi_content1.jpg"); background-repeat: no-repeat; display: block; margin: 0 0 0 10px; padding: 0; position: relative; width: 248px; height: 30px }
#contents .block1 .block_left h3 span.hidden  { display: none; margin: 0 0 0 10px; padding: 0 }
#contents .block1 .block_left p   { display: block; margin: 0; padding: 0; position: relative; width: 260px; border-left: 5px solid #ccc }
#contents .block1 .block_left p span { display: block; margin: 0 0 0 10px; padding: 0 }
#contents .block1 .block_right  { background-image: url("gripIMG/screen7.jpg"); background-repeat: no-repeat; display: block; position: relative; width: 370px; height: 431px; float: right }

#contents .block2   { background-position: right 0; text-align: left; display: block; margin: 30px auto 0; padding: 0; position: relative; width: 660px }
#contents .block2 .block_left   { display: block; position: relative; width: 280px; float: left; }
#contents .block2 .block_left h3  { position: relative; border-left: 5px solid #069 }
#contents .block2 .block_left h3 span.img   { background-image: url("gripIMG/page2_midashi_content2.jpg"); background-repeat: no-repeat; display: block; margin: 0 0 0 10px; padding: 0; position: relative; width: 248px; height: 30px }
#contents .block2 .block_left h3 span.hidden  { display: none; margin: 0 0 0 10px; padding: 0 }
#contents .block2 .block_left p   { display: block; margin: 0; padding: 0; width: 260px; border-left: 5px solid #ccc }
#contents .block2 .block_left p span { display: block; margin: 0 0 0 10px; padding: 0 }
#contents .block2 .block_right   { background-image: url("gripIMG/screen8.jpg"); background-repeat: no-repeat; display: block; position: relative; width: 370px; height: 351px; float: right }

#contents .block3   { background-position: right 0; text-align: left; display: block; margin: 30px auto 0; padding: 0; position: relative; width: 660px }
#contents .block3 .block_left    { display: block; position: relative; width: 260px; float: left }
#contents .block3 .block_left h3  { position: relative; border-left: 5px solid #069 }
#contents .block3 .block_left h3 span.img    { background-image: url("gripIMG/page2_midashi_content3.jpg"); background-repeat: no-repeat; display: block; margin: 0 0 0 10px; padding: 0; position: relative; width: 248px; height: 30px }
#contents .block3 .block_left h3 span.hidden  { display: none; margin: 0 0 0 10px; padding: 0 }
#contents .block3 .block_left p    { display: block; margin: 0; padding: 0; width: 260px; border-left: 5px solid #ccc }
#contents .block3 .block_left p span { display: block; margin: 0 0 0 10px; padding: 0 }
#contents .block3 .block_right    { background-image: url("gripIMG/screen9.jpg"); background-repeat: no-repeat; display: block; position: relative; width: 370px; height: 425px; float: right }

#contents .block4   { background-position: right 0; text-align: left; display: block; margin: 30px auto 0; padding: 0; position: relative; width: 660px }
#contents .block4 .block_left   { display: block; position: relative; width: 280px; float: left; }
#contents .block4 .block_left h3  { position: relative; border-left: 5px solid #069 }
#contents .block4 .block_left h3 span.img     { background-image: url("gripIMG/page2_midashi_content4.jpg"); background-repeat: no-repeat; display: block; margin: 0 0 0 10px; padding: 0; position: relative; width: 248px; height: 30px }
#contents .block4 .block_left h3 span.hidden  { display: none; margin: 0 0 0 10px; padding: 0 }
#contents .block4 .block_left p   { display: block; margin: 0; padding: 0; width: 260px; border-left: 5px solid #ccc }
#contents .block4 .block_left p span { display: block; margin: 0 0 0 10px; padding: 0 }
#contents .block4 .block_right     { background-image: url("gripIMG/screen10.jpg"); background-repeat: no-repeat; display: block; position: relative; width: 370px; height: 264px; float: right }

#contact2   { background-image: url("commonIMG/to_price.jpg"); background-repeat: no-repeat; background-position: 0 -60px; text-align: center; display: block; margin: 10px auto; padding: 0; position: relative; width: 680px; height: 50px }
#contact2 a.hidden { display: none }
#contact2 a.visible  { background-image: url("commonIMG/to_price.jpg"); background-repeat: no-repeat; display: block; width: 100%; height: 100% }
#contact2 a.visible:hover { background-position: 0 -60px }