*{margin:0; padding:0;}

body {
  background:
    #fefcf6
    url('img/bg.gif')
    repeat-y
    scroll
    top center;
  color:#666666;
  margin: 0 auto;
  width:100%;
  font-size:95%;
/*  line-height:100%;*/
  line-height:1;

  font-family: Arial, 'ＭＳ Ｐゴシック', sans-serif ;

  text-align:center;
  min-width:900px;
}

/*dl {
  margin:1em;
}

dt {
  font-weight:bold;
  float:left;
}

dd {
}

th {
  font-weight:bold;
}*/

/*
・ここで幅100%、(0,0)に固定
・ネストしたdiv(幅900px)をセンタリングする
*/

#header {
  position:absolute;
  left:0;
  top:0;
  background:
    transparent
    url('img/header.png')
    no-repeat
    scroll
    top center;
/*  background:
    transparent
    url('img/atmic_bg.gif')
    repeat-x
    scroll
    top left;
*/
  width:100%;
  height:150px;
  text-align:center;
}

#header div {
  width:900px;
  margin:0 auto;
}

#logo {
  border-style:none;
  float:left;
}

#contents {
  width:900px;
  margin:100px auto;
  
  text-align:left;
}

#top_main {
  margin-top:0;
  padding:0em;
  width:600px;
  
/*  line-height:150%;*/
  line-height:1.5;
  float:left;
}

/* align:center
#info {
  background:
    transparent
    url('img/micinfo.gif')
    no-repeat
    scroll
    top center;
  width:100%;
  height:180px;
  
}*/

#info {
  background:
    transparent
    url('img/micinfo.gif')
    no-repeat
    scroll
    top left;
  width:600px;
  height:180px;
/*  padding:1em; */
  color:#ffffff;
}

#info a img {
  border-style:none;
}

#mailinfo {
  position:relative;
  left:0;
  top:0;
}

#webinfo {
  position:relative;
  left:325px;
  top:-101px;
  width:253px;
  height:70px;
}


#right_pane {
  width:280px;
  right:0;
  float:right;
  margin-top:80px;
}


#menu_basic,
#menu_modify,
#menu_option,
#menu_support {
  margin:0 0 10px 0;
  background:
    transparent
    url('img/menut.gif')
    no-repeat
    scroll
    top left;
  padding:10px 0;
}

#menu_basic span,
#menu_modify span,
#menu_option span,
#menu_support span {
  display:block;
  padding:0 10px 10px 10px;
}

#menu_basic div,
#menu_modify div,
#menu_option div,
#menu_support div {
  background:
    transparent
    url('img/menub.gif')
    no-repeat
    scroll
    bottom left;
  /*padding:0 0 10px 0;*/
  padding:0 10px 10px 10px;
}

#menu_basic ul,
#menu_modify ul,
#menu_option ul,
#menu_support ul {
  clear:left;
  margin-left:10px;
}

#menu_basic li,
#menu_modify li,
#menu_option li,
#menu_modify li,
#menu_support li {
  margin-left:1em;
  list-style-type:disc;
/*  line-height:130%;*/
  line-height:1.3;
}

/* h5 */
#menu_basic_title {
  background:
    transparent
    url('/img/menu/services.gif')
    no-repeat
    scroll
    top left;
  width:205px;
  height:17px;
  overflow:hidden;
  text-indent: -1000em;
  margin-bottom:1em;
}

#menu_modify_title {
  background:
    transparent
    url('/img/menu/modify.gif')
    no-repeat
    scroll
    top left;
  width:205px;
  height:17px;
  overflow:hidden;
  text-indent: -1000em;
  margin-bottom:1em;
}

#menu_option_title {
  background:
    transparent
    url('/img/menu/option.gif')
    no-repeat
    scroll
    top left;
  width:142px;
  height:16px;
  overflow:hidden;
  text-indent: -1000em;
  margin-bottom:1em;
}

#menu_support_title {
  background:
    transparent
    url('/img/menu/support.gif')
    no-repeat
    scroll
    top left;
  width:93px;
  height:17px;
  overflow:hidden;
  text-indent: -1000em;
  margin-bottom:1em;
}

#menu_makasete {
  position:relative;
  margin:40px 0 10px 0;

  background:
    transparent
    url('/img/makasete_bg.gif')
    no-repeat
    scroll
    top left;
  color:#ffffff;
  width:280px;
  height:150px;
}

/*#menu_makasete a img {
  border-style:none;
}*/

#menu_makasete h5 {
  position:absolute;
  background:
    transparent
    url('/img/makasete_title.gif')
    no-repeat
    scroll
    top left;
  color:#ffffff;
  width:223px;
  height:44px;
  left:10px;
  top:10px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}

