/* ------------------------------------- 
 *  サイト全体に対するstyle設定
 * ------------------------------------- */


/* ------------------------------------- 
 *  common css (li, hタグなどの設定)
 * ------------------------------------- */
* {
}

body {
  background-color: #FFFFFF;
  font-size: 80%;
  font-family: Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "MS UI Gothic", sans-serif;
  text-align: center;
  line-height: 160%;
  color: #000000;
}

/* 段落タグ ---------------------------- */
p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}
p.classname {
  /* sample */
} 

/* 見出しタグ -------------------------- */
h1 {
}
h1.classname {
}
h2 {
}
h3 {
  display: block;
  height: 30px;
  width: 368px;
  margin: 15px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  letter-spacing: -9999px;
  font-size: 1pt;
  text-align: right;
}
/* company title -------------------------- */
h3.title_company00 {
  display: list-item;
  list-style-image: url(../img/title_company00.gif);
  list-style-position: inside;
}
h3.title_company01 {
  display: list-item;
  list-style-image: url(../img/title_company01.gif);
  list-style-position: inside;
}
h3.title_company02 {
  display: list-item;
  list-style-image: url(../img/title_company02.gif);
  list-style-position: inside;
}
h3.title_company03 {
  display: list-item;
  list-style-image: url(../img/title_company03.gif);
  list-style-position: inside;
}
/* services title -------------------------- */
h3.title_services01 {
  display: list-item;
  list-style-image: url(../img/title_services01.gif);
  list-style-position: inside;
}
h3.title_services02 {
  display: list-item;
  list-style-image: url(../img/title_services02.gif);
  list-style-position: inside;
}
h3.title_services03 {
  display: list-item;
  list-style-image: url(../img/title_services03.gif);
  list-style-position: inside;
}
h3.title_services04 {
  display: list-item;
  list-style-image: url(../img/title_services04.gif);
  list-style-position: inside;
}
h3.title_services05 {
  display: list-item;
  list-style-image: url(../img/title_services05.gif);
  list-style-position: inside;
}
/* policy title -------------------------- */
h3.title_policy01 {
  display: list-item;
  width: 350px;
  list-style-image: url(../img/title_policy01.gif);
  list-style-position: inside;
}
/* contact title -------------------------- */
h3.title_contact01 {
  display: list-item;
  list-style-image: url(../img/title_contact01.gif);
  list-style-position: inside;
}
h4 {
  margin: 0px 0px 6px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 90%;
}
h5 {
}
h6 {
}

/* リストタグ -------------------------- */
ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 15px 0px;
  list-style: none;
}
ul.ul_item {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  list-style: none; 
}
ul.ul_service {
  margin: 0px 0px 22px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none; 
}
li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  list-style: none;
}
li.content_list {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  clear: both;
}
li.list_item {
  display: block;
  height: 27px;
  margin: 3px 0px 0px 0px;
  padding: 4px 0px 0px 0px;
  background-image: url(../img/item_bg.gif);
  background-repeat: no-repeat;
  font-size: 12px;
}
li.list_service {
  display: list-item;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 2px 0px;
  list-style-image: url(../img/list_point.gif);
  list-style-position: inside;
}
ol {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
}

/* リンクタグ -------------------------- */
a:link {
  text-decoration: underline;
  color: #000000;
}
a:visited {
  text-decoration: underline;
  color: #000000;
}
a:hover {
  border-bottom: 1px solid #000000;
  text-decoration: underline;
  color: #000000;
}

/* イメージタグ ------------------------ */
img {
  border: none;
}

