@import url("../common201008/css/header.css");
@import url("../common201008/css/footer.css");
@import url("../common201008/css/contentNavSnippet.css");
/**
 * =========================================
 * General Class lib
 * =========================================
 */
/* --- reset --- */
.reset {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
}

/* --- reset --- */
.sprite .sprite, .siteHeader .utilityNav a .sprite, .siteHeader #whatsnewlabel .sprite, .siteHeader #rssBadge .sprite, .sprite .siteHeader .utilityNav a, .siteHeader .utilityNav .sprite a, .siteHeader .utilityNav a a, .siteHeader #whatsnewlabel .utilityNav a, .siteHeader .utilityNav #whatsnewlabel a, .siteHeader #rssBadge .utilityNav a, .siteHeader .utilityNav #rssBadge a, .sprite .siteHeader #whatsnewlabel, .siteHeader .sprite #whatsnewlabel, .siteHeader .utilityNav a #whatsnewlabel, .siteHeader #whatsnewlabel #whatsnewlabel, .siteHeader #rssBadge #whatsnewlabel, .sprite .siteHeader #rssBadge, .siteHeader .sprite #rssBadge, .siteHeader .utilityNav a #rssBadge, .siteHeader #whatsnewlabel #rssBadge, .siteHeader #rssBadge #rssBadge {
  background: url("../img/sprite_frame_110909.png") no-repeat;
  text-align: left;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
.sprite .noOutline, .siteHeader .utilityNav a .noOutline, .siteHeader #whatsnewlabel .noOutline, .siteHeader #rssBadge .noOutline {
  outline: none;
  hidefocus: expression(hideFocus='true');
}

/* --- clearfix --- */
.clearfix, .siteHeader .utilityNav, .siteHeader .utilityNav ul, .lf, .siteBody, .lu, .relatedInfo .lf, .relatedInfo .siteBody, .relatedInfo .lu, .companyInfo .contentNav, .textBanner .tbContent {
  *zoom: 1;
}

.clearfix:after, .siteHeader .utilityNav:after, .siteHeader .utilityNav ul:after, .lf:after, .siteBody:after, .lu:after, .relatedInfo .lf:after, .relatedInfo .siteBody:after, .relatedInfo .lu:after, .companyInfo .contentNav:after, .textBanner .tbContent:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  margin-top: -1px;
}

@media print {
  .clearfix:after, .siteHeader .utilityNav:after, .siteHeader .utilityNav ul:after, .lf:after, .siteBody:after, .lu:after, .relatedInfo .lf:after, .relatedInfo .siteBody:after, .relatedInfo .lu:after, .companyInfo .contentNav:after, .textBanner .tbContent:after {
    clear: both;
    height: 1px;
    margin-bottom: -1px;
    visibility: hidden;
  }
}

/* --- general class --- */
img {
  border: none;
}

.left {
  text-align: left !important;
}

.center {
  text-align: center !important;
}

.right {
  text-align: right !important;
}

