@charset "utf-8";


/* header */
div#header div#navExtra ul.home {
    width: 200px;
}
div#header div#navExtra div.right {
    padding-left: 200px;
    width: 354px;
}
* html div#header div#navExtra ul.home {
    width: 200px;
}


/* emergencyArea */
#emergencyArea {
  width: 960px;
  border-left: 1px solid #E80010;
  border-top: 1px solid #E80010;
  border-right: 1px solid #E80010;
  background-color: #FFFCD6;
  margin: 0 auto 20px;
  text-align: left;
  line-height: 1.5;
  font-size: 1.4em;
}
body.smallText #emergencyArea {
  font-size: 1.4em;
}
body.mediumText #emergencyArea {
  font-size: 1.5em;
}
body.largeText #emergencyArea {
  font-size: 1.6em;
}
#emergencyArea a:link {
  color: #cd1400;
  text-decoration: underline;
}
#emergencyArea a:visited {
  color: purple;
  text-decoration: underline;
}
#emergencyArea a:hover {
  color: #cd1400;
  text-decoration: underline;
}
#emergencyArea a:active {
  color: #cd1400;
  text-decoration: underline;
}
#emergencyArea .box {
  padding: 10px 20px;
  border-bottom: 1px solid #E80010;
}
#emergencyArea p {
  margin-bottom: 5px;
}
#emergencyArea p.attention {
  background: url("/common/images/icon_attention_emergency.gif") no-repeat 0 0.4em;
  padding: 5px 0 0 26px;
}
#emergencyArea strong {
  font-weight: bold;
}
#emergencyArea ul + p {
  margin-top: 15px;
}
#emergencyArea ul li {
  margin: 3px 0;
}
#emergencyArea a {
  display: inline-block;
}
#emergencyArea a,
#emergencyArea a.external {
  background: url("/images/arrow_square.gif") no-repeat 0 0.3em;
  padding-left: 18px;
}
#emergencyArea a.externalJS {
  background: url("/common/images/icon_external.gif") no-repeat 0 0.4em;
  padding-left: 18px;
}
/** for IE **/

* html #emergencyArea a {
  display: inline;
}
* html #emergencyArea ul li {
  zoom: 1;
}

/* 20140430 ADD */

/* color */
div#emergencyArea p.noteIt ,
div#emergencyArea span.noteIt ,
div#emergencyArea .noteIt {
	color:#cd1400;
}

/* normal list */
div#emergencyArea ul.normal {
	list-style-type: disc;
	list-style-position:outside;
	padding-left:1.4em;
}
div#emergencyArea ol.normal {
	list-style-type: decimal;
	list-style-position:outside;
	padding-left:1.5em;
}
div#emergencyArea ul.normal li,
div#emergencyArea ol.normal li {
	background-image: none;
	line-height:1.5;
	margin-left:0;
	padding-left:0;
}
div#emergencyArea ol.normal li ul.normal li{
	padding-left:0em;
}

/* 20140501 ADD */
div#emergencyArea p a{
	background:none;
	padding-left:0;
}

/* mainWrapper */

/** clear **/

#mainWrapper:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}
#mainWrapper {
  display: inline-table;
  min-height: 1%;
}
* html #mainWrapper {
  height: 1%;
  overflow: visible;
}
#mainWrapper {
  display: block;
}
/** keyVisualArea **/

#mainWrapper #keyVisualArea {
  width: 473px;
  float: left;
}
/*** keyVisual ***/

#mainWrapper #keyVisualArea .keyVisual {
  border: 1px solid #d9d9d9;
  border-bottom: 5px solid #d9d9d9;
  position: relative;
}
/**** visual ****/

#mainWrapper #keyVisualArea ul.visual {
  width: 471px;
  height: 585px;
  overflow: hidden;
  border-bottom: 1px solid #d9d9d9;
  position:relative;
}
#mainWrapper #keyVisualArea ul.visual li {
  display: block;
  position:absolute;
  top:0;
  left:0;
}
#mainWrapper #keyVisualArea ul.visual li.current {
	z-index:2;
}
#mainWrapper #keyVisualArea ul.visual li.next {
	z-index:1;
}
/***** clear *****/