object {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
param {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* スペーサータグ ------------------------ */
.spacer15 {
  display: block;
  height: 15px;
  overflow: hidden;
  text-indent: -9999px;
}
.spacer10w {
  display: block;
  height: 5px;
  width: 765px;
  overflow: hidden;
  text-indent: -9999px;
  text-align: center;
  clear: both;
}
.spacer20w {
  display: block;
  height: 15px;
  width: 765px;
  overflow: hidden;
  text-indent: -9999px;
  text-align: center;
  clear: both;
}
.spacer30w {
  display: block;
  height: 25px;
  width: 765px;
  overflow: hidden;
  text-indent: -9999px;
  text-align: center;
  clear: both;
}
.spacer5c {
  display: block;
  height: 10px;
  overflow: hidden;
  text-indent: -9999px;
  clear: both;
}


/* ------------------------------------- 
 *  header css
 * ------------------------------------- */
#header {
  display: none;
  width: 765px;
  margin: 0px auto; /* 中央揃え */
  padding: 20px 0px 0px 0px;
  text-align: left; /* bodyによる中央揃えの解除 */
  clear: both;
}

#header a:link {}
#header a:visited {}
#header a:hover {}

/* header *//* upper css -------------------------- */
#head_upper {
  display: block;
  height: 74px;
}
#head_upper a:link { text-decoration: none; }
#head_upper a:visited { text-decoration: none; }
#head_upper a:hover { text-decoration: none; border: none; }

/* header *//* logo css -------------------------- */
.head_logo {
  display: list-item;
  list-style-image: url(../img/head_logo.gif);
  list-style-position: inside;
  height: 74px;
  letter-spacing: -9999px;
  font-size: 1pt;
  color: #FFFFFF;
  overflow: hidden;
/*  text-indent: -9999px;*/
}

/* header *//* middle css -------------------------- */
#head_middle {
  display: list-item;
  height: 15px;
  list-style-image: url(../img/head_border.gif);
  list-style-position: inside;
  text-indent: -9999px;
  overflow: hidden;
}
#head_middle a:link {}
#head_middle a:visited {}
#head_middle a:hover {}

/* category menu company -------------------------- */
a:link.head_company, a:visited.head_company, a:link.head_company2, a:visited.head_company2 {
  display: block;
  float: right;
  height: 15px;
  width: 97px;
  background-image: url(../img/head_company.gif);
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -9999px;
}
a:link.head_company2, a:visited.head_company2 {
  background-position: left -30px;
}
a:hover.head_company, a:hover.head_company2 {
  background-position: left -15px;
}

/* category menu services -------------------------- */
a:link.head_services, a:visited.head_services, a:link.head_services2, a:visited.head_services2 {
  display: block;
  float: right;
  height: 15px;
  width: 92px;
  background-image: url(../img/head_services.gif);
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -9999px;
}
a:link.head_services2, a:visited.head_services2 {
  background-position: left -30px;
}
a:hover.head_services, a:hover.head_services2 {
  background-position: left -15px;
}

/* category menu privacy -------------------------- */
a:link.head_policy, a:visited.head_policy, a:link.head_policy2, a:visited.head_policy2 {
  display: block;
  float: right;
  height: 15px;
  width: 82px;
  background-image: url(../img/head_policy.gif);
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -9999px;
}
a:link.head_policy2, a:visited.head_policy2 {
  background-position: left -30px;
}  
a:hover.head_policy, a:hover.head_policy2 {
  background-position: left -15px;
}

/* category menu contact -------------------------- */
a:link.head_contact, a:visited.head_contact, a:link.head_contact2, a:visited.head_contact2 {
  display: block;
  float: right;
  height: 15px;
  width: 97px;
  background-image: url(../img/head_contact.gif);
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -9999px;
}
a:link.head_contact2, a:visited.head_contact2 {
  background-position: left -30px;
}
a:hover.head_contact, a:hover.head_contact2 {
  background-position: left -15px;
}

/* header *//* lower css -------------------------- */
#head_lower {
  display: block;
  padding: 15px 0px 15px 0px;
}
#head_lower a:link {}
#head_lower a:visited {}
#head_lower a:hover {}

/* ------------------------------------- 
 *  contents css
 *  3列,2列を選んで要素を追加していきます
 * ------------------------------------- */
/* ------------------------------------- 
 *  2contents css
 * ------------------------------------- */
#contents {
  display: list-item;
  width: 700px;
  margin: 0px auto 0px auto; /* 中央揃え */
  padding: 0px 0px 0px 0px;
  list-style-image: url(../img/print.jpg);
  list-style-position: inside;
  letter-spacing: -1000em;
  font-size: 1pt;
  clear: both;
}


.cn #contents {
  display: list-item;
  width: 700px;
  margin: 0px auto 0px auto; /* 中央揃え */
  padding: 0px 0px 0px 0px;
  list-style-image: url(../img/print2.jpg);
  list-style-position: inside;
  letter-spacing: -1000em;
  font-size: 1pt;
  clear: both;
}

