/*--------------------------------------------------------------ベース設定
*/

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

/* default 
-----------------------------------*/
body {
    font-size: 83.3%;
}

/* Except IE 
-----------------------------------*/
html>body {
    font-size: 10pt;
}

html {
    overflow-y: scroll;
}

body {
  color: #434343;
  background: #D8E3E2;
/*  font-family: "Trebuchet MS",Tahoma,"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Sans-Serif;*/
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#Container {
    background: url(../img/material/container_bg.gif) repeat-y;
    width: 775px;
    margin: 0 auto;
}

/*--------------------------------------------------------------ベーススタイル
*/

a {
    color: #6442FE;
    text-decoration: none;
}

a:hover {
    color: #f44;
}

hr {
    display: none;
}

/*--------------------------------------------------------------汎用クラス
*/

.red {
  color: red;
}

.blue {
  color: blue;
}

.hidden {
  display: none;
  visibility: hidden;
}

.clear {
  clear: both;
  line-height: 0px;
}

.bold {
  font-weight: bold;
}

.center {
  text-align: center;
}

/*--------------------------------------------------------------ヘッダー
*/

#Header {
    background: url(../img/material/header.jpg) no-repeat;
    padding: 12px 10px 0;
}

#Header h1 a {
    width: 755px;
    height: 151px;
    display: block;
    text-indent: -1000em;
    overflow: hidden;
}

#Header strong,
#Header p {
    display: none;
}

/*--------------------------------------------------------------フッター
*/

#Footer {
    background: url(../img/material/footer.gif) no-repeat;
    background-position: bottom;
    padding: 0 10px 17px;
    width: 755px;
    overflow: auto;
}

#FooterIn {
    float: right;
    width: 480px;
    margin: 28px 0 11px;
    padding-left: 275px;
}

#FooterIn ul {
    float: right;
}

#FooterIn li {
    float: left;
    border-left: 4px solid #6D6D6D;
    padding: 0 14px 0 4px;
    line-height: 1.2em;
}

#FooterIn li a {
    color: #434343;
}

#FooterIn li a:hover {
    color: #f44;
}

#FooterIn p {
    display: none;
}

/*--------------------------------------------------------------ナビゲーション
*/

#Navigation {
    background: #6D6D6D;
    width: 755px;
    height: 32px;
    margin: 0 auto;
    overflow: hidden;
}

#Navigation ul {
    width: 756px;
}

#Navigation li {
    float: left;
    width: 125px;
    height: 30px;
    margin: 1px 1px 1px 0;
    text-indent: -1000em;
    overflow: hidden;
}

#Navigation a {
    display: block;
    width: 125px;
    height: 30px;
}

#Navigation a:hover {
    background-position: bottom;
}


#Navi01 a {background: url(../img/material/navi_01.gif) no-repeat;}
#Navi02 a {background: url(../img/material/navi_02.gif) no-repeat;}
#Navi03 a {background: url(../img/material/navi_03.gif) no-repeat;}
#Navi04 a {background: url(../img/material/navi_04.gif) no-repeat;}
#Navi05 a {background: url(../img/material/navi_05.gif) no-repeat;}
#Navi06 a {background: url(../img/material/navi_06.gif) no-repeat;}

/*--------------------------------------------------------------インデックスコンテンツ
*/

#Index_Contents {
  zoom: 100%;
  background: url('../img/top/index_contents.jpg') no-repeat;
  width: 755px;
  height: 469px;
  margin: 0 auto;
  overflow: hidden;
}

#Index_Contents:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#Index_Seikatsu,
#Index_Genkou {
  position: relative;
  width: 372px;
  height: 469px;
  overflow: hidden;
  float: left;
}

#Index_Contents h2 {
  position: absolute;
  top: 275px;
  left: 20px;
  border: none;
}

#Index_Contents h2 a {
  display: block;
  width: 344px;
  height: 46px;
  text-indent: -1000em;
  overflow: hidden;
}

#Index_Contents p {
  display: none;
}

#Index_Contents .Link {
  position: absolute;
  top: 390px;
  left: 34px;
}

#Index_Contents .Link li {
  margin-right: 10px;
  float: left;
}

#Index_Contents .Link li a {
  display: block;
  width: 153px;
  height: 46px;
  text-indent: -1000em;
  overflow: hidden;
}

/*--------------------------------------------------------------ダイレックが考える販売促進
*/

#Index_Hansoku {
  zoom: 100%;
  font-size: 110%;
  line-height: 1.5em;
  border-bottom: 1px solid #6D6D6D;
  width: 755px;
  margin: 0 auto;
  overflow: hidden;
}

#Index_Hansoku:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#Index_Hansoku h2 {
  border: none;
  background: url('../img/top/index_hansoku_header.jpg') no-repeat;
  width: 755px;
  height: 86px;
  text-indent: -1000em;
  overflow: hidden;
}

#Index_Hansoku img {
  border: none;
  vertical-align: bottom;
  float: left;
}

#Index_Hansoku div {
  display: inline;
  width: 358px;
  margin-right: 16px;
  float: right;
}

#Index_Hansoku p {
  margin: 16px 0;
}

/*--------------------------------------------------------------「WHAT'S NEW」
*/

#WhatsN {
    background: #6D6D6D url(../img/material/whats_new.gif) no-repeat;
    width: 755px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 1px;
    overflow: auto;
}

#WhatsN h2 {
    display: none;
}

#WhatsN iframe {
    background: #fff;
    float: right;
    width: 566px;
    height: 99px;
}