img.left {
  float: left;
  margin: 0 10px 0 0;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.right {
  float: right;
  margin: 0 0 0 10px;
}

img.inline {
  margin: 0 2px 0 2px;
  vertical-align: middle;
}

div.center {
  margin-left: auto;
  margin-right: auto;
}

.clear {
  clear: both;
}

.top {
  vertical-align: top;
}

.middle {
  vertical-align: middle;
}

.bottom {
  vertical-align: bottom;
}

input.defaultValue {
  color: #999;
}

.noScreen {
  display: none;
}

@media Screen, Print {
  .verbose {
    display: none;
  }
}

@media Aural {
  .verbose {
    display: inline;
  }
}

/**
 * =========================================
 * Typography
 * =========================================
 */
.clearFsz, body {
  font-size: 13px;
  *font-size: small;
  /* for IE */
  *font: x-small;
  /* for IE in quirks mode */
}

.textSize_s .clearFsz, .textSize_s body {
  font-size: 11px;
  *font-size: x-small;
  /* for IE */
  *font: xx-small;
  /* for IE in quirks mode */
}

.textSize_l .clearFsz, .textSize_l body {
  font-size: 16px;
  *font-size: medium;
  /* for IE */
  *font: small;
  /* for IE in quirks mode */
}

body {
  font-family: 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',verdana,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.5;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea {
  font: 99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
  font-size: inherit;
  font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

.text_10px {
  font-size: 77%;
}
.msie .text_10px {
  letter-spacing: .1em;
}

.text_11px {
  font-size: 85%;
}

.text_12px {
  font-size: 93%;
}

.text_13px {
  font-size: 100%;
}

.text_14px {
  font-size: 108%;
}

.text_15px {
  font-size: 116%;
}

.text_16px {
  font-size: 123.1%;
}

.text_17px {
  font-size: 131%;
}

.text_18px {
  font-size: 138.5%;
}

.text_19px {
  font-size: 146.5%;
}

.text_20px {
  font-size: 153.9%;
}

.text_21px {
  font-size: 161.6%;
}

.text_22px {
  font-size: 167%;
}

.text_23px {
  font-size: 174%;
}

.text_24px {
  font-size: 182%;
}

.text_25px {
  font-size: 189%;
}

.text_26px {
  font-size: 197%;
}

/*@import "http://www.lawson.co.jp/css/layout/";*/
/*@import "http://www.lawson.co.jp/css/mod_sectionFrame/"http://www.lawson.co.jp/img/sprite_frame_110909.png") no-repeat;
  text-align: left;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
.sprite .noOutline, .siteHeader .utilityNav a .noOutline, .siteHeader #whatsnewlabel .noOutline, .siteHeader #rssBadge .noOutline {
  outline: none;
  hidefocus: expression(hideFocus='true');
}

/* --- clearfix --- */
.clearfix, .siteHeader .utilityNav, .siteHeader .utilityNav ul, .lf, .siteBody, .lu, .relatedInfo .lf, .relatedInfo .siteBody, .relatedInfo .lu, .companyInfo .contentNav, .textBanner .tbContent {
  *zoom: 1;
}

.clearfix:after, .siteHeader .utilityNav:after, .siteHeader .utilityNav ul:after, .lf:after, .siteBody:after, .lu:after, .relatedInfo .lf:after, .relatedInfo .siteBody:after, .relatedInfo .lu:after, .companyInfo .contentNav:after, .textBanner .tbContent:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  margin-top: -1px;
}

@media print {
  .clearfix:after, .siteHeader .utilityNav:after, .siteHeader .utilityNav ul:after, .lf:after, .siteBody:after, .lu:after, .relatedInfo .lf:after, .relatedInfo .siteBody:after, .relatedInfo .lu:after, .companyInfo .contentNav:after, .textBanner .tbContent:after {
    clear: both;
    height: 1px;
    margin-bottom: -1px;
    visibility: hidden;
  }
}

/* --- general class --- */
img {
  border: none;
}

.left {
  text-align: left !important;
}

.center {
  text-align: center !important;
}

.right {
  text-align: right !important;
}

img.left {
  float: left;
  margin: 0 10px 0 0;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.right {
  float: right;
  margin: 0 0 0 10px;
}

img.inline {
  margin: 0 2px 0 2px;
  vertical-align: middle;
}

div.center {
  margin-left: auto;
  margin-right: auto;
}

.clear {
  clear: both;
}

.top {
  vertical-align: top;
}

.middle {
  vertical-align: middle;
}

.bottom {
  vertical-align: bottom;
}

input.defaultValue {
  color: #999;
}

.noScreen {
  display: none;
}

@media Screen, Print {
  .verbose {
    display: none;
  }
}

@media Aural {
  .verbose {
    display: inline;
  }
}

/**
 * =========================================
 * Typography
 * =========================================
 */
.clearFsz, body {
  font-size: 13px;
  *font-size: small;
  /* for IE */
  *font: x-small;
  /* for IE in quirks mode */
}

.textSize_s .clearFsz, .textSize_s body {
  font-size: 11px;
  *font-size: x-small;
  /* for IE */
  *font: xx-small;
  /* for IE in quirks mode */
}

.textSize_l .clearFsz, .textSize_l body {
  font-size: 16px;
  *font-size: medium;
  /* for IE */
  *font: small;
  /* for IE in quirks mode */
}

body {
  font-family: 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro',verdana,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.5;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea {
  font: 99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
  font-size: inherit;
  font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

.text_10px {
  font-size: 77%;
}
.msie .text_10px {
  letter-spacing: .1em;
}

.text_11px {
  font-size: 85%;
}

.text_12px {
  font-size: 93%;
}

.text_13px {
  font-size: 100%;
}

.text_14px {
  font-size: 108%;
}

.text_15px {
  font-size: 116%;
}

.text_16px {
  font-size: 123.1%;
}

.text_17px {
  font-size: 131%;
}

.text_18px {
  font-size: 138.5%;
}

.text_19px {
  font-size: 146.5%;
}

.text_20px {
  font-size: 153.9%;
}

.text_21px {
  font-size: 161.6%;
}

.text_22px {
  font-size: 167%;
}

.text_23px {
  font-size: 174%;
}

.text_24px {
  font-size: 182%;
}

.text_25px {
  font-size: 189%;
}

.text_26px {
  font-size: 197%;
}

/*@import "layout";*/
/*@import "mod_sectionFrame";*/
header, footer, section, article, aside, nav, hgroup, figure, figcaption {
  display: block;
}

input,
select {
  margin-left: 0;
  vertical-align: middle;
}

body {
  color: black;
  margin: 0;
  padding: 0;
  background-color: #F3F5F8;
}

@media print {
  body {
    _zoom: 76%;
    background: #fff;
  }
}

a {
  color: #1f5fa8;
  text-decoration: none;
}
a:focus, a:active, a:hover {
  color: #0092f2;
  text-decoration: underline;
}
a:visited {
  color: #557fae;
}

.magenta {
  color: #e6004f;
}

.rounded {
  /*display: inline;*/
  position: relative;
  _height: 1px;
}

.tl, .tr, .bl, .br {
  text-align: left;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  width: 10px;
  height: 10px;
  position: absolute;
  /*background-color: red;*/
  background-image: url(http://www.lawson.co.jp/img/rounded_corner.gif) !important;
}

.tl {
  top: -1px;
  left: -1px;
  background-position: -0px -0px;
}

.tr {
  top: -1px;
  right: -1px;
  background-position: -10px -0px;
}

.bl {
  bottom: 1px;
  left: -1px;
  background-position: -0px -10px;
}

.br {
  bottom: 1px;
  right: -1px;
  background-position: -10px -10px;
}

.check {
  background-color: pink !important;
}

.check2 {
  background-color: orange !important;
}

.check3 {
  background-color: skyblue !important;
}

.check4 {
  background-color: green !important;
}

.clearfix, .siteHeader .utilityNav, .siteHeader .utilityNav ul, .lf, .siteBody, .lu, .relatedInfo .lf, .relatedInfo .siteBody, .relatedInfo .lu, .companyInfo .contentNav, .textBanner .tbContent {
  *zoom: 1;
}

.clearfix:after, .siteHeader .utilityNav:after, .siteHeader .utilityNav ul:after, .lf:after, .siteBody:after, .lu:after, .relatedInfo .lf:after, .relatedInfo .siteBody:after, .relatedInfo .lu:after, .companyInfo .contentNav:after, .textBanner .tbContent:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  margin-top: -1px;
}

@media print {
  .clearfix:after, .siteHeader .utilityNav:after, .siteHeader .utilityNav ul:after, .lf:after, .siteBody:after, .lu:after, .relatedInfo .lf:after, .relatedInfo .siteBody:after, .relatedInfo .lu:after, .companyInfo .contentNav:after, .textBanner .tbContent:after {
    clear: both;
    height: 1px;
    margin-bottom: -1px;
    visibility: hidden;
  }
}

.htc {
  behavior: url("../common201008/css/PIE.htc");
}

.siteHeader {
  height: 506px;
  background: url(../img/showcase_bg_110909.jpg) top center no-repeat;
  ba
}
.siteHeader .sprite, .siteHeader .utilityNav a, .siteHeader #whatsnewlabel, .siteHeader #rssBadge {
  background: url("../img/sprite_home.png") no-repeat;
  text-align: left;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
.siteHeader .noOutline {
  outline: none;
  hidefocus: expression(hideFocus='true');
}

.siteHeader .externalUtilityNav{
	height:27px;
	background: url("../common201008/img/external_bg.png") repeat-x top left;	
}

.siteHeader .externalUtility_inner{
	width: 980px;
	margin: 0 auto;
}

.siteHeader .externalUtility_inner ul{
	margin:0;
	padding:0;
}

.siteHeader .utilityNav .sprite, .siteHeader .utilityNav a, .siteHeader .utilityNav #whatsnewlabel, .siteHeader .utilityNav #rssBadge {
  background: url("../common201008/img/sprite_frame_110909.png") no-repeat;
  text-align: left;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
.siteHeader .utilityNav .noOutline {
  outline: none;
  hidefocus: expression(hideFocus='true');
}
.siteHeader .utilityNav {
  margin: 0 auto;
  background: url(../img/sprite_home.png) 0 0 no-repeat;
  text-align: right;
  clear:both;
  /*background-image:url(../img/sprite_home.png);*/
}
.siteHeader .utilityNav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.siteHeader .utilityNav ul li {
  float: left;
  *zoom: 1;
}
.siteHeader .showcaseStage {
  width: 980px;
  height: 333px;
  margin: 0 auto;
  padding: 0 0;
  background: url(../img/showcase_bg_02.png) no-repeat;
  position: relative;
}
.siteHeader .showcaseStage .socialLinks {
  position: absolute;
  left: 592px;
  top: 288px;
/*   width: 74px; */
width: 150px;
  height: 23px;
  z-index: 100;
  padding-top: 7px;
}
.siteHeader .showcaseStage .banner_small, .siteHeader .showcaseStage .banner_large {
  width: 220px;
  height: 144px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  position: absolute;
  text-decoration: none;
  color: #1f5fa8;
  _zoom: 1;
}
.siteHeader .showcaseStage .banner_small .img, .siteHeader .showcaseStage .banner_large .img, .siteHeader .showcaseStage .banner_small img, .siteHeader .showcaseStage .banner_large img {
  display: block;
  width: 220px;
  height: 124px;
  border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-top-border-left-radius: 7px;
  -webkit-top-border-right-radius: 7px;
  _zoom: 1;
  vertical-align: baseline;
  line-height: 1;
}
.siteHeader .showcaseStage .banner_small .caption, .siteHeader .showcaseStage .banner_large .caption {
  display: block;
  background: url(../common201008/img/ico_link_square_small.png) 200px 2px no-repeat;
  padding: 3px 10px;
  font-size: 10px;
  overflow: hidden;
}
.siteHeader .showcaseStage .banner_small .caption .socialLinks, .siteHeader .showcaseStage .banner_large .caption .socialLinks {
  display: inline-block;
}
.siteHeader .showcaseStage .banner_small:hover .caption, .siteHeader .showcaseStage .banner_large:hover .caption {
  background-image: url(../common201008/img/ico_link_square_small_on.png);
}
.siteHeader .showcaseStage .banner_large {
  width: 480px;
  height: 310px;
  top: 12px;
  left: 249px;
  /*background-color: #0F3F81;*/
  /*.tl {*/
  /*	@include spp(36,0);*/
  /*}*/
  /*.tr {*/
  /*	@include spp(36,9);*/
  /*}*/
}
.siteHeader .showcaseStage .banner_large .img, .siteHeader .showcaseStage .banner_large img {
  width: 480px;
  height: 270px;
}
.siteHeader .showcaseStage .banner_large .caption {
  padding: 0;
  background: url(../common201008/img/sprite_x.png) 0 -267px repeat-x;
}
.siteHeader .showcaseStage .banner_large .caption span {
  display: block;
  padding: 14px 5px 0 10px;
  height: 23px;
  background: url(../common201008/img/ico_link_square_large.png) 447px 100% no-repeat;
}
.siteHeader .showcaseStage .banner_large:hover .caption {
  background-image: url(../common201008/img/sprite_x.png);
}
.siteHeader .showcaseStage .banner_large:hover .caption span {
  background-image: url(../common201008/img/ico_link_square_large_on.png);
}
.siteHeader .showcaseStage .tl, .siteHeader .showcaseStage .tr {
  position: absolute;
  display: block;
  top: -3px;
  background-image: url(http://www.lawson.co.jp/img/showcase_banner_corner.gif);
  width: 9px;
  height: 9px;
  overflow: hidden;
  _zoom: 1;
  /*background: red;*/
}
.siteHeader .showcaseStage .tl {
  left: -4px;
}
.siteHeader .showcaseStage .tr {
  right: -4px;
}
.siteHeader .showcaseStage #pos_1 {
  top: 19px;
  left: 21px;
}
.siteHeader .showcaseStage #pos_1 .tl {
  background-position: -0px -0px;
}
.siteHeader .showcaseStage #pos_1 .tr {
  background-position: -9px -0px;
}
.siteHeader .showcaseStage #pos_2 {
  top: 171px;
  left: 21px;
}
.siteHeader .showcaseStage #pos_2 .tl {
  background-position: -0px -9px;
}
.siteHeader .showcaseStage #pos_2 .tr {
  background-position: -9px -9px;
}
.siteHeader .showcaseStage #pos_3 {
  top: 19px;
  left: 737px;
}
.siteHeader .showcaseStage #pos_3 .tl {
  background-position: -18px -0px;
}
.siteHeader .showcaseStage #pos_3 .tr {
  background-position: -27px -0px;
}
.siteHeader .showcaseStage #pos_4 {
  top: 171px;
  left: 737px;
}
.siteHeader .showcaseStage #pos_4 .tl {
  background-position: -18px -9px;
}
.siteHeader .showcaseStage #pos_4 .tr {
  background-position: -27px -9px;
}
.siteHeader .whatsnewWrapper,
.siteHeader .globalNavWrapper {
  background: url(../common201008/img/sprite_x.png) 0 -34px;
}
.siteHeader .whatsnewWrapper {
  padding: 0;
  height: 32px;
  background-position: 0 -235px;
}
.siteHeader .whatsnew {
  margin: 0 auto;
  width: 980px;
  height: 32px;
  line-height: 32px;
  color: #333;
}
.ie6 .siteHeader .whatsnew {
  font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
.siteHeader .whatsnew ul, .siteHeader .whatsnew li {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
}
.siteHeader .whatsnew li {
  line-height: 32px;
  font-size: 93%;
}
.siteHeader .whatsnew li a {
  color: #333;
  text-decoration: none;
}
.siteHeader .whatsnew li a:hover {
  text-decoration: underline;
}
.siteHeader .whatsnew time, .siteHeader .whatsnew .date {
  margin: 0 7px;
  font-size: 100%;
  color: red;
  font-family: monospace;
  vertical-align: bottom;
  *vertical-align: baseline;
}
.ie6 .siteHeader .whatsnew time, .ie6 .siteHeader .whatsnew .date {
  font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
.siteHeader .globalNavWrapper {
  margin-top: -1px;
}
.siteHeader #whatsnewlabel {
  /*display: inline-block;*/
  float: left;
  vertical-align: top;
  width: 80px;
  height: 32px;
  background-position: -0px -101px;
}
.siteHeader #rssBadge {
  float: right;
  display: inline-block;
  width: 69px;
  height: 32px;
  background-position: -79px -101px;
}

