@charset "utf-8";
/*----------------------------------------
style_pc.css
2016.09.26 ver.2.00
----------------------------------------*/
/* 0.base
----------------------------------------*/
html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}

html,body{
position:relative;
width:100%;
height:100%;
min-height:100%;
margin:0;
padding:0;
font-size:100%; /* 16px */
font-family:Meiryo,"Hiragino Kaku Gothic ProN",Helvetica,Arial,sans-serif;
}

/* HTML5 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
display:block;
}

audio,
canvas,
progress,
video {
display:inline-block;
vertical-align:baseline;
}

*, *:before, *:after{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

.hide{
display:none !important;
}

hr{
clear:both;
margin:12px 0;
border:0;
height:0;
border-top:1px solid rgba(0, 0, 0, 0.1);
border-bottom:1px solid rgba(224, 224, 224, 1);
}

/* Link */
a{
color:#122769;
background-color:transparent;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a:focus,
a:active,
a:hover{
outline:0;
}

/* text */
p{
margin:0 0 1em;
}

h1,h2,h3,h4,p,li,dt,dd{
line-height:1.5;
}

h1{
margin:0 0 0.5em;
}

h2,h3,h4{
margin:0.25em 0;
}

h1{
font-size:150%;
}

h2{
color:#737373;
font-size:150%; /* 18px112.5% → 24px150%; */
font-weight:normal;
}

h3{
color:#737373;
font-size:125%; /* 20px */
font-weight:normal;
}

small,.small{
font-size:80%;
}

.normal{
font-weight:normal;
}

.bold{
font-weight:bold;
}

.red{
color:#a00;
}

.blue{
color:#1656cc;
}

.block{
display:block;
}

.txt-left{
text-align:left;
}

.txt-right{
text-align:right;
}

.txt-c{
text-align:center;
}

/* image */
img{
border:0;
vertical-align:bottom;
}

svg:not(:root){
overflow:hidden;
}

body > img[width="1"]{
display:none;
}

/* Table */
table{
border-collapse:collapse;
border-spacing:0;
}

td,th{
padding:0;
}

/* list */
ol,ul{
margin:0;
padding:0;
}

ol li,ul li{
margin:0;
padding:0;
list-style:none;
}

dt,dd{
margin:0;
}

/**/
iframe{
border:0;
margin:0 auto 6px;
}

/**/
button, input, select, textarea{
font-family:inherit;
font-size:100%;
}



/*----------------------------------------
1.header global navi
----------------------------------------*/
/* form
----------------------------------------*/
input, button, textarea, select{
margin:0;
padding:0;
background:none;
border:none;
border-radius:0;
outline:none;
}

input, button, textarea{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}

input[type="text"],textarea{
float:left;
margin:0 6px 0 0;
padding:3px 6px;
border:0;
border:1px solid #e0e0e0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius: 3px;
}

input[type="text"]:focus,
textarea:focus{
border:1px solid #0078c6;
}

input::-ms-clear{
visibility: hidden;
}

::-webkit-input-placeholder{
color:#737373;
}

::-moz-placeholder{
color:#737373;
}
::-ms-input-placeholder{
color:#737373;
}

input.form-btn{
display:block;
float:left;
margin:0 6px 0 0;
padding:0 6px;
background:#838e93;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius: 3px;
color:#fff;
cursor:pointer;
}

input.form-btn:hover{
background:#0078c6;
}

/* header-search, search */
.header-search input[type="text"],
.header-search input.form-btn{
height:32px;
vertical-align:middle;
}

li.search .header-search{
display:block;
float:left;
width:240px;
height:30px;
border:1px solid #e0e0e0;
border-radius:3px;
line-height:32px;
margin:4px 0 0 12px;
padding:0;
}

li.search .header-search input[type="text"]{
width:190px;
margin:0;
padding:3px 6px 3px 20px;
border:0;
height:28px;
line-height:28px;
}

li.search .header-search #search-input{
float:left;
background:url(//cdn.mainichi.jp/vol1/images/pc/icon-search.png) no-repeat 2px 48%;
}

li.search .header-search #search-btn{
float:right;
}

li.search .header-search input.form-btn{
height:30px;
margin:-1px 0 0;
border-radius:0 3px 3px 0;
}

