/*----------------------------------------------------
                      Layout
----------------------------------------------------*/
body {
  background-color:#ccc;
  background:transparent url(../images/bg1.gif) repeat;
}

div#wrapper {
  background-color:#fff;
  width: 800px;
  margin: 0 auto;
}

div#header, div#footer {background-color:#000;}

div#contents {
  width: 775px;
  padding: 0 15px 20px 10px;
  min-height: 430px;
  height: auto !important;
  height: 430px;
}

div#contents #LeftBox {
  float:left;
  width: 165px;
  margin-top: 20px;
}

div#contents #RightBox {
  float:right;
  width: 585px;
  margin-top: 10px;
}

div#RightBox.noBtn {margin-top: 20px!important;}

/*----------------------------------------------------
                    Menu (LeftBox)
----------------------------------------------------*/
div#contents #LeftBox ul{
  padding: 5px;
  background-color:#ffe7c1;
}

div#LeftBox ul li {
  margin-bottom: 1em;
  padding-left: 1em;
  color:#444;
  font-size: 84%;
  line-height: 1.2em;
}

div#LeftBox ul li span.mark {
  margin-left: -1em;
  text-decoration:none;
}

div#LeftBox ul li a {
  color:#444;
  text-decoration:underline;
}

div#LeftBox ul li a:hover span.mark {color:#e50012;}

/*----------------------------------------------------
                 Contents (RightBox)
----------------------------------------------------*/
div#contents h2 {
  clear:both;
  font-weight:bold;
  border-bottom: 2px solid #ae6f00;
  margin-bottom: 0.6em;
}

div#contents h3 {
  clear:both;
  font-weight:bold;
  font-size: 92%;
}

div#contents .contBox {
  clear:both;
  margin: 0 0 10px 0;
}

div#contents .Box {margin-bottom: 15px;}

div#contents p {
  line-height: 1.4em;
  font-size: 92%;
  margin-bottom: 0.6em;
  text-align:justify;
}

div#contents strong,
div#contents a {
  font-size: 92%;
}

div#contents span.txtR {color:#e50012;}
div#contents span.txtS {font-size: 84%;}
div#contents a:hover {color:#e50012;}

div#contents .comment p {padding: 1em;}

div#contents .company {
  padding: 1em 1em 0.4em 1em;
  border: 3px double #999;
}

div#contents ul.list {}

div#contents ul.list li {
  font-size: 92%;
  margin-bottom: 0.6em;
  list-style-type:circle;
  margin-left: 1em;
  text-align:justify;
}

div#contents ul.alart {margin: 1em 0;}
div#contents ul.alart.noMargin {margin-top:0;}

div#contents ul.alart li {
  color:#e50012;
  font-size: 84%;
  padding-left: 1.2em;
  margin-bottom: 0.4em;
}

div#contents ul.alart li span.come {margin-left: -1.2em;}

/*-----downlaodImage-----*/
div.Box.data .capture {margin-bottom: 0.4em;}
div.Box.data .capture p {text-align:center;}

div.Box.data .capture a {
  display:block;
  width: 260px;
  padding: 7px;
  border: 2px solid #cacaca;
}

div.Box.data .capture a:hover {border: 2px solid #e50012;}

div.Box.data .capture.imgL {float:left;}
div.Box.data .capture.imgR {float:right;}

/*----------------------------------------------------
                      Button
----------------------------------------------------*/

/*-----okuniTop-----*/
div.txtRight.okuni {
  width: 150px;
  height: 25px;
}

div.txtRight.okuni a {
  overflow:hidden;
  display:block;
  width: 150px;
  height: 25px;
  background:transparent url(../images/btn_okuni.gif) no-repeat;
  text-indent: -9999px;
}

div.txtRight.okuni a:hover {background-position:0 -25px;}

/*-----FAQ,Pamph,Mail-----*/
div.txtCenter {
  width: 165px;
  margin: 0 auto;
}

div.txtCenter a{
  overflow:hidden;
  display:block;
  background-repeat:no-repeat;
  text-indent: -9999px;
}

div.txtCenter.B-faq {height: 36px;}
div.txtCenter.B-pamph, 
div.txtCenter.B-mail{
  height: 45px;
}

div.txtCenter.B-faq a {
  width: 165px;
  height: 36px;
  background-image:url(../images/btn_faq.gif);
}

div.txtCenter.B-faq a:hover {background-position: 0 -36px;}

div.txtCenter.B-pamph {margin-bottom: 1em;}

div.txtCenter.B-pamph a,
div.txtCenter.B-mail a {
  width: 165px;
  height: 45px;
}

div.txtCenter.B-mail a {background-image:url(../images/btn_mail.gif);}
div.txtCenter.B-pamph a {background-image:url(../images/btn_pamphlet.gif);}

div.txtCenter.B-mail a:hover,
div.txtCenter.B-pamph a:hover {
   background-position: 0 -45px;
}

/*-----pageTop-----*/
div.txtRight {float:right;}
div.txtRight.marginTop {margin-top: 2em!important;}

div.txtRight.pageTop a {
  display:block;
  background:transparent url(../images/ico_top.gif) no-repeat left center;
  font-size: 84%;
  padding-left: 15px;
  color:#666;
  text-decoration:underline;
}

div.txtRight.pageTop a:hover {background-image:url(../images/ico_top-a.gif);}

div.pdf {
  margin: 10px 20px 20px 20px;
}

div.pdf a {
  background: transparent url(../images/ico_pdf.gif) no-repeat left center;
  padding-left: 20px;
  line-height: 1.6em
}


/*----------------------------------------------------
                      Footer
----------------------------------------------------*/
div#footer {clear:both;}

div#footer p {
  padding: 10px;
  color:#fff;
  font-size: 92%;
}

br.clear {clear:both;}