#corners img {
  display: none;
  position: absolute;
}

.mozilla #corners img,
.msie #corners img {
  display: block;
}

#showcase_corner_main_l {
  top: 12px;
  left: 249px;
}

#showcase_corner_main_r {
  top: 12px;
  left: 722px;
}

#showcase_corner_pos1_l {
  top: 19px;
  left: 21px;
}

#showcase_corner_pos1_r {
  top: 19px;
  left: 234px;
}

#showcase_corner_pos2_l {
  top: 171px;
  left: 21px;
}

#showcase_corner_pos2_r {
  top: 171px;
  left: 234px;
}

#showcase_corner_pos3_l {
  top: 19px;
  left: 737px;
}

#showcase_corner_pos3_r {
  top: 19px;
  left: 950px;
}

#showcase_corner_pos4_l {
  top: 171px;
  left: 737px;
}

#showcase_corner_pos4_r {
  top: 171px;
  left: 950px;
}

/*-- top page body --*/
.lf, .siteBody {
  margin: 0;
  _position: relative;
  /*_overflow: hidden;*/
}

.lu {
  float: left;
  margin-left: 15px;
}

.lu:first-child,
.lu\.first-child {
  margin-left: 0;
}

.span_1 {
  width: 184px;
}

.span_2 {
  width: 383px;
}

