* {
  margin:                     0;
  padding:                    0;
  text-decoration:            none;
  text-transform:             none;
  text-indent:                0;
  font-size:                  100%;
  font-weight:                normal;
  list-style-type:            none;
}

body {
  font:                       .75em "ＭＳ Ｐゴシック", Osaka, sans-serif;
  color:                      #4C4137;
  background:                 url(images/bg_body.gif) repeat;
  text-align:                 center;
}
#container {
  width:                      800px;
  background:                 #ffffff;
  border-left:                1px solid #aaaaaa;
  border-right:               1px solid #aaaaaa;
  margin:                     0 auto;
  text-align:                 left;
}
#header, #main, #footer {
}
#footer {
  clear:                      both;
}
a {
  color:                      #000f4c;
}
a:hover {
  text-decoration:            underline;
}
img {
  border:                     none;
}
.cl {
  clear:                      both;
}
.red {
  color:                      #eb0000;
}
.bold {
  font-weight:                bold;
}
.msg_shoutline {
  font-weight:                bold;
  color:                      #362c75;
}
.link_item {
  background:                 url(images/link_item.gif) no-repeat bottom left;
  text-indent:                20px;
  height:                     16px;
  display:                    block;
  line-height:                1.5em;
  text-decoration:            underline;
}
.title_head {
  border-left:                3px solid #0099ff;
  padding-left:               5px;
}
.general_background {
  background:                 #ededed;
  padding:                    3px;
}

/*==========ヘッダー部分==========*/
#header {
  background:                 url(images/lpo/bg_header.gif) #ffffff repeat-x;
  margin-top:                 0;
  height:                     65px;
  position:                   relative;
}
#header h1 {
  position:                   absolute;
  top:                        13px;
  left:                       19px;
}
#header #company {
  position:                   absolute;
  top:                        13px;
  right:                      10px;
}

/*==========コンテンツ部分==========*/
/*ページ：共通------------*/
#main_img {
  position:                   relative;
  background:                 #ffffff no-repeat;
  width:                      800px;
  height:                     300px;
  margin:                     1px 0 15px 0;
}
#main_img table {
  position:                   absolute;
  width:                      740px;
  height:                     272px;
  top:                        10px;
  left:                       30px;
  border-collapse:            collapse;
}
#main_img table td {
  border-collapse:            collapse;
}
#main_img ul.main_buttons li {
  padding:                    3px 0 5px 3px;
}
#main_img ul.main_merits {
  height:                     120px;
}
#main_img ul.main_merits li {
  float:                      left;
  height:                     120px;
}
a.trial, a.contact {
  display:                    block;
  width:                      250px;
  height:                     57px;
  text-indent:                -10000px;
  overflow:                   hidden;
}
a.trial {
  background:                 url(images/lpo/btn_trial.gif) no-repeat;
}
a:hover.trial {
  background-position:        0 -57px;
}
a.contact {
  background:                 url(images/lpo/btn_contact.gif) no-repeat;
}
a:hover.contact {
  background-position:        0 -57px;
}
div.section {
  padding:                    15px 10px 5px 10px;
}
div.paragraph {
  padding:                    15px 20px 5px 20px;
}
div.paragraph div {
  padding:                    5px 20px;
  line-height:                1.5em !important;
}
div.paragraph table {
  width:                      680px;
  margin:                     10px 20px;
  border:                     1px solid #999999;
  border-collapse:            collapse;
}
div.paragraph table th {
  text-align:                 center;
  background:                 #efefef;
  width:                      130px;
  border:                     1px solid #999999;
}
div.paragraph table td {
  border:                     1px solid #999999;
  padding:                    5px 20px;
}
div.price {
  border:                     1px solid #aaaaaa;
  background:                 #efefef;
  font-weight:                bold;
  margin:                     10px 20px;
  padding:                    5px 15px;
}
a.link_bizca {
  background:                 url(images/lpo/btn_bizca.gif) #ffffff no-repeat;
  width:                      506px;
  height:                     29px;
  display:                    block;
  text-indent:                -10000px;
}
a:hover.link_bizca {
  background-position:        0 -29px;
}
.bottom_table {
  width:                      510px;
  border:                     none;
  margin-left:                120px;
  margin-bottom:              30px;
}
.bottom_table td {
  font-weight:                bold;
  padding-bottom:             10px;
  color:                      #011633;
}
/*ページ：Webメール------------*/
#web_mail #main_img {
  background:                 url(images/lpo/wm_title_bg.gif) #ffffff no-repeat;
}
#web_mail #wm_merit table {
  width:                      740px;
  border-collapse:            collapse;
  margin:                     10px 20px 15px 20px;
}
#web_mail #wm_merit td {
  border-collapse:            collapse;
  background:                 url(images/lpo/wm_merit_bg.gif) #ffffff repeat-y 0 0;
}
#web_mail #wm_merit div.merit_contents {
  width:                      370px;
  text-align:                 right;
  margin-bottom:              10px;
}



/*==========フッター部分==========*/
#footer {
  position:                   relative;
  background:                 url(images/bg_footer.gif) no-repeat 0 20px;
  height:                     80px;
}
/*サブナビゲーション------------*/
#footer #subnav {
  position:                   absolute;
  top:                        22px;
  right:                      20px;
}
#footer #subnav li {
  float:                      left;
}
#footer #subnav li a {
  font-size:                  0.9em;
  color:                      #666666;
  padding:                    0 0.5em;
  border-left:                1px solid #666666;
  display:block;
}
#footer #subnav li a.last_item {
  float:                      left;
  color:                      #666666;
  padding:                    0 0.5em;
  border-left:                1px solid #666666;
  border-right:               1px solid #666666;
}
#footer address {
  clear:                      both;
  font-size:                  0.9em;
  font-style:                 normal;
  text-align:                 center;
  position:                   absolute;
  top:                        52px;
  padding:                    0 0 20px 0;
  width:                      800px;
}

#footer address img {
  position:                   absolute;
  right:                      0;
}
