@charset "UTF-8";
/*
base.css
*/


a:link {
color: #414141;
text-decoration: none;
}
a:visited {
color: #414141;
text-decoration: none;
}
a:hover, a:active {
color: #414141;
text-decoration: underline;
}

body {
background-color: #fff;
color: #414141;
position: relative;
}

h2,
h3 {
clear: both;
position: relative;
}



/*
 * header
 */
#header {
padding: 23px 0 0;
}
#logo {
margin-bottom: 18px;
text-align: center;
}


/*
 * footer
 */
#footer {
background-color: #224780;
clear: both;
padding: 22px 0 20px;
text-align: center;
}

#copyright {
color: #fff;
font-size: 108%;
line-height: 1;
margin-top: 26px;
text-align: center;
}



/*
 * layout
 */
#container {
margin: 0 auto;
width: 1200px;
}

#contents_wrap {
background: url(/common/img/topmainBg01.jpg) no-repeat center;
background-attachment: fixed;
background-size: cover;
padding: 20px 0 45px;
}
.colorHr:after {
content: "";
width: 100%;
height: 5px;
background-image: linear-gradient(90deg, #3f5cb1 20%, #398e62 20%, #398e62 40%, #e34442 40%, #e34442 60%, #00b3c5 60%, #00b3c5 80%, #00c144 80%, #00c144);
position: absolute;
bottom: 0;
left: 0;
}

#contents {
margin: 0 auto;
width: 1000px;
}

h3.ttl {
background-image: url(/assets/img/bg_h3.png);
background-position: left top;
background-repeat: repeat;
clear: both;
color: #fff;
font-size: 139%;
line-height: 37px;
margin-bottom: 26px;
padding-left: 12px;
}

#rBox {
float: right;
width: 300px;
}

#lBox {
float: left;
width: 680px;
}


#login_box {
background-color: #fff;
border-color: #c7944c;
border-style: solid;
border-width: 5px;
margin-bottom: 16px;
padding: 8px;
}
#login_box h2 {
margin-bottom: 10px;
}
#login_box form {
padding-left: 13px;
}
#login_box label {
color: #13477f;
display: block;
font-size: 108%;
line-height: 1;
margin-bottom: 5px;
}

/* ===================================================================
 * 入力ボックスの高さ変更
 *    IEでテキスト入力欄の文字表示不具合対応
 *    height : 20px; を追加
 */

#login_box .input_text {
border-color: #d0d0d0;
border-style: solid;
border-width: 1px;
height      : 20px;
line-height : 34px;
margin-bottom: 8px;
width: 248px;
}

#login_box .forget_id {
font-size: 108%;
line-height: 1;
margin-bottom: 10px;
padding-left: 13px;
}
#login_box .forget_id a {
background-image: url(/assets/img/arrow/gold.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 18px;
}

#login_btn {
display: block;
margin: 0 0 10px 13px;
}

#login_box .input_checkbox {
border-color: #d0d0d0;
border-style: solid;
border-width: 1px;
margin: 0 4px 0 20px;
vertical-align: middle;
}
#login_box .for_checkbox {
color: #000;
display: inline;
vertical-align: middle;
}


#lBox #login_box {
padding-bottom: 20px;
}
#lBox #login_box form {
text-align: center;
}
#lBox #login_box .forget_id {
padding-left: 0;
text-align: center;
}
#lBox #login_box #login_btn {
display: block;
margin: 0 auto 10px;
}

#news_box,
#secretariat_box {
background-color: #fff;
border-color: #033a74;
border-style: solid;
border-width: 5px;
margin-bottom: 26px;
}
#news_box h2,
#secretariat_box h2 {
padding: 5px 8px;
}
#secretariat_box h2 {
background-image: url(/assets/img/secretariat_box/bg_ttl.png);
background-position: 8px center;
background-repeat: no-repeat;
font-size: 124%;
padding-left: 45px;
}
#secretariat_box h2 > img {
margin-top: 5px;
margin-left: 10px;
}
#news_box .btn_list.center {
display: none;
}

#news_list li,
#secretariat_list li {
font-size: 108%;
padding: 7px 10px;
}
#news_list .odd,
#secretariat_list .odd {
background-color: #f8f8f8;
}
#news_list .date,
#secretariat_list .date {
color: #13477f;
margin-right: 15px;
width: 7em;
}
#news_list a,
#secretariat_list a {
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align: top;
width: 36em;
}
#news_list a.ic,
#secretariat_list a.ic {
width: 34em;
}

#news_list.list,
#secretariat_list.list {
margin-bottom: 25px;
}
#news_list.list li,
#secretariat_list.list li {
}
#news_list.list .date,
#secretariat_list.list .date {
background-position: right top;
background-repeat: no-repeat;
display: inline-block;
/display: inline;
/zoom: 1;
line-height: 20px;
padding-right: 5em;
width: 9em;
}
#news_list.list a,
#secretariat_list.list a {
width: 52em;
}
#news_list.list a.ic,
#secretariat_list.list a.ic {
width: 50em;
}
#news_list.list .date.campaign,
#secretariat_list.list .date.campaign {
background-image: url(/assets/img/ic/news_campaign.png);
}
#news_list.list .date.event,
#secretariat_list.list .date.event {
background-image: url(/assets/img/ic/news_event.png);
}
#news_list.list .date.present,
#secretariat_list.list .date.present {
background-image: url(/assets/img/ic/news_present.png);
}
#news_list.list .date.info,
#secretariat_list.list .date.info {
background-image: url(/assets/img/ic/news_info.png);
}
#news_list.list .date.other,
#secretariat_list.list .date.other {
background-image: url(/assets/img/ic/news_other.png);
}
#news_list.list .date.apology,
#secretariat_list.list .date.apology {
background-image: url(/assets/img/ic/news_apology.png);
}