/*  */
div.close-btn a{
float:left;
width:32px;
height:32px;
margin:0 0 0 200px;
background:url(//cdn.mainichi.jp/vol1/images/pc/icon-close.png) no-repeat 50% 0;
text-align:center;
vertical-align:middle;
font-weight:bold;
line-height:36px;
text-indent:-9999em;
}

div.close-btn a:hover{
background:url(//cdn.mainichi.jp/vol1/images/pc/icon-close.png) no-repeat 50% -51px;
}

/* header
----------------------------------------*/
header#top{
margin:0 0 12px;
}

header nav{
font-size:16px;
}

header nav ul{
width:1080px;
height:42px;
margin:0 auto;
}

header nav ul li{
position:relative;
float:left;
height:42px;
padding:3px 0 9px;
font-size:87.5%; /* 14px */
line-height:42px;
}

header nav ul li span,
header nav ul li a,
header nav ul li.active li a,
header nav ul li.more ul li a{
display:block;
padding:0 12px;
font-weight:bold;
line-height:36px;
}

header nav ul li:first-child{
margin-left:-12px;
}

header nav ul li.active a,
header nav ul li.active span{
color:#f4f4f4;
}

header nav ul li a:hover,
header nav ul li.active li a:hover{
color:#f4f4f4;
text-decoration:none;
}

header nav ul li.more ul li{
height:36px;
line-height:36px;
padding:0;
}

/* header box */
nav.header-box{
background:#f8f8f8;
}

/* header main */
nav.header-main{
background:#fff;
}

nav.header-main .logo{
float:left;
width:160px;
height:44px;
margin:0;
padding:6px 0;
}

nav.header-main li a{
color:#0078c6;
font-size:85.71%; /* 12px */
}

nav.header-main li a:hover,
nav.header-main li.premier a{
color:#3c3c3c;
}

nav.header-main li.photo,
nav.header-main li.series,
nav.header-main li.video,
nav.header-main li.premier,
header nav.header-main ul li.sublink{
height:32px;
margin:6px 0 0;
padding:0;
line-height:32px;
}

nav.header-main li.photo{
margin:6px 0 0 24px;
}

nav.header-main li.photo a{
padding-left:20px;
background:url(//cdn.mainichi.jp/vol1/images/pc/icon-photo.png) no-repeat 0 50%;
}

nav.header-main li.series a{
padding-left:20px;
background:url(//cdn.mainichi.jp/vol1/images/pc/icon-series.png) no-repeat 0 50%;
}

nav.header-main li.video a{
padding-left:20px;
background:url(//cdn.mainichi.jp/vol1/images/pc/icon-video.png) no-repeat 0 50%;
}

/* premier */
nav.header-main li.premier{
position:relative;
}

nav.header-main li.premier a{
font-size:78.57%; /* 11px */
}

nav.header-main li.premier a span{
display:inline-block;
width:80px;
height:32px;
margin:-3px 0 0;
background:url(//cdn.mainichi.jp/vol1/images/pc/logo-premier.png) no-repeat 3px 50%;
text-indent:-9999em;
}

nav.header-main li.premier.more a{
padding:0 16px 0 6px;
background:url(//cdn.mainichi.jp/vol1/images/pc/icon-more.png) no-repeat 100% 8px;
}

nav.header-main li.premier.more a:hover{
color:#696969;
background:url(//cdn.mainichi.jp/vol1/images/pc/icon-more.png) no-repeat 100% -93px;
}

nav.header-main li.premier.more.active a{
background:url(//cdn.mainichi.jp/vol1/images/pc/icon-more.png) no-repeat 100% -142px;
}

nav.header-main li.sublink{
float:right;
}

header nav.header-main ul li.sublink a{
padding:0 6px;
color:#2a2a2a;
font-weight:normal;
}

header nav.header-main ul li.login-btn a,
header nav.header-main ul li.member-menu a{
font-weight:bold;
}

header nav.header-main ul li.login-btn a{
min-width:6.5em;
}

header nav.header-main ul li.login-btn a{
min-width:6.5em;
background:#2A353A;
border-radius:2px;
color:#fff;
text-align:center;
}

header nav.header-main ul li.login-btn a:hover{
background:#0078c6;
color:#fff;
}

nav.header-main li.sublink a:hover{
color:#696969;
text-decoration:none;
}

nav.main-navi,
nav.sub-navi{
z-index:1;
}

/* main navi */
nav.main-navi{
background:#0078c6;
}

nav.main-navi a,
nav.main-navi span{
color:#cce3ef;
}

nav.main-navi li.active,
nav.main-navi li:hover{
background:url(//cdn.mainichi.jp/vol1/images/pc/gnav-main-selected_wh.png) no-repeat 50% 100%;
}

/* header-premier */
header nav.header-premier ul{
height:36px;
}

header nav.header-premier ul li{
height:36px;
margin:0 6px 0 0;
padding:0;
line-height:36px;
}

header nav.header-premier ul li a{
margin:0;
padding:0;
}

header nav.header-premier ul li a img{
vertical-align:top;
}

header nav.header-premier ul li a:hover img{
opacity:0.8;
}

header nav.header-premier div.close-btn a{
margin:0 0 0 200px;
}


/*----------------------------------------
2.common
----------------------------------------*/
.container{
position: relative;
width: 1080px;
min-height: 100%;
margin: 0 auto;
padding: 0;
}

.section{
margin:0 0 36px;
}


/* text */
h2{
margin: 0 0 0.5em;
color: #0078c6;
font-size: 131.25%;
font-weight: bold;
}

.txt-blue{
color:#0078c6 !important;
}

p.txt {
margin: 0 0 0.5em;
color: #505050;
font-size: 87.5%;
line-height: 1.25;
}

p.midashi{
margin:0 0 0.5em;
font-size:150%; /* 21px */
font-weight:bold;
line-height:1.25;
}

.small{
font-size:80%;
}

.clr:before {
content:"\A";
white-space:pre;
}

/*  */
.mt-m{
margin-top:12px !important;
}

.mb-s{
margin-bottom:6px !important;
}

.mb0{
margin-bottom:0 !important;
}

/* col-set */
.col-set .main{
float:left;
margin:0 12px 0 0;
}

.col-set .sub{
float:right;
}

.col-set .col2{
float:left;
width:50%;
padding:6px;
}
table.plan .member .cp .col2,
.col-set.cp .col2{
width:49%;
padding:0;
}
table.plan .member .cp .col2:first-child,
.col-set.cp .col2:first-child{
margin-right:3%;
width:48%;
}
/* btn */
a.btn,
p.btn,
#plan-summary a.btn-change{
position: relative;
display:block;
width:100%;
height:48px;
margin:0 0 12px;
padding:0 12px;
background-color:#f8f8f8;
border:1px solid #e0e0e0;
border-radius:4px;
color:#2a2a2a;
font-size:100%;
font-weight:bold;
line-height:48px;
overflow:hidden;
}

a.btn-mini{
width:80%;
height:34px;
line-height:34px;
font-size:87.5%; /* 14 */
}

a.btn-gry,
a.btn-blue,
a.btn-nvy,
a.btn-purple,
p.btn{
color:#fff;
}

a.btn-gry{
background-color:#505b61;
}

a.btn-blue{
background-color:#0078c6;
}

a.btn-nvy{
background:#133987;
}

a.btn-purple{
background:#941e57;
}

p.btn{
background:#ccc;
color:#999;
}

a.btn:hover,
a.btn-mini:hover,
#plan-summary a.btn-change:hover{
background-color:#f4f4f4;
text-decoration:none;
}

a.btn-gry:hover,
a.btn-blue:hover,
a.btn-nvy:hover,
a.btn-purple:hover{
background-color:#838e93;
}

a.btn:after,
p.btn:after,
#plan-summary .btn-change:after{
position: absolute;
content: "";
display: block;
top: 50%;
right: 10px;
width:10px;
height:10px;
margin: -4px 0 0 0;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
-ms-transform : rotate(45deg);
transform: rotate(45deg);
}

/* for IE8 */
html>/**/body a.btn:after,
html>/**/body p.btn:after,
html>/**/body #plan-summary .btn-change:after{
border-top:none \9;
border-right:none \9;
}

a.btn:hover:after,
#plan-summary .btn-change:hover:after{
border-top: solid 2px #444;
border-right: solid 2px #444;
}

p.btn:after,
a.btn-gry:after,
a.btn-blue:after,
a.btn-nvy:after,
a.btn-purple:after,
a.btn-gry:hover:after,
a.btn-blue:hover:after,
a.btn-nvy:hover:after,
a.btn-purple:hover:after{
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}

a.btn-hl{
height:64px;
line-height:64px;
font-size:125%;
}

/* list */
.dot-list li{
margin:0 0 3px 18px;
list-style:disc outside;
}

.info-list li{
margin:0 0 3px 18px;
list-style:disc outside;
color:#505050;
font-size:75%; /* 12px */
line-height:1.5;
}

.inline-list li{
display:inline;
margin:0 6px 6px 0;
}

.media-list{
margin:0 0 24px;
}

.media-list li{
display:block;
float:left;
height:28px;
margin:0 6px 18px 0;
line-height:28px;
}

/**/
.box-line{
margin:0 auto 24px;
padding: 15px;
border: 2px solid #ccc;
border-radius: 3px;
font-size: 95%;
}


/*----------------------------------------
3.paywall attention
----------------------------------------*/
/* main */
.attention-box .main{
width:648px; /* 1080-20-400-12 */
}

.attention-info p.txt-blue{
margin:0 0 0.5em;
font-size:131.25%; /* 21px */
font-weight:bold;
line-height:1.25;
}

/* sub */
.attention-box .sub{
width:400px;
}

.attention-box .sub-box{
margin:20px 0 36px;
}

.attention-box p.pass{
font-size: 75%;
text-align: right;
}

.attention-box p.pass a{
font-weight:bold;
}

.attention-box p.sub-link{
position: relative;
border-bottom:1px solid #e0e0e0;
text-align: right;
}

.attention-box p.sub-link a{
position: relative;
display:block;
width:100%;
height:30px;
margin:0;
padding:0 22px 0 12px;
color:#2a2a2a;
font-size: 81.25%;
font-weight:bold;
line-height:30px;
}

.attention-box p.sub-link a:after{
position: absolute;
content: "";
display: block;
top: 50%;
right: 10px;
width:10px;
height:10px;
margin: -4px 0 0 0;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* header-box */
.header-box{
margin:0 0 10px;
}

.header-box h1{
float:left;
width:200px;
margin:0 20px 0 0;
}

.header-box h1 img{
width:100%;
}

.header-box p.txt{
padding:15px 0 0 0;
color:#0078c6;
font-weight:bold;
font-size:131.25%;
}


/*----------------------------------------
4.digital mainichi pr (member-pr.html)
----------------------------------------*/
.member-info{
}

.member-infobox{
margin:0 0 24px;
padding:6px;
background:#f8f7f5;
border:1px solid #f8f8f8;
border-radius:8px;
}

/* main (course) */
.member-infobox .main{
width:400px;
padding:12px;
background:#fff;
border:1px solid #e9e9e9;
border-radius:6px;
}

.member-infobox h2{
margin:6px 0 6px;
color:#0078c6;
}

.member-infobox .main .col-set h3{
color:#222;
font-size:100%;
font-weight:bold;
text-align:center;
}

.member-infobox .main .col-l{
padding:0 12px 0 0;
border-right:1px solid #e9e9e9;
}

.member-infobox .main .col-r{
padding:0 0 0 12px;
}

.member-infobox .main .col2 .btn{
font-size:81.25%;
}

.member-infobox .main .col2 .txt-blue{
margin:0;
font-size:81.25%;
}

.member-info .price,
table#plan-summary .price{
position:relative;
}

#plan-summary .price-num{
margin:0 3px;
}

.member-info .price-num{
margin:0 3px 0 38px;
color:#133987;
font-size:34px;
font-weight:bold;
}
.member-infobox .cp .price-num {
margin-left:0;
font-size:inherit;
}
.member-info .price-month {
font-size:12px;
}
.member-infobox .cp .price-month{
display:block;
margin-bottom:12px;
}

.member-info .aprry-title{
font-size:81.25%;
}
.member-infobox .cp .aprry-title {
font-weight:bold;
font-size:12px;
margin-bottom:2px;
color:#133987;
}
.member-info .price-tax{
display:block;
text-align:right;
font-size:12px;
}
.member-infobox .cp .price-tax{
display:inline;
}
.member-infobox .main .sub-txt,
.member-infobox .sub .txt{
margin:0 0 0.5em;
color:#292929;
font-size:93.75%; /* 15px */
}

.member-infobox .sub-txt{
text-align:right;
margin:0;
padding:10px 0 0;
font-size:80%;
color:#505050;
}

/* sub */
.member-infobox .sub{
width:654px; /* 1080-400-12-12 */
padding:12px 0 6px;
}

.membericon-list li{
display:block;
float:left;
width:80px;
font-size:68.75%;
color:#133987;
text-align:center;
}

.membericon-list li.db{
width:90px;
}

.membericon-list li.plus{
width:120px;
padding:0 0 0 28px;
background:url(/info/login/images/pc/icon-plus.png) no-repeat 0 0;
}

.membericon-list li dt{
display:block;
height:70px;
}

.membericon-list li span{
margin:2px 0;
display:block;
}

/* サービスについての注意 */
.sub-info{
padding:0 18px;
}

/* サービス、タブレットセットなど各種案内 */
.apply-link{
width:400px;
margin:12px 0 6px;
}

.apply-link li{
position: relative;
display:block;
float:left;
margin:0;
padding:6px 0;
line-height:1.1;
}

.apply-link li.listL{
width:160px;
margin:0 12px 0 0;
}
.apply-link li.listR{
width:228px;
}
.apply-link li.listW{
padding:6px 0 0;
width:100%;
border-top:1px solid #e0e0e0;
}

.apply-link li a{
position: relative;
display:block;
width:100%;
height:30px;
margin:0;
padding:0 12px;
color:#2a2a2a;
font-size: 81.25%;
font-weight:bold;
line-height:30px;
}

.apply-link li a:after{
position: absolute;
content: "";
display: block;
top: 50%;
right: 10px;
width:10px;
height:10px;
margin: -4px 0 0 0;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* for IE9 */
:root .apply-link li a:after{
border-top:none\0/;
border-right:none\0/;
}


/*----------------------------------------
5.overview (overview.html)
----------------------------------------*/
.overview .main,
.overview .sub{
min-height:400px;
}

.overview .col-set{
margin:0 0 24px;
padding:0;
border:1px solid #f8f8f8;
background:#f8f7f5;
border-radius:8px;
}

/* main */
.overview .main{
width:288px;
height:100%;
padding:16px 8px 8px 0;
background:#fff;
border-radius:8px 0 0 8px;
}

.overview ul.tab{
margin:0 0 24px;
}

.overview .tab li{
position: relative;
margin:0 0 12px;
padding:5px 0 5px 20px;
list-style:none;
}

.overview .tab li:hover{
padding:5px 0 5px 12px;
border-left:8px solid #a1a1a1;
cursor:pointer;
}

.overview .tab li.active{
padding:5px 0 5px 12px;
border-left:8px solid #0078c6;
}

.overview .tab li.active:after{
content:" ";
position: absolute;
left:100%;
top:30%;
width:0;
height:0;
margin-top:-20px;
border:solid transparent;
pointer-events:none;
border-width:20px;
border-color:rgba(255, 255, 255, 0);
border-left-color: #ffffff;
}

.overview .tab li dl{
margin:0;
}

.overview .tab li dt{
margin:0 0 6px;
color:#696969;
font-size:93.75%; /* 15px */
font-weight:bold;
}

.overview .tab li.active dt{
color:#0078c6;
}

.overview .tab li dd{
color:#848484;
font-size:75%; /* 12px */
}

.overview .main .btn-mini{
margin:0 0 0 16px;
}

/* sub */
.overview .sub{
width:750px;
padding:16px 8px 8px;
}

.overview .tab-body p.txt{
margin:0 0 36px;
}

.overview .tab-body li{
display:none;
}

.overview .tab-body li.active{
display:block;
}

.overview .tab-body .dot-list{
margin:0 0 10px;
}

.overview .tab-body .dot-list li{
display:list-item;
margin:0 0 8px 18px;
font-size:112.5%; /* 18px */
line-height:1.25;
}

.overview .tab-body .midashi{
line-height:1.5;
}



/*----------------------------------------
6.plan data（plan-data.html / price-summary.html）
----------------------------------------*/
.plan-data table.plan{
width:100%;
margin:0 0 36px;
}

.plan-data a.btn,
.plan-data p.btn{
text-align:left;
}

table.plan thead th.txt-left{
padding:6px 6px 6px 0;
}

table.plan th,
table.plan td,
table.plan thead th.normal{
position:relative;
padding:6px;
font-size:13px;
}

table.plan tbody th{
width:250px;
text-align:left;
font-weight:normal;
}

table.plan td{
text-align:center;
}

table.plan .even{
background:#f7f7f7;
}

/* plan-summary */
#plan-summary{
margin:0 0 50px;
}

table#plan-summary td{
vertical-align:top;
}

#plan-summary p.copy,
.member-infobox p.copy{
padding:2px 1px 1px;
border:1px solid #0078c6;
border-radius:11px;
color:#0078c6;
font-size:10px; /* 10px */
font-weight:bold;
}
.member-infobox p.copy{
text-align:center;
}
#plan-summary .member p.copy,
.member-infobox .member p.copy{
color:#133987;
border:1px solid #133987;
}

#plan-summary .aidokusha p.copy,
#plan-summary .premier p.copy{
color:#941e57;
border:1px solid #941e57;
}

#plan-summary .free .price{
color: #0076c6;
font-size: 220%;
height: 81px;
line-height: 96px;
font-weight:bold;
}