#mainWrapper #keyVisualArea ul.visual:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}
#mainWrapper #keyVisualArea ul.visual {
  display: inline-table;
  min-height: 1%;
}
#mainWrapper #keyVisualArea ul.visual {
  display: block;
}
/**** indicator ****/

#mainWrapper #keyVisualArea .indicator {
  padding: 5px 4px;
  width: 466px;
  margin-right: -3px;
}
* html #mainWrapper #keyVisualArea .indicator {
  width: 477px;
  margin-right: -6px;
}
#mainWrapper #keyVisualArea .indicator ul.keyind li {
  display: inline-block;
  float: left;
  margin-right: 3px;
  margin-bottom: 4px;
  cursor: pointer;
}
* html #mainWrapper #keyVisualArea .indicator ul.keyind li {
  display: inline;
}
#mainWrapper #keyVisualArea .indicator ul.slideState {
  text-align: center;
  margin: 0 auto;
}
* html #mainWrapper #keyVisualArea .indicator ul.slideState {
  margin: 4px auto 0;
}
* + html #mainWrapper #keyVisualArea .indicator ul.slideState {
  margin: 4px auto 0;
}
#mainWrapper #keyVisualArea .indicator ul.slideState li {
  display: inline;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}
/***** clear *****/

#mainWrapper #keyVisualArea .indicator ul.keyind:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}
#mainWrapper #keyVisualArea .indicator ul.keyind {
  display: inline-table;
  min-height: 1%;
}
* html #mainWrapper #keyVisualArea .indicator ul.keyind {
  height: 1%;
  overflow: visible;
}
#mainWrapper #keyVisualArea .indicator ul.keyind {
  display: block;
}
/***** noscript *****/
#mainWrapper #keyVisualArea noscript div{
  height:674px;
  background-color: #f1f1f1;
}
#mainWrapper #keyVisualArea noscript p {
  border: 1px solid #d9d9d9;
}
/** linkArea **/

#mainWrapper #linkArea {
  width: 474px;
  float: right;
}
* html #mainWrapper #linkArea {
  margin-right: -10px;
}
/*** loginArea ***/

#mainWrapper #linkArea .loginArea {
  width: 484px;
  margin-right: -10px;
}
* html #mainWrapper #linkArea .loginArea {
  width: 494px;
  margin-right: -20px;
}
* + html #mainWrapper #linkArea .loginArea {
  margin-bottom: 9px;
}
#mainWrapper #linkArea .loginArea p {
  float: left;
  margin: 0 10px 8px 0;
}
/*** actionArea ***/

#mainWrapper #linkArea .actionArea {
  width: 483px;
  margin-right: -9px;
}
* html #mainWrapper #linkArea .actionArea {
  width: 502px;
  margin-right: -18px;
}
#mainWrapper #linkArea .actionArea p {
  float: left;
  margin: 0 9px 8px 0;
}
/* categoryLinkArea */

#categoryLinkArea {
  background-color: #cbd8f1;
  border: 1px solid #adbfe2;
  border-bottom: 5px solid #90a4cb;
  padding: 10px;
  position: relative;
  margin-top: 10px;
  z-index: 10;
}
#categoryLinkArea .category {
  width: 966px;
  margin-right: -28px;
}
#categoryLinkArea .category h2.start,
#categoryLinkArea .category h2.direct,
#categoryLinkArea .category h2.mmc,
#categoryLinkArea .category h2.saving,
#categoryLinkArea .category h2.loan,
#categoryLinkArea .category h2.insurance,
#categoryLinkArea .category h2.useful {
  float: left;
  margin-right: 14px;
  border-bottom: 4px solid #adadad;
}
#categoryLinkArea .category h2 a {
-ms-touch-action: none; /* Disable touch behaviors, like pan and zoom */
}
#categoryLinkArea .category h2 img {
  border: 1px solid #b9b9b9;
}
#categoryLinkArea .category .popupMenu p.start,
#categoryLinkArea .category .popupMenu p.direct,
#categoryLinkArea .category .popupMenu p.mmc,
#categoryLinkArea .category .popupMenu p.saving,
#categoryLinkArea .category .popupMenu p.loan,
#categoryLinkArea .category .popupMenu p.insurance,
#categoryLinkArea .category .popupMenu p.useful {
  border-bottom: none;
}
#categoryLinkArea .category .popupMenu p img {
  border: none;
}
/** clear **/