.span_3 {
  width: 582px;
}

.span_4 {
  width: 781px;
}

.span_5, .siteBody {
  width: 980px;
}

body {
  background: #fff;
  color: #6f7b8d;
}
body a {
  color: #0687d1;
  text-decoration: underline;
}
body a:focus, body a:active, body a:hover {
  color: #4c9be9;
}
body a:visited {
  color: #0b3361;
}

.siteBody {
  margin: 0 auto;
  padding: 20px 0 25px;
  background: #fff;
}
.siteBody .lu {
  _width: 184px !important;
  _margin-left: 15px !important;
  _display: inline;
}
.siteBody .lu\.first-child {
  _margin-left: 0 !important;
}

.relatedInfo {
  margin: 20px 0;
  padding: 0 !important;
}
.relatedInfo .lf, .relatedInfo .siteBody {
  margin: 0;
  _position: relative;
  /*_overflow: hidden;*/
}
.relatedInfo .lu {
  float: left;
  margin-left: 15px;
}
.relatedInfo .lu:first-child,
.relatedInfo .lu\.first-child {
  margin-left: 0;
}
.relatedInfo .span_1 {
  width: 250px;
}
.relatedInfo .span_2 {
  width: 515px;
}
.relatedInfo .span_3 {
  width: 780px;
}
.relatedInfo .span_4 {
  width: 382px;
}