table#plan-summary .price-txt,
table#plan-summary .price-subtxt{
display:block;
color:#000;
font-weight:normal;
text-align:left;
}

table#plan-summary .price-txt{
margin:0 0 3px;
}

table#plan-summary .price-yen,
table#plan-summary .price-tax,
table#plan-summary .price-subtxt,
.member-infobox .price-yen,
.member-infobox .price-tax,
.member-infobox .price-subtxt{
padding:0 2px;
color:#7e7e7e;
font-weight:normal;
}

#plan-summary .free .btn,
#plan-summary .member .btn{
height:65px;
line-height:65px;
}

#plan-summary .member .btn-change{
margin:10px 0 0;
height:34px;
line-height:34px;
background-color: #f8f8f8;
border:1px solid #e0e0e0;
color:#0078c6;
}

table#plan-summary div.takuhai{
padding:0 12px 0 6px;
width:100%;
}

table#plan-summary div.premier .btn,
table#plan-summary div.aidokusha .btn,
table#plan-summary div.takuhai .btn{
height:34px;
line-height:34px;
}

#plan-summary .aprry-title{
margin:0;
padding:0 6px;
text-align:left;
font-weight:bold;
}
#plan-summary .member .cp .aprry-title{
padding:0;
margin-bottom:6px;
}
#plan-summary .aidokusha-premier .aprry-title{
color:#941e57;
}