#categoryLinkArea .category:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}
#categoryLinkArea .category {
  display: inline-table;
  min-height: 1%;
}
* html #categoryLinkArea .category {
  height: 1%;
  overflow: visible;
}
#categoryLinkArea .category {
  display: block;
}
/** menu **/

#categoryLinkArea .popupMenuInner {
  position: absolute;
  left: -1px;
  top: 150px;
  z-index: 2;
  display: none;
  background-color: white;
  border: 2px solid #13007a;
  overflow: hidden;
}
* html #categoryLinkArea .popupMenuInner {
  top: 151px;
}
* html #categoryLinkArea .popupMenuInner {
  left: -11px;
}
* html #categoryLinkArea .popupMenuInner {
  width: 961px;
}
* + html #categoryLinkArea .popupMenuInner {
  width: 957px;
}
#categoryLinkArea .current .popupMenuInner {
  z-index: 3;
}
#categoryLinkArea .prevObj .popupMenuInner {
  left: -160px;
}
#categoryLinkArea .popupMenuIn {
  width: 927px;
  padding: 15px;
  overflow: hidden;
}
* html #categoryLinkArea .popupMenuIn {
  width: 957px;
}
#categoryLinkArea .popupTab {
  position: absolute;
  left: 9px;
  top: 9px;
  background-color: white;
  border: 2px solid #13007a;
  border-bottom: none;
  width: auto;
  padding-bottom: 13px;
  display: none;
  z-index: 4;
}
#categoryLinkArea .startMenu .popupTab.start {
  left: 9px;
}
#categoryLinkArea .directMenu .popupTab.direct {
  left: 145px;
}
#categoryLinkArea .mmcMenu .popupTab.mmc {
  left: 281px;
}
#categoryLinkArea .savingMenu .popupTab.saving {
  left: 417px;
}
#categoryLinkArea .loanMenu .popupTab.loan {
  left: 553px;
}
#categoryLinkArea .insuranceMenu .popupTab.insurance {
  left: 689px;
}
#categoryLinkArea .usefulMenu .popupTab.useful {
  left: 825px;
}
* html #categoryLinkArea .popupTab {
  left: 0;
  top: 10px;
}
* html #categoryLinkArea .startMenu .popupTab.start {
  left: -1px;
}
* html #categoryLinkArea .directMenu .popupTab.direct {
  left: 135px;
}
* html #categoryLinkArea .mmcMenu .popupTab.mmc {
  left: 271px;
}
* html #categoryLinkArea .savingMenu .popupTab.saving {
  left: 407px;
}
* html #categoryLinkArea .loanMenu .popupTab.loan {
  left: 543px;
}
* html #categoryLinkArea .insuranceMenu .popupTab.insurance {
  left: 679px;
}
* html #categoryLinkArea .usefulMenu .popupTab.useful {
  left: 815px;
}
#categoryLinkArea .menuCol {
}
#categoryLinkArea .menuCol .colL {
  float: left;
  width: 625px;
}
#categoryLinkArea .menuCol .colR {
  background: white url("/images/category_bg_line.gif") repeat-y 0 0;
  padding-left:20px;
  margin-left:10px;
  float: right;
  width: 270px;
}
/*** clear ***/

#categoryLinkArea .menuCol:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}
#categoryLinkArea .menuCol {
  display: inline-table;
  min-height: 1%;
}
* html #categoryLinkArea .menuCol {
  height: 1%;
  overflow: visible;
}
#categoryLinkArea .menuCol {
  display: block;
}
/*** h ***/
#categoryLinkArea .menuCol h2,
#categoryLinkArea .menuCol h3 {
  color: #13007a;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 15px;
}
#categoryLinkArea .menuCol h2 a,
#categoryLinkArea .menuCol h2 a.external,
#categoryLinkArea .menuCol h3 a,
#categoryLinkArea .menuCol h3 a.external {
  background: url("/images/arrow_square.gif") no-repeat 0 0.3em;
  padding-left: 18px;
}
#categoryLinkArea .menuCol h2 a.externalJS,
#categoryLinkArea .menuCol h3 a.externalJS {
  background: url("/common/images/icon_external.gif") no-repeat 0 0.4em;
  padding-left: 18px;
}



