@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Text Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

.DefaultText{
  font-size: 87.5%;
  line-height: 1.5;
  text-align: justify;
  text-justify: auto;
}
p.DefaultText{
  margin: 0 0 1em;
}
/* LinkText */
.LinkText{

}
    .LinkText a{
      padding-left: 14px;
      background: url(img/common/icon/cursor/right.png) no-repeat 0% 50%;
    }
/* AttentionText */
.AttentionText{
  color: #589db4;
  font-weight: bold;
}
/* CautionText */
.CautionText{
  color: #ff508e;
  font-weight: bold;
}
/* CaptionText */
.CaptionText{
  font-size: 75%;
  text-align: center;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Link Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
a{
  color: #4d4d4d;
  text-decoration: none;
}
a:link {
  color: #4d4d4d;
  text-decoration: none;
}
a:visited {
  color: #4d4d4d;
  text-decoration: none;
}
a:active{
  color: #4d4d4d;
  text-decoration: none;
}
a:hover {
  color: #4d4d4d;
  text-decoration: underline;
}
/* Other Site Link */
a[target=blank]{

}

/* PDF Link */
a[href$=pdf]{

}


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   List Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ul,ol */
ul,ol{
}
/* dl */
dl{}
    dl dt{
    }
    
/* LinkList */
.LinkList{
  list-style: none;
  margin: 0;
  line-height: 1.25;
}
    .LinkList li{
    }
        .LinkList li a{
          padding-left: 18px;
          background: url(../img/common/icon/cursor/right.png) no-repeat 0% 50%;
        }
/* TextList */
.TextList{

}
/* ItemList */
.ItemList{

}
/* ThumbnailList */
.ThumbnailList{
  list-style: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Table Setting [Common]                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* DefaultTable */
.DefaultTable{
  margin: 0 auto;
  width: 100%;
}
    .DefaultTable caption{
    }
    .DefaultTable thead{
    
    }
        .DefaultTable thead th{
        }
    .DefaultTable tbody{
    }
        .DefaultTable tbody th,
        .DefaultTable tbody td{
          padding: 5px;
          border-bottom: 1px dotted #4d4d4d;
          font-size: 75%;
        }
        .DefaultTable tbody th{
          background: #eee;
          width: 20%;
          min-width: 100px;
          max-width: 35%;
          font-weight: normal;
        }
        .DefaultTable tbody td{
        }
    .DefaultTable tfoot{
    
    }

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Form Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ReadOnly */
.ReadOnly{
  background-color: transparent!important;
  border: 0px none!important;
  vertical-align: middle;
  padding: 0;
}
.InputErrorMessage{
  border: 2px solid #ff0000;
  margin: 1em 0 1em 0;
  padding: 0.8em 0.8em 0.8em 0.8em;
  color: #ff0000;
  font-size: 12px;
}

input,
textarea {
  font-size: 12px;
  padding: 3px 3px 3px 3px;
  vertical-align: middle;
}
.ButtonBlock input{
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#a9a9a9));
  margin: 0 0.2em 0 0.2em;
  padding: 0.3em 1em 0.3em 1em;
  min-width: 120px;
  cursor: pointer;
}
.InputList{
  list-style: none;
}
.RadioButton{
  padding-right: 10px;
}

input[name=address],
input[name=companyname],
input[name=company_name],
input[name=department_name]{ width: 90%; }
input[name=name],
input[name=tantoname]{ width: 20em; }
input[name=phonetic]{ width: 20em; }
input[name=zip1],
input[name=postno1]{ width: 3em; margin-bottom: 3px; }
input[name=zip2],
input[name=postno2]{ width: 4em; margin-bottom: 3px; }

input[name=tel1],
input[name=phone1],
input[name=fax1]{
  width: 5em;
  margin-right: 0.25em;
}
input[name=tel2],
input[name=phone2],
input[name=fax2]{
  width: 5em;
  margin: 0 0.25em 0 0.25em;
}

input[name=tel3],
input[name=phone3],
input[name=fax3]{
	width: 5em;
  margin-left: 0.25em;
}

input[name=email],
input[name=replyemail]{ width: 80%; }
input[name=retypeemail]{ width: 80%; }
input[name=oldmail]{ width: 80%; }
input[name=mail]{ width: 80%; }
input[name=remail]{ width: 80%; }
input[name=url]{ width: 95%; }
input[name=subject]{ width: 90%; }
input[name=title]{ width: 90%; }
input[name=term]{ width: 90%; }
textarea{
  width: 97%;
  height: 10em;
}



/* ReadOnly override */
input.ReadOnly,
textarea.ReadOnly          { border:none; background:transparent;}
textarea.ReadOnly          { height: 100%;}
input.time.ReadOnly        { width: 2em; background: none; border: none; text-align: center;}
input.shorttext.ReadOnly   { width: 5em; background: none; border: none; text-align: center;}
input.labeledtext.ReadOnly { width: 80%; border: none; text-align: left;}
input.text.ReadOnly        { width: 98%; border: none; text-align: left;}
input.date.ReadOnly,
input.point.ReadOnly       { width: 10em; text-align: center;}



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Default Box Style                             */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ButtonBox
--------------------------------------------------- */
.ButtonBox{
  margin: 15px 0;
}
    .ButtonBox p{
      text-align: center;
    }
        .ButtonBox p span{
          margin: 0 5px;
        }
            .ButtonBox p span input{
              cursor: pointer;
              color: #000;
            }
  


/* ImageBox
--------------------------------------------------- */
.ImageBox{
}
    .ImageBox p{
      margin: 0 0 10px;
    }
        .ImageBox p span{
          display: block;
          text-align: center;
          margin: 0;
          padding: 0;
        }
        .ImageBox p span.Image{
        }
            .ImageBox p span.Image img{
            }
        .ImageBox p span.Caption{
          font-size: 75%;
          line-height: 1.25;
        }




/* ioverLayer
--------------------------------------------------- */
#iglayLayer{
  background: rgba(255, 255, 255, 0.8);
}
    #ioverLayer{
      position: fixed;
      left: 20%;
      top: 50px;
      background: #fff;
      border: 10px solid #f5f5f5;
      padding: 15px;
      -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      font-size: 14px;
      font-weight: bold;
    }
        #ioverLayer table{
          width: 600px;
          border-top: 1px solid #3fbe43;
          border-bottom: 1px solid #3fbe43;
          border-collapse: collapse;
          margin: 10px 0 0;
          padding: 10px;
        }
            #ioverLayer table td{
              border-bottom: 1px dotted #3fbe43;
              padding: 7px 5px;
              font-weight: normal;
            }
                #ioverLayer table td a{
                  background: url(../img/common/icon/right_green.png) no-repeat 0 50%;
                  padding-left: 15px;
                }


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Option Class [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Float
--------------------------------------------------- */
.FloatLeft{ float: left; }
.FloatRight{ float: right; }
.FloatNone{ float: none; }

/* Align
--------------------------------------------------- */
.AlignCenter{ text-align: center; }
.AlignLeft{ text-align: left; }
.AlignRight{ text-align: right; }

/* Bold
--------------------------------------------------- */
.Bold{ font-weight: bold; }

/* Clear
--------------------------------------------------- */
.ClearBoth{ clear: both;}
.ClearLeft{ clear: left;}
.ClearRight{  clear: right;}
.ClearNone{ clear: none;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Decoration Class [Common]                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* TextOverFlowNone
--------------------------------------------------- */
.TextOverFlowNone{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* InlineBlock
--------------------------------------------------- */
.InlineBlock{
  display: inline-block;
}

/* RoundCorner(DefaultValue)
--------------------------------------------------- */
.RoundCorner{
  border-radius: 10px;
}
.RoundCornerS{
  border-radius: 5px;
}

/* DropShadow (DefaultValue)
--------------------------------------------------- */
.DropShadow{
  box-shadow: 0px 0px 5px #ccc;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Original Style [Base Design]                  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* set Background Image
--------------------------------------------------- */
html{
}
body{
  text-align: center;
  border-top: 3px solid #ffd86f;
}
#World{
}

/* DivisionSize */
#HeaderDivision,
#ContentsDivision,
#FooterDivision {
}
/* AreaSize */
#HeaderDivision,
#Container,
#FooterArea {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}
/* HeaderDivision
--------------------------------------------------- */
#HeaderDivision{
  padding: 15px 0 0;
}

    /* SiteHeaderArea */
    #SiteHeaderArea {
      float: left;
      width: 210px;
    }
    
        /* SiteTitleBlock */
        #SiteHeaderArea .SiteTitleBlock{
          padding: 0px 0;
        }
    /* HeaderMenuArea */
    #HeaderMenuArea{
      float: right;
      width: 730px;
    }
        /* MainMenuBlock */
        #HeaderMenuArea .MainMenuBlock{
        }
            #HeaderMenuArea .MainMenuBlock ul{
              margin: 0;  padding: 0;
              list-style: none;
              border-right: 1px solid #d0d0d0;
            }
                #HeaderMenuArea .MainMenuBlock ul li{
                  float: left;
                  padding: 0 4px;
                  border-left: 1px solid #d0d0d0;
                }
                    #HeaderMenuArea .MainMenuBlock ul li a{
                      display: block;
                      padding: 5px 10px;
                      border-radius: 4px;
                    }
                    #HeaderMenuArea .MainMenuBlock ul li a:hover{
                      background: #f0f0f0;
                    }
                    #HeaderMenuArea .MainMenuBlock ul li a.Active{
                      background: #ffbbd3;
                    }
     /* HeaderMarqueeBox */
    .HeaderMarqueeBox{
      background: url(../img/common/decoration/news_bar_bg.png) repeat-x 0 0;
      padding: 13px 0;
      font-size: 14px;
      height: 14px;
    }
    
        #MarqueeTop{
          -webkit-marquee-style: scroll;
          -wap-marquee-style: scroll;
          overflow: hidden;
          overflow: -webkit-marquee;
          display: -wap-marquee;
          -wap-marquee-loop: infinite;
          white-space: nowrap;
          -webkit-marquee-speed: normal;
          -wap-marquee-speed: normal;
          -webkit-marquee-increment:1.1mm;
        }
        #MarqueeTop marquee{
          color: #fff;
          font-weight: bold;
        }
