@charset "UTF-8";
BODY {
  background: url("../image/sw/cu/promo/landing/osaka/lp_osaka_bg.gif") repeat scroll 0 0 transparent;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.04em;
  font-family: Arial;
}

A:link {
  color: #0063DC;
}

A:visited {
  color: #bc91d5;
}

img {
  border: none;
  margin: 0;
  padding: 0;
}

#container {
  background-color: white;
  margin: 0 auto;
  text-align: left;
  width: 950px;
}

#header {
  width: 890px;
  height: 63px;
  margin: 0 auto;
  background: url("../image/sw/cu/promo/landing/osaka/lp_osaka_ttl_01.jpg") no-repeat scroll center bottom transparent;
}

#header img.logo {
  margin: 5px 0 0;
  float: left;
}

#header img.rikunabi {
  float: right;
  margin: 13px 0 0;
}

table.title {
  margin: 0 auto;
}

table.title h1 {
  background: url("../image/sw/cu/promo/landing/osaka/lp_osaka_ttl_02.jpg") repeat scroll 0 0 transparent;
  height: 183px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  width: 455px;
}

table.title td.p10 {
  font-size: 14px;
  line-height: 1.4em;
  padding: 0 10px;
  text-shadow: 1px 1px 1px white;
  background: url("../image/sw/cu/promo/landing/osaka/lp_osaka_ttl_04.jpg") repeat scroll 0 0 transparent;
}

#mainColumn {
  margin: 0 auto 30px;
}

#leftColumn {
  float: left;
  width: 655px;
}

#HboxTop, #HboxBtm {
  margin: 10px 0 0 20px;
}

#HboxTop .body, #HboxBtm .body {
  background: url("../image/sw/cu/promo/landing/osaka/lp_osaka_h2_bg.gif") repeat scroll 0 0 transparent;
  padding: 5px 20px 8px 31px;
}

#HboxTop .body img, #HboxBtm .body img {
  float: left;
}

#HboxTop .body .link, #HboxBtm .body .link {
  float: left;
  margin: 0 0 0 12px;
  width: 390px;
}

.link div {
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #EEEEEE;
  padding: 15px 0;
  font-size: 16px;
}

.link div p {
  font-size: 12px;
  line-height: 1.5em;
  margin: 0;
}

#HboxTop .ftr, #HboxBtm .ftr {
  background: url("../image/sw/cu/promo/landing/osaka/lp_osaka_h2_ftr.gif") repeat scroll 0 0 transparent;
  height: 8px;
  font-size: 1px;
}

h2 {
  height: 99px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  width: 634px;
}

#HboxTop h2 {
  background: url("../image/sw/cu/promo/landing/osaka/lp_osaka_h2_001.gif") repeat scroll 0 0 transparent;
}

#HboxBtm h2 {
  background: url("../image/sw/cu/promo/landing/osaka/lp_osaka_h2_002.gif") repeat scroll 0 0 transparent;
}

#otherWork {
  margin: 0 0 0 30px;
}

#otherWork h3 {
  background: url("../image/sw/cu/promo/landing/osaka/lp_osaka_h3.gif") no-repeat scroll 0 0 transparent;
  border-bottom: 1px solid #FACC2A;
  height: 36px;
  text-indent: -9999px;
}

#otherWork h4 {
  margin: 10px 0 10px 15px;
  font-size: 15px;
}

#otherWork ul {
  margin: 0 0 0 15px;
  padding: 0;
}

#otherWork li {
  float: left;
  line-height: 1.7em;
  list-style: circle inside none;
  margin: 0 10px 0 0;
}

/*
#leftColumn .wrap{
border: 1px solid #009944;
border-top:none;
}


#leftColumn .wrap p{
background: url("../../../../image/sw/promo/landing/lp_val_pBg.gif") repeat scroll 0 0 transparent;
line-height: 28px;
margin: 0 10px;
padding: 5px 10px;
}
#leftColumn .wrap p img{
float: none;
margin: 0 0 0 8px;
}
#leftColumn .wrap img{}

table.workKanto{
margin: 10px auto;
width: 600px;
}
table.workKanto th{text-align:center;}

table.workKanto td{
font-size: 15px;
}
table.workKanto td a{font-weight:bold;}
*/
#rightColumn {
  float: right;
  margin: 0 30px 0 0;
  width: 240px;
  padding-top: 17px;
}

#rightColumn .bannerModule {
  margin: 0 0 5px;
}

#rightColumn .bannerModule img {
  margin: 0 0 5px 0;
}

#rightColumn .subModule {
  text-align: center;
  border: 10px solid #EEEEEE;
}

#rightColumn .subModule h3 {
  font-size: 12px;
}

#rightColumn .subModule ul {
  margin: 0 5px;
  padding: 0;
}

#rightColumn .subModule li {
  float: left;
  list-style-position: inside;
  list-style-type: disc;
  width: 102px;
  line-height: 1.3em;
}

#rightColumn .subModule #toShift {
  background-color: white;
  margin: 0 auto;
  width: 220px;
  padding: 0 0 10px 0;
}

#rightColumn .subModule #toShift img {
  margin: 10px auto;
}

#rightColumn .subModule #toShift ul {
  margin: 0;
  padding: 0 0 0 15px;
  text-align: left;
}

#rightColumn .subModule #toShift li {
  background: url("../image/sw/cu/common/mk_ya.gif") no-repeat scroll 0 6px transparent;
  float: none;
  font-size: 12px;
  line-height: 1.6em;
  list-style-position: outside;
  list-style-type: none;
  padding: 0 0 0 13px;
  width: 180px;
}

.soico {
  clear: both;
  margin: 10px 0 0;
  text-align: left;
}

.soico div {
  float: left;
  font-size: 0;
  line-height: 1;
  margin-right: 3px;
  width: 40px;
  height: 40px;
}

/* mixi check */
.mixi-check-button {
  display: inline-block;
  *display: inline;
  width: 40px !important;
  /* 独自アイコンの横サイズ */
  height: 40px !important;
  /* 独自アイコンの縦サイズ */
  background: url("../image/sw/promo/landing/lp_val_soico_mixi.gif") 0 0 no-repeat !important;
  *zoom: 1;
  /*text-indent: -9999px;*/
}

.mixi-check-button img {
  display: none;
}

#ADFooter {
  margin: 15px 0;
}

#footer {
  padding: 15px;
  text-align: center;
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}