#news_detail {
padding: 32px 20px 126px 14px;
position: relative;
}
#news_detail h3 {
border-bottom-color: #13477f;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 100%;
margin-bottom: 15px;
padding-bottom: 7px;
}
#news_detail .date {
background-position: right top;
background-repeat: no-repeat;
display: inline-block;
/display: inline;
/zoom: 1;
font-size: 108%;
line-height: 20px;
padding-right: 5em;
width: 9em;
}
#news_detail .date.campaign {
background-image: url(/assets/img/ic/news_campaign.png);
}
#news_detail .date.event {
background-image: url(/assets/img/ic/news_event.png);
}
#news_detail .date.present {
background-image: url(/assets/img/ic/news_present.png);
}
#news_detail .date.info {
background-image: url(/assets/img/ic/news_info.png);
}
#news_detail .date.other {
background-image: url(/assets/img/ic/news_other.png);
}
#news_detail .date.apology {
background-image: url(/assets/img/ic/news_apology.png);
}

#news_detail .ttl {
font-size: 139%;
margin-left: 15px;
vertical-align: middle;
}
#news_detail p {
font-size: 108%;
line-height: 1.71;
padding-left: 9em;
width: 55em;
}
#news_detail .backtolist {
position: absolute; right: 20px; bottom: 16px;
}

.mypage_inner #news_detail {
padding-top: 0;
}
.mypage_inner #news_detail .date {
padding-right: 0;
}

.action_application {
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
line-height:1.5;
font-size: 13px;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

@media screen and (min-width: 960px) {
        .action_application {
        padding-left: 9em;
        }
}



/*
 * mypage
 */

#user_box {
margin: 0 auto 18px;
width: 1000px;
}
#user_box .inner {
background-color: #fff;
border-color: #033a74;
border-style: solid;
border-width: 5px;
letter-spacing: -0.4em;
padding: 6px 0 6px 15px;
}
#user_box .inner > div {
display: inline-block;
/display: inline;
/zoom: 1;
letter-spacing: 0;
vertical-align: top;
}

#user_img {
margin-right: 25px;
}
#user_img .img {
display: block;
margin-bottom: 5px;
width: 107px;
}

#user_info {
margin-right: 22px;
width: 458px;
}

#user_name {
font-size: 139%;
}

#user_info .valid_point {
border-color: #f8cb71;
border-style: solid;
border-width: 2px;
letter-spacing: -0.4em;
}
#user_info .valid_point dt {
background-color: #f8cb71;
color: #fff;
display: inline-block;
/display: inline;
/zoom: 1;
font-size: 108%;
letter-spacing: 0;
line-height: 30px;
text-align: center;
vertical-align: top;
width: 164px;
}
#user_info .valid_point dd {
background-image: url(/assets/img/ic/point.png);
background-position: 6px center;
background-repeat: no-repeat;
display: inline-block;
/display: inline;
/zoom: 1;
letter-spacing: 0;
height: 30px;
padding-right: 6px;
text-align: right;
vertical-align: top;
width: 284px;
}
#user_info .valid_point dd strong {
font-size: 139%;
}
#user_info .valid_point dd span {
font-size: 108%;
}

#user_info .point_info {
letter-spacing: -0.4em;
padding-top: 8px;
}
#user_info .point_info dt {
background-image: url(/assets/img/arrow/blue_thin.png);
background-position: right center;
background-repeat: no-repeat;
color: #044b97;
display: inline-block;
/display: inline;
/zoom: 1;
font-size: 108%;
letter-spacing: 0;
line-height: 24px;
width: 206px;
}
#user_info .point_info dd {
display: inline-block;
/display: inline;
/zoom: 1;
font-size: 108%;
letter-spacing: 0;
line-height: 24px;
padding-right: 4px;
text-align: right;
width: 248px;
}

#user_other {
width: 348px;
}
#user_other .info_box {
border-color: #eaeaea;
border-style: solid;
border-width: 3px;
margin-bottom: 11px;
padding: 6px;
}
#user_other .info_box h3 {
margin-bottom: 13px;
}
#user_other .info_box .link_list {
right: 0; top: 0;
}
#user_other .info_box p {
font-size: 100%;
}
#user_other .btn_list li {
margin-left: 20px;
}
#user_other .btn_list li:first-child {
margin: 0;
}

#mypage_nav {
letter-spacing: -0.4em;
line-height: 0;
text-align: center;
margin-top: 30px;
}
#mypage_nav li {
display: inline-block;
/display: inline;
/zoom: 1;
letter-spacing: 0;
line-height: 0;
margin: 0 5px;
}
#mypage_nav a {
display: block;
}

#mypage_content {
background-color: #fff;
border-color: #033a74;
border-style: solid;
border-width: 5px;
padding: 22px 20px;
}

.mypage_inner {
min-height: 450px;
}

#point_history,
#secretariat_info,
#account_info {
display: none;
}
/*
ポイント履歴、事務局のお知らせ内ページ切替え
*/
.tab_in_page{
height: 35px;
}

.tab_in_page_list{
display: block;
width: 280px;
margin: 0 auto;
}
/*
-----------------------------------------------
*/
#rank_history.wait p {
font-size: 139%;
line-height: 2;
padding: 110px 0 80px;
text-align: center;
}