.relatedInfo .lu {
  height: 194px;
  width: 220px;
  padding: 56px 15px 0;
  _width: 222px !important;
  _padding-left: 15px !important;
  _margin-left: 15px !important;
  _text-align: left;
  _display: inline;
  _zoom: 1;
}
.relatedInfo .lu h1, .relatedInfo .lu h2, .relatedInfo .lu h3, .relatedInfo .lu h4, .relatedInfo .lu h5, .relatedInfo .lu h6 {
  display: none;
}
.relatedInfo .lu .content {
  height: 164px;
  overflow: hidden;
}
.relatedInfo .lu .buttonArea {
  margin-top: 1px;
  text-align: center;
}
.relatedInfo .lu\.first-child {
  _margin-left: 0 !important;
}

.relatedInfo #widget_newstore {

  height: 173px;
  width: 382px;
  padding: 51px 0 0 0;
  float: left;
  height: 122px;
  overflow: hidden;
  position:relative;
  /*
  _margin-left: 0 !important;
  _width: 380px !important;
  _padding-left: 15px !important;
  _margin-left: 15px !important;
  _text-align: left;
  _display: inline;*/
  _zoom: 1;
}
#widget_newstore h2 {
  display: none;
}
.relatedInfo .widget_newstore {
  background: url(../img/20120329/widget_newstore_frame.png) no-repeat;
}
.widget_newstore .btn{
  position:absolute;
  top:19px;
  left:244px;
}
.widget_newstore .content{
  text-align:center;
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  list-style: none;
}
.relatedInfo #widget_area {
  height: 173px;
  width: 382px;
  padding: 51px 0 0 0;
  float: left;
  height: 122px;
  overflow: hidden;
  position:relative;
  margin-left: 15px !important;
  /*
  _width: 380px !important;
  _padding-left: 15px !important;
  _margin-left: 15px !important;
  _text-align: left;
  _display: inline;
  */
  _zoom: 1;
}
#widget_area h2 {
  display: none;
}
#widget_area ul{
  width:365px;
  position:absolute;
  padding:0;
  margin:0;
  left:9px;
  top:51px;
}
#widget_area ul li{
  list-style-type:none;
  float:left;
  padding:0;
  margin:0;
}
#widget_area ul li img{
  vertical-align: bottom;
}
.relatedInfo .widget_area {
  background: url(../img/20120329/widget_area_frame.png) no-repeat;
}
.widget_area .btn{
  position:absolute;
  top:19px;
  left:244px;
}
.widget_area .content{
  text-align:center;
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  list-style: none;
}

.relatedInfo #widget_sns {
  position:relative;
}
.relatedInfo .widget_sns {
  background: url(../img/20120329/widget_sns_frame.png) no-repeat;
}
.widget_sns .content{
  position:relative;
  margin: 0;
  padding-right: 0px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 0px;
  text-decoration: none;
  list-style: none;
}