#plan-summary .price-plus{
display:block;
float:left;
height:34px;
color:#941e57;
font-weight:bold;
line-height:34px;
}

#plan-summary td.free,
#plan-summary td.member,
#plan-summary .bdr-right{
border-right:1px solid #eee;
}

/* price summery campaign */
.campaign-box{
min-height:215px;
padding:25px 15px;
background:#ffe452;
border-radius:6px;
font-size:13px;
text-align:left;
}

.price-txt{
font-size:13px;
}

.campaign-txt{
margin:0 0 30px;
font-size:125%;
font-weight:bold;
}

.campaign-txt a{
color:#b20000;
}

.campaign-box .small{
color:#000;
font-weight:normal;
}

/* plan1 プラン背景 */
.grad{
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7f7f7 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

table.plan .grad th,
table.plan .grad td{
padding:24px 6px 6px;
}

#plan-summary .grad th{
padding:12px 6px;
}

/*  */
th.txt-left{
text-align:left;
}

th.normal{
font-weight:normal;
}

table.plan td p.txt{
margin:0;
text-align:left;
}

table.plan td span.price{
display:block;
}

table.plan td span.tax{
display:block;
color:#505050;
font-size:80%;
text-align:right;
}

table.plan td span.price span.tax{
display:inline;
}

