/*unoglass.site_guideline :) */

body
{ color: #fff; font-size: 10px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background-color: #ded350; background-image: url(images/bg.jpg); margin: 0; padding: 2% 0 }

#box
{ margin-top: -275px; margin-left: -330px; position: absolute; top: 50%; left: 50%; width: 650px; height: 550px }

#top
 { background-image: url(images/bgtop.jpg); background-repeat: no-repeat; margin: 0 0 -7px; width: 650px; height: 22px }

#middle
 { background-image: url(images/bgbody.jpg); margin: 0 0 0; width: 650px; height: 475px }

#bottom
     { background-image: url(images/bottom.gif); background-repeat: no-repeat; margin: 0; width: 650px; height: 60px }

#bottom h6
    { font-size: 14px; font-weight: 500; text-align: left; margin: 0 0 0 365px; padding-top: 3px; width: 280px }

#main_img
 { background-image: url(images/main_img.jpg); background-repeat: no-repeat; margin: 0 0 0 10px; width: 630px; height: 430px }

#footer
 { color: #ffc; font-size: 14px; text-align: right; width: 645px }

#footer a
{ color: #333; text-decoration: none }


/*Sprite Menu */

ul#menu    { list-style: none; margin: 0 0 0 10px; padding: 0 }
ul#menu li   { float: left }
ul#menu ul    { list-style: none; display: none; margin: 0; padding: 0; position: absolute; float: none }
ul#menu ul li   { width: 70px; float: none; border-top: 1px solid #e5e5e5; border-right: #e5e5e5; border-bottom: #e5e5e5; border-left: #e5e5e5 }
ul#menu ul a   { color: #fff; font-size: 12px; font-weight: 500; text-decoration: none; background-color: #333; background-image: none; display: block; padding: 8px 5px; position: relative; height: 15px }
ul#menu ul a:hover { color: #f0f; background-color: #0ff; background-image: none }
    
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
 *html #menu ul  { margin: 0 0 0 -2px }


/*for innerpages*/

#inner_box
{ margin: 0 auto; width: 650px }

#inner_middle
{ color: #333333; background-image: url(images/bgbody.jpg); display: table; margin: 0; width: 650px; border-style: none }

#innerpages
{ margin: 0 auto; width: 640px }

#flame1
   { margin: 0 0 0 20px; padding: 0; width: 600px }

#flame2
    { margin: 0 0 0 5.5px; padding: 0 }

#innerpages p
 { font-size: 15px; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3"; margin: 0 auto; padding-top: 15px; padding-right: 10px }

#innerpages h1
 { font-size: 30px; font-weight: bold; margin: 10px 0 20px; width: 600px; border-bottom: 2px dashed #ffaaac }

#innerpages h1 span
  { color: #ae2ad7; font-size: 15px; font-style: normal; font-weight: bold; margin: 10px 0 20px 20px }

#innerpages h2
{ font-size: 15px; text-align: right; margin: 0 0 0 10px; float: left }
/*for memo*/

#memo1
 { background: #2c3a49 repeat-y; margin: 0 0 15px; padding-top: 10px; padding-bottom: 12px; width: 400px; float: left }

#memo1 h3
{ color: #ffffff; font-size: 16px; font-style: normal; font-weight: bold; background-image: url(images/underline.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; margin-bottom: 15px; margin-left: 20px; padding: 5px 0; width: 360px; border-bottom: 1px solid #354658 }

#memo1 h4
   { color: #fff; font-size: 15px; font-style: normal; font-weight: normal; background-image: none; background-position: 0 0; text-align: right; list-style-type: none; margin: 0 20px 10px 0; width: 380px; float: none }

#memo1 h5
 { color: #6cc; font-size: 15px; font-weight: normal; background-position: 0 0; margin: 10px 0 0 20px; padding: 0; width: 400px }

#memo1 p
 { color: #fff; font-size: 13px; font-style: normal; font-weight: normal; background-position: 0 0; margin: 0; padding: 2px 15px 10px 20px; float: none }

#memo1 p span
{ color: #f03 }

#memo1 a
{ color: #f0f; font-size: 14px; text-decoration: none; background-position: 0 0; margin: 0; float: none }

#memo1 a:hover
{ color: #9c0; text-decoration: none; background-position: 0 0 }


#memo2
{ background: #2c3a49; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; width: 600px }

#memo2 h3
 { color: #fff; font-size: 16px; font-style: normal; font-weight: bold; background-image: url(images/underline.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; margin-bottom: 15px; margin-left: 20px; padding: 5px 0; width: 560px; border-bottom: 1px solid #354658 }

#memo2 h4
  { color: #fff; font-size: 15px; font-style: normal; font-weight: normal; background-image: none; background-position: 0 0; text-align: right; list-style-type: none; margin: 0 0 10px; padding-right: 20px; width: 560px; float: right }

#memo2 h5
{ color: #ffffff; font-size: 18px; font-style: normal; font-weight: bold; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; margin: 0 0 0 20px; width: 560px }

#memo2 h5 a
  { color: #f0f; font-weight: bold; text-decoration: none }

#memo2 h5 a:hover
 { color: #9c0; text-decoration: none }

#memo2 a
    { color: #f03; font-size: 16px; text-decoration: none }

#memo2 a:hover
   { color: #0ff; font-style: normal; text-decoration: none; background-image: none }

#memo2 p
 { color: #fff; font-size: 14px; padding: 5px 15px 10px 20px }

#memo2 p span
{ color: #6cc }
#memo3_top
 { background-image: url(images/memo3-top.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; margin: 5px 0 0; width: 400px; height: 40px; float: left }

#memo3_top h3
{ color: #fff; font-size: 20px; font-style: normal; font-weight: bold; background-position: 0 0; margin: 0 0 0 0; padding: 10px 0 0 20px; width: 360px; border-style: none }

#memo3_top h3 span
{ color: #9c0; font-size: 14px; font-weight: normal; margin: 0; padding-left: 10px }

#memo3_middle
 { color: #333; background-image: url(images/memo3-bg.gif); background-repeat: repeat-y; background-position: 0 0; margin: 0; padding: 0 0 -10px; width: 400px; float: left }

#memo3_middle p
 { color: #fff; font-size: 17px; font-family: "Courier New", Courier, Monaco, monospace, "ＭＳ ゴシック", Osaka-等幅, 平成角ゴシック; margin: 0; padding: 20px 0 0 15px }

#memo3_middle p span
{ color: #ffaaac; margin: 0 }   

#memo3_middle a
{ color: #6cc; text-decoration: none; margin: 0 }

#memo3_middle a:hover
{ color: #f03; margin: 0 }

#memo3_bottom
   { background-image: url(images/memo3-bottom.gif); background-repeat: no-repeat; margin: 0 0 3px; padding: 0; width: 400px; height: 10px; float: left }

#memo4
 { float: right }

#memo4 h3
   { font-size: 15px; font-weight: bold; background-image: none; background-position: 0 0; text-align: right; margin: 0 10px 10px 0; float: none; border-style: none }

#memo4 h3 a
 { color: #33c; font-weight: bold; text-decoration: none; border-style: none }

#memo4 h3 a:hover
{ color: #6cc; font-weight: bold }

#memo5
   { color: #000; background: #2c3a49; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; width: 600px }

#memo5 h3
 { color: #fff; font-size: 16px; font-style: normal; font-weight: bold; background-image: url(images/underline.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; margin-bottom: 15px; margin-left: 20px; padding: 5px 0; width: 560px; border-bottom: 1px solid #354658 }



/* for Image */
 
#news_img
        { background-image: url(images/inner_img/news.jpg); background-repeat: no-repeat; margin: 0 0 0 10px; width: 630px; height: 112px }

#about_img
  { background-image: url(images/inner_img/about.jpg); background-repeat: no-repeat; margin: 0 0 0 10px; width: 630px; height: 112px }

#gallery_img
 { background-image: url(images/inner_img/gallery.jpg); background-repeat: no-repeat; margin: 0 0 0 10px; width: 630px; height: 112px }

#studio_img
 { background-image: url(images/inner_img/studio.jpg); background-repeat: no-repeat; margin: 0 0 0 10px; width: 630px; height: 112px }

#class_img
 { background-image: url(images/inner_img/class.jpg); background-repeat: no-repeat; margin: 0 0 0 10px; width: 630px; height: 112px }

#contact_img
 { background-image: url(images/inner_img/contact.jpg); background-repeat: no-repeat; margin: 0 0 0 10px; width: 630px; height: 112px }
 
#blog_img
 { background-image: url(images/inner_img/blog.jpg); background-repeat: no-repeat; margin: 0 0 0 10px; width: 630px; height: 112px }

#link_img
 { background-image: url(images/inner_img/link.jpg); background-repeat: no-repeat; margin: 0 0 0 10px; width: 630px; height: 112px }

#map_img
   { background-image: url(images/bigmap.gif); margin: 5px 0 10px 14px; width: 610px; height: 510px; float: left }

#banner
   { background-image: url(images/unoglass.jpg); margin: 5px 0; width: 88px; height: 30px; float: right }

/*photo flame */

img 
{ border: none;}

.gallery
  { list-style: none; margin: 0; padding: 0; float: right }

.gallery2
 { list-style: none; margin: 0 0 0; padding: 0; float: right }

.gallery li
 { margin: 5px 0 0; position: relative; width: 185px; height: 150px }

.gallery .bg
 { background: url(images/polaroid.gif) no-repeat; position: absolute; z-index: 1; top: 0; left: 0; width: 185px; height: 150px }

.gallery img
{ position: absolute; z-index: 2; top: 8px; left: 8px }

.gallery em
{ color: #333; font-size: 15px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka-等幅, Osaka, 平成角ゴシック; font-style: normal; font-weight: bold; text-align: center; display: block; position: absolute; z-index: 3; right: 0; bottom: 4px; width: 185px }



/*mail form */

table.mailform
   { font-size: 14px; margin: 0 auto; width: 620px }

table.mailform td a
 { color: #0b479f; font-size: 12px; font-style: normal; font-weight: normal; display: block; margin: 0 }

table.mailform td span
 { color: #ff0000; font-size: 14px; font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif }


/*jQuery-accordion */

dl
  { margin-left: 20px; width: 560px }

dt
    { color: white; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; line-height: 35px; background: url(images/accordion.gif) no-repeat; text-indent: 10px; height: 35px }

dt span
    { font-size: 15px; font-style: normal; font-weight: bold; line-height: 35px; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 35px }

dd
  { background: #eee; margin: 0 0 0 1px; height: auto }

dd p
  { margin: 0; padding: 20px }

dt.over
  { background: url(images/accordion-over.gif) no-repeat; cursor: pointer }

dt.selected
  { color: black; background: url(images/accordion_selected.gif) no-repeat; cursor: default }