.widget_sns .content1 {
  display:block;
  width:23px;
  height:23px;
  position:absolute;
  top:14px;
  left:20px;
}
.widget_sns .content2 {
  display:block;
  width:21px;
  height:25px;
  position:absolute;
  top:15px;
  left:56px;
}
.widget_sns .content3 {
  display:block;
  width:25px;
  height:25px;
  position:absolute;
  top:13px;
  left:95px;
}
.widget_sns .content4 {
  display:block;
  width:26px;
  height:26px;
  position:absolute;
  top:13px;
  left:137px;
}
.widget_sns .content5 {
  display:block;
  width:25px;
  height:26px;
  position:absolute;
  top:12px;
  left:177px;
}
.widget_sns .content6 {
  display:block;
  width:43px;
  height:18px;
  position:absolute;
  top:55px;
  left:17px;
}
.widget_sns .content7 {
  display:block;
  width:62px;
  height:17px;
  position:absolute;
  top:56px;
  left:78px;
}
.widget_sns .content8 {
  display:block;
  width:55px;
  height:15px;
  position:absolute;
  top:56px;
  left:151px;
}
.widget_sns .content9 {
  display:block;
  width:62px;
  height:16px;
  position:absolute;
  top:90px;
  left:14px;
}

.widget_sns .content10 {
  display:block;
  width:54px;
  height:15px;
  position:absolute;
  top:91px;
  left:88px;
}

.widget_sns .content11 {
  display:block;
  width:53px;
  height:14px;
  position:absolute;
  top:90px;
  left:154px;
}

.widget_sns .content12 {
    display: block;
    height: 17px;
    left: 10px;
    position: absolute;
    top: 127px;
    width: 61px;
}

.widget_sns .content13 {
    display: block;
    height: 17px;
    left: 86px;
    position: absolute;
    top: 127px;
    width: 71px;
}

.widget_sns .content14 {
    display: block;
    height: 24px;
    left: 175px;
    position: absolute;
    top: 124px;
    width: 24px;
}

#widget_sns ul li img{
  vertical-align: bottom;
}
.relatedInfo .widget_sns a {
  color: #6f7b8d;
  font-weight: bold;
  text-decoration: none;
}
#widget_sns .buttonArea{
   position:absolute;
  top:221px;
  left:52px;
}
aside .bannerList2 {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
}
aside .bannerList2 li {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
  margin: 0 0 10px 0;
}

aside .bannerList2 li img{
	vertical-align:top;
}


.relatedInfo #widget_keyword {

}
.relatedInfo .widget_keyword {
  background: url(../img/widget_keyword_frame.png) no-repeat;
}
.relatedInfo .widget_keyword ul {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
}
.relatedInfo .widget_keyword ul li {
  display: inline;
  line-height: 1;
  vertical-align: middle;
}
.relatedInfo .widget_keyword a {
  color: #6f7b8d;
  font-weight: bold;
  text-decoration: none;
}
.relatedInfo .widget_keyword a:hover {
  color: #1f5fa8;
  text-decoration: underline;
}
.relatedInfo .widget_keyword .kwSize1 {
  font-size: 12px;
}
.relatedInfo .widget_keyword .kwSize2 {
  font-size: 16px;
}
.relatedInfo .widget_keyword .kwSize3 {
  font-size: 22px;
}
.relatedInfo .widget_keyword .kwSize4 {
  font-size: 10px;
}
.relatedInfo .widget_local {
  background: url(../img/widget_local_frame.png) no-repeat;
}
.relatedInfo .widget_local ul {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
  margin-top: 4px;
}
.relatedInfo .widget_local ul li {
  float: left;
  margin: 1px 0 2px 5px;
  line-height: 1;
  _display: inline;
  _zoom: 1;
}
.relatedInfo .widget_twitter {
  background: url(../img/widget_twitter_frame.png) no-repeat;
  padding-top: 50px;
  padding-right: 9px;
  width: 226px;
  height: 200px;
  position: relative;
}
.relatedInfo .widget_twitter #twitterTtl {
  position: absolute;
  top: 11px;
  left: 11px;
}
.relatedInfo .widget_twitter .content {
  padding: 0 5px;
  _padding-right: 0 !important;
  _margin-right: -4px !important;
  height: 170px;
  overflow-y: scroll;
  zoom: 1;
}
.relatedInfo .widget_twitter .content .twtr-tweet {
  margin-top: -1px;
  /*background:url("../img/twitter_line_dotted.png") no-repeat scroll 2px 100% transparent;*/
  border-top: 1px dotted #999;
  line-height: 1.3em;
  overflow: hidden;
  font-size: 93%;
}
.relatedInfo .widget_twitter .content .twtr-img {
  display: none;
}
.relatedInfo .widget_twitter .content .twtr-tweet a {
  color: #FF3399;
  word-break: break-all;
}
.relatedInfo .widget_twitter .content .twtr-tweet i {
  display: block;
  margin-top: 3px;
  font-size: 85%;
  font-style: normal;
}
.relatedInfo .widget_twitter .content .twtr-tweet i a {
  color: #bac6d9;
  text-decoration: none;
}
.relatedInfo .widget_twitter .content .twtr-tweet i a:hover {
  text-decoration: underline;
}