.table_rank {
border-color: #f8cb71;
border-style: solid;
border-width: 3px;
margin-bottom: 18px;
}
.table_rank th {
background-color: #f8cb71;
color: #fff;
font-size: 108%;
line-height: 24px;
padding: 5px 0 9px;
text-align: center;
}
.table_rank th span {
border-left-color: #ffdaa0;
border-left-style: solid;
border-left-width: 1px;
display: block;
}
.table_rank td {
background-color: #fff6e6;
padding: 5px 0 6px;
text-align: center;
}
.table_rank .stage {
font-size: 139%;
text-align: center;
}
.table_rank td span {
border-left-color: #ffe9c2;
border-left-style: solid;
border-left-width: 1px;
display: block;
height: 43px;
line-height: 43px;
}
.table_rank .rank {
vertical-align: middle;
}
.table_rank .rank span {
height: 37px;
line-height: 0;
padding-top: 6px;
}
.table_rank .point span {
padding-right: 13px;
text-align: right;
}
.table_rank .point strong {
font-size: 185%;
}
.table_rank .point em {
font-size: 139%;
}

#table_now {
float: left;
width: 615px;
}
#table_next {
float: right;
width: 309px;
}
#table_next td {
height: 43px;
}


#mypage_content h2.requirement {
clear: both;
font-size: 108%;
}
#table_require {
border-top-color: #d8d8d8;
border-top-style: solid;
border-top-width: 1px;
border-left-color: #d8d8d8;
border-left-style: solid;
border-left-width: 1px;
margin-bottom: 5px;
width: 100%;
}
#table_require th,
#table_require td {
border-bottom-color: #d8d8d8;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #d8d8d8;
border-right-style: solid;
border-right-width: 1px;
vertical-align: middle;
}
#table_require th {
background-color: #eee;
font-size: 108%;
text-align: center;
}
#table_require td {
font-size: 108%;
height: 20px;
text-align: center;
width: 60px;
}

#mypage_content .detail_link {
font-size: 108%;
margin-bottom: 10px;
text-align: right;
}
#mypage_content .detail_link a {
background-image: url(/assets/img/arrow/blueS.png);
background-position: left center;
background-repeat: no-repeat;
color: #004997;
padding-left: 8px;
}
#mypage_content .detail_link a:link,
#mypage_content .detail_link a:visited,
#mypage_content .detail_link a:hover,
#mypage_content .detail_link a:active {
color: #004997;
}


#table_history {
margin: 0 auto;
width: 740px;
}
#table_history th {
background-color: #505050;
color: #fff;
font-size: 108%;
line-height: 24px;
padding: 5px 0 6px;
text-align: center;
}
#table_history th span {
border-left-color: #d8d8d8;
border-left-style: solid;
border-left-width: 1px;
display: block;
}
#table_history td {
font-size: 108%;
padding: 7px 0 8px;
text-align: center;
vertical-align: middle;
}
#table_history .odd td {
background-color: #f8f8f8;
}
#table_history td .month {
display: inline-block;
/display: inline;
/zoom: 1;
margin-left: 2em;
text-align: center;
width: 6em;
}
#table_history .point {
font-size: 100%;
padding-right: 15px;
text-align: right;
}
#table_history .point strong {
font-size: 139%;
}
#table_history .point em {
font-size: 108%;
}


#table_point_history {
margin-bottom: 30px;
width: 100%;
}
#table_point_history td {
font-size: 124%;
padding: 5px 0 6px;
}
#table_point_history .odd td {
background-color: #f8f8f8;
}
#table_point_history .exchange td {
background-color: #ffeaea;
color: #f00;
}
#table_point_history td span {
border-left-color: #d8d8d8;
border-left-style: solid;
border-left-width: 1px;
display: inline-block;
/display: inline;
/zoom: 1;
line-height: 24px;
padding: 0 12px;
}
#table_point_history .date {
color: #13477f;
display: inline-block;
/display: inline;
/zoom: 1;
text-align: center;
width: 160px;
}
#table_point_history .point span {
text-align: right;
}


#table_secretariat_info {
width: 100%;
}
#table_secretariat_info td {
font-size: 124%;
padding: 5px 0 6px;
vertical-align: middle;
}
#table_secretariat_info .odd td {
background-color: #f8f8f8;
}
#table_secretariat_info td span {
border-left-color: #d8d8d8;
border-left-style: solid;
border-left-width: 1px;
display: block;
line-height: 24px;
padding: 0 12px;
}
#table_secretariat_info .date {
color: #13477f;
text-align: center;
width: 160px;
}
#table_secretariat_info .ic_read {
text-align: center;
width: 38px;
}
#table_secretariat_info .ic_read span {
height: 20px;
line-height: 0;
padding-top: 4px;
}


#account_info {
margin: 0 auto;
width: 685px;
}
#account_info p {
font-size: 108%;
margin-bottom: 1.5em;
}
#account_info .change_lead {
font-size: 139%;
text-align: center;
}
#account_info .reregister_box {
padding-bottom: 1.5em;
}



/*
 * other
 */
.content_box {
background-color: #fff;
border-color: #033a74;
border-style: solid;
border-width: 5px;
}
.content_inner {
padding: 32px 20px 80px;
}
.content_inner h2 {
margin-bottom: 10px;
}
.content_inner h2 .link_list {
right: 0; top: -19px;
}
.content_inner p {
font-size: 108%;
margin-bottom: 34px;
}
.content_inner .table_about_rank {
margin-bottom: 34px;
}
.content_inner .attention.rank {
font-size: 154%;
margin-bottom: 34px;
}
.content_inner .imgC {
margin-bottom: 34px;
}
.content_inner .attention_box {
margin-bottom: 34px;
}


#nav_point {
letter-spacing: -0.4em;
line-height: 0;
padding-top: 28px;
text-align: center;
}
#nav_point li {
display: inline-block;
/display: inline;
/zoom: 1;
letter-spacing: 0;
line-height: 0;
margin: 0 9px 28px;
}

