@charset "UTF-8";

/* ============================================
      font-size
============================================ */
#contentsArea article h2,
#contentsArea article h3,
#contentsArea article,
#contentsArea article .notation {
    font-size: 14px;
    line-height: 1.6;
}


/* ============================================
      form
============================================ */
.win input[type="text"],
.win input[type="email"],
.win input[type="tel"],
.win textarea {
    border: #ABADB3 solid 1px;
    border-radius: 2px;
    box-shadow: none;
}


/* ============================================
      pouup
============================================ */
.pouup header div.svgSwitch h1.logo img {
    height: 71px;
    width: 291px;
}



@media only screen and (min-width: 600px) { /* device-width: 600px */

#contentsArea.column article .size2of3 .size1of2 {
    width: 48.5%;
}

#contentsArea article .line ul.linkList01.col_04 li {
    display: inline-block;
    width: 24.7%;
}

#contentsArea article .line ul.linkList01.col_03 li {
    display: inline-block;
    width: 33%;
}

#contentsArea article .line ul.linkList01.col_02 li {
    display: inline-block;
    width: 49.6%;
}

}


@media only screen and (max-width: 599px) { /* device-width: 320px ～ 599px  for Smartphone */

#contentsArea.column article .line .size2of3,
#contentsArea.column article .line .size3of4,
#contentsArea.column article .line .size1of4 {
    width: auto;
    float: none;
}

#contentsArea.column a {
    word-wrap: break-word;
}

/* ============================================
      font-size
============================================ */
#contentsArea input,
#contentsArea textarea,
#contentsArea select {
    font-size: 16px;
}

/* ============================================
      heading
============================================ */
/* h2 */
#contentsArea.column article h2,
#contentsArea.column article h2.link,
#contentsArea.column article .size1of2 h2,
#contentsArea.column article .size1of3 h2,
#contentsArea.column article .size2of3 h2.link {
    background: none;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    border: solid 1px #aaa;
    
/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFQUVBRUEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRUZFRkUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NTYpIiAvPgo8L3N2Zz4=);

    background-color: #dedede;
    background-image: -webkit-linear-gradient(bottom, #fff, #fdfdfd 20%, #fafafa 21%, #eaeaea 96%, #fff);
    background-image: -moz-linear-gradient(bottom, #fff, #fdfdfd 20%, #fafafa 21%, #eaeaea 96%, #fff);
    background-image: -o-linear-gradient(bottom, #fff, #fdfdfd 20%, #fafafa 21%, #eaeaea 96%, #fff);
    background-image: linear-gradient(to top, #fff, #fdfdfd 20%, #fafafa 21%, #eaeaea 96%, #fff);

    padding-bottom: 8px;
}

#contentsArea.column article h2 span,
#contentsArea.column article .size1of2 h2 span,
#contentsArea.column article .size1of3 h2 span {
    background: none;
    padding-bottom: 0;
    padding-right: 4px;
}

#contentsArea.column article h2.link,
#contentsArea.column article .size1of2 h2.link,
#contentsArea.column article .size1of3 h2.link,
#contentsArea.column article .size2of3 h2.link {
    padding-bottom: 0px;
}

#contentsArea.column article h2.link a,
#contentsArea.column article .size1of3 h2.link a,
#contentsArea.column article .size2of3 h2.link a {
    padding-bottom: 8px;
}

#contentsArea.column article .size2of3 h2.link a {
    background: none;
    width: auto;
}
#contentsArea.column article .size2of3 h2.link a:hover {
    background: #fff;
    /* -webkit-tap-highlight-color */
    -webkit-tap-highlight-color:transparent;
}

#contentsArea.column article .size2of3 h2.link a span,
#contentsArea.column article .size2of3 h2.link a:hover span {
    width: auto;
    background: url('/component/c_common/img/bg_h2_link_rwd.gif') no-repeat scroll 0.5em 1.1em;
}

#contentsArea.column article .size1of2 h2.link a:hover,
#contentsArea.column article .size1of2 h2.link a.hover,
#contentsArea.column article .size1of3 h2.link a:hover,
#contentsArea.column article .size2of3 h2.link a.hover {
    background: none;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#contentsArea.column article .size1of2 h2.link a,
#contentsArea.column article .size1of2 h2.link a:hover,
#contentsArea.column article .size1of2 h2.link a.hover {
    padding-bottom: 8px;
}

#contentsArea.column article div.pluginLinkBlock02 .clearfix p.textBox {
    width: auto;
}

#contentsArea.column article div.pluginLinkBlock03 p code {
    word-break: break-all;
}


/* ============================================
      table
============================================ */
#contentsArea article table colgroup,
#contentsArea article table col {
    display: none;
}