.companyInfo {
  background: url(../img/companyInfo_heading_bg.gif) no-repeat;
}
.companyInfo .lu\.first-child {
  margin-top: 0px;
  background: url(../img/companyInfo_heading_bg.gif) 0 100% no-repeat;
  display: inline;
  _padding: 0 !important;
  _position: relative;
}
.companyInfo .lu\.first-child h2 {
  margin: 0;
  _margin: 0 !important;
  _display: inline !important;
  _position: absolute !important;
  _top: 0px !important;
  _left: 0px !important;
}
.companyInfo .content {
/*
  background: url(data:image/gif;base64,R0lGODlhGgADAJEAALrG2f///////wAAACH5BAEHAAIALAAAAAAaAAMAAAIMRIynyRveIjyyTlMAADs=/) repeat-x;
  /background: url(../img/companyInfo_separator_01.gif) repeat-x;
*/
  _width: 582px !important;
  _float: left;
  _text-align: left;
  margin-top: -13px;
  _margin-left: 195px !important;
  _display: inline;
}

.companyInfo .newsrelease {
  position:relative;
  margin-top: 10px;
  
  /*background: url(data:image/gif;base64,R0lGODlhGgADAJEAALrG2f///////wAAACH5BAEHAAIALAAAAAAaAAMAAAIMRIynyRveIjyyTlMAADs=/) repeat-x;
  /background: url(../img/companyInfo_separator_01.gif) repeat-x;*/
  background: url(../img/companyInfo_separator_01.gif) repeat-x;
  background-position: left top;
  padding-top: 5px;
}
.companyInfo .newsrelease h3 {
  margin: 5px 8px 3px;
  /margin: 10px 8px;
}
.companyInfo .newsrelease p {
  position:absolute;
  top:8px;
  left:534px;
  width:47px;
  height:15px;
  margin:0;
  padding:0;
  
}
.companyInfo .newsrelease p a {
  background-position:-947px -51px;
  height:15px;
  position:absolute;
  right:5px;
  top:5px;
  width:47px;
}
.companyInfo .newsrelease p a:hover {
  background-position:-947px -35px;
}
.companyInfo .newsrelease ul {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
  background: url(data:image/gif;base64,R0lGODlhBQABAJEAAB9fqP///////wAAACH5BAEHAAIALAAAAAAFAAEAAAIDRB4FADs=/) bottom repeat-x;
  /background: url(../img/companyInfo_separator_02.gif) bottom repeat-x;
}
.companyInfo .newsrelease ul li {
  padding: 8px;
  background: url(data:image/gif;base64,R0lGODlhBQABAJEAALrG2f///////wAAACH5BAEHAAIALAAAAAAFAAEAAAIDRB4FADs=) repeat-x;
  /background: url(../img/companyInfo_separator_03.gif) repeat-x;
  font-size: 93%;
}
.companyInfo .newsrelease ul li time {
/*
  display: inline-block;
  width: 107px;
*/
}
.companyInfo .newsrelease ul li a {
  text-decoration: none;
}



/*  2012.0111
============================================================== */
.newsrelease li time{
	display:block !important;
	float:left !important;
	width:110px;
	padding:2px 0 2px 0;
	line-height:1.1;
	height:100%;
}

.newsrelease li a{
	display:block !important;
	margin-left:115px;
	padding:2px 0 2px 0;
	line-height:1.1;
	height:100%;
}


/*  clearfix */

.newsrelease li:after
 {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	line-height: 0px;
}


.newsrelease li{
 	zoom:1;
}


/* 
============================================================== */
.companyInfo .newsrelease ul li a:hover {
  text-decoration: underline;
}
.companyInfo .newsrelease ul li.first-child {
  background: url(data:image/gif;base64,R0lGODlhBQABAJEAAB9fqP///////wAAACH5BAEHAAIALAAAAAAFAAEAAAIDRB4FADs=/) repeat-x;
  /background: url(../img/companyInfo_separator_02.gif) repeat-x;
}
.companyInfo .contentNav {
  margin-top: 13px;
}
.companyInfo .contentNav ul {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
}
.companyInfo .contentNav ul li {
  margin: 0 3px 3px 0px;
  display: block;
  float: left;
  _display: inline;
}
.companyInfo .contentNav ul li.first-child {
  margin-right: 4px;
}
.companyInfo .contentNav ul li.first-child a {
  display: block;
  width: 144px;
  height: 115px;
  font-size: 93%;
  color: #6f7b8d;
  line-height: 1.3;
  padding: 70px 80px 0 18px;
  text-decoration: none;
  background: url(../img/companyInfo_contentNav_01.png) no-repeat;
}
.companyInfo .contentNav ul li.first-child a:hover {
  text-decoration: underline;
  background: url(../img/companyInfo_contentNav_01_on.png) no-repeat;
}
.companyInfo .contentNav ul li.first-child a .issue {
  color: #0092f2;
  font-weight: bold;
  display: block;
  margin: .5em 0;
}
.companyInfo .contentNav ul li.first-child .title {
  display: none;
}
.companyInfo .contentNav ul img {
  vertical-align: top;
}

/*-- aside --*/
aside {
  width: 184px !important;
  background-color: #e7ecf2;
  background-image: url(../common201008/img/aside_bg.png);
  /*@include radius(7px);*/
  /*behavior: url(http://www.lawson.co.jp/css/$PIE_absolute_path/);*/
  padding-top: 10px;
}
aside.mt9{
  margin-top:9px;
}
aside.bgnon{
  background : none;
  padding-top: 0px;
}
aside .bgnon_content{
  _width: 164px;
  padding: 0 0x 7px;

  _text-align: left;
}
aside .content {
  _width: 164px;
  padding: 0 10px 7px;
  background: url(../common201008/img/aside_bg.png) bottom left;
  _text-align: left;
}


aside .emergencybnr{
  padding: 0 0 5px;
}
aside #emergencyBlock {
  background: #fff;
  background-image: url(../common201008/img/aside_content_bg.png);
  padding-top: 5px;
  /*@include radius(5px);*/
}
aside #emergencyBlock div {
  background: url(../common201008/img/aside_content_bg.png) bottom;
  padding: 0 5px 5px;
}
aside #emergencyBlock dl {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
  font-size: 77%;
  line-height: 1.3;
}
.msie aside #emergencyBlock dl {
  letter-spacing: .1em;
}
aside #emergencyBlock dl dt {
  margin: .5em 0;
  color: #bac6d9;
}
aside #emergencyBlock dl dd {
  margin-left: 0;
  margin-bottom: 1em;
}
aside #emergencyBlock dl dd a {
  text-decoration: none;
  color: #6f7b8d;
}
aside #emergencyBlock dl dd a:hover {
  color: #1f5fa8;
  text-decoration: underline;
}
aside .bannerList {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
}
aside .bannerList li {
  margin: 0;
  padding: 0;
  border: 0;
  text-decoration: none;
  line-height: 1;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  list-style: none;
  margin: 10px 0;
}