#navside_point {
display: inline-block;
/display: inline;
/zoom: 1;
line-height: 0;
margin-top: 18px;
padding-right: 50px;
vertical-align: top;
}
#navside_point li {
line-height: 0;
margin-bottom: 13px;
}


.content.use_point {
display: inline-block;
/display: inline;
/zoom: 1;
margin-top: 18px;
vertical-align: top;
width: 640px;
}
.content.use_point.game {
margin-left: -34px;
width: 700px;
}
.content.use_point .lead_point {
font-size: 124%;
margin-bottom: 20px;
}
.content.use_point .lead_point.complete {
text-align: center;
}
.content.use_point .asterisk {
margin-bottom: 0;
}
.content.use_point .btn_list {
margin-top: 25px;
text-align: center;
}
.content.use_point .btn_list li {
margin: 0 16px;
}

.content.use_point .btnC {
margin-bottom: 25px;
}

#goods_list {
letter-spacing: -0.4em;
margin: 15px 0 0;
text-align: center;
}
#goods_list li {
display: inline-block;
/display: inline;
/zoom: 1;
letter-spacing: 0;
margin: 0 10px 30px;
vertical-align: top;
width: 300px;
}
#goods_list h3 {
background-color: #0a3681;
color: #fff;
font-size: 108%;
line-height: 35px;
margin-bottom: 6px;
text-align: center;
}
#goods_list .img {
line-height: 0;
min-height: 300px;
margin-bottom: 14px;
text-align: center;
}
#goods_list .img img {
max-width: 100%;
}
#goods_list p {
margin-bottom: 0;
}
#goods_list table {
border-top-color: #d8d8d8;
border-top-style: solid;
border-top-width: 1px;
margin-bottom: 18px;
width: 100%;
}
#goods_list th {
background-color: #eaeaea;
border-bottom-color: #d8d8d8;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 108%;
padding: 2px 5px;
}
#goods_list td {
border-bottom-color: #d8d8d8;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 124%;
padding: 5px;
text-align: right;
}
#goods_list .btnC {
margin-bottom: 10px;
}
#goods_list .disable {
color: #f00;
text-align: center;
}

#select_goods {
letter-spacing: -0.4em;
margin-top: 20px;
}
#select_goods h3 {
background-color: #0a3681;
color: #fff;
font-size: 108%;
letter-spacing: 0;
line-height: 35px;
margin-bottom: 15px;
text-align: center;
}
#select_goods .img {
display: inline-block;
/display: inline;
/zoom: 1;
line-height: 0;
min-height: 300px;
margin-bottom: 20px;
margin-right: 10px;
text-align: center;
vertical-align: top;
width: 300px;
}
#select_goods .img img {
max-width: 100%;
}
#select_goods .goods_info {
display: inline-block;
/display: inline;
/zoom: 1;
letter-spacing: 0;
vertical-align: top;
line-height:1.5;
width: 330px;
}
#select_goods p {
margin-bottom: 1em;
}
#select_goods table {
border-top-color: #d8d8d8;
border-top-style: solid;
border-top-width: 1px;
margin-bottom: 20px;
width: 100%;
}
#select_goods th {
background-color: #eaeaea;
border-bottom-color: #d8d8d8;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 108%;
padding: 2px 5px;
}
#select_goods td {
border-bottom-color: #d8d8d8;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 124%;
padding: 5px;
text-align: right;
}


.content_inner .lead_register {
font-size: 139%;
line-height: 1.66;
text-align: center;
}

.btn_agreement {
display: none;
}

.content_inner .agreement_box {
border-color: #d8d8d8;
border-style: solid;
border-width: 1px;
height: 300px;
margin: 0 auto 20px;
overflow: auto;
padding: 10px;
width: 680px;
}
.content_inner .agreement_box p {
word-break:break-all;
}
.content_inner .agreement_box .btn_close {
display: none;
}

.content_inner .agreement_select {
margin-bottom: 10px;
text-align: center;
}
.content_inner .agreement_select label {
padding: 0 20px 0 5px;
}

#spat4_id_box {
margin: 0 auto 10px;
width: 702px;
}
#spat4_id_box .inner {
border-color: #c7944c;
border-style: solid;
border-width: 5px;
letter-spacing: -0.4em;
padding: 10px;
text-align: center;
}
#spat4_id_box label {
color: #13477f;
display: inline-block;
/display: inline;
/zoom: 1;
font-size: 108%;
letter-spacing: 0;
margin-bottom: 10px;
padding-left: 0em;
text-align: left;
width: 10em;
}
#spat4_id_box input {
border-color: #d0d0d0;
border-style: solid;
border-width: 1px;
letter-spacing: 0;
line-height: 34px;
margin-bottom: 10px;
width: 248px;
}
#spat4_id_box .require {
display: inline-block;
/display: inline;
/zoom: 1;
font-size: 108%;
letter-spacing: 0;
margin-bottom: 10px;
text-align: left;
width: 10em;
}
#spat4_id_box .require.block {
display: block;
margin-left: 280px;
width: auto;
}
#spat4_id_box p {
letter-spacing: 0;
margin-bottom: 0;
text-align: center;
}

#charity_point_box {
margin: 0 auto 10px;
width: 702px;
}

#charity_point_box .inner {
border-color: #c7944c;
border-style: solid;
border-width: 5px;
letter-spacing: -0.4em;
padding: 10px;
text-align: center;
}

#charity_point_box label {
color: #13477f;
display: inline-block;
display: inline;
zoom: 1;
font-size: 108%;
letter-spacing: 0;
margin-bottom: 10px;
padding-left: 0em;
width: 10em;
}

