@charset "UTF-8";

/* ========BASIC======== */
*{
font-family:"Verdana", Helvetica, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
color:#333;
}

body{
background:#fff url(../images/back.gif);
margin:0;
padding:0;
font-size:0.8em;
text-align:center;
line-height:1.4em;
letter-spacing:1px;
}

br{
letter-spacing:normal;
}

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

a:hover{
color:#900;
text-decoration:none;
}

img{
border:0;
}


/* ========TEMPLATE FRAMEWORK======== */
#wrapper  {
width:740px;
margin:0 auto;
text-align:left;
padding:20px 5px 0 5px;
background:#fff url(../images/bg.gif) 50% 50% repeat-y fixed;
}

#header   {
width:700px;
height:100px;
margin:0 20px;
background:#fff url(../images/bg_head.jpg) 0% 0% no-repeat;
}

#menu{
width:700px;
margin:0 20px;
padding-bottom:0px;
background:#fff ;
}

#contents {
width:700px;
clear:both;
margin:0px 20px;
background:#fff url(../images/bg_contents.gif) repeat-y;
border-bottom:1px solid #C3C3C3;
}

#main{
width:620px;
float:left;
padding:0 40px;
}

#totop {
   clear:both;
}

#footer{
width:700px;
padding:7px;
clear:both;
}

#prevnext{
width:460px;
margin:0px auto 0px auto;
padding:0px 0px 40px 20px;
clear:both;
}



/* 回り込み解除 */
#menu:after,
#contents:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* ========HEADER CUSTOMIZE======== */
#header h1{
font-size:2.2em;
color:#fff;
margin:0;
padding:25px;
}

#header p{
margin:0;
padding:10px;
text-align:right;

font-size:0.9em;
color:#fff;
}

#header p a{
color:#fff;
}

#header p a:hover{
color:#900;
}

/* ========MENU CUSTOMIZE======== */
#menu ul {
margin:0;
padding:0;
}

#menu li {
list-style-type:none;
float:left;
text-align:center;
margin:0;
padding:0;
}

#menu li a{
display:block;
width:140px;
color:#fff;
background:#900;
line-height:26px;
border-top:1px solid #900;
border-bottom:1px solid #900;
}

#menu li a:hover{
background:#c33;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a{
color:#666;
text-decoration: underline;

}

#main a:hover{
color:#900;
text-decoration: none;
}

#main h2 {
font-size:1.2em;
color:#666;
padding:0px 0px 2px 7px;
font-weight:bold;
background:#fff;
border-left:5px solid #900;
border-bottom:1px solid #900;
margin-top:20px;
margin-bottom:2px;
}

#main h3 {
font-size:1.1em;
color:#900;
padding:0px 0px 2px 0px;
margin-top:17px;
margin-bottom:2px;

}

#main p{
margin:0 0 1em 0;
}

/* ========Profile Table======== */
#outline {
   background: #fff;
}

#outline th {
   background: #fff;
   text-align:right;
   width:110px;
   font-weight:normal;
   font-size:1em;
}

#outline td {
   background: #fff;
   text-align:left;
   font-size:1em;
}

#outline2 {
   background: #fff;
}

#outline2 caption {
   background: #fff;
   text-align:left;
   font-weight:normal;
   font-size:1em
}


/* ========Acrylic Table======== */
#acrylic {
   background: #fff;
}

#acrylic td {
   background: #fff;
   text-align:center;
   font-size:0.8em;
}

/* ========Water Table======== */
#water {
   background: #fff;
}

#water td {
   background: #fff;
   text-align:center;
   font-size:0.8em;
}

/* ========other Table======== */
#other {
   background: #fff;
}

#other td {
   background: #fff;
   text-align:center;
   font-size:0.8em;
}

/* ========Products Table======== */
#product {
   background: #fff;
}

#product td {
   background: #fff;
   text-align:center;
   font-size:0.8em;
}


/* ========TOTOP CUSTOMIZE======== */
#totop{
   position:relative;
   height:2em;
}

#totop p{
   position:absolute;
   bottom:7px;
   right:40px;
   margin:0;
   font-size:0.8em;
}

#totop p a{
   padding-left:8px;
}

/* ========FOOTER CUSTOMIZE======== */

address{
background:#fff;
color:#333;
text-align:center;
font-size:0.8em;
font-style: normal;
}

/* ========PREVNEXT CUSTOMIZE======== */
ul.pager {
      margin:10px;
      font-size:0.9em;
}

ul.pager li {
      list-style-type:none;
      float: left;
      margin-right: 5px;
      border: 1px #666 solid;
      font-weight: bold;
}

ul.pager li.prev,
ul.pager li.next {
      border: none;
}

ul.pager li a {
      position: relative;
      display: block;
      padding: 3px 8px;
      color: #666;
}

ul.pager li a:link,
ul.pager li a:visited {
      text-decoration: none;
}

ul.pager li a:hover,
ul.pager li a:active {
      color: #900;
      text-decoration: none;
}

ul.pager li em {
      display: block;
      padding: 3px 8px;
      background: #900;
      color: #FFF;
}