/*** col2 col3 ***/
#categoryLinkArea .menuCol .col2 {
  width: 640px;
}
#categoryLinkArea .menuCol .col3 {
  width: 927px;
}
#categoryLinkArea .menuCol .col2 .col {
  width: 320px;
  float: left;
}
#categoryLinkArea .menuCol .col3 .col {
  width: 309px;
  float: left;
}

/**** clear ****/
#categoryLinkArea .menuCol .col2:after ,
#categoryLinkArea .menuCol .col3:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}
#categoryLinkArea .menuCol .col2 ,
#categoryLinkArea .menuCol .col3 {
  display: inline-table;
  min-height: 1%;
}
* html #categoryLinkArea .menuCol .col2 ,
* html #categoryLinkArea .menuCol .col3 {
  height: 1%;
  overflow: visible;
}
#categoryLinkArea .menuCol .col2 ,
#categoryLinkArea .menuCol .col3 {
  display: block;
}
/*** link ***/

#categoryLinkArea .menuCol ul.link {
  margin-right: 15px;
  margin-top: -15px;
}
#categoryLinkArea .menuCol ul.link li {
  margin: 12px 0;
  line-height: 1.5;
}
#categoryLinkArea .menuCol ul.link li a {
  display: inline-block;
}
#categoryLinkArea .menuCol ul.link li a,
#categoryLinkArea .menuCol ul.link li a.external {
  background: url("/images/arrow_square.gif") no-repeat 0 0.4em;
  padding-left: 18px;
}
#categoryLinkArea .menuCol ul.link li a.externalJS {
  background: url("/common/images/icon_external.gif") no-repeat 0 0.5em;
  padding-left: 18px;
}
/** for IE **/

* html #categoryLinkArea .menuCol ul.link li a {
  display: inline;
}
* html #categoryLinkArea .menuCol ul li {
  zoom: 1;
}
*+ html #categoryLinkArea .menuCol ul.link li a {
  display: block;
  zoom: 1;
}
*+ html #categoryLinkArea .menuCol ul li {
  zoom: 1;
}
/*** bnr ***/

#categoryLinkArea .menuCol ul.bnr {
  margin-top: -10px;
}
#categoryLinkArea .menuCol ul.bnr li {
  margin: 10px 0;
}
/*** bnr ***/

#categoryLinkArea .close {
  padding: 20px;
  background-color: #e8e8e8;
  cursor: pointer;
  text-align: center;
}
#categoryLinkArea .close img {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}
/* shortcutArea */

#shortcutArea {
  background-color: #f1f1f1;
  border: 1px solid #cfcfcf;
  padding: 9px;
  margin-top: 15px;
  width: 942px;
  margin-right: -13px;
}
#shortcutArea .boxWrapper {
  width: 955px;
  margin-right: -13px;
}
* html #shortcutArea .boxWrapper {
  width: 968px;
  margin-right: -28px;
}
/** clear **/

#shortcutArea .boxWrapper:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}
#shortcutArea .boxWrapper {
  display: inline-table;
  min-height: 1%;
}
* html #shortcutArea .boxWrapper {
  height: 1%;
  overflow: visible;
}
#shortcutArea .boxWrapper {
  display: block;
}
/** box **/

#shortcutArea .box {
  width: 225px;
  margin-right: 13px;
  float: left;
  background-color: #afbdde;
}
#shortcutArea .box.boxHover {
  background-color: #D9E0F0;
  cursor: pointer;
}
#shortcutArea .box .text {
  margin: 10px;
  line-height: 1.4;
  font-size: 0.9em;
}
body.smallText #shortcutArea .box .text {
  font-size: 0.9em;
}
body.mediumText #shortcutArea .box .text {
  font-size: 1.0em;
}
body.largeText #shortcutArea .box .text {
  font-size: 1.1em;
}
#shortcutArea .box .title {
  color: white;
  background-color: #13007a;
  text-align: center;
  padding: 10px;
  font-weight: bold;
}
#shortcutArea .box .btn {
  text-align: center;
  margin-bottom: 10px;
}
/* serviceArea */

