/* needed for IE to make :active state work first time */
a, a:visited  { color: #005d5d } 

/* common styling for all galleries */
a.gallery, a.gallery:visited    { text-decoration: none; display: inline-block; margin: 4px; z-index: 50; width: 47px; height: 47px; float: left; border: solid 1px #818181 }
a.slidea   { background: url("../photo/tool/thum/001.jpg") }
a.slideb   { background: url("../photo/tool/thum/002.jpg") }
a.slidec   { background: url("../photo/tool/thum/003.jpg") }
a.slided   { background: url("../photo/tool/thum/004.jpg") }
a.slidee   { background: url("../photo/tool/thum/005.jpg") }
a.slidef   { background: url("../photo/tool/thum/006.jpg") }
a.slideg   { background: url("../photo/tool/thum/007.jpg") }
a.slideh   { background: url("../photo/tool/thum/008.jpg") }
a.slidei   { background: url("../photo/tool/thum/009.jpg") }
a.slidej   { background: url("../photo/tool/thum/010.jpg") }
a.slidek { background: url("../photo/tool/thum/011.jpg") }
a.slidel { background: url("../photo/tool/thum/012.jpg") }
a.slidem { background: url("../photo/tool/thum/013.jpg") }
a.sliden { background: url("../photo/tool/thum/014.jpg") }
a.slideo { background: url("../photo/tool/thum/015.jpg") }
a.slidep { background: url("../photo/tool/thum/016.jpg") }
a.slideq { background: url("../photo/tool/thum/017.jpg") }
a.slider { background: url("../photo/tool/thum/018.jpg") }
a.slides { background: url("../photo/tool/thum/019.jpg") }
a.slidet { background: url("../photo/tool/thum/020.jpg") }
a.slideu { background: url("../photo/tool/thum/021.jpg") }
a.slidev { background: url("../photo/tool/thum/022.jpg") }
a.slidew { background: url("../photo/tool/thum/023.jpg") }
a.slidex { background: url("../photo/tool/thum/024.jpg") }
a.slidey { background: url("../photo/tool/thum/025.jpg") }
a.slidez { background: url("../photo/tool/thum/026.jpg") }
a.slidea1 { background: url("../photo/tool/thum/027.jpg") }
a.slideb1 { background: url("../photo/tool/thum/028.jpg") }
a.slidec1 { background: url("../photo/tool/thum/029.jpg") }
a.slided1 { background: url("../photo/tool/thum/030.jpg") }
a.slidee1 { background: url("../photo/tool/thum/031.jpg") }
a.slidef1 { background: url("../photo/tool/thum/032.jpg") }
a.slideg1 { background: url("../photo/tool/thum/033.jpg") }
a.slideh1 { background: url("../photo/tool/thum/034.jpg") }
a.slidei1 { background: url("../photo/tool/thum/035.jpg") }
a.slidej1 { background: url("../photo/tool/thum/036.jpg") }
a.slidek1 { background: url("../photo/tool/thum/037.jpg") }
a.slidel1 { background: url("../photo/tool/thum/038.jpg") }
a.slidem1 { background: url("../photo/tool/thum/039.jpg") }
a.sliden1 { background: url("../photo/tool/thum/040.jpg") }
a.gallery em, a.gallery span {display:none;}
a.gallery:hover    { border: solid 1px olive }
/* styling for LEFT gallery */
#container_left      { background-image: url("../aset/tool_back.gif"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 1em auto 1em 25px; position: relative; width: 500px; height: 290px; border-style: solid; border-width: 1px 1px 1px 10px; border-color: #a0a0a0 #a0a0a0 #a0a0a0 #c8c8c8 }
#container_left img  { border: solid 1px #adadad }
#container_left .thumbs  { position: absolute; top: 0; left: 0; width: 150px }
#container_left a.gallery:hover span   { color: #7d7d7d; font-size: medium; font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝; font-style: italic; display: block; padding: 5px; position: absolute; z-index: 100; top: 200px; left: 125px; width: 402px; height: 50px }
#container_left a.gallery:hover span:first-line  { color: #000; font-size: medium; font-style: normal }
#container_left a.gallery:active, #container_left a.gallery:focus  { border: solid 1px olive }
#container_left a.gallery:active em, #container_left a.gallery:focus em   { color: #000; display: block; padding: 5px; position: absolute; z-index: 50; top: 20px; left: 120px; width: 355px; height: 240px; border: solid 1px olive }
/*#container_left h1  { color: #fff; font-size: 3em; font-family: georgia, "times new roman", serif; font-weight: normal; text-align: center; margin: 0; padding-top: 80px; padding-left: 180px; width: 300px; clear: both }*/
#container_left h1 em  { color: #000; font-size: medium }
img   { margin: 1px }
#wrap          { background-image: url("../aset/wrap_bg_3.jpg"); margin: auto; width: 855px }
body  { font-size: small; margin: 0 }
a:link    { color: #005d5d; text-decoration: none }
a:visited  { color: #005d5d; text-decoration: none }
a:hover   { color: #ff3300 }
#wrap #header      { background-image: url("../aset/header_bg-2.jpg"); background-repeat: no-repeat; margin-right: 3px; margin-left: 3px; width: 850px; height: 139px }
#wrap #header #head_h1    { color: olive; font-size: 20pt; font-style: italic; text-decoration: none; padding: 15px 0 0 60px }
#wrap #header #head_h2     { color: #464646; font-size: 11pt; font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝; line-height: 18pt; text-decoration: none; padding-right: 0; padding-bottom: 0; padding-left: 30px; width: 450px }
#wrap #header #head_p  { color: #f00; font-size: 12px; line-height: 12px; margin-right: 0; margin-bottom: 0; padding-left: 40px }
#wrap #main   { font-size: medium; background-image: url("../photo/tool/SX049.jpg"); margin-top: 0; margin-bottom: 0; padding: 0; width: 648px; float: right }
#wrap #main h1               { font-size: medium; font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝; background-image: url("../aset/title_bg_2.jpg"); margin-top: 8px; margin-right: 20px; margin-left: 10px; padding-top: 1px; padding-left: 45px; width: 530px; height: 29px }
#wrap #main h2        { color: gray; text-align: center; padding-top: 80px; padding-left: 150px; width: 300px; clear: both }
#wrap #main h3  { font-size: medium; margin-right: 60px; padding: 5px 5px 5px 20px }
#wrap #main p      { font-size: medium; line-height: 18pt; font-stretch: expanded; margin-top: 8px; margin-right: 20px; margin-left: 10px; padding-top: 3px; padding-right: 5px; padding-left: 5px; width: 560px }
#wrap #main p1 { font-size: medium; font-weight: normal; line-height: 18pt; font-stretch: expanded; margin-top: 8px; margin-right: 20px; margin-left: 10px; padding-top: 3px; padding-right: 5px; padding-left: 5px; width: 560px }
#wrap br { clear: both }
#wrap #footer   { background-color: #e6f5fc; margin: 0 auto; padding: 0; width: 850px; height: 50px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0 }