/* ContentsDivision
--------------------------------------------------- */
#ContentsDivision {
  padding: 30px 0;
  background: #f8f8f8 url(../img/common/decoration/contents_bg.jpg) repeat-x 50% 0%;
}
    /* Container
    --------------------------------------------------- */
    .Container{
    }
        
    /* MainContentsArea
    --------------------------------------------------- */
    #MainContentsArea{
    }
        
    /* SideBarArea
    --------------------------------------------------- */
    #SideBarArea{
    }

/* FooterDivision
--------------------------------------------------- */
#FooterDivision {
  background: url(../img/common/decoration/footer_top_bg.png) repeat-x 0% 0%;
  padding-top: 15px;
}

    /* FooterArea */
    #FooterArea{
      position: relative;
    }
    
    
        /* AuthorBlock */
        #FooterArea .AuthorBlock{
          padding: 30px 0;
        }
            #FooterArea .AuthorBlock .Heading{
              font-size: 75%;
              padding-bottom: 10px;
            }
            #FooterArea .AuthorBlock .Heading,
            #FooterArea .AuthorBlock .TelAndFax{
              padding-left: 15px;
              border-left: 2px solid #333;
            }
                #FooterArea .AuthorBlock .Heading .Name{
                  font-weight: bold;
                }
            #FooterArea .AuthorBlock .FaxNumber{
              margin-left: 20px;
            }
            /* GoPageTopBox */
            #FooterArea .GoPageTopBox{
              position: absolute;
              top: 0px;  right: 10px;
            }
    
    /* CopyrightBlock */
    .CopyrightBlock{
      padding: 10px 0;
      background: #feb843;
    }
        .CopyrightBlock .CopyrightText{
          font-size: 75%;
        }


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Default Block Style                           */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* DefaultPageBlock
----------------------------------- */
.DefaultPageBlock{
  margin: 0 0px;
  border-bottom: 5px solid #e2e2e2;
}
    .DefaultPageBlock .BlockHeader{
      padding: 20px 10px;
      background: #ffbbd3 url(../img/common/decoration/page_title_bg.png) no-repeat 0 50%;
    }
    .DefaultPageBlock .BlockContents{
      padding: 50px 50px 80px;
      min-height: 220px;
      background: #fff url(../img/common/decoration/bus_shape.png) no-repeat 105% 100%;
    }
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Paragraph Style (for DefaultPageBlock)        */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
.DefaultPageBlock .Paragraph{
}
    .DefaultPageBlock .Paragraph .ParagraphHeader{
      margin: 0 0 15px;
      border-bottom: 1px solid #4d4d4d;
    }
        .DefaultPageBlock .Paragraph .ParagraphHeader .Heading{
          margin: 0 0 5px;
          border-left: 5px solid #ff9bbe;
          padding: 0 0 0 8px;
          color: #000;
        }
/* LeftParagraph
----------------------------------- */
.DefaultPageBlock .LeftParagraph{
  width: 300px;
  float: left;
}
/* RightParagraph
----------------------------------- */
.DefaultPageBlock .RightParagraph{
  width: 500px;
  float: right;

}
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Element Style                                 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* LinkList
----------------------------------- */
.DefaultPageBlock .LinkList{
}
    .DefaultPageBlock .LinkList li{
      padding: 10px 0;
      border-top: 1px dotted #ccc;
    }
    .DefaultPageBlock .LinkList li:first-child{
      border-top: none;
    }