.jp #contents {
  display: list-item;
  width: 700px;
  margin: 0px auto 0px auto; /* 中央揃え */
  padding: 0px 0px 0px 0px;
  list-style-image: url(../img/print3.jpg);
  list-style-position: inside;
  letter-spacing: -1000em;
  font-size: 1pt;
  clear: both;
}

#content a:link {}
#content a:visited {}
#content a:hover {}

/* contents *//*  index flash css -------------------------- */
.content_cleft {
  display: none;
  margin: 0px 0px 25px 0px;
  padding: 0px 0px 0px 0px;
}
.content_cright {
  display: none;
  margin: 0px 0px 25px 0px;
  padding: 0px 0px 0px 0px;
}
.nomargin {
  display: none;
  margin: 0px;
  padding: 0px;
}

/* contents *//* width x em -------------------------- */
.content_em29 {
/*  padding: 15px 13px 15px 13px; */
}/*
.content_bg {
  padding: 10px 13px 10px 13px;
  background-image: url(../img/content_bg.gif);
  background-repeat: no-repeat;
}
.content_bg2 {
  padding: 15px 13px 0px 13px;
}
.content_nobg1 {
  padding: 0px 26px 0px 0px;
}
.content_nobg2 {
  padding: 0px 0px 0px 26px;
}
*/
.content_nobg3 {
  padding: 26px 0px 0px 0px;
}
/* contents *//* body css -------------------------- */
.content_body {
  display: block;
  width: 700px;
}
.content_body a:link {}
.content_body a:visited {}
.content_body a:hover {}

.company_item {
  display: block;
  float: left;
  width: 70px;  
}
.company_dat {
  display: block;
  float: left;
  width: 260px;
  padding: 0px 0px 10px 0px;
}

/* contents *//* side css -------------------------- */
.content_side {
  display: block;
  width: 700px;
  clear: both;
}
.content_smenu {
}

.content_side a:link {}
.content_side a:visited {}
.content_side a:hover {}

/* contents *//* body&side *//*  for contact css -------------------------- */
.contact_label {
  padding: 0px 0px 5px 0px;
}
.contact_form1, .contact_form1a, .contact_form2, .contact_form3, .contact_textarea1, .contact_textarea2 {
  border-top: 2px solid #BEBEBE;
  border-right: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  border-left: 2px solid #BEBEBE;
}
.contact_form1 {
  width: 335px;
}
.contact_form1a {
  width: 335px;
  ime-mode: disabled;
}
.contact_form2 {
  width: 50px;
  ime-mode: disabled;
}
.contact_form3 {
  width: 70px;
  ime-mode: disabled;
}
.contact_textarea1 {
  height: 110px;
  width: 345px;
}
.contact_textarea2 {
  height: 65px;
  width: 345px;
}
.contact_check {
  height: 83px;
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 0px 10px;
  background-image: url(../img/contact_check.gif);
  background-repeat: no-repeat;
}
.contact_checkleft {
  float: left;
  padding: 0px 0px 5px 0px;
}
.contact_checkright {
  float: left;
  font-size: 12px;
  padding: 0px 0px 5px 0px;
}

/* ------------------------------------- 
 *  footer css
 * ------------------------------------- */
#footer {
  display: none;
  height: 162px;
  width: 765px;
  margin: 0px auto 0px auto; /* 中央揃え */
  padding: 10px 0px 0px 0px;
  background-image: url(../img/foot_bgimg.gif);
  background-repeat: no-repeat;
  text-align: left; /* bodyによる中央揃えの解除 */
  clear: both;
}

#footer a:link {}
#footer a:visited {}
#footer a:hover {}

a:link.foot_pagetop, a:visited.foot_pagetop, a:hover.foot_pagetop {
  margin: 0px 0px 0px 10px;
  text-decoration: none;
  border: none;
}

/* footer *//* copyright css -------------------------- */
.foot_copy {
  float: right;
  padding: 110px 10px 0px 0px;
  font-size: 10px;
  color: #FFFFFF;
}

/* ------------------------------------- 
 *  particular css（独自タグ）
 * ------------------------------------- */
.spacer {
  height: 10px;
  width: 4px;
  overflow: hidden;
}