@charset "utf-8";
/* CSS Document */

/* reset
================================== */
body{
  margin: 0;
  padding: 0;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6{
  font-size: 100%;
  font-weight: normal;
}
ul li, ol li{
  list-style: none;
}
table{
  margin: 0;
  padding: 0;
  font-size: 100%;
}
caption{
  text-align: left;
}
table,pre,code,select,textarea,kbd,var,ins,del,samp{
  font-size: 100%;
}
address,cite,dfn,em,strong,var,th,ins,del,samp{
  font-weight: normal;
  font-style: normal;
}
a img{
  border: 0;
}
hr.separation{
  display: none;
}
fieldset{
  border: none;
}
header,section,nav,aside,footer,article{
  display: block;
}
/* initialize */
body{
  -webkit-text-size-adjust: none;
  color:#3c3c3c;
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
  overflow-x:hidden;
}
a{
  color: #0088cc;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(102,204,255,0.5);
}
.errorText{
  margin: 10px;
  padding: 5px;
  border: 1px solid #dc0000;
  color: #dc0000;
  font-weight: bold;
}

/* layout
================================== */

/* header
----------------------- */
/*-- headerDefault 1.0.3 --*/
.headerDefault{
  position: relative;
}
.headerDefault:after {
  display: block;
  clear: both;
  height: 0;
  content: "."; 
  visibility: hidden;
}
.headerDefault #logo{
  height: 33px;
  padding: 0;
  background: #f48c71;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MzYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGNkMxQUMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNDhDNzEiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0VGNjYzRiIgb2Zmc2V0PSIwLjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRDAyMjBBIiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNTM2KSIgLz4KPC9zdmc+);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f6c1ac),color-stop(0.49,#f48c71),color-stop(0.50,#ef663f),color-stop(1,#d0220a));
  background: -moz-linear-gradient(top,#f6c1ac 0,#f48c71 49%,#ef663f 50%,#d0220a 100%);
  background: linear-gradient(top,#f6c1ac 0,#f48c71 49%,#ef663f 50%,#d0220a 100%);
  overflow: hidden;
}
.headerDefault #logo .logoimg{
  float: left;
  width: 137px;/* 10px+112px+5px */
  height: 33px;
  background: url(http://i.yimg.jp/c/logo/s/2.0/bb_ws_22.png) no-repeat 10px 50%;
  line-height: 33px;
  text-indent: -9999px;
  overflow: hidden;
}
.headerDefault #logo .logoimg a,
.headerDefault #logo .logoimg span{
  display: block;
}
.headerDefault .headerMenu{
  float: right;
  height: 33px;
  margin-right: -2px;
}
.headerDefault .headerMenu li{
  display: block;
  float: left;
  height: 33px;
  font-size: 10px;
  line-height: 33px;
}
.headerDefault .headerMenu li a{
  display: block;
  padding: 0 7px 0 5px;
  color: #ffffff;
  text-shadow:0 1px 1px rgba(0,0,0,0.5);
}
.headerDefault .headerMenu li #ylogo{
  display: block;
  width: 33px;/* 5px+16px+10px+2px */
  height: 33px;
  padding: 0;
  background: url(http://i.yimg.jp/yui/jp/sp/yj_ws.png) no-repeat 5px 50%;
  text-indent: -9999px;
  overflow: hidden;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-device-pixel-ratio: 1.5) {
  .headerDefault #logo .logoimg{
    background: url(http://i.yimg.jp/c/logo/s/2.0/bb_ws_22_2x.png) no-repeat 10px 50%;
    -webkit-background-size: 105px 22px;
    -moz-background-size: 105px 22px;
    -ms-background-size: 105px 22px;
    background-size: 105px 22px;
  }
  .headerDefault .headerMenu li #ylogo{
    background: url(http://i.yimg.jp/yui/jp/sp/yj_ws_m.png) no-repeat 5px 50%;
    -webkit-background-size: 16px 10px;
    -moz-background-size: 16px 10px;
    -ms-background-size: 16px 10px;
    background-size: 16px 10px;
  }
}


/* footer
----------------------- */
/* footerDefault 2.0.0 */
/*-- footerDefault 2.0.0 --*/
.footerDefault{
  font-size: 14px;
    line-height: 1;
  text-align: center;
}
.footerDefault .changeDevice{
    margin: 10px;
    font-size: 14px;
}
.footerDefault .changeDevice dl{
    display: inline-block;
    padding: 5px 5px 5px 10px;
    border: 1px solid #e7e7e7;
    background: #f9f9f9;
}
.footerDefault .changeDevice dt{
  display: inline;
}
.footerDefault .changeDevice dt:after{
  content: ":";
}
.footerDefault .changeDevice dd{
  display: inline;
}
.footerDefault .changeDevice dd:after{
  content: "|";
}
.footerDefault .changeDevice dd:last-child:after{
  content: "";
}
.footerDefault .changeDevice p{
  font-size: 12px;
}
.footerDefault .changeDevice a,
.footerDefault .changeDevice span{
  padding: 0 5px; 
}
.footerDefault .changeDevice span{
  font-weight: bold;
}
.footerDefault .footerInner{
  padding: 13px 10px 15px 10px;
  border-top: 3px solid #d4d7db;
  background: #eeeeee;
}
.footerDefault .loginArea{
    margin-bottom: 15px;
    text-align: center;
}
.footerDefault .loginArea p + p {
    margin-top: 10px;
}
.footerDefault .loginArea .loginName{
    display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
  -moz-word-wrap: break-word;
    text-align: left;
}
.footerDefault .loginArea .loginStatus em{
    font-weight: bold;
}
.footerDefault .commonLink{
  margin-bottom: 10px;
}
.footerDefault .commonLink li{
  display: inline;
}
.footerDefault .commonLink li:after{
  content: " | ";
}
.footerDefault .commonLink li:last-child:after{
  content: "";
}
.footerDefault .subLink{
  margin-bottom: 8px;
  font-size: 12px;
}
.footerDefault .subLink li{
  display: inline;
}
.footerDefault .subLink li:after{
  content: " - ";
}
.footerDefault .subLink li:last-child:after{
  content: "";
}
.footerDefault small{
  display: block;
  font-size: 12px;
}