#charity_point_box input {
border-color: #d0d0d0;
border-style: solid;
border-width: 1px;
letter-spacing: 0;
line-height: 25px;
margin-bottom: 10px;
height:25px;
width: 90%;
}
#charity_point_box select {
border-color: #d0d0d0;
border-style: solid;
border-width: 1px;
letter-spacing: 0;
line-height: 34px;
margin-bottom: 10px;
height:25px;
width: 90%;
}

#charity_point_box .require {
display: inline-block;
display: inline;
zoom: 1;
font-size: 108%;
letter-spacing: 0;
margin-bottom: 10px;
text-align: left;
width: 10em;
}

#charity_point_box .require.block {
width: auto;
}

#charity_point_box p {
letter-spacing: 0;
margin-bottom: 0;
text-align: center;
}
#contents.register .btn_list {
margin-bottom: 25px;
text-align: center;
}
#contents.register .link_list {
margin: 0 auto;
position: relative; right: 0; top: 0;
width: 702px;
}
#contents.register .link_list li {
display: block;
font-size: 108%;
line-height: 1.5;
}
#contents.register .link_list a {
background-image: url(/assets/img/arrow/gold.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 18px;
}
#contents.register .link_list a:link,
#contents.register .link_list a:visited,
#contents.register .link_list a:hover,
#contents.register .link_list a:active {
color: #13477f;
}

#contents.register .mail_attention {
margin: 0 auto;
width: 702px;
}
#contents.register .mail_attention li {
font-size: 108%;
margin-bottom: 1.5em;
}