#menu_makasete div {
  position:absolute;
  background:
    transparent
    url('/img/makasete_desc.gif')
    no-repeat
    scroll
    top left;
  color:#ffffff;
  width:240px;
  height:42px;
  left:18px;
  top:65px;
  overflow:hidden;
  text-indent: -1000em;
}

#menu_makasete a {
  position:absolute;
  display:block;
  background:
    transparent
    url('/img/makasete_link.gif')
    no-repeat
    scroll
    top left;
  color:#ffffff;
  width:195px;
  height:18px;
  left:70px;
  top:123px;
  overflow:hidden;
  text-indent: -1000em;
  border-style:none;
}

/*#menu_makasete a dl, 
#menu_makasete a span {
  display:none;
}*/

#menu_basic hr,
#menu_modify hr,
#menu_option hr,
#menu_support hr,
#menu_makasete hr {
  margin-top:1em;
  margin-bottom:7px;
}

#ccc {
  margin:20px 0;
}

#ccc div {
  font-size:0.7em;
}

#ccc img {
  border-style:none;
  float:right;
}

h1 {
  margin:2em 0 1em 0;
  clear:both;
}

h2 {
  margin:2em 1em 0.3em 1em;
  clear:both;
}

h3 {
  margin:2em 1em 0.5em 1em;
  clear:both;
}

#breads {
/*  position:absolute;
  left:25px;
  top:93px;
*/
  width:900px;
  text-align:left;
  clear:both;
  margin-top:10px;
  float:left;
}

#footer {
  display:block;
  margin:0 auto;
  width:900px;
  text-align:center;
  padding:1em 0px;
  clear:both;
}

#footerhr {
  width:98%;
  margin: auto;
  border:1px solid #6477e5;
}

#copy {
  float:right;
  margin:5px;
  height:18px;
}

#topcorner {
/*  position:absolute;
  right:10px;
  top:8px;

*/
  float:right;
  display:inline;
  position:relative;

  margin:10px;

  background:
    transparent
    url('/img/topcorner.gif')
    no-repeat
    scroll
    top left;
  width:430px;
  height:16px;
}

#topcorner ul li {
  list-style-type:none !important;
}

#link_faq {
  display:block;
  background:
    transparent
    url('/img/faq.gif')
    no-repeat
    scroll
    top left;
  width:190px;
  height:16px;
  overflow:hidden;
  text-indent: -1000em;
/*  float:left;*/
  position:absolute;
  left:0;
  top:0;
}

#link_contact {
  display:block;
  background:
    transparent
    url('/img/contact.gif')
    no-repeat
    scroll
    top left;
  width:95px;
  height:16px;
  overflow:hidden;
  text-indent: -1000em;
/*  float:left;*/
  position:absolute;
  left:210px;
  top:0;
}

#link_sitemap {
  display:block;
  background:
    transparent
    url('/img/sitemap.gif')
    no-repeat
    scroll
    top left;
  width:95px;
  height:16px;
  overflow:hidden;
  text-indent: -1000em;
/*  float:left;*/
  position:absolute;
  left:325px;
  top:0;
}

#bottomcorner {
  float:left;
  margin:5px;
}

#topcorner img, 
#bottomcorner img {
  margin:0;
  padding:0;
  vertical-align:middle;
  border-style:none;
}

/* 2009/08/14 */
#copy a {
  display:block;
  float:right;
  background:
    transparent
    url('/img/copy.gif')
    no-repeat
    scroll
    top left;
  width:150px;
  height:16px;
  overflow:hidden;
  text-indent: -1000em;
} 

/* 2009/08/10 */
#link_privacy {
  display:block;
  float:left;
  background:
    transparent
    url('/img/privacypolicy.gif')
    no-repeat
    scroll
    top left;
  width:159px;
  height:16px;
  overflow:hidden;
  text-indent: -1000em;
}

a:visited {
  color:#333366;
}

a img {
  border-style:none;
  margin:0;
  padding:0;
}

#link_services,
#link_mail,
#link_web,
a.link_basic {
  display:block;
  clear:left;
  float:left;
  background:
    #ff9900
    url('img/menu/base.gif')
    no-repeat
    scroll
    top left;
  margin:0;
  padding:0;
  width:131px;
  height:33px;
}

#link_services:hover,
#link_mail:hover,
#link_web:hover,
a.link_basic:hover {
  background-color:#ffb541;
}

a.link_basic img {
  border-style:none;
  margin:0;
  padding:0;
}

#link_services span {
  display:block;
  float:right;
  background:
    transparent
    url('/img/menu/type.gif')
    no-repeat
    scroll
    top left;
  width:131px;
  height:33px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}

