@charset "utf-8";

/*
  Site Name: 繁盛ネット基本システム  ４．０
  Description: initial setting
  Version: SAMPLE
  Author: ビービーネット株式会社
*/

/*
===== CONTENTS ===========================================

  1: universal reset 
  2: body and base setting
    : general params
    : acronyms and abbreviations styles
  3: clearfix
  4: link setting
  5: base layout
  6: HEADER
  7: FOOTER
  8: NAVIGATION
  9: MENU

==========================================================
*/


/*
===== 1: universal reset =================================
*/
/*ブラウザ毎で違うスタイル指定をある程度合わせています*/
body, div,
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd,
address, form, input, textarea,
fieldset, blockquote, pre,
th, td{
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  text-align: left;
  font-size: small;
}
/*
===== 2: body and base setting ===========================
*/
/*全体に対しての指定*/
html {
  font-size: 10px;
}
body {
  text-align:center;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  font-family: Arial, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.4em;
  font-size: 1.1em;
  font-size-adjust: none;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  color: #333333;
}

/* general params
--------------------*/
table {
  margin : 0;
  empty-cells: show;
}
h1 {
  font-size: 152%; /*renders 20px */
  font-weight: bold;
  margin: 20px 5px 0 5px;
  color: #FF8C6B;
}
h2 {
  font-size: 100%; /*renders 13px */
  font-weight: bold;
  clear: both;
}
h3 {
  font-size: 107%; /*renders 14px */ 
  font-weight: bold;
  margin: 1em 1em 0 1em;
  color: #405B66;
  clear: both;
}
h4 {
  font-size: 107%; /*renders 14px */ 
  font-weight: bold;
  color: #405B66;
  clear: both;
}
h5 {
  font-size: 92%; /*renders 12px */ 
  font-weight: bold;
  color: #405B66;
  clear: both;
}
h6 {
  font-size: 92%; /*renders 12px */ 
  font-weight: bold;
  color: #405B66;
  clear: both;
}
hr,
.areaAnchor,
.anchor {
  display : none;
}
img {
  border: none;
}
ul {
  list-style: none;
}
li {
  list-style: none;
}/* link do not want a dot */


input,textarea {
  padding: 0 1ex;
}
input.button {
  text-align: center;
  padding: 0 1ex;
}

label input {
  margin: 0 3px 3px 0;
}

dd input{
  vertical-align: middle;
}

.error,
span.error a,
p.error a {
  display: block;
  color: #CC0000;
}

span.caution {
  display: block;
  color: #66CB01;
  font-size: 80%;
}
span.must {
  color: #CC0000;
  padding: 0 0.3em;
}

span.red {
  color: #FF0000;
  padding: 0 0.3em;
}

.clear {
  clear: both;
}
.nowrap {
  white-space: nowrap;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.bottom {
  vertical-align: bottom;
}
.top {
  vertical-align: top;
}
.middle {
  vertical-align: middle;
}


/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}


/*
===== 3: clearfix ==========================================
*/
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/*
===== 4: link setting ===========================
*/
a:link{
  color:#0002FE;
}
a:visited{
  color:#0002FE;
}
a:hover{
  color:#66CC00;
  text-decoration:underline;
}
a:active{
  color:#66CC00;
}
a img {
  border: 0;
}

a {
  text-decoration:underline;
}


div.header a:link, div.header a:visited{
  font-size:100%;
  color: #ee9d55;
  text-decoration: none;
}

div.footer a:link, div.footer a:visited{
  font-size:100%;
  color: #ee9d55;
  text-decoration: none;
}

/*
===== 5: base layout =====================================
*/

div.header {
  width: 890px;
  color:#999;
  padding:0;
  margin:0;
  margin:0 auto;
}

div.naviup {
  width: 97%;
  clear: both;
  margin:0 auto;
  font-size:80%;
  text-align:right;
}

div#naviup {
  display: none;
}

div.footer{
  clear:both;
  width: 890px;
  margin:0 auto;
  padding:0;
  }



/*
===== 6: HEADER ==========================================
*/
p.sitename {
  color:#333333;
  font-size: 107%;
  font-weight: bold;
  float:left;
  margin:3px 0 0 6px;
}
div.header {
  background: url(../img/common/header_body.gif) repeat-y center;
}
div.headtop{
  background: url(../img/common/header_top.gif) no-repeat top center;
  }
div.headbottom{
  clear:both;
  height:20px;
  }

.h3c{ background:url(../img/common/header_bottom.gif) no-repeat bottom center;}
.h3c-static{ background:url(../img/common/header_bottom_02.gif) no-repeat bottom center;}
.h2c{ background:url(../img/02_r/header_bottom.gif) no-repeat bottom;}

.h2ck{ background:url(../img/02/header_bottom.gif) no-repeat bottom;}

.h1c{ background:url(../img/01/header_bottom.gif) no-repeat bottom;}


p.description{
  font-size: 85%;
  color: #999999;
  text-align:right;
  padding-top: 12px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}

.headernavi {
  float: right;
  vertical-align: bottom;
  width: 550px;
  text-align: right;
}
.headernavi ul{
  text-align: right;
  line-height: 1.7em;
  margin-top: 0px;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 10px;
}
.headernavi li{
  display:inline;
  list-style-type:none;
  font-size: 85%;
  color:#999999;
  padding: 0 2px;
}

.headernavi ul li a {
  background-repeat: no-repeat;
  padding-left: 15px;
}


.header_totop {background: url(../img/common/icon-home-s.gif) no-repeat left;padding-left: }
.header_info {background: url(../img/common/icon-info-s.gif) no-repeat left;  padding-left:}
.header_contact {background: url(../img/common/icon-mail-s.gif) no-repeat left;padding-left:}

/*
===== 7: FOOTER ==========================================
*/
div.footer {
  text-align:center;
  color:#999;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  }

.f3c{background: url(../img/common/footer-bg.gif);}

.f2c{background: url(../img/02_r/footer-bg.gif);}

.f2ck{background: url(../img/02/footer-bg.gif);}

.f1c{background: url(../img/01/footer-bg.gif);}

.footernavi {
  padding-top: 18px;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 0;
}

.footernavi ul{
  text-align: center;
  line-height: 1.8em;
}
.footernavi li{
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0 6px;
  font-size: 85%; /*renders 11px */ 
}

.copyright {
  color:#666666;
  font-size: 80%; /*renders 11px */
  font-style: normal;
  font-weight: normal;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 5px;
}