#contentsArea article table,
#contentsArea article table thead,
#contentsArea article table tbody,
#contentsArea article table tr,
#contentsArea article table th,
#contentsArea article table td {
    display: block;
    border: none;
    width: 100%;
}

#contentsArea article table th,
#contentsArea article table td,
#contentsArea article table col {
    width: 100% !important;
    box-sizing: border-box;
}

#contentsArea article table td {
    margin: 0 0 20px;
}


/*#contentsArea article table:last-child td {
    margin-bottom: 0;
}*/

.msie #contentsArea article table th,
.msie #contentsArea article table td {
    float: left;
    clear:both;
}

/* ============================================
      form
============================================ */
#contentsArea input,
#contentsArea textarea,
#contentsArea select {
    box-sizing: border-box;
    line-height: 16px;
    padding: 5px 2px;
}

#contentsArea input,
#contentsArea textarea {
    width: 100%;
}

#contentsArea input[type="radio"],
#contentsArea input[type="radio"]+label {
    display: inline-block;	
    margin: 0 0 10px;
    vertical-align: text-top;
}

#contentsArea input[type="radio"] {
    width: 10%;
    margin-left: 5%;
}

#contentsArea input[type="radio"]+label {
    width: 82%;
}

#contentsArea input[type="submit"] {
    -webkit-appearance: none;
    width: auto;
    background: -moz-linear-gradient(top,#FFF 0%,#eaeaea);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#eaeaea));
    border: 1px solid #aaa;
    border-radius: 8px;
    padding: 10px 25px;
}

#contentsArea input[type="submit"]:hover {
    background: -moz-linear-gradient(top,#eaeaea 0%,#FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#FFF));
}

#contentsArea input[type="submit"].sendbtn{
    border:1px solid #b8b8b8;
    display:block;
    padding:1px 12px 1px 23px;
    margin: 0.75em 0 0;
    *padding:0 0 1px 13px;
    background:#fff url("../img/bullet_arrow-button001.gif") left top;
    background-position:0 0;
    background-repeat:no-repeat;
    border-radius: 0;
    font-weight:bold;
    text-decoration:none;
    cursor:pointer;
    color:#003366;
    font-family :
                  Arial,
                  Verdana,
                  Helvetica,
                  "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",
                  "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33",
                  /*Osaka,*/
                  sans-serif;
}

#contentsArea select {
    margin-bottom: 10px;
}

#contentsArea input:focus,
#contentsArea textarea:focus,
#contentsArea select:focus {
    font-size: 16px;
}

#contentsArea label {
    cursor: pointer;
}

/* ============================================
      btnBlock02
============================================ */
#contentsArea div.btnBlock02 div.left02,
#contentsArea div.btnBlock02 div.right02 {
    width: 45%;
    margin: 0;
}

#contentsArea div.btnBlock02 div.right02 {
    float: right;
}

#contentsArea div.btnBlock02 input[type="submit"] {
    width: 100%;
}

/* ============================================
      floatBlock
============================================ */
#contentsArea span.left,
#contentsArea span.right {
    float: none;
    width: auto;
    margin: 10px 0;
}

/* ============================================
      tabArea02
============================================ */
#contentsArea .tabArea02 li {
    display: block;
    background: #002279;
    margin-right: 0;
}

#contentsArea .tabArea02 li a {
    display: block;
    background: #8090BC;
}


/* ============================================
      pouup
============================================ */
.pouup header {
    margin: 0 0 8px;
    padding: 0;
}

.pouup hgroup {
    margin: 0 -30px 0 6px;
}

.pouup header div.svgSwitch h1.logo {
    width: 206px;
    height: auto;
    margin: 0 -30px 0 0;
}

.pouup header div.svgSwitch h1.logo img {
    width: 206px;
    height: auto;
    margin: -5px 0 -12px -14px;
}

.pouup header div.svgSwitch p.messageLogo {
    margin: 16px 2.06% 8px 0;
} 

}

/* #2049 追加分 */
@media only screen and (min-width: 600px) { /* device-width: 600px */
    #wrapper {
        width: initial;
    }
    main {
        width: 970px;
        margin: 0 auto 0;
    } 
}
@media only screen and (max-width: 599px) { /* device-width: 320px ～ 599px  for Smartphone */
    #contentsArea article input[type="submit"] {
        text-align: center;
    }
}
#contentsArea article h1, h2 {
    font-weight: bold;
}
#contentsArea article form select {
    font-size: 14px;
}
#contentsArea article form button, input, optgroup, select, textarea {
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert;
    vertical-align: revert;
    background: revert;
    border-radius: revert;
    -webkit-box-sizing: revert;
    box-sizing: revert;
    border-style: revert;
    border-width: revert;
}