/* wide */
table.plan tbody th{
width:245px;
}

table.plan .help{
width:50px;
font-weight:bold;
}

table.plan .no-member{
width:80px;
}

table.plan .free{
width:150px;
}

table#plan-summary .free{
width:200px;
padding:12px 6px;
}

table.plan td.member{
width:190px;
color:#133987;
font-weight:bold;
}

table#plan-summary td.member{
width:400px;
}

table.plan .member .col-set{
width:410px;
margin:0 auto;
}

table.plan .member .col2{
width:200px;
padding:6px 0 6px 6px;
}

table.plan .member .col2:first-child{
width:210px;
padding:6px 6px 6px 0;
}

table.plan .aidokusha{
width:180px;
}

table#plan-summary .aidokusha-premier{
width:395px;
}

table#plan-summary .col-set .aidokusha{
width:180px;
}

table.plan th.premier{
width:215px;
color:#941e57;
font-weight:bold;
}

table#plan-summary .col-set .premier{
width:215px;
}

/* btn */
table.plan .btn-area th,
table.plan .btn-area td{
vertical-align:top;
}

table.plan a.btn{
margin:0 0 3px;
background:#29343a;
color:#fff;
}

table.plan .free .btn{
background:#0076c6;
}

table.plan .member .btn{
background:#133987;
}