/* 20110622 */

aside .bannerList li img{
	vertical-align:top;
}

/* 20110622 end */


.textBanner {
  display: block;
  /*_display: none;*/
  background: url(../img/textBanner_bg.gif) left bottom no-repeat;
  padding-bottom: 6px;
  text-decoration: none;
  color: #1f5fa8;
}
.textBanner .tbContent {
  display: block;
  background: url(../img/textBanner_bg.gif) no-repeat;
  padding: 4px 6px;
}
.textBanner .brand {
  display: block;
  text-align: center;
  height: 22px;
  margin-bottom: 8px;
}
.textBanner .thumbnail {
  float: left;
  margin-right: 6px;
}
.textBanner .thumbnail img {
  border: 2px solid #bac6d9;
}
.textBanner .text {
  overflow: auto;
  font-size: 77%;
}
.msie .textBanner .text {
  letter-spacing: .1em;
}
.textBanner:hover {
  background-position: right bottom;
  text-decoration: underline;
  color: #1f5fa8;
}
.textBanner:hover .tbContent {
  background-position: right top;
}
.textBanner:hover .thumbnail img {
  border-color: #1f5fa8;
}


/*   20110621
---------------------------------------------------------- */



#area_local{
	width:780px;
	height:78px;
	background:url(../img/20110621/bg_gentei.gif) left top no-repeat;
	position:relative;
	margin:0 0 20px 0;
}

#area_local img{
	vertical-align:top;
	
}

#area_local h2{
	position:absolute;
	left:9px;
	top:9px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#area_local p{
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:absolute;
	left:10px;
	top:50px;
}


#area_local ul{
	width:611px;
	position:absolute;
	padding:0 0 0 0;
	margin:0 0 0 0;
	left:158px;
	top:12px;
}


#area_local ul li{
	list-style-type:none;
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;

}



#underbnr_area{
	width:780px;
	background:url(../img/20110621/bg_underBanner.gif) left top repeat-y;
	margin:20px 0 0 0;
	padding:0;
}

#underbnr_area img{
	vertical-align:top;
}



#underbnr_area_inner{
	background:url(../img/20110621/bg_underBanner2.gif) left bottom no-repeat;
	padding:10px 0 10px 32px;
	margin:0 0 0 0;
	
	
}

#underbnr_area ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	
	
}

#underbnr_area ul li{
	list-style-type:none;
	width:164px;
	height:61px;
	float:left;
	margin:0 20px 0 0;
}

*html #underbnr_area ul li{
	margin:0 18px 0 0;
}



#underbnr_area .marb5{
	margin-bottom:5px;
}


#facebookBox{
	margin-left:15px;
	
}

*html #facebookBox{
	margin-left:10px;
	
}

/* 2012 0508 add */

*html .relatedInfo .widget_keyword a {
	line-height:1.4 !important;
	font-weight:bold;
}


*:first-child+html .relatedInfo .widget_keyword a {
	line-height:1.4 !important;
	font-weight:bold;
}

/* 2012 0528 add */
#globalLargeBanner{
	padding:0 0 14px 0;
	
}