.service_box {
background-image: url(/assets/img/arrow/flow.png);
background-position: center center;
background-repeat: no-repeat;
}
.service_box .inner {
background-color: #a2e5f8;
height: 260px;
letter-spacing: -0.4em;
}
.service_box .inner > div {
display: inline-block;
letter-spacing: 0;
vertical-align: top;
}
.service_box .inner .img {
width: 233px;
}
.service_box .inner .lead {
text-align: center;
width: 399px;
}
.service_box .inner .lead h3 {
margin-bottom: 20px;
text-align: center;
}
.service_box .inner .lead p {
font-size: 124%;
margin-bottom: 16px;
text-align: center;
}
.service_box .inner .lead .detail_link {
font-size: 108%;
margin-bottom: 0;
}
.service_box .inner .lead .detail_link a {
background-image: url(/assets/img/arrow/blueS.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 8px;
}
.service_box .inner .lead .detail_link a:link,
.service_box .inner .lead .detail_link a:visited,
.service_box .inner .lead .detail_link a:hover,
.service_box .inner .lead .detail_link a:active {
color: #004997;
}
.service_box .inner .nav {
background-color: #fff;
height: 240px;
margin-top: 10px;
width: 308px;
}
.service_box .inner .nav dl {
padding: 23px 0 0;
}
.service_box .inner .nav dt {
margin-bottom: 25px;
text-align: center;
}
.service_box .inner .nav dd {
font-size: 124%;
line-height: 1.875;
padding-left: 34px;
}
.service_box .inner .nav dd.right {
font-size: 124%;
line-height: 1.875;
padding-right: 20px;
text-align:right;
}
.service_box .inner .nav dd.right a {
background-image:none;

}
.service_box .inner .nav dd a {
background-image: url(/assets/img/arrow/blueSW.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 14px;
}
.service_box .inner .nav dd a:link,
.service_box .inner .nav dd a:visited,
.service_box .inner .nav dd a:hover,
.service_box .inner .nav dd a:active {
color: #13477f;
}

.service_box .inner.save {
margin-bottom: 118px;
}
.service_box .inner.save .lead {
padding-top: 83px;
}
.service_box .inner.use {
height: 300px;
}
.service_box .inner.use .lead {
padding-top: 34px;
}



h3.campaign {
background-image: url(/assets/img/campaign/bg_h3.png);
background-position: left top;
background-repeat: repeat;
color: #fff;
font-size: 139%;
line-height: 37px;
margin: 20px 0 18px;
padding-left: 10px;
}
h3.race_name {
color: #044b97;
font-size: 185%;
margin-bottom: 10px;
text-align: center;
}
h3.race_name .gradeL {
background-position: right 2px;
background-repeat: no-repeat;
padding-right: 48px;
}
.gradeL.s1 {
background-image: url(/assets/img/ic/grade_s1b.jpg);
}
.gradeL.s2 {
background-image: url(/assets/img/ic/grade_s2b.jpg);
}
.gradeL.s3 {
background-image: url(/assets/img/ic/grade_s3b.jpg);
}
.gradeL.g1 {
background-image: url(/assets/img/ic/grade_g1b.jpg);
}
.gradeL.j1 {
background-image: url(/assets/img/ic/grade_j1b.jpg);
}
.gradeL.j2 {
background-image: url(/assets/img/ic/grade_j2b.jpg);
}
.gradeL.j3 {
background-image: url(/assets/img/ic/grade_j3b.jpg);
}

.horse_name {
font-size: 108%;
text-align: center;
}

.campaign_list {
margin-bottom: 10px;
}
.campaign_list li {
border-bottom-color: #d8d8d8;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-bottom: 32px;
padding-bottom: 28px;
position: relative;
}
.campaign_list h4 {
background-position: right top;
background-repeat: no-repeat;
color: #004997;
font-size: 139%;
font-weight: bold;
margin-bottom: 18px;
min-height: 30px;
}
.campaign_list .target h4 {
background-image: url(/assets/img/ic/campaign_target.png);
}
.campaign_list .plural h4 {
background-image: url(/assets/img/ic/campaign_plural.png);
}
.campaign_list .oneday h4 {
background-image: url(/assets/img/ic/campaign_oneday.png);
}
.campaign_list .onerace h4 {
background-image: url(/assets/img/ic/campaign_onerace.png);
}
.campaign_list .rank h4 {
background-image: url(/assets/img/ic/campaign_rank.png);
}
.campaign_list .img {
display: inline-block;
/display: inline;
/zoom: 1;
margin-right: 30px;
vertical-align: top;
//width: 430px;
}
.campaign_list .img img {
max-width: 430px;
}
.campaign_list .info {
display: inline-block;
/display: inline;
/zoom: 1;
width: 486px;
}
.campaign_list .dates {
background-color: #eaeaea;
border-color: #d8d8d8;
border-style: solid;
border-width: 1px;
color: #414141;
font-size: 139%;
line-height: 27px;
margin-bottom: 10px;
padding-left: 10px;
}
.campaign_list p {
line-height: 1.71;
}
.campaign_list a.link_txt {
float: none;
}
.btn_entry {
position: absolute; right: 0; bottom: 28px;
}
.campaign_list.past li {
padding-bottom: 15px;
}
.campaign_list.past h4 {
margin-bottom: 10px;
}
.campaign_list.past .dates {
margin-bottom: 10px;
width: 484px;
}
.campaign_list.past p {
margin-bottom: 0;
}

.content_inner .entry_complete {
font-size: 162%;
text-align: center;
}


.campaign_img {
margin-bottom: 20px;
text-align: center;
}
.campaign_img02 {
margin-bottom: 10px;
text-align: center;
}

.game_img {
margin-bottom: 20px;
text-align: center;
}



.policy_list {
margin-bottom: 34px;
}
.policy_list li {
margin-left: 2.5em;
text-indent: -2.5em;
}


.qa_list {
margin-bottom: 25px;
}
.qa_list .even {
background-color: #f8f8f8;
}
.qa_list p {
background-position: 12px 6px;
background-repeat: no-repeat;
line-height: 35px;
margin-bottom: 0;
padding: 6px 20px 6px 66px;
}
.qa_list .q {
background-image: url(/common/img/faq/q.png);
}
.qa_list .a {
background-image: url(/common/img/faq/a.png);
}
.qa_list .q a:link,
.qa_list .q a:visited {
color: #13477f;
text-decoration: underline;
}
.qa_list .q a:hover,
.qa_list .q a:active {
color: #13477f;
text-decoration: none;
}

.qa_anchor {
margin-bottom: 25px;
padding-left: 12px;
}
.qa_anchor li {
font-size: 108%;
line-height: 1.71;
}
.qa_anchor a:link,
.qa_anchor a:visited {
color: #13477f;
text-decoration: underline;
}
.qa_anchor a:hover,
.qa_anchor a:active {
color: #13477f;
text-decoration: none;
}


.inquiry_box {
margin: 50px auto;
width: 685px;
}
.inquiry_table {
border-top-color: #d0d0d0;
border-top-style: solid;
border-top-width: 1px;
border-left-color: #d0d0d0;
border-left-style: solid;
border-left-width: 1px;
margin-bottom: 15px;
width: 100%;
}
.inquiry_table th,
.inquiry_table td {
border-bottom-color: #d0d0d0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #d0d0d0;
border-right-style: solid;
border-right-width: 1px;
padding: 15px 27px;
word-wrap: break-word;
word-break: break-all;
vertical-align: top;
}
.inquiry_table th {
color: #13477f;
font-size: 108%;
width: 146px;
}
.inquiry_table input[type="text"] {
border-color: #d0d0d0;
border-style: solid;
border-width: 1px;
padding: 10px 3px;
width: 390px;
}
.inquiry_table textarea {
border-color: #d0d0d0;
border-style: solid;
border-width: 1px;
height: 10em;
padding: 10px 3px;
width: 390px;
}

.inquiry_attention {
margin-bottom: 34px;
}
.inquiry_attention li {
font-size: 108%;
}

.content_inner .inquiry_lead {
font-size: 139%;
}



/*
 * error
 */
.content_inner .error_txt {
font-size: 139%;
height: 12em;
line-height: 2;
text-align: center;
}
.content_inner .error_txt:before,
.content_inner .error_txt:after {
content: '';
display: inline-block;
/display: inline;
/zoom: 1;
height: 100%;
vertical-align: middle;
width: 1%;
}
.content_inner .error_txt span {
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align: middle;
width: 98%;
}



/*
 * class
 */
.grade {
background-position: 2px 2px;
background-repeat: no-repeat;
padding-left: 25px;
}
.grade.s1 {
background-image: url(/assets/img/ic/grade_s1.png);
}
.grade.s2 {
background-image: url(/assets/img/ic/grade_s2.png);
}
.grade.s3 {
background-image: url(/assets/img/ic/grade_s3.png);
}
.grade.g1 {
background-image: url(/assets/img/ic/grade_g1.png);
}
.grade.j1 {
background-image: url(/assets/img/ic/grade_j1.png);
}
.grade.j2 {
background-image: url(/assets/img/ic/grade_j2.png);
}
.grade.j3 {
background-image: url(/assets/img/ic/grade_j3.png);
}

.banner_list li {
line-height: 0;
margin-bottom: 16px;
}

.link_list {
letter-spacing: -0.4em;
position: absolute; right: 10px; top: 8px;
}
.link_list li {
display: inline-block;
/display: inline;
/zoom: 1;
letter-spacing: 0;
line-height: 0;
}

.btn_list {
letter-spacing: -0.4em;
}
.btn_list li {
display: inline-block;
/display: inline;
/zoom: 1;
letter-spacing: 0;
}
.btn_list.center {
text-align: center;
}
.btn_list.center li {
margin: 0 14px;
}
.btn_list.center.select {
margin-bottom: 25px;
}
.btn_list.center.select label {
font-size: 108%;
margin-left: .5em;
}
.btn_list li a {
display: inline-block;
vertical-align: middle;
}
.btn_list li span {
display: inline-block;
font-size: 108%;
margin-left: 1em;
vertical-align: middle;
}

.breadcrumb {
margin-bottom: 18px;
}
.breadcrumb li {
color: #033a74;
display: inline-block;
/display: inline;
/zoom: 1;
font-size: 93%;
padding-right: .5em;
}
.breadcrumb li a {
padding-right: .5em;
}


.paging {
letter-spacing: -0.4em;
margin-bottom: 22px;
text-align: center;
}
.paging li {
display: inline-block;
/display: inline;
/zoom: 1;
font-size: 108%;
margin: 0 5px;
}
.paging a {
border-color: #a2caf3;
border-style: solid;
border-width: 1px;
color: #033a74;
display: block;
height: 1.5em;
letter-spacing: 0;
text-align: center;
width: 1.5em;
}
.paging a:link,
.paging a:visited,
.paging a:hover,
.paging a:active {
color: #033a74;
text-decoration: none;
}
.paging .current,
.paging a:hover,
.paging a:active {
background-color: #d6eaff;
}


.sp_lead {
display: none;
}



.asterisk {
display: block;
margin-left: 1em;
text-indent: -1em;
}

.attention {
color: #f00;
}
.attention.rank {
font-size: 154%;
}

.attention_box {
border-color: #f00;
border-style: solid;
border-width: 1px;
clear: both;
padding: 12px;
}
.attention_box dt,
.attention_box dd {
font-size: 108%;
}

.error {
color: #f00;
text-align: center;
}
.inquiry_box .error {
text-align: left;
}

.reregister_box {
border-color: #13477f;
border-style: double;
border-width: 3px;
padding-top: 10px;
}



a.link_txt {
background-image: url(/assets/img/arrow/blueS.png);
background-position: left center;
background-repeat: no-repeat;
float: right;
margin-top: 20px;
padding-left: 8px;
}
a.link_txt:link,
a.link_txt:visited,
a.link_txt:hover,
a.link_txt:active {
color: #004997;
}
a.link_txt.faq {
margin-bottom: 34px;
}

a.gofaq {
font-size: 114%;
}
a.gofaq:link,
a.gofaq:visited {
color: #13477f;
text-decoration: underline;
}
a.gofaq:hover,
a.gofaq:active {
color: #13477f;
text-decoration: none;
}

a.campaign_link {
background-image: url(/assets/img/arrow/blueS.png);
background-position: 10px 3px;
background-repeat: no-repeat;
display: block;
font-size: 93%;
padding-left: 20px;
}
a.campaign_link:link,
a.campaign_link:visited,
a.campaign_link:hover,
a.campaign_link:active {
color: #004997;
}



.imgL {
float: left;
margin-bottom: 34px;
margin-right: 25px;
}
.imgR {
float: right;
margin-bottom: 34px;
margin-left: 25px;
}
.imgC,
.btnC {
text-align: center;
}

.txtC {
text-align: center;
}




.ic.new {
background-image: url(/assets/img/ic/new.png);
background-position: left top;
background-repeat: no-repeat;
padding-left: 40px;
}




.table_point {
margin-bottom: 20px;
width: 100%;
}
.table_point th {
background-color: #505050;
color: #fff;
font-size: 108%;
padding: 5px 0;
text-align: center;
}
.table_point td {
padding: 5px 0;
text-align: center;
}
.table_point .even td {
background-color: #f8f8f8;
}
.table_point span {
border-left-color: #d8d8d8;
border-left-style: solid;
border-left-width: 1px;
display: block;
line-height: 25px;
}
.table_point th:first-child span,
.table_point td:first-child span {
border-left: none;
}
.table_point td span {
padding-right: 25px;
text-align: right;
}
.table_point .cash span {
font-size: 139%;
}
.table_point .point strong {
font-size: 139%;
}
.table_point .point em {
font-size: 108%;
}





.table_about_rank {
margin: 0 auto;
width: 740px;
}
.table_about_rank th {
background-color: #505050;
color: #fff;
font-size: 108%;
line-height: 24px;
padding: 5px 0 6px;
text-align: center;
}
.table_about_rank th span {
border-left-color: #d8d8d8;
border-left-style: solid;
border-left-width: 1px;
display: block;
}
.table_about_rank td {
font-size: 124%;
padding: 7px 0 8px;
text-align: center;
vertical-align: middle;
}
.table_about_rank .odd td {
background-color: #f8f8f8;
}
.table_about_rank td em {
color: #f00;
}





.table_accountinfo {
border-top-color: #d0d0d0;
border-top-style: solid;
border-top-width: 1px;
border-left-color: #d0d0d0;
border-left-style: solid;
border-left-width: 1px;
margin: 0 auto 20px;
width: 100%;
}
.table_accountinfo th,
.table_accountinfo td {
border-bottom-color: #d0d0d0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #d0d0d0;
border-right-style: solid;
border-right-width: 1px;
font-size: 108%;
line-height: 30px;
padding: 14px 17px;
}
.table_accountinfo th {
background-color: #d0f5ff;
color: #13477f;
width: 30%;
}
.table_accountinfo td {
padding-right: 17px;
position: relative;
}
.table_accountinfo td a {
float: right;
}
.table_accountinfo td a:link,
.table_accountinfo td a:visited {
color: #004997;
text-decoration: underline;
}
.table_accountinfo td a:hover,
.table_accountinfo td a:active {
color: #004997;
text-decoration: none;
}

.update a {
}
.update a:link,
.update a:visited {
color: #004997;
text-decoration: underline;
}
.update a:hover,
.update a:active {
color: #004997;
text-decoration: none;
}

.table_accountinfo.address {
}
.table_accountinfo.address th {
background-color: #ffeeca;
}
.table_accountinfo.address td {
padding-right: 17px;
}

.table_accountinfo.change {
}
.table_accountinfo.change td {
padding-right: 17px;
word-wrap: break-word;
word-break: break-all;
}
.table_accountinfo.change input[type="text"] {
border-color: #d0d0d0;
border-style: solid;
border-width: 1px;
height: 30px;
line-height: 30px;
margin-right: .5em;
padding: 0 .5em;
width: 19em;
}
.table_accountinfo.change .require {
color: #f00;
}
.table_accountinfo.change .require.block {
display: block;
}
.table_accountinfo.change input[type="checkbox"] {
margin-right: .5em;
}
.table_accountinfo.change input.email {
width: 24em;
}


/* ===================================================================
 * 入力ボックスの高さ変更
 *    IEでテキスト入力欄の文字表示不具合対応
 *    height : 20px; を追加
 */

#login_box .input_text {
  height : 40px;
}

#spat4_id_box #pass_number {
  height : 40px;
}