table.plan .member p.btn{
background:#ccc;
color:#999;
}

table.plan .aidokusha .btn,
table.plan .premier .btn{
background:#941e57;
}

table.plan .takuhai .btn{
background:#29343a;
}

div.aidokusha,
div.premier,
div.takuhai{
float:left;
}

table.plan div.aidokusha{
width:150px;
margin:0 7px 3px 0;
}

table.plan div.premier{
width:180px;
}

table#plan-summary div.premier{
width:200px;
}

table.plan div.takuhai{
float:none;
clear:both;
width:337px;
}

table.plan div.aidokusha .btn,
table.plan div.premier .btn,
table.plan div.takuhai .btn{
width:100%;
margin:0;
}

table.plan a.btn:after{
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}

/* for IE8 */
html>/**/body table.plan a.btn:after{
border-top:none \9;
border-right:none \9;
}

table.plan a.btn:hover,
table.plan .free a.btn:hover,
table.plan .member a.btn:hover,
table.plan .aidokusha a.btn:hover,
table.plan .premier a.btn:hover{
background:#838e93;
}

/* help */
table.plan .help span{
display:block;
width:18px;
height:18px;
border-radius:50%;
background:#b8b8b8;
color:#fff;
font-size:16px;
line-height:18px;
cursor:pointer;
}