#link_mail span {
  display:block;
  float:right;
  background:
    transparent
    url('/img/menu/mail.gif')
    no-repeat
    scroll
    top left;
  width:131px;
  height:33px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}

#link_web span {
  display:block;
  float:right;
  background:
    transparent
    url('/img/menu/web.gif')
    no-repeat
    scroll
    top left;
  width:131px;
  height:33px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}

/*--------------------------*/
a.link_price {
  display:block;
  margin-left:80px;
  padding:0;
}

a.link_price img {
  border-style:none;
  margin:0;
  padding:0;
}
/*--------------------------*/

/*--------------------------
a.link_price {
  display:block;
  clear:left;
  background:
    #246bb1
    url('img/menu/nbase.gif')
    no-repeat
    scroll
    top left;
  margin-left:80px;
  padding:0;
  width:177px;
  height:33px;
}

a.link_price:hover {
  background-color:#2b82d3
}

a.link_price img {
  border-style:none;
  margin:0;
  padding:0;
}
*/
/*--------------------------*/
#link_option_ipphone,
#link_option_hosting,
#link_option_roaming,
a.link_option {
  display:block;
  clear:left;
  float:left;
  background:
    #88bb22
    url('img/menu/gbase.gif')
    no-repeat
    scroll
    top left;
  margin:0;
  padding:0;
  width:131px;
  height:33px;
}

#link_option_ipphone:hover,
#link_option_hosting:hover,
#link_option_roaming:hover,
a.link_option:hover {
  background-color:#9ed92b;
}

a.link_option img {
  border-style:none;
  margin:0;
  padding:0;
}

#link_option_ipphone span {
  display:block;
  float:right;
  background:
    transparent
    url('/img/menu/voip.gif')
    no-repeat
    scroll
    top left;
  width:131px;
  height:33px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}

#link_option_hosting span {
  display:block;
  float:right;
  background:
    transparent
    url('/img/menu/hosting.gif')
    no-repeat
    scroll
    top left;
  width:131px;
  height:33px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}

#link_option_roaming span {
  display:block;
  float:right;
  background:
    transparent
    url('/img/menu/roaming.gif')
    no-repeat
    scroll
    top left;
  width:131px;
  height:33px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}

/*--------------------------*/

/*--------------------------*/
#link_support {
  display:block;
  clear:left;
  float:left;
  background:
    #6477e5
    url('img/menu/bbase.gif')
    no-repeat
    scroll
    top left;
  margin:0;
  padding:0;
  width:131px;
  height:33px;
}

#link_support:hover {
  background-color:#8795eb;
}

#link_support span {
  display:block;
  float:right;
  background:
    transparent
    url('/img/menu/visiting.gif')
    no-repeat
    scroll
    top left;
  width:131px;
  height:33px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}
/*--------------------------*/

#link_services_contract, 
#link_mail_contract, 
#link_web_contract,
#link_option_ipphone_contract,
a.agreement {
  margin:0 0 0 22px;
  display:block;
  float:left;
  background:
    #ffcc00
    url('img/menu/ybase.gif')
    no-repeat
    scroll
    top left;
  padding:0;
  width:80px;
  height:33px;
}

#link_services_contract:hover, 
#link_mail_contract:hover, 
#link_web_contract:hover,
#link_option_ipphone_contract:hover,
a.agreement:hover {
  background-color:#ffd541;
}

#link_services_contract span {
  display:block;
  float:right;
  background:
    transparent
    url('/img/menu/clause.gif')
    no-repeat
    scroll
    top left;
  width:80px;
  height:33px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}

#link_mail_contract span,
#link_web_contract span,
#link_option_ipphone_contract span {
  display:block;
  float:right;
  background:
    transparent
    url('/img/menu/agreement.gif')
    no-repeat
    scroll
    top left;
  width:80px;
  height:33px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}

a.agreement img {
  border-style:none;
}

a.price {
  position:relative;
  top:80px;
  left:0;
}

a.price img {
  border-style:none;
}

.bold a {
  font-weight:bold;
  color:red;
}

.ul {
  font-weight:bold;
  color:#444444;
  font-size:1em;
  /*text-decoration:underline;*/
  border-bottom:1px dashed #000000;
}

.cut {
  text-align:center;
}

.cut img {
  padding:10px 0 0 0;
}

.cut div {
  margin:0;
  color:#6666c0;
}

img.illust {
  display:block;
  float:right;
  margin:10px 0 10px 20px;
}

#renew {
  position:absolute;
  left:700px;
  top:40px;
}

#renew a img {
  border-style:none;
}

div.soon {
  background:
    transparent
    url('img/mousugu.gif')
    no-repeat
    scroll
    top left;
    text-indent:75px;
}