#account_info input[type="text"] {
  height : 40px;
}


.table_campaign {
border-top-color: #d0d0d0;
border-top-style: solid;
border-top-width: 1px;
border-left-color: #d0d0d0;
border-left-style: solid;
border-left-width: 1px;
margin-bottom: 38px;
width: 100%;
}
.table_campaign.sp {
display: none;
}
.table_campaign th,
.table_campaign td {
border-bottom-color: #d0d0d0;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #d0d0d0;
border-right-style: solid;
border-right-width: 1px;
padding: 5px 10px;
}
.table_campaign th {
background-color: #044b97;
color: #ffa800;
font-size: 139%;
text-align: center;
}
.table_campaign td {
font-size: 108%;
}
.table_campaign td.noline{
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 1px;
border-left-color: #FFFFFF;
border-left-style: solid;
border-left-width: 1px;
border-right:none;
background-color:#FFFFFF;
text-align:left;
color:#13477F;
font-weight:bold;
}
.table_campaign td.nolineC{
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 1px;
border-left-color: #FFFFFF;
border-left-style: solid;
border-left-width: 1px;
border-right:none;
background-color:#FFFFFF;
text-align:center;
color:#13477F;
font-weight:bold;
}
.table_campaign .header {
background-color: #d0f5ff;
color: #13477f;
width: 20%;
}