#serviceArea {
  margin: 20px 0 20px;
  page-break-before:always;
}
#serviceArea div.serviceAreaIn {
  position: relative;
  width: 960px;
  margin: 0 auto;
  text-align: center;
}
#serviceArea div.serviceUlWrap {
  position: relative;
  width: 869px;
  height: 212px;
  overflow: hidden;
  margin: 0 auto 8px auto;
  text-align: left;
}
#serviceArea div.serviceUlWrap ul {
  position: absolute;
  top: 0;
  left: 0;
  clear: both;
  overflow: hidden;
  width: 100000px;
}
#serviceArea div.serviceUlWrap ul li {
  float: left;
  margin-right: 7px;
}
#serviceArea div.serviceUlWrap ul li img {
  display: block;
  border:1px solid #666;
}
#serviceArea div.serviceAreaIn .srvBtn {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 81px;
}
#serviceArea div.serviceAreaIn .srvBtnPrev {
  left: 0;
}
#serviceArea div.serviceAreaIn .srvBtnNext {
  right: 0;
}
/* mainCol */
div.wrapper.top div#mainCol {
  margin-bottom:1px;
}
div.wrapper.top div#mainCol div#contents ul li,
div.wrapper.top div#mainCol div#contents ol li,
div.wrapper.top div#mainCol div#contents ul li.external,
div.wrapper.top div#mainCol div#contents ol li.external {
  background: url("/images/arrow_square.gif") no-repeat 0 0.3em;
  color: black;
}
div.wrapper.top div#mainCol div#contents ul li.externalJS,
div.wrapper.top div#mainCol div#contents ol li.externalJS {
  background: url("/common/images/icon_external.gif") no-repeat 0 0.4em;
  padding-left: 18px;
}
/** tab **/

div.wrapper.top div#mainCol div#contents ul#tab li {
  float: left;
  padding-left: 0;
}
div.wrapper.top div#mainCol div#contents ul#tab {
  border-bottom: 5px solid #13007a;
  margin: 0;
  padding: 0;
}
div.wrapper.top div#mainCol div#contents ul#tab li.campaign {
  width: 280px;
  height: 54px;
  margin: 0 10px 0 0;
}
div.wrapper.top div#mainCol div#contents ul#tab li.newService {
  width: 198px;
  height: 54px;
  margin: 0 10px 0 0;
}
div.wrapper.top div#mainCol div#contents ul#tab li.info {
  width: 198px;
  height: 54px;
  margin: 0 10px 0 0;
}
div.wrapper.top div#mainCol div#contents ul#tab li a {
  display: block;
  text-indent: -9999em;
  background-image: url(/images/tab_bk_menu.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 54px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.campaign a {
  background-image: url(/images/tab_bk_menu.gif);
  background-position: 0 0 ;
  width: 280px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.campaign a.active {
  background-position: 0 -108px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.campaign a:hover {
  background-position: 0 -54px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.campaign a.active:hover {
  background-position: 0 -108px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.newService a {
  background-image: url(/images/tab_bk_menu.gif);
  background-position: -290px 0;
  width: 198px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.newService a.active {
  background-position: -290px -108px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.newService a:hover {
  background-position: -290px -54px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.newService a.active:hover {
  background-position: -290px -108px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.info a {
  background-image: url(/images/tab_bk_menu.gif);
  background-position: -498px 0;
  width: 198px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.info a.active {
  background-position: -498px -108px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.info a:hover {
  background-position: -498px -54px;
}
div.wrapper.top div#mainCol div#contents ul#tab li.info a.active:hover {
  background-position: -498px -108px;
}
/*** tabContents ***/

div.wrapper.top div#mainCol div#contents div#tabContents {
  margin-bottom: 40px;
  padding: 20px;
  width: auto;
  background-color: #fafafa;
  border: none;
  border-bottom: 4px solid #d9d9d9;
}
div.wrapper.top div#mainCol div#contents div#tabContents .inner {
  margin: 0;
  padding: 0;
}
div.wrapper.top div#mainCol div#contents div#tabContents .section + .section {
  margin-top:50px;
}
div.wrapper.top div#mainCol div#contents div#tabContents div.section h3.h3Tit,
div.wrapper.top div#mainCol div#contents div.section h2.attention {
	position: relative;
	padding-top: 20px;
}
div.wrapper.top div#mainCol div#contents div#tabContents div.section h3.h3Tit a.listLink {
	position: absolute;
	width: 260px;
	height: 50px;
	top: -10px;
	right: 0px;
	background: none;
}
div.wrapper.top div#mainCol div#contents div.section h2.attention a.listLink {
	position: absolute;
	width: 260px;
	height: 50px;
	top: -2px;
	right: 20px;
	background: none;
}
div.wrapper.top div#mainCol div#contents div#tabContents dl {
  margin-top:15px;
}
div.wrapper.top div#mainCol div#contents div#tabContents dl dt {
  font-weight: bold;
}
div.wrapper.top div#mainCol div#contents div#tabContents dl dd,
div.wrapper.top div#mainCol div#contents div#tabContents dl dd.external {
  background: url("/images/arrow_square.gif") no-repeat 0 0.3em;
  padding-left: 18px;
}
div.wrapper.top div#mainCol div#contents div#tabContents dl dd.externalJS {
  background: url("/common/images/icon_external.gif") no-repeat 0 0.4em;
  padding-left: 18px;
}
div.wrapper.top div#mainCol div#contents p.indexLink {
  margin-top: 20px;
  margin-left: 0;
  padding-right: 0;
  text-align: right;
}
div.wrapper.top div#mainCol div#contents div#tabContents p.indexLink {
  margin-top: 20px;
  padding-right: 0;
  text-align: right;
}
div.wrapper.top div#mainCol div#contents p.indexLink a,
div.wrapper.top div#mainCol div#contents p.indexLink a.external,
div.wrapper.top div#mainCol div#contents div#tabContents p.indexLink a,
div.wrapper.top div#mainCol div#contents div#tabContents p.indexLink a.external {
  background: url("/images/arrow_square.gif") no-repeat 0 0.3em;
}
div.wrapper.top div#mainCol div#contents p.indexLink a.externalJS,
div.wrapper.top div#mainCol div#contents div#tabContents p.indexLink a.externalJS {
  background: url("/common/images/icon_external.gif") no-repeat 0 0.4em;
  padding-left: 18px;
}
/** attentionContents **/