table.plan .help span:hover{
background:#505b61;
}

table.plan tr.help-box{
visibility:hidden;
}

table.plan tr.help-box th,
table.plan tr.help-box td{
height:0;
padding:0;
font-size:0;
}

table.plan tr.active{
visibility:visible;
}

table.plan tr.active th,
table.plan tr.active td{
height:auto;
padding:6px;
font-size:13px;
}

table.plan tr.help-box p.txt{
width:810px;
margin:0 0 0.5em;
font-size:100%;
line-height:1.5;
}




/*----------------------------------------
7.for aidokusha → premier
（no_service_login_elecp.html / meter_over_elecp.html）
----------------------------------------*/
#member-premier,
.member-premier-box{
}

#member-premier .section,
#member-premier .plan-data,
.member-premier-box .section,
.member-premier-box .plan-data{
width:780px;
margin:0 auto 36px;
}

#member-premier .continue,
.member-premier-box .continue {
margin:20px auto;
color:#0078c6;
font-size:148%;
font-weight:bold;
line-height:1.5;
text-align:center;
}

#member-premier .btn-area-wrapper header h1,
.member-premier-box .btn-area-wrapper header h1{
font-size: 140%;
font-weight:normal;
letter-spacing: 0.8px;
}

#member-premier .btn-area-wrapper,
.member-premier-box .btn-area-wrapper{
width:460px;
background: #eee;
margin:20px auto;
padding:20px 22px;
}

#member-premier .btn-area-wrapper .box,
.member-premier-box .btn-area-wrapper .box{
width:100%;
margin:0 auto;
padding:13px 0 15px;
background: #fff;
border-radius: 3px;
box-shadow:0 0 3px #bbb;
text-align:center;
}

#member-premier .btn-area-wrapper .newspaper,
.member-premier-box .btn-area-wrapper .newspaper{
font-size: 110%;
}

#member-premier .btn-area-wrapper .plus,
.member-premier-box .btn-area-wrapper .plus{
padding: 0 7px 0 5px;
color: #666;
font-size: 93%;
font-weight: bold;
vertical-align: 0.13em !important;
}

#member-premier .btn-area-wrapper .month,
.member-premier-box .btn-area-wrapper .month{
padding: 4px 1px 4px 6px;
background:#333;
border-radius:2px;
color: #fff;
font-size: 93%;
letter-spacing: 0.5px;
vertical-align: top;
}

#member-premier .btn-area-wrapper .price,
.member-premier-box .btn-area-wrapper .price{
margin-left: 7px;
font-size: 180%;
color: #d63b54;
}