.table_campaign.campaign_ex {
}
.table_campaign.campaign_ex th {
color: #fff;
}
.table_campaign.campaign_ex td {
text-align: right;
vertical-align: middle;
}
.table_campaign.campaign_ex td.noline {
text-align: left;
}
.table_campaign.campaign_ex td.nolineC {
text-align: center;
}
.table_campaign.campaign_ex .header {
color: #414141;
text-align: center;
vertical-align: middle;
width: auto;
}
.table_campaign.campaign_ex .point {
color: #13477f;
font-size: 139%;
text-align: right;
}
.table_campaign.campaign_ex .point2 {
color: #13477f;
font-size: 139%;
text-align: center;
}
.table_campaign.campaign_ex .point_kind {
color: #13477f;
font-size: 139%;
text-align: left;
}
.table_campaign.campaign_ex .sum {
color: #f00;
font-size: 139%;
text-align: right;
}
.table_campaign.campaign_ex .header.point {
text-align: center;
}
.table_campaign.campaign_ex .header.sum {
background-color: #ffeeca;
text-align: center;
}

.table_campaign.campaign_ex.sizeS td {
padding: 4px;
}
.table_campaign.campaign_ex.sizeS .point,
.table_campaign.campaign_ex.sizeS .sum {
font-size: 108%;
}

.table_campaign.race th {
color: #fff;
}
.table_campaign.race span {
display: inline-block;
position: relative;
width: 100%;
}
.table_campaign.race span em {
position: absolute; right: 0; top: 0;
}
.table_campaign.race a:link,
.table_campaign.race a:visited,
.table_campaign.race a:hover,
.table_campaign.race a:active {
color: #13477f;
}
.table_campaign.race a:link,
.table_campaign.race a:visited {
text-decoration: underline;
}
.table_campaign.race a:hover,
.table_campaign.race a:active {
text-decoration: none;
}

.asterisk.campaign {
font-size: 108%;
margin-top: -38px;
margin-bottom: 38px;
}

.race_list {
margin-bottom: 38px;
}
.race_list a.campaign_link {
background-position: 10px 7px;
font-size: 108%;
}

.campaign_fleft {
	float:left;
	width:48%;
	margin-right:4%;}

.campaign_fright {
	float:right;
	width:48%;
	margin:0px;}

.kakotokuC {
	text-align: center;
	margin:10px auto;}

.kakotoku_arrow {
	text-align:center;
	margin:10px auto;}

.content_inner p.kakotoku_txt {
    font-size: 108%;
    margin-bottom: 10px;
	text-align:center;}






/*
 * added at 2014/03/18
 */

.content.use_point.game {
margin-left: 0;
width: 640px;
}
.content.use_point.game .game_img {
margin-left: -34px;
margin-right: -26px;
}


.sp_lead {
display: block;
}