div.wrapper.top div#mainCol div#contents .attention {
  background-image: none;
  border-bottom: 5px solid #13007a;
  padding: 0 0 5px 0;
  width: auto;
  color: black;
}
div.wrapper.top div#mainCol div#contents .attention span {
  display: block;
  background-image: url("/images/icon_important.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  font-weight: bold;
  padding-left: 35px;
  padding-top: 1px;
  padding-bottom: 2px;
}
div.wrapper.top div#mainCol div#contents .attentionContents {
  background-color: #fafafa;
  border: none;
  border-bottom: 4px solid #d9d9d9;
}
div.wrapper.top div#mainCol div#contents .attentionContents .inner {
  margin-top: 0;
}
/* subCol */

div.wrapper.top div#subCol {
  width: 210px;
  padding-bottom: 1px;
}
* html div.wrapper.top div#subCol {
  float: left;
  margin-left:51px;
}
div.wrapper.top div#subCol .linkArea {
  margin: 20px 0 0px 0;	
  padding: 20px 0 0px 0;
  border-top: 2px solid #423294;
}
div.wrapper.top div#subCol .bnrArea h2 {
  margin: 20px 0 10px 0;	
}
div.wrapper.top div#subCol .bnrArea p {
  margin-bottom: 10px;
}
div.wrapper.top div#subCol ul li,
div.wrapper.top div#subCol ol li,
div.wrapper.top div#subCol ul li.external,
div.wrapper.top div#subCol ol li.external {
  background: url("/images/arrow_square.gif") no-repeat 0 0.4em;
  color: black;
  line-height: 1.5;
  padding-left: 18px;
  margin-bottom: 5px;
}
div.wrapper.top div#subCol ul li.externalJS,
div.wrapper.top div#subCol ol li.externalJS {
  background: url("/common/images/icon_external.gif") no-repeat 0 0.5em;
  padding-left: 18px;
}
div.wrapper.top div#subCol ul.asideList li,
div.wrapper.top div#subCol ul.asideList li.external {
  background: none;
  line-height: 1.5;
  padding-left: 0;
  margin-bottom: 10px;
}
div.wrapper.top div#subCol ul.asideList li a,
div.wrapper.top div#subCol ul.asideList li.external a {
	display: block;
	border: 3px solid #BFBDB7;
	background: url("/images/li_aside.gif") no-repeat 5px center;
	padding: 10px 5px 10px 30px;
	text-decoration: none;
}
div.wrapper.top div#subCol .specialLinkArea {
  margin: 20px 0;	
  padding: 20px 0;
  border-top: 2px solid #423294;
  border-bottom: 2px solid #423294;
}