#member-premier .btn-area-wrapper .box a,
.member-premier-box .btn-area-wrapper .box a{
display: block;
margin: 12px 35px;
padding: 11px;
background-color: #bc0656;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bc0656),color-stop(1, #9a003b));
background-image: -o-linear-gradient(bottom, #bc0656 0%, #9a003b 100%);
background-image: -moz-linear-gradient(bottom, #bc0656 0%, #9a003b 100%);
background-image: -webkit-linear-gradient(bottom, #bc0656 0%, #9a003b 100%);
background-image: -ms-linear-gradient(bottom, #bc0656 0%, #9a003b 100%);
background-image: linear-gradient(to bottom, #bc0656 0%, #9a003b 100%);
border-radius:2px;
color:#fff;
font-size:98%;
font-weight: bold;
text-shadow:0 1px 0 #88002c ;
-webkit-text-shadow:0 1px 0 #88002c;
-moz-text-shadow:0 1px 0 #88002c;
-ms-text-shadow:0 1px 0 #88002c;
-o-text-shadow:0 1px 0 #88002c;
line-height:129%;
}

#member-premier .link i,
.member-premier-box .link i{
margin-right: 3px;
color: #00289a;
font-size: 65%;
vertical-align: 2px;
}

/* plandata hide
----------------------------------------*/
#member-premier table.plan,
.member-premier-box table.plan{
width:780px;
margin:0 auto 36px;
}

#member-premier table.plan .no-member,
#member-premier table.plan .free,
#member-premier table.plan .member,
#member-premier table.plan .m-a-no,
.member-premier-box table.plan .no-member,
.member-premier-box table.plan .free,
.member-premier-box table.plan .member,
.member-premier-box table.plan .m-a-no{
display:none;
}

#member-premier table.plan tbody th,
.member-premier-box table.plan tbody th{
width:380px;
}



/*----------------------------------------
20.koudoku（/info/koudoku/）
----------------------------------------*/
#koudoku-top .box-line{
margin:12px 0;
padding:24px;
text-align:center;
}

#koudoku-top .box-line a.btn-purple{
width:350px;
margin:0 auto;
}


/* cpampain-koudoku */
.cpampain-koudoku{
margin:0 0 24px;
padding:6px;
background:#00428d;
border-radius:8px;
}

.cpampain-koudoku .title{
margin:0;
padding:6px 0 6px 24px;
}

.cpampain-koudoku .txt-box{
padding:6px 18px;
background:#fff;
border-radius:4px;
}

.cpampain-koudoku h2{
padding:12px 6px;
color:#133987;
}

.cont-list li{
display:block;
float:left;
width:25%;
padding:0 6px;
}

.cont-list li.cont01{
width:50%;
}

.cont-list .img{
float:right;
margin:0 0 0 6px;
}

.cont-list .keyword{
margin:0 0 3px;
color:#0078c6;
font-size:87.5%; /* 14 */
font-weight:bold;
text-align:center;
}

.cont-list .midashi{
font-size:112.5%; /* 18 */
text-align:center;
}

.cont-list .sub-midashi{
font-size:75%; /* 12 */
font-weight:bold;
text-align:center;
}

.cont-list .txt{
font-size:75%; /* 12 */
color:#505050;
}

/*----------------------------------------
50.footer
----------------------------------------*/
#GlobalFooter{
clear:both;
padding:15px 0;
border-top:1px solid #e6e6e6;
font-size:12px;
}

#GlobalFooter nav{
text-align:center;
}

#GlobalFooter nav ul li:first-child{
border-left: 1px solid #cdcdcd;
}

#GlobalFooter nav ul li{
display:inline;
margin-bottom:10px;
padding:3px 5px;
border-right:1px solid #cdcdcd;
}





/*----------------------------------------
99.hac
----------------------------------------*/
.clr:after,.cFix:after,
header:after,
section:after,
.section:after,
.container:after,
.col-set:after,
.apply-link:after,
.cont-list:after,
.header-box:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
overflow:hidden;
}

/* IE7 */
*:first-child+html .clr,*:first-child+html .cFix,
*:first-child+html header,
*:first-child+html section,
*:first-child+html .section,
*:first-child+html .container,
*:first-child+html .col-set,
*:first-child+html .apply-link,
*:first-child+html .cont-list,
*:first-child+html .header-box{
display:inline-block;
zoom:1;
}