@charset "utf-8";



/* ============================================================

    style info : ブラウザごとの初期スタイルをリセット

============================================================ */

html, body, div, p,
dl, dt ,dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote,
th, td {
    margin: 0; 
    padding: 0; 
}
table {
    border-collapse: collapse; 
    border-spacing: 0; 
}
fieldset, img {
    border: none;
}
input, textarea, select {
    font-size: 100%;
}
img {
    vertical-align: top;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}
em, strong, th {
    font-style: normal;
    font-weight: bold;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left; 
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
    /*line-height: 1.4;*/
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: none;
}



/* ============================================================

    style info : 全体で汎用的に使用できるスタイルを記述

============================================================ */

/* --------------------------------
    clearfix (.cf)
-------------------------------- */

* html .cf {
    zoom: 1;
}
*+html .cf {
    zoom: 1;
}
.cf:after {
    content: '';
    display: block;
    clear: both;
    font-size: 0;
}


/* --------------------------------
    property
-------------------------------- */
*{
    box-sizing: border-box;
}

/* -----------------------------------
    basic
----------------------------------- */
html,body { height: 100%; }

body {
    background-color: #f1f1f1;
    color: #333;
    font-size: 14px;
    text-align: center;
    line-height: 1.8;
}
.ie body { font-size: 88%; }

body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
input,button { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

body.mac { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body.mac input,body.mac button { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

th, td {
    color: #333;
    line-height: 1.8;
}
a {
    outline: none;
}
a:link,
a:visited,
a:hover,
a:active {
    color:#ff4165;
    cursor: pointer;
    text-decoration: none;
}
a:hover,
a:active {
    color: #6d60a8;
}

#header a:link, #header a:visited,
#footer a:link, #footer a:visited,
.listType1 a:link, .listType1 a:visited,
.listType2 a:link, .listType2 a:visited,
.listType3 a:link, .listType3 a:visited,
.scrollItemList a:link, .scrollItemList a:visited,
.breadcrumb a:link, .breadcrumb a:visited
{
    color: #000000;
}

#header a:hover, #header a:active, 
#footer a:hover, #footer a:active, 
.listType1 a:hover, .listType1 a:active, 
.listType2 a:hover, .listType2 a:active, 
.listType3 a:hover, .listType3 a:active, 
.scrollItemList a:hover, .scrollItemList a:active, 
.breadcrumb a:hover, .breadcrumb a:active 
{
    color: #6d60a8;
}


/*
#limitedDetail { color: #df4363; }
*/

.hide{
    display:none;
}
/* -----------------------------------
    parts > form
----------------------------------- */
input.text,
textarea {
    position: relative;
    z-index: 1;
    zoom: 1;
    border: none;
    padding: 10px 9px;
    border: solid 1px #dcdfe6;
    border-top: solid 1px #aaadb2;
    border-bottom: solid 1px #e2e9ef;
    background: #fff;
    line-height: 1.2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url('/js/PIE.htc');
}
input.default,
textarea.default {
    color: #999;
}
label {
    vertical-align: baseline;
}
label input {
    margin-right: 8px;
    vertical-align: baseline;
}
select {
    padding: 5px;
}
.placeholder {
    color: #999;
}


/* -----------------------------------
    parts > table
----------------------------------- */
table {
    width: 100%;
    border-collapse: collapse;
}


/* -----------------------------------
    parts > title
----------------------------------- */

.basicTitle {
    margin-bottom: 30px;
    padding: 6px 15px;
    background: #f3f3f3;
    font-size: 129%;
    line-height: 1.3;
}
.basicTitle span {
    margin-left: 1.5em;
    font-size: 75%;
    font-weight: normal;
}

.basicTitle02 {
    margin-bottom: 25px;
    font-size: 129%;
    line-height: 1.3;
}

.basicTitle03 {
    border-left: solid 3px #333;
    margin-bottom: 10px;
    padding-left: 10px;
    line-height: 1.2;
}


/* -----------------------------------
    parts > text
----------------------------------- */

.required {
    color: #f00;
    font-weight: normal;
}
.format {
    color: #666;
    font-weight: normal;
}
.ex {
    color: #999;
    font-weight: normal;
}
.note {
    font-weight: normal;
}
.note .required {
    font-size: 100%;
}
.caution {
    padding-left: 1em;
    text-indent: -1em;
}
.important {
    color: #f00;
}
.important span {
    font-weight: bold;
}

.alert {
    padding: 0 0 0 35px;
    background: url(../img/common/icn_alert.png) left center no-repeat;
    color: #f33;
    text-align: left;
}

.errorMessage {
    margin-bottom: 10px;
    padding: 15px 15px 15px 50px;
    border: solid 3px #f33;
    background: url(../img/common/icn_alert.png) 15px 15px no-repeat;
    color: #f33;
    font-weight: bold;
    text-align: left;
}


/* -----------------------------------
    parts > link
----------------------------------- */

.arwLink {
    text-align: right;
}
.arwLink a {
    padding-left: 10px;
    background: url(../img/common/arw_min_blk_r.png) 0 0.5em no-repeat;
}

.backLink {
    margin: 5px 0;
}
.backLink a {
    padding-left: 10px;
    background: url(../img/common/arw_min_blk_l.png) 0 0.5em no-repeat;
    color: #333;
}


/* -----------------------------------
    parts > list
----------------------------------- */

ul.plainList li {
    list-style: none;
}

ul.basicList li {
    list-style: disc outside;
    margin: 0 0 0.5em 2em;
}

dl.inlineList dt,
dl.inlineList dd,
ul.inlineList li {
    display: inline;
    margin: 0 30px 0 0 !important;
    vertical-align: middle;
}

ol.numList li {
    list-style: decimal outside;
    margin: 0 0 0.5em 2em;
}

ul.arwList li {
    padding-left: 20px;
    background: url(../img/common/arw_basic_blk_r.png) 2px 0.7em no-repeat;
}

ul.arwList02 li {
    padding-left: 20px;
    background: url(../img/common/arw_basic_grn_r.png) 2px 0.7em no-repeat;
    color: #97c32c;
    font-size: 82%;
}





/* -----------------------------------
    parts
----------------------------------- */
    
.csp {
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.zoom .prevNav.csp {
    width: 14px;
    height: 42px;
    background: url(../img/common/btn_arrow_left.png) no-repeat;
}

.zoom .nextNav.csp {
    width: 14px;
    height: 42px;
    background: url(../img/common/btn_arrow_right.png) no-repeat;
}


/* zoomButtons */
.zoomButton .zoomInButton.csp {
    width: 25px;
    height: 25px;
    background: url(../img/common/btn_zoomin.png) no-repeat;
}
.zoomButton .zoomOutButton.csp {
    width: 25px;
    height: 25px;
    background: url(../img/common/btn_zoomout.png) no-repeat;
}

/* socialButtons */
ul.socialButtons li {
    overflow: hidden;
    display: inline-block !important;
    vertical-align: top !important;
    margin: 0 5px 0 0 !important;
    float: none !important;
    background-color: #fff !important;
}

ul.socialButtons li.twitter { width: 62px; }
ul.socialButtons li.facebook { width: 62px; }

ul.socialButtons li a.csp {
    width: 62px;
    height: 25px;
}

ul.socialButtons li.twitter .csp { background: transparent url(../img/common/btn_twitter.png) 0 0 no-repeat; }
ul.socialButtons li.facebook .csp { background: transparent url(../img/common/btn_fb.png) 0 0 no-repeat; }

/* pagination */
ul.pagination {
    margin: 30px 0 10px 0;
    text-align: center;
    font-size: 115%;
    line-height: 34px;
}
ul.pagination li {
    overflow: hidden;
    display: inline-block;
    margin: 0 2px;
}
ul.pagination li a {
    display: inline-block;
    padding: 0 9px;
    border: solid 1px #eaeaea;
    background: #f5f5f5;
    text-decoration: none;
}
ul.pagination li a:hover {
    background: #f9f9f9;
}
ul.pagination li.current a,
ul.pagination li.current a:hover {
    border: solid 1px #f36;
    background: #f36;
    color: #fff;
}
ul.pagination li.nav a {
    width: 30px;
    height: 34px;
    border: solid 1px #fff;
    text-indent: 300px;
}
ul.pagination li.prev a {
    background: #fff url(../img/common/arw_pagination_prev.png) center center no-repeat;
}
ul.pagination li.next a {
    background: #fff url(../img/common/arw_pagination_next.png) center center no-repeat;
}



/* 閲覧エラー表示 */
.ie6 #header .headerNav,
.ie6 #fixedCart,
.ie6 #contents,
.ie6 #footer,
.ie7 #header .headerNav,
.ie7 #fixedCart,
.ie7 #contents,
.ie7 footer,
body.no-js #header .headerNav,
body.no-js #fixedCart,
body.no-js #contents,
body.no-js #footer {
    display: none;
}

.systemMessage {
    display: none;
    width: 950px;
    margin: 60px auto;
    padding: 15px 0;
    border: solid 3px #fe0000;
    background: #fff;
    color: #fe0000;
    font-size: 115%;
    font-weight: bold;
    text-align: center !important;
    line-height: 1.4;
}
body.no-js #forNoJS {
    display: block;
}
.ie6 #forOldIE,
.ie7 #forOldIE {
    display: block;
}
.ie6 body.no-js #forNoJS,
.ie7 body.no-js #forNoJS {
    display: none;
}