/*--------------------------------------------------------------H2見出し設定
*/

h2 {
    width: 755px;
    height: 70px;
    margin: 0 auto;
    border-bottom: 1px solid #6D6D6D;
    text-indent: -1000em;
    overflow: hidden;
}

#H2_Price {background: url(../img/material/h2_price.gif) no-repeat;}
#H2_Kaitourei {background: url(../img/material/h2_kaitourei.gif) no-repeat;}
#H2_Seikatsu {background: url(../img/material/h2_seikatsu.gif) no-repeat;}
#H2_Seikatsu_I {background: url(../img/material/h2_seikatsu_i.gif) no-repeat;}
#H2_Seikatsu_D {background: url(../img/material/h2_seikatsu_d.gif) no-repeat;}
#H2_Genkou {background: url(../img/material/h2_genkou.gif) no-repeat;}
#H2_Genkou_I {background: url(../img/material/h2_genkou_i.gif) no-repeat;}
#H2_Genkou_D {background: url(../img/material/h2_genkou_d.gif) no-repeat;}
#H2_Inquiry {background: url(../img/material/h2_inquiry.gif) no-repeat;}
#H2_Outline {background: url(../img/material/h2_outline.gif) no-repeat;}
#H2_Privacy {background: url(../img/material/h2_privacy.gif) no-repeat;}
#H2_Sitemap {background: url(../img/material/h2_sitemap.gif) no-repeat;}
#H2_Thanks {background: url(../img/material/h2_thanks.gif) no-repeat;}
#H2_QnA {background: url(../img/material/h2_qna.gif) no-repeat;}
#H2_News {background: url(../img/material/h2_direc.gif) no-repeat;}

#H2_Hanbai_s {background: url(../img/material/h2_hanbai_s.gif) no-repeat;}
#H2_Seikatsu_ss {background: url(../img/material/h2_seikatsu_ss.gif) no-repeat;}
#H2_Seikatsu_ssr {background: url(../img/material/h2_seikatsu_ssr.gif) no-repeat;}
#H2_Genkou_ts {background: url(../img/material/h2_genkou_ts.gif) no-repeat;}
#H2_Genkou_tsr {background: url(../img/material/h2_genkou_tsr.gif) no-repeat;}

/*--------------------------------------------------------------汎用記事スタイル
*/

#Article {
    border-bottom: 1px solid #6D6D6D;
    width: 755px;
    margin: 0 auto;
    padding-bottom: 16px;
    line-height: 1.5em;
}

#Article div {
    margin: 32px 24px 0;
}

#Article h3 {
    background: url(../img/material/h3_icon.gif) no-repeat left bottom;
    font-size: 120%;
    margin-bottom: 16px;
    padding-left: 24px;
    line-height: 1.57em;
}

#Article h4 {
    color: #a77;
    background: url(../img/material/h4_icon.gif) no-repeat 1px 1px;
    font-size: 100%;
    text-indent: 20px;
    margin: 16px 0;
}

#Article p {
    margin: 0 0 16px 24px;
}

#Article p.greeting {
    color: #c06058;
    margin: 0 0 16px 0;
    font-weight: bold;
}

#Article ul {
    margin-left: 1em;
    margin: 0 0 16px 40px;
    list-style-position: outside;
}

#Article ul li {
    list-style-type: disc;
}

#Article ol {
    margin-left: 1em;
    margin: 0 0 16px 48px;
    list-style-position: outside;
}

#Article ol li {
    list-style-type: decimal;
}

#li01 li {
    margin: 2px 0;
}

#li02 li {
    margin: 16px 0;
}



/*--------------------------------------------------------------お問い合わせ・資料請求
*/

#Doc_request {
    background: url(../img/top/doc_request.jpg) no-repeat;
    width: 755px;
    height: 171px;
    margin: 0 auto;
    overflow: hidden;
}

#Doc_request p,#Doc_request ul {
    display: none;
}

#Doc_request a {
    display: block;
    width: 755px;
    height: 171px;
    margin: 0 auto;
    text-indent: -1000em;
}

/*--------------------------------------------------------------個人情報管理
*/

#Privacy_mark {
    background: url(../img/top/privacy_mark.jpg) no-repeat;
    width: 755px;
    height: 72px;
    margin: 0 auto;
    overflow: hidden;
}

#Privacy_mark a {
    display: block;
    width: 755px;
    height: 72px;
}

#Privacy_mark span {
    display: none;
}

/*--------------------------------------------------------------ダイレックが考える販売促進策
*/

#Article .Hanbai-img {
  text-align: center;
  margin: 0 auto;
}

/*--------------------------------------------------------------その他
*/

#Container .Confirm-Link {
  background: url('../img/material/dotted.gif') repeat-x center top;
  width: auto;
  margin: 8px auto;
  padding-top: 8px;
  list-style: none;
}

#Container .Confirm-Link a {
  display: block;
  background: url('../img/material/button_confirm.jpg') no-repeat;
  width: 232px;
  height: 52px;
  margin: 8px auto;
  text-indent: -1000em;
  overflow: hidden;
}

#Container .limark01 {
  margin: 0 0 16px 26px;
}

#Container .limark01 li {
  line-height: 1.7em;
  list-style: none;
}

#Container .limark01 li a {
  background: url('../img/material/li_marker01.gif') no-repeat left center;
  padding-left: 16px;
}

#Container .plink {
  background: url('../img/material/li_marker01.gif') no-repeat left center;
  margin: 0 0 24px 26px;
  padding-left: 16px;
}