div.wrapper.top div#subCol .specialLinkArea p {
  margin-bottom: 10px;
}

div.wrapper.top div#subCol .specialLinkArea p.maB0 {
  margin-bottom: 0px!important;
}

/* categoryBox */
div.wrapper.top div#categoryBox {
  clear:both;
  padding:20px 19px 29px 19px;
  border:1px solid #13007A;
  margin:0 1px 20px -1px;
  width:920px;
}
div.wrapper.top div#categoryBox .column3{
  margin-right:-20px;
  width:938px;
  background-color: #fff;
}
* html div.wrapper.top div#categoryBox .column3{
  margin-right:-40px;
  width:958px;
}
div.wrapper.top div#categoryBox .column3 .col{
  float:left;
  width:292px;
  margin-right:20px;
}
div.wrapper.top div#categoryBox .column3 ul + ul{
  margin-top:40px;
}
div.wrapper.top div#categoryBox .column3 ul li{
  line-height: 1.5;
  margin:10px 0;
  font-size:1.1em;
  font-weight:bold;
}
div.wrapper.top div#categoryBox .column3 ul li ul li{
  font-size:0.9em;
  font-weight:normal;
}
div.wrapper.top div#categoryBox .column3 ul li a{
  display: inline-block;
}
* html div.wrapper.top div#categoryBox .column3 ul li a{
  display: inline;
}
*+ html div.wrapper.top div#categoryBox .column3 ul li a{
  display: inline;
}
div.wrapper.top div#categoryBox .column3 ul li a,
div.wrapper.top div#categoryBox .column3 ul li a.external{
  background: url("/images/arrow_square.gif") no-repeat 0 0.4em;
  padding-left: 18px;
}
div.wrapper.top div#categoryBox .column3 ul li a.externalJS{
  background: url("/common/images/icon_external.gif") no-repeat 0 0.5em;
  padding-left: 18px;
}
* html div.wrapper.top div#categoryBox .column3 ul li a{
  background: url("/images/arrow_square.gif") no-repeat 0 0.4em;
  zoom:1;
}
*+ html div.wrapper.top div#categoryBox .column3 ul li a{
  background: url("/images/arrow_square.gif") no-repeat 0 0.4em;
  zoom:1;
}

/** clear **/
div.wrapper.top div#categoryBox .column3:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: "";
  line-height: 0;
}
div.wrapper.top div#categoryBox .column3{
  display: inline-table;
  min-height: 1%;
}
* html div.wrapper.top div#categoryBox .column3{
  height: 1%;
  overflow: visible;
}
div.wrapper.top div#categoryBox .column3{
  display: block;
}
div.wrapper.top div.pageTop {
    margin-top: 2em;
    text-align: right;
    margin-bottom:3em;
}
div.wrapper.top div.pageTop p {
    background-image: url("/common/images/icon_arrow_upward.gif");
    background-position: 0 0.1em;
    background-repeat: no-repeat;
    display: inline;
    line-height: 1.5;
    padding-left: 18px;
}

/* 20150729 ADD */
ul#olympicPromotion{
	display:block;
    margin-bottom: 40px !important;
	margin-right:-10px;
	margin-top:0 !important;
}
ul#olympicPromotion li{
	background:none;
	display:inline-block;
	padding-right:5px;
}
/* For IE 6/7 */
*+ html ul#olympicPromotion li{
    display:inline;
    zoom:1;
}
* html ul#olympicPromotion li{
    display:inline;
    zoom:1;
}