.loading{
    background: rgba(255,255,255,0.5) url(../img/common/loading.gif) no-repeat center center;
    z-index: 201;
    display: none;
    width: 100%; 
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.loading.show{
    display:block;
}






/* -----------------------------------
    parts > text
----------------------------------- */
.pricacyLink {
    display: block;
    text-align: right;
    margin-top: -40px;
    margin-right: 10px;
    margin-bottom: 30px;
}
.pricacyLink a {
    display: inline-block; 
}
.caseTitle{
    padding: 10px;
    margin-left: 1.0em;
    text-indent: -1.0em;
}
.caseTitle span{
    text-indent: -1.0em;
    margin-top: 20px;
    padding-left: 10px;
    border-left: 4px solid #000;
}
.dateList {
    padding: 8px 10px 15px;
    font-size: 86%;
    line-height: 1.6em;
    text-align: right;
}
.privacyText {
    padding:0 10px 20px;
    line-height: 1.5em;
}
.privacyText2 {
    padding:0 10px 10px;
    line-height: 1.5em;
}
.privacyText3 {
    padding:0 10px 20px;
    font-size: 86%;
}
.privacyList {
  padding: 10px 10px 30px;
}
.privacyList dt {
    padding-bottom: 5px;
    font-weight: bold;
}
.privacyList dd {
    padding-bottom: 15px;
    line-height: 1.5em;
}