@charset "UTF-8";

/* ===============================================================================
 *	既存ファイルの統一
 *  以下CSSファイルを格納
 *  master_mypage.css
 *  master_mypage_mobile.css
 *  mypage.css
 *  mypage_responsive.css
 *  master.css
 *
 *
 *  ・今後の更新は以下ファイルのコメント以降に追記
 *  common.css
 * =============================================================================== */

/* ===============================================================================
 *
 *  master_mypage.css
 *
 * =============================================================================== */
/*========================================
	全体レイアウト
========================================*/
/* 見出し */
h2.top{
	margin:20px 0 30px 0;
	padding:12px 0 11px 10px;
	font-size:1.38em;
	font-weight: bold;
	color:#333333;
	border-left:9px;
	border-top:3px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

h2.user{
	border-left:9px #3378b3 solid;
	border-bottom:1px dotted #252525;
	padding:0 0 2px 10px;
	margin:20px 0 20px 0;
	font-size:15px;
	font-weight: bold;
}

#use-title {
	margin-bottom: 0px !important;
}

h3.pay{
	margin:20px 0 0 0;
	padding:0 0 2px 10px;
	border-left:9px #ffc000 solid;
	border-bottom:1px dotted #000;
	background-color:#fff;
}

h3.user{
	margin:20px 0 0 0;
	padding:0 0 2px 10px;
	border-left:9px #3378b3 solid;
	border-bottom:1px dotted #000;
	background-color:#fff;
}

h3.net{
	margin:20px 0 0 0;
	padding:0 0 2px 10px;
	border-left:9px #af0000 solid;
	border-bottom:1px dotted #000;
	background-color:#fff;
}

h3.other{
	margin:20px 0 0 0;
	padding:0 0 2px 10px;
	border-left:9px #5b8d21 solid;
	border-bottom:1px dotted #000;
	background-color:#fff;
}

.ttl_pay h3{
	border-left:9px #ffc000 solid !important;
}

.ttl_user h3{
	border-left:9px #af0000 solid !important;
}

.ttl_net h3{
	border-left:9px #3378b3 solid !important;
}

h4.ttl_pay{
	border-left:9px #ffc000 solid;
}

h4.ttl_user{
	border-left:9px #af0000 solid;
}

h4.ttl_net{
	border-left:9px #3378b3 solid;
}

/* リスト */
ul.list-mark{
	list-style:disc;
	padding-left:17px;
}

ul.list-btn{
	margin-top:10px;
	text-align:right;
}

ul.list-btn li{
	margin-left:5px;
	display:inline;
}

/* ボタンエリア */
.btn2_area{
	margin:10px 0;
	text-align:right;
}
#userTop {
	margin-bottom: 20px;
}

/* ユーザー情報エリア */
.infoTopBox dt{
	width:88px;
	margin-right:12px;
	float:left;
}

.infoTopBox dd{
	width:815px;
	float:left;
}

/* indexサムネイルエリア */
.display_area{
	width:950px;
	position:relative;
}

#display_01{
	height:258px;
	background:url(../img/image_display01.png) no-repeat;
}

#display_01 a{
	position:absolute;
	top:140px;
	left:381px;
}

#display_02{
	height:280px;
	background:url(../img/image_display02.png) no-repeat;
}

#display_02 a{
	position:absolute;
	top:130px;
	left:408px;
}

#display_03{
	height:248px;
	background:url(../img/image_display03.png) no-repeat;
}

#display_03 a{
	position:absolute;
	top:114px;
	left:388px;
}

#display_04{
	height:347px;
	background:url(../img/image_display04.png) no-repeat;
}

#display_04 a{
	position:absolute;
	top:163px;
	left:382px;
}

/* 各バナー */
.bnr_01 a{
	background: url(../img/bnr_01.jpg) left top no-repeat;
}

.bnr_02 a{
	background: url(../img/bnr_02.jpg) left top no-repeat;
}

.bnr_03 a{
	background: url(../img/bnr_03.jpg) left top no-repeat;
}

.bnr_04 a{
	background: url(../img/bnr_04.jpg) left top no-repeat;
}

/* 各バナーロールオーバー用 */
.bnr_01 a:hover, .bnr_02 a:hover, .bnr_03 a:hover, .bnr_04 a:hover{
	background-position: 0 -98px;
}



/* ===============================================================================
 *
 *  master_mypage_mobile.css
 *
 * =============================================================================== */

/*=====================================
	回り込み解除
=====================================*/
.clearfix:after{
	clear:both;
	content:"";
	display:block;
}

.clearfix{
	overflow:hidden;
}

/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */


/*=====================================
	汎用クラス
=====================================*/
.d-sp-t5 { margin-top: 5px;}
.d-sp-b5 { margin-bottom: 5px;}

.d-sp-t10 { margin-top: 10px;}
.d-sp-b10 { margin-bottom: 10px;}
.d-sp-l10 { margin-left: 10px;}
.d-sp-r10 { margin-right: 10px;}

.d-sp-t15 { margin-top: 15px;}

.d-sp-t20 { margin-top: 20px;}
.d-sp-b20 { margin-bottom: 20px;}
.d-sp-l20 { margin-left: 20px;}
.d-sp-r20 { margin-right: 20px;}

.d-sp-t30 { margin-top: 30px;}
.d-sp-b30 { margin-bottom: 30px;}
.d-sp-l30 { margin-left: 30px;}
.d-sp-r30 { margin-right: 30px;}

.d-sp-t40 { margin-top: 40px;}
.d-sp-t50 { margin-top: 50px;}

.d-sp-pl5 {padding-left: 5px;}
.d-sp-pl10 {padding-left: 10px;}
.d-sp-pl20 {padding-left: 20px;}
.d-sp-pl30 {padding-left: 30px;}

.d-sp-pt5 {padding-top: 5px;}
.d-sp-pt10 {padding-top: 10px;}
.d-sp-pt20 {padding-top: 20px;}
.d-sp-pt30 {padding-top: 30px;}

.d-sp-p10 {padding: 10px;}

.d-left{text-align:left;}
.d-right{text-align:right;}
.d-center{text-align:center;}
.d-clear{ clear: both;}

.d-indent{
	text-indent:-1.25em;
	margin-left:1.25em;
}

/* js無効化エラー */
.d-js-err { position:fixed; top:0px; left:0px; width:100%; height:200px; z-index:100;}
.d-js-err p {position:relative; width:750px; padding:70px 0; margin:100px auto; background:#ffffff; border:4px solid #cc0000; font-weight:bold; text-align:center; color:#cc0000;}


/*========================================
	PC / Mobile 制御
========================================*/
.display_pc{
	display:none !important;
}

.display_mob{
	display:block !important;
}


/*========================================
	全体レイアウト
========================================*/
html{
	overflow-y:scroll;
}

/* リンクマーク */
.link-blank{
	margin-left:4px;
	vertical-align:middle;
}


/* 見出し */
h2.top{
	margin:20px 0 15px 0;
	padding:10px 0 10px 10px;
	font-size:1.38em;
	font-weight: bold;
	color:#333333;
	border-left:9px;
	border-top:3px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

h2.user{
	border-left:9px #3378b3 solid;
	border-bottom:1px dotted #000000;
	padding:0 0 2px 10px;
	margin:20px 0 20px 0;
	font-size:15px;
	font-weight: bold;
}

#use-title {
	margin-bottom: 0px !important;
}

h3.ttl_pay{
	border-left:9px #ffc000 solid;
}

h3.ttl_user{
	border-left:9px #af0000 solid;
}

h3.ttl_net{
	border-left:9px #3378b3 solid;
}

h4.ttl_pay{
	border-left:9px #ffc000 solid;
}

h4.ttl_user{
	border-left:9px #af0000 solid;
}

h4.ttl_net{
	border-left:9px #3378b3 solid;
}

/* リスト */
ul.list-mark{
	list-style:disc;
	padding-left:17px;
}

ul.list-btn{
	margin-top:10px;
}

ul.list-btn li{
	margin-right:5px;
	display:inline;
}


/* id注意エリア */
#idChange{
	margin-top:20px;
	padding:12px;
	border:1px solid #999;
	background-color:#ebeaea;
}

#idChange p{
	font-weight:bold;
}


/* So-netからの大切なご連絡エリア */
#infoTop{
	margin:20px 0;
}

.infoTopTitle{
	padding:5px 0 5px 36px;
	color:#f00;
	background: no-repeat left center url(../img/mypage/icon_menu_05.png);
}

.infoTopBox{
	margin-top:11px;
	padding:0 11px 11px 11px;
	border:1px solid #cccccc;
}

/* ナビゲーション */
#gnaviTop{
	margin-bottom:40px;
}

#gnaviBtm{
	margin:40px 0;
}

.gnavi_list_mob{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	display:none;
}

.gnavi_list_mob li{
	height:45px;
	line-height:45px;
	border-bottom:1px solid #cccccc;
}

.gnavi_list_mob li a{
	padding:0 20px;
	display:block;
	background:url(../img/mypage/mark_link_arrow.png) no-repeat 7px center;
}

.gnaviPay,
.gnaviUser,
.gnaviNet,
.gnaviOther{
	height:40px;
	margin-top:15px;
	padding-left:46px;
	line-height:40px;
	font-size:12px;
	font-weight:bold;
}

.gnaviPay:hover,
.gnaviUser:hover,
.gnaviNet:hover,
.gnaviOther:hover,
form a{
	cursor:pointer;
}

.gnaviPay{
	border-left:7px #ffc000 solid;
	background:url(../img/mypage/icon_menu_01.png) no-repeat 6px center #ccc;
}

.gnaviUser{
	border-left:7px #3378b3 solid;
	background:url(../img/mypage/icon_menu_02.png) no-repeat 6px center #ccc;
}

.gnaviNet{
	border-left:7px #af0000 solid;
	background:url(../img/mypage/icon_menu_03.png) no-repeat 6px center #ccc;
}

.gnaviOther{
	border-left:7px #5b8d21 solid;
	background:url(../img/mypage/icon_menu_04.png) no-repeat 6px center #ccc;
}

.gnaviPay span,
.gnaviUser span,
.gnaviNet span,
.gnaviOther span{
	background:url(../img/mypage/btn_open.png) no-repeat right center;
	display: block;
}

.gnaviPay span.open,
.gnaviUser span.open,
.gnaviNet span.open,
.gnaviOther span.open{
	background-image: url(../img/mypage/btn_close.png);
}


/* ナビゲーション (detail用) */
#gnavi{
	margin-top:30px;
}

#gnavi p.gnaviTitle{
	height:40px;
	padding-left:46px;
	line-height:40px;
	font-size:15px;
	font-weight:bold;
	border-right:1px solid #ccc;
}

#gnavi p.gnaviPay{
	border-left:7px #ffc000 solid;
	background:url(../img/mypage/icon_menu_01.png) no-repeat 6px center #ccc;
}

#gnavi p.gnaviUser{
	border-left:7px #3378b3 solid;
	background:url(../img/mypage/icon_menu_02.png) no-repeat 6px center #ccc;
}

#gnavi p.gnaviNet{
	border-left:7px #af0000 solid;
	background:url(../img/mypage/icon_menu_03.png) no-repeat 6px center #ccc;
}

#gnavi p.gnaviOther{
	border-left:7px #5b8d21 solid;
	background:url(../img/mypage/icon_menu_04.png) no-repeat 6px center #ccc;
}

#gnavi ul{
	border-right:1px solid #cccccc;
}

#gnavi ul li{
	height:45px;
	line-height:45px;
	border: solid #cccccc;
	border-width:0 0 1px 1px;
}

#gnavi ul li a{
	padding:0 20px;
	display:block;
	background:url(../img/mypage/mark_link_arrow.png) no-repeat 7px center;
}


/* indexサムネイルエリア */
.display_area a img{
	width:100%;
}


/* バナーエリア */
#banner_area{
	width:296px;
	margin:40px auto;
}

#banner_area ul li{
	width:296px;
	margin-top:20px;
}

#banner_area ul li a{
	width:296px;
	height:98px;
	display:block;
	text-align:center;
	text-indent:-9999px;
	outline:none;
	cursor:pointer;
}

/* ダイアログ */
body .myp-dialog {
	padding:0;
	border:1px solid;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    width:900px;
    font-family: 'ＭＳ Ｐゴシック',MS PGothic,Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}

body .myp-dialog .ui-dialog-titlebar {
	margin-top:40px;
	padding:10px 40px;
	border:none;
	border-bottom:1px solid;
	background:white;
}

body .myp-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	position: absolute;
	right: 5px;
	top: -38px;
	height:30px;
	width: 70px;
	margin: 0;
	padding: 0;
	background:url(../img/dialog/btn_diarog_close.png) left top no-repeat;
	cursor:pointer;
}
body .myp-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
	margin:0;
	width:70px;
	height:30px;
	border:none;
	background:none;
}
body .myp-dialog .ui-dialog-titlebar .ui-state-hover {
	border:none;
	background-position:0 -30px;
}
body .myp-dialog .ui-dialog-content {
	padding:5px 10px 10px;
}
body .myp-dialog .ui-dialog-content p {
	font-size:87.5%;
	word-wrap: break-word;
	max-width:520px;
}
body .myp-dialog .ui-dialog-buttonpane {
	padding:20px 0 40px;
	border:none;
}
body .myp-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:none;
	margin:0 auto;
	text-align:center;
}
body .myp-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
	margin:0 10px;
	padding:4px 30px 4px 40px;
	height:30px;
	border:1px solid #c2c2c2;
	border-top:1px solid #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background:url(../img/dialog/bg_dialog_btn.png) left -10px no-repeat;
	text-shadow: rgba(256, 256, 256, 0.5) 0px 1px 1px;
	font-weight:bold;
	color:#4a4c4d;
	line-height:1;
}
body .myp-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
	background-position:0 -60px;
	border:1px solid #000000;
}




/*
既存CSS
*/
.d-l { float: left;}
.d-r { float: right;}
.d-sup { clear: both; padding: 3px 0 0; font-size: 85.7%; color: #444444;}
.d-sup strong {font-weight:bold;}
.d-sup strong-red {font-weight:bold; font-size:140.0%; color:#E60012;}
.d-link-mark { padding-left: 17px; margin-left:3px; background: url(../img/share/mark_black_arrow_r.png) left 50% no-repeat; text-align: left;}
.d-article h3{
	margin:30px 0 20px 0;
	padding:2px 0 2px 10px;
	font-size:1.25em;
	font-weight: bold;
	border-left:9px #999 solid;
	border-bottom:1px dotted;
	background-color: #fff !important;
}

.d-middle .d-cell-price {
	text-align: right;
}

/*
 ボタン
-------------------------------------------------------------------------*/
.d-page [class^="d-btn"],
.d-main [class^="d-btn"] {
	display:inline-block;
	padding:10px 20px;
	margin:10px 10px 0 0;
	border:1px solid #c2c2c2;
	border-top:1px solid #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	text-shadow: rgba(256, 256, 256, 0.5) 0px 1px 1px;
	color:#4a4c4d !important;
	font-weight:bold;
}


.d-main [class^="d-btn"]:before {
	content:"";
	background: url(../img/mypage/mobile_arrow.png) no-repeat 0 0;
	display:inline-block;
	vertical-align:middle;
	padding-top:1px;
	padding-right:5px;
	width:12px;
	height:1.3em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.d-main [class^="d-btn"]:before {
		background: url(../img/mypage/mobile_arrow_2x.png) no-repeat 0 0;
		-webkit-background-size: 12px 12px;
		background-size: 12px 12px;
	}
}

.d-main .d-btn-detail,
.d-main .d-btn-detail-hist {
	background: -webkit-gradient(linear, left top, left bottom, from(#fedf56), to(#ffaf07));
	background: -moz-linear-gradient(top, #fedf56, #ffaf07);
}

.explanation_d-btn-use {
	clear:both;
	margin-bottom: 10px;
}


/*
 文字・囲み
-------------------------------------------------------------------------*/
.d-news {
	padding:5px 13px;
	margin-bottom:10px;
}

.d-news ul {
	width:100%;
}
.d-news li {
	padding-bottom:5px;
		font-weight: bold;
}
.d-news li a,
.d-news li span {
	padding-left:20px;
}
.d-news li a {
	background:url(../img/share/mark_black_arrow_r2.png) left 0.2em no-repeat;
}
.d-news li span {
	background:url(../img/share/mark_black_r2.png) left 0.2em no-repeat;
}

/*
ポップアップ
-------------------------------------------------------------------------*/
.popup-wrapper h2 {
	margin-bottom: 20px;
	padding: 10px 0 10px 10px;
	font-size: 1.38em;
	font-weight: bold;
	color: #333333;
	border-top: 3px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.popup-wrapper a {
	color: #314da5;
	text-decoration: none;
	outline: none;
}

.popup-wrapper a:hover {
	color: #c00;
	text-decoration: underline;
}

.popup-wrapper ul {
	margin-left: 21px;
	list-style: disc;
}

.popup-wrapper ol {
	margin-left: 24px;
	list-style: decimal;
}

.popup-wrapper ul li ul {
	list-style: circle;
}

.popup-wrapper ul.list-mark-none,.popup-wrapper ol.list-mark-none {
	margin-left: 0 !important;
	list-style: none;
}

.popup-wrapper #footer {
	text-align: center;
}

/* =========================================================================
文字色の指定
========================================================================= */
span.redColoring{
	color: #d14233;
}

/*
マイページボタンのCSS
-------------------------------------------------------------------------*/
.d-r .button3,
.d-r .button2 {
	margin-top:6px;
	margin-left:6px;
	font-weight: bold;
	float:right;
}

.d-mypage p.d-sup {
	float:left;
}

/*
アイコン
-------------------------------------------------------------------------*/
/* モバイルの場合テーブル内のアイコンを消す */
.icon-arrow-in-table{
	display:inline-block;
}

/*
接続サービス・高速モバイルオプション
-------------------------------------------------------------------------*/
#service-setsuzoku .UP0650_highSpeedMobile {
	clear:both;
	padding-top:22px
}

.mypage-penalty-check {
	margin : 10px 0 10px ;
}
.mypage-penalty-check caption {
	text-align : left;
}
.mypage-penalty-check .record1 th {
	background: #69b076;
	text-align: center;
	color : white;
	font : bold;
}
.mypage-penalty-check .record2 th {
	background: #badcad;
	text-align: center;
	font : bold;
}
.mypage-penalty-check ul {
	font-size : 85%;
}
.mypage-penalty-check ol {
	list-style: none;
	margin-left:10px;
}

/*
ご請求料金一覧
-------------------------------------------------------------------------*/
.billTotalTitle {
	background-color: #fff!important;
}

.billTotalPrice {
	font-weight: bold;
}

.billMeisai {
	display: inline-block;
	padding-left: 20px;
}

.bg-disable th {
	background: #dcdcdc!important;
}
.bg-disable td {
	background: #dcdcdc!important;
}

@media only screen and (max-width: 767px) {
	.billMeisai {
		display: block;
		padding-left: 0;
	}
}

/*================  [2016-102107 Tsuyuki] ===============*/
/* 会社情報テーブル(UP00130)用 */
.corporateInfoTable td{
	width:67%;
}
.corporateInfoTable .corp-topNone{
	border-top-style:none;
}
.corporateInfoTable .corp-bottomNone{
	border-bottom-style:none;
}
.corporateInfoTable .corp-col1{
	width: 10px;
}


/* ===============================================================================
 *
 *  mypage.css
 *
 * =============================================================================== */

.debug {
	display:inline;
	position:fixed;
	top:0px;
	left:0px;
	background:black;
	color:#ffffff;
	z-index:100;
}
/*
 ヘッダー・サイド固定
-------------------------------------------------------------------------*/
.mypage-top .d-header {
	width:100%;
	height:200px;
	position:fixed;
	top:0;
	background-color:#ffffff;
	z-index:100;
}
.mypage-top .d-middle {
	padding-top:206px;
}

/*
 ナビ
-------------------------------------------------------------------------*/
.d-mypage-nav {
	clear:both;
	margin:0 auto;
	padding:24px 0 0;
	width:950px;
	}
.d-mypage-nav ul {
	width:100%;
	overflow:hidden;
}
.d-mypage-nav ul li {
	float:left;
	display:block;
	text-indent:-9999px;
}

.d-mypage-nav ul .nav1,
.d-mypage-nav ul .nav4 {
	width:238px;
	height:70px;
}
.d-mypage-nav ul .nav2,
.d-mypage-nav ul .nav3 {
	width:237px;
	height:70px;
}
.d-mypage-nav ul .nav5 {
	width:0px;
	height:0px;
}
.d-mypage-nav ul li a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.d-mypage-nav ul .nav1 a {
	background:url(../img/mypage/btn_mypage_nav01.png) left top no-repeat;
}
.d-mypage-nav ul .nav2 a {
	background:url(../img/mypage/btn_mypage_nav02.png) left top no-repeat;
}
.d-mypage-nav ul .nav3 a {
	background:url(../img/mypage/btn_mypage_nav03.png) left top no-repeat;
}
.d-mypage-nav ul .nav4 a {
	background:url(../img/mypage/btn_mypage_nav04.png) left top no-repeat;
}

/*
 見出しアイコン
-------------------------------------------------------------------------*/
span.hl-1{
	background-image: url('../img/mypage/icon_menu_pc_01.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 43px;
	background-size: 33px 33px;
}
span.hl-2{
	background-image: url('../img/mypage/icon_menu_pc_02.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 43px;
	background-size: 33px 33px;
}
span.hl-3{
	background-image: url('../img/mypage/icon_menu_pc_03.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 41px;
	background-size: 31px 33px;
}
span.hl-4{
	background-image: url('../img/mypage/icon_menu_pc_04.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 53px;
	background-size: 43px 31px;
}


/*アクティブ*/
.d-mypage-nav ul li.d-cu {
	background-position:0 -70px;
}
.box {
	padding-top:210px;
	margin-top:-210px;
}

/*マイページ(PC用)*/
.mypage-btn-margin {
	margin-top:45px;
}

/*
 メインカラム
-------------------------------------------------------------------------*/
/*テーブル*/
.d-mypage .d-2row .d-cell1 { width:195px;}
.d-mypage .d-2row .d-cell2 { width:431px;}
.d-mypage .d-2row td {
	vertical-align:middle;
}
.d-mypage .d-2row.d-ljus th,
.d-mypage .d-2row.d-ljus td {
	text-align:left;
}
.d-mypage .d-3row.d-3jus th,
.d-mypage .d-3row.d-3jus td {
	width:30%;
	text-align:center;
	vertical-align:middle;
}
.d-mypage .d-3row th {
	text-align:center;
}
.d-mypage .d-3row td {
	width:auto;
}
.d-mypage .d-3row .d-cell1 { width:195px;}
.d-mypage .d-3row .d-cell2 { width:241px;}
.d-mypage .d-3row .d-cell3 { width:149px;}
.d-mypage .d-5row th {
	text-align:center;
}
.d-mypage .d-5row td {
  vertical-align: middle;
  text-align: left;
}
.d-mypage .d-5row td.d-cell-details {
  text-align: left;
}
.d-mypage .d-5row .d-cell1 { width:166px;}
.d-mypage .d-5row .d-cell2 { width:100px;}
.d-mypage .d-5row .d-cell3 { width:100px;}
.UP0650_highSpeedMobile .d-5row .d-cell3 { width:85px;}
.d-mypage .d-5row .d-cell4 { width:70px;}
.d-mypage .d-5row .d-cell5 { width:70px;}
.d-mypage .d-5row.d-5jus th,
.d-mypage .d-5row.d-5jus td {
	width:20%;
}
.d-mypage .d-5row.d-5jus th span {
	display:block;
}
.d-cell-change {
	width: 80px;
	text-align: center;
}
.d-7row {
	text-align:center;
	vertical-align:middle;
	width:949px;
}
.d-7row th,
.d-7row td {
	padding: 10px;
}
.d-7row .d-cell-details {
	width:60px;
}
.d-7row .cell-dark {
	background-color:#d0d0d0;
}
.d-7row .cell-center {
	text-align:center;
}
.d-7row .cell-right {
	text-align:right;
}
.d-cell-center{
	text-align:center !important;
}
.separate-btn{
	margin:3px 0 3px 0;
}

.d-mypage .UP0012_table th {
	text-align:center;
}
.d-mypage .UP0012_table td {
  vertical-align: middle;
  text-align: left;
}

.d-mypage .UP0012_table .d-cell1 { width:15%;}
.d-mypage .UP0012_table .d-cell2 { width:20%;}
.d-mypage .UP0012_table .d-cell3 { width:20%;}
.d-mypage .UP0012_table .d-cell3-2 { width:20%; text-align:right;}
.d-mypage .UP0012_table .d-cell4 { width:25%;}
.d-mypage .UP0012_table .d-cell5 { width:20%;}


/*id変更*/
.d-mypage .d-idchg th { vertical-align: middle; text-align: center; width: 15%;}
.d-mypage .d-idchg td { vertical-align: middle; text-align: left;}


.mypage-top .d-3col th { width: 15%;}
.mypage-top .d-3col th.d-sub { width: 15%;}
.mypage-top .d-3col td { width: 70%;}

/*囲み*/
.box-user {
    border: 1px solid #cccccc;
    color: #666666;
    margin: 15px 0;
    padding: 10px;
}

/*アンカー用調整*/
#ryokin,
#ryokin-meisai,
#ryokin-shiharai,
#ryokin-campaign,
#riyojokyo,
#riyojokyo-keiyaku,
#riyojokyo-setsuzoku,
#riyojokyo-option,
#riyojokyo-id,
#riyojokyo-point,
#kihonjoho,
#kihonjoho-keiyaku,
#kihonjoho-yoyaku,
#kihonjoho-kaiin,
#kihonjoho-kaisha,
#idmail,
#idmail-user,
#idmail-sonet,
#idmail-renraku,
#tyouwari {
	margin-top:0px;
	padding-top:0px;
	_margin-top:0px;
	_padding-top:0px;
}


/*
 ボタン
-------------------------------------------------------------------------*/
.d-btn-detail,
.d-btn-add-childmember,
.d-btn-add-content,
.d-btn-addOption,
.d-btn-apply-family,
.d-btn-cancel-apply-family,
.d-btn-check-content,
.d-btn-check-list,
.d-btn-check-detail,
.d-btn-change-id,
.d-btn-change-pass,
.d-btn-change-info,
.d-btn-change-member,
.d-btn-change-company,
.d-btn-change-lmtamtinfo,
.d-btn-change-pay,
.d-btn-change-mail,
.d-btn-change-reserve,
.d-btn-move-point,
.d-btn-protocol,
.d-btn-remove-childmember,
.d-btn-use-time,
.d-btn-apply-ltdi,
.d-btn-apply-nttopt,
.d-btn-use,
.d-btn-detail-new,
.d-btn-detail-hist,
.d-btn-change-contact,
.d-btn-autoAccount,
.d-btn-changemember-pdf,
.d-btn-remove-familypack,
.d-btn-opening_progress,
.d-btn-usage_situation {
	float:left;
	display:block;
	margin-top:10px;
	margin-left:10px;
	width:220px;
	height:30px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	overflow:hidden;
}

.d-btn-check-point160,
.d-btn-move-point160,
.d-btn-history-point160,
.d-btn-use-point160,
.d-btn-course-change {
	float:left;
	display:block;
	margin-top:10px;
	margin-left:10px;
	width:140px;
	height:30px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	overflow:hidden;
}
.d-btn_mypage_delete_cnnctmail {
	float:left;
	display:block;
	margin-top:10px;
	margin-left:10px;
	width: 240px;
	height: 30px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	overflow:hidden;
}
.d-link-mark-point-back,
.d-link-mark-point-next {
	cursor:pointer;
}
.d-btn-detail:hover,
.d-btn-add-childmember:hover,
.d-btn-add-content:hover,
.d-btn-addOption:hover,
.d-btn-apply-family:hover,
.d-btn-cancel-apply-family:hover,
.d-btn-check-content:hover,
.d-btn-check-list:hover,
.d-btn-check-detail:hover,
.d-btn-change-id:hover,
.d-btn-change-pass:hover,
.d-btn-change-info:hover,
.d-btn-change-member:hover,
.d-btn-change-company:hover,
.d-btn-change-lmtamtinfo:hover,
.d-btn-change-pay:hover,
.d-btn-change-mail:hover,
.d-btn-change-reserve:hover,
.d-btn-move-point:hover,
.d-btn-check-point160:hover,
.d-btn-move-point160:hover,
.d-btn-use-point160:hover,
.d-btn-history-point160:hover,
.d-btn-protocol:hover,
.d-btn-remove-childmember:hover,
.d-btn-use-time:hover,
.d-btn-apply-ltdi:hover,
.d-btn-apply-nttopt:hover,
.d-btn-use:hover,
.d-btn-detail-new:hover,
.d-btn-detail-hist:hover,
.d-btn-change-contact:hover,
.d-btn-autoAccount:hover,
.d-btn-changemember-pdf:hover,
.d-btn-remove-familypack:hover,
.d-btn-privilege:hover,
.d-btn_mypage_delete_cnnctmail:hover,
.d-btn-opening_progress:hover,
.d-btn-usage_situation:hover,
.d-btn-course-change:hover
{
	background-position:0 -30px;
}

.d-btn-mypage-confirm,
.d-btn-mypage-clear,
.d-btn-mypage-entry,
.d-btn-mypage-update,
.d-btn-mypage-delete,
.d-btn-update-reserve,
.d-btn-cancel-reserve,
.d-btn-mypage-change,
.d-btn-mypage-back2,
.d-btn-mypage-kaiyaku,
.d-btn-mypage-kokaiyaku,
.d-btn-mail-sokuji,
.d-btn-short-confirm
 {
	display:block;
	width:220px;
	height:50px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
.d-btn-auto-issue
 {
	display:block;
	width:120px;
	height:50px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
.d-btn_cnnctmail_delete,
.d-btn_cnnctmail_regist,
.d-btn_cnnctmail_registconfirm,
.d-btn_cnnctmail_sendmail
 {
	display:block;
	width:220px;
	height:50px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
.d-btn-mypage-cancel,
.d-btn-mypage-clear {
	width:150px;
}
.d-btn-mypage-change,
.d-btn-check-list,
.d-btn-add-childmember,
.d-btn-remove-childmember,
.d-btn-mypage-kokaiyaku {
	width:300px;
}
.d-btn-mypage-kaiyaku {
	width:350px;
}
.d-btn-privilege{
	display:block;
	width:224px;
	height:30px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	margin-top: 20px;
}
.d-btn-whitecall24-ent {
	display: block;
	width: 270px;
	height: 30px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	float: left;
}
.d-btn-nuro {
	display: block;
	width: 220px;
	height: 30px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}

.d-btn-mypage-confirm:hover,
.d-btn-mypage-clear:hover,
.d-btn-mypage-entry:hover,
.d-btn-mypage-update:hover,
.d-btn-mypage-delete:hover,
.d-btn-update-reserve:hover,
.d-btn-cancel-reserve:hover,
.d-btn-mypage-change:hover,
.d-btn-mypage-back2:hover,
.d-btn-mypage-kaiyaku:hover,
.d-btn-mypage-kokaiyaku:hover,
.d-btn_cnnctmail_delete:hover,
.d-btn_cnnctmail_regist:hover,
.d-btn_cnnctmail_registconfirm:hover,
.d-btn_cnnctmail_sendmail:hover,
.d-btn-mail-sokuji:hover,
.d-btn-auto-issue:hover,
.d-btn-short-confirm:hover
 {
	background-position:0 -50px;
}
.d-btn-whitecall24-ent:hover {
	background-position: 0 -30px;
}
.d-btn-nuro:hover {
	background-position: 0 -30px;
}
.d-btn-detail {
	float:left;
	background:url(../img/mypage/btn_detail.png) left top no-repeat;
}
.d-btn-add-childmember {
	background:url(../img/mypage/btn_add_childmember.png) left top no-repeat;
}
.d-btn-add-content {
	background:url(../img/mypage/btn_add_content.png) left top no-repeat;
}
.d-btn-addOption {
	background:url(../img/mypage/btn_add_option.png) left top no-repeat;
}
.d-btn-apply-family {
	background:url(../img/mypage/btn_apply_family.png) left top no-repeat;
}
.d-btn-cancel-apply-family {
	background:url(../img/mypage/btn_cancel_family.png) left top no-repeat;
}
.d-btn-check-content {
	background:url(../img/mypage/btn_check_content.png) left top no-repeat;
}
.d-btn-check-list {
	background:url(../img/mypage/btn_check_list.png) left top no-repeat;
}
.d-btn-check-detail {
	background:url(../img/mypage/btn_check_detail.png) left top no-repeat;
}
.d-btn-change-id {
	background:url(../img/mypage/btn_change_id.png) left top no-repeat;
}
.d-btn-change-pass {
	background:url(../img/mypage/btn_change_pass.png) left top no-repeat;
}
.d-btn-change-info {
	background:url(../img/mypage/btn_change_info.png) left top no-repeat;
}
.d-btn-change-member {
	background:url(../img/mypage/btn_change_member.png) left top no-repeat;
}
.d-btn-change-company {
	background:url(../img/mypage/btn_change_company.png) left top no-repeat;
}
.d-btn-change-lmtamtinfo {
	background:url(../img/mypage/btn_limitchg.png) left top no-repeat;
}
.d-btn-change-pay {
	background:url(../img/mypage/btn_change_pay.png) left top no-repeat;
}
.d-btn-change-mail {
	background:url(../img/mypage/btn_change_mail.png) left top no-repeat;
}
.d-btn-change-reserve {
	background:url(../img/mypage/btn_change_reserve.png) left top no-repeat;
}
.d-btn-move-point {
	background:url(../img/mypage/btn_move_point.png) left top no-repeat;
}
.d-btn-check-point160 {
	background:url(../img/mypage/btn_check_point160.png) left top no-repeat;
}
.d-btn-move-point160 {
	background:url(../img/mypage/btn_move_point160.png) left top no-repeat;
}
.d-btn-use-point160 {
	background:url(../img/mypage/btn_use_point160.png) left top no-repeat;
}
.d-btn-history-point160 {
	background:url(../img/mypage/btn_history_point160.png) left top no-repeat;
}
.d-btn-protocol {
	background:url(../img/mypage/btn_protocol.png) left top no-repeat;
}
.d-btn-remove-childmember {
	background:url(../img/mypage/btn_remove_childmember.png) left top no-repeat;
}
.d-btn-use-time {
	background:url(../img/mypage/btn_use_time.png) left top no-repeat;
}
.d-btn-apply-ltdi {
	background:url(../img/mypage/btn_apply_ltdi.png) left top no-repeat;
}
.d-btn-apply-nttopt {
	background:url(../img/mypage/btn_apply_nttopt.png) left top no-repeat;
}
.d-btn-use {
	margin-left:5px;
	background:url(../img/mypage/btn_use.png) left top no-repeat;
}
/* d-btn-use用注意書 */
.explanation_d-btn-use{
	float:left;
}
.explanation_d-btn-use p {
	margin-top: 15px; width: 468px;
}
.d-btn-mypage-confirm {
	background:url(../img/mypage/btn_mypage_confirm.png) left top no-repeat;
}
.d-btn-mypage-clear {
	background:url(../img/mypage/btn_mypage_clear.png) left top no-repeat;
}
.d-btn-mypage-entry {
	background:url(../img/mypage/btn_mypage_entry.png) left top no-repeat;
}
.d-btn-mypage-update {
	background:url(../img/mypage/btn_mypage_update.png) left top no-repeat;
}
.d-btn-mypage-delete {
	background:url(../img/mypage/btn_mypage_delete.png) left top no-repeat;
}
.d-btn-update-reserve {
	background:url(../img/mypage/btn_changeReserve.png) left top no-repeat;
}
.d-btn-cancel-reserve {
	background:url(../img/mypage/btn_cancelChangereserve.png) left top no-repeat;
}
.d-btn-mypage-change {
	background:url(../img/mypage/btn_mypage_change.png) left top no-repeat;
}
.d-btn-mypage-back2 {
	background:url(../img/mypage/btn_mypage_back2.png) left top no-repeat;
}
.d-btn-mypage-kaiyaku {
	background:url(../img/mypage/btn_mypage_kaiyaku.png) left top no-repeat;
}
.d-btn-mypage-kokaiyaku {
	background:url(../img/mypage/btn_mypage_kokaiyaku.png) left top no-repeat;
}
.d-btn-detail-new {
	background:url(../img/mypage/btn_detail_new.png) left top no-repeat;
}
.d-btn-detail-hist {
	background:url(../img/mypage/btn_detail_hist.png) left top no-repeat;
}
.d-btn-change-contact {
	background:url(../img/mypage/btn_change_contact.png) left top no-repeat;
}
.d-btn-remove-familypack {
	background:url(../img/mypage/btn_remove_familypack.png) left top no-repeat;
}
.d-btn-autoAccount {
	background:url(../img/share/btn_next_autoaccount.png) left top no-repeat;
}
.d-btn-changemember-pdf {
	background:url(../img/share/btn_change_member_houjin_pdf.png) left top no-repeat;
}
.d-btn-privilege{
	background:url(../img/mypage/btn_privilege.png) left top no-repeat;
}
.d-btn-mail-sokuji{
	background:url(../img/mypage/bat_mail_sokuji.png) left top no-repeat;
}
.d-btn-auto-issue{
	background:url(../img/mypage/btn_auto_issue_mini.png) left top no-repeat;
}
.d-btn-short-confirm{
	background:url(../img/mypage/btn_short_confirm.png) left top no-repeat;
}
.d-btn-mst {
margin:0 10px;
padding:4px 30px 4px 30px;
height:30px;
border:3px solid #c2c2c2;
border-top:1px solid #dddddd;
border-radius: 5px;
-webkit-border-radius: 5px;
  	background: #d3d3d3;
text-shadow: rgba(256, 256, 256, 0.5) 0px 1px 1px;
font-weight:bold;
color:#252525;
line-height:1;
font-family: 'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}
.d-btn-mst:hover {
   background: #ffe047;
}

.d-btn_cnnctmail_delete {
  background: url(../img/mypage/btn_cnnctmail_delete.png) left top no-repeat;
}
.d-btn_cnnctmail_regist {
  background: url(../img/mypage/btn_cnnctmail_regist.png) left top no-repeat;
}
.d-btn_cnnctmail_registconfirm {
  background: url(../img/mypage/btn_cnnctmail_registconfirm.png) left top no-repeat;
}
.d-btn_cnnctmail_sendmail {
  background: url(../img/mypage/btn_cnnctmail_sendmail.png) left top no-repeat;
}
.d-btn_mypage_delete_cnnctmail {
  background: url(../img/mypage/btn_mypage_delete_cnnctmail.png) left top no-repeat;
}
.d-btn-opening_progress {
	background:url(../img/mypage/btn_chk_opening_progress.png) left top no-repeat;
}
.d-btn-usage_situation {
	background:url(../img/mypage/btn_chk_usage_situation.png) left top no-repeat;
}
.d-btn-whitecall24-ent {
	background: url(../img/mypage/btn_whitecall24_ent.png) left top
		no-repeat;
}
.d-btn-nuro {
	background: url(../img/mypage/btn_nuro.png) left top
		no-repeat;
}
.d-btn-course-change {
	background: url(../img/mypage/btn_change_course.png) left top
		no-repeat;
}
.d-btn-fix {
	background: url(../img/mypage/btn_fix.png) left top no-repeat;
}
/*
.area-btn {
	margin: 40px 0 0;
	text-align: center;
}
.area-btn a {
	margin: 0 15px;
}
.area-btn .d-btn-mypage-confirm,
.area-btn .d-btn-mypage-entry,
.area-btn .d-btn-mypage-change,
.area-btn .d-btn-mypage-kaiyaku {
	margin: 0 15px 0 100px;
}
*/

/* バナー */
.d-bnr-adobe {
	width:112px;
	height:33px;
	display:block;
	/*text-indent:-9999px;*/
	border: none;
	cursor: pointer;
	float: left;
	background:url(../img/mypage/get_adobe_reader.gif) left top no-repeat;
}

/* リンクマーク */
a.link-mark{
	background: no-repeat left center url(../img/mypage/mark_link_arrow.png);
	padding: 0 0 0 6px;
}

/*
 サイド
-------------------------------------------------------------------------*/

/*ご注文内容*/
.d-sub-menu {
	margin-bottom:20px;
	}
.d-sub-menu h2 {
	width:224px;
	height:40px;
	display:block;
	text-indent:-9999px;
}
.h2-s-01 {
	background:url(../img/mypage/h2_s_01.png) left top no-repeat;
}
.h2-s-02 {
	background:url(../img/mypage/h2_s_02.png) left top no-repeat;
}
.d-sub-menu ul {
	margin:0;
	width:100%;
}
.d-sub-menu ul li {
	width:224px;
	height:39px;
	display:block;
	text-indent:-9999px;
}
.d-sub-menu ul li a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.sub-menu01 a {
	background:url(../img/mypage/sub_menu01.png) left top no-repeat;
}
.sub-menu02 a {
	background:url(../img/mypage/sub_menu02.png) left top no-repeat;
}
.sub-menu03 a {
	background:url(../img/mypage/sub_menu03.png) left top no-repeat;
}
.sub-menu04 a {
	background:url(../img/mypage/sub_menu04.png) left top no-repeat;
}
.sub-menu05 a {
	background:url(../img/mypage/sub_menu05.png) left top no-repeat;
}
.sub-menu06 a {
	background:url(../img/mypage/sub_menu06.png) left top no-repeat;
}
.sub-menu07 a {
	background:url(../img/mypage/sub_menu07.png) left top no-repeat;
}
.sub-menu08 a {
	background:url(../img/mypage/sub_menu08.png) left top no-repeat;
}
.sub-menu09 a {
	background:url(../img/mypage/sub_menu09.png) left top no-repeat;
}
.sub-menu10 a {
	background:url(../img/mypage/sub_menu10.png) left top no-repeat;
}
.sub-menu11 a {
	background:url(../img/mypage/sub_menu11.png) left top no-repeat;
}
.sub-menu12 a {
	display:block;
	width:224px;
	height:70px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	background:url(../img/mypage/support_page_tokuten.jpg) left top no-repeat;
}
.sub-menu13 a {
	display:block;
	width:224px;
	height:70px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	background:url(../img/mypage/goaiko201401_224x70.jpg) left top no-repeat;
}
.sub-menu14 a {
	display:block;
	width:224px;
	height:30px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
	background:url(../img/mypage/btn_access.png) left top no-repeat;
}
.sub-menu15 a {
	background:url(../img/mypage/sub_menu15.png) left top no-repeat;
}
.sub-menu01 a:hover,
.sub-menu02 a:hover,
.sub-menu03 a:hover,
.sub-menu04 a:hover,
.sub-menu05 a:hover,
.sub-menu06 a:hover,
.sub-menu07 a:hover,
.sub-menu08 a:hover,
.sub-menu09 a:hover,
.sub-menu10 a:hover,
.sub-menu11 a:hover,
.sub-menu15 a:hover {
	background-position:-224px 0;
}
.sub-menu12 a:hover {
	background-position:0 -70px;
}

.sub-menu14 a:hover {
	background-position:0 -30px;
}
/* =========================================================================
変更項目色付け用の定義
========================================================================= */
span.itemColoring {
	color: red;
	font-weight:bold;
}
span.redColoring{
	color: #d14233;
}

/* =========================================================================
エラーページのメッセージ表示・非表示
========================================================================= */
span.sessionId {
	visibility: hidden;
}
span.requestId {
	visibility: hidden;
}

body .myp-dialog {
	padding:0;
	border:1px solid;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    width:900px;
    font-family: 'ＭＳ Ｐゴシック',MS PGothic,Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}

body .myp-dialog .ui-dialog-titlebar {
	margin-top:40px;
	padding:10px 40px;
	border:none;
	border-bottom:1px solid;
	background:white;
}

body .myp-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	position: absolute;
	right: 5px;
	top: -38px;
	height:30px;
	width: 70px;
	margin: 0;
	padding: 0;
	background:url(../img/dialog/btn_diarog_close.png) left top no-repeat;
	cursor:pointer;
}
body .myp-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
	margin:0;
	width:70px;
	height:30px;
	border:none;
	background:none;
}
body .myp-dialog .ui-dialog-titlebar .ui-state-hover {
	border:none;
	background-position:0 -30px;
}
body .myp-dialog .ui-dialog-content {
	padding:5px 20px 10px;
}
body .myp-dialog .ui-dialog-content p {
	margin-left:50px;
	font-size:87.5%;
	word-wrap: break-word;
	max-width:520px;
}
body .myp-dialog .ui-dialog-buttonpane {
	padding:20px 0 40px;
	border:none;
}
body .myp-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:none;
	margin:0 auto;
	text-align:center;
}
body .myp-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
	margin:0 10px;
	padding:4px 30px 4px 40px;
	height:30px;
	border:1px solid #c2c2c2;
	border-top:1px solid #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background:url(../img/dialog/bg_dialog_btn.png) left -10px no-repeat;
	text-shadow: rgba(256, 256, 256, 0.5) 0px 1px 1px;
	font-weight:bold;
	color:#4a4c4d;
	line-height:1;
}
body .myp-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
	background-position:0 -60px;
	border:1px solid #000000;
}

/*
お支払い方法のご登録・ご変更
-------------------------------------------------------------------------*/
table.d-yp0320-a{width:inherit; font-size:85.7%;}
table.d-yp0320-a th{font-size:100%; background-color:#fff;}
table.d-yp0320-a th .d-category{width:inherit;}
table.d-yp0320-a th,table.d-yp0320-a td{padding:6px 10px;}
#UIMYP0320 .d-2col td{vertical-align:middle;}



/*
ポップアップ
-------------------------------------------------------------------------*/
.body-overray {
	position: absolute;
	top: 0;
	left:0;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.7);
}

.popup-wrapper {
	background-color: #ffffff;
	width: 640px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	text-align: left;
}

.popupContainer {
	padding: 15px;
}

.popup-wrapper h2 {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 10px 0 10px 10px;
	font-size: 1.38em;
	font-weight: bold;
	color: #333333;
	border-top: 3px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.popup-wrapper a {
	color: #314da5;
	text-decoration: none;
	outline: none;
}

.popup-wrapper a:hover {
	color: #c00;
	text-decoration: underline;
}

.popup-wrapper ul {
	margin-left: 21px;
	list-style: disc;
}

.popup-wrapper ol {
	margin-left: 24px;
	list-style: decimal;
}

.popup-wrapper ul li ul {
	list-style: circle;
}

.popup-wrapper ul.list-mark-none,.popup-wrapper ol.list-mark-none {
	margin-left: 0 !important;
	list-style: none;
}

.popup-wrapper #footer {
	text-align: center;
}

.popup-wrapper #narrow-content {
	margin-left: 10px;
	margin-right: 10px;
}

@media only screen and (max-width: 768px) {
	.popup-wrapper {
		width: 95% !important;
	}
	.popup-wrapper img {
		width: 100%;
		height: auto;
	}
	.popup-wrapper img.link-blank {
		width: auto;
		height: auto;
	}
}

/*
マイページボタンのCSS
-------------------------------------------------------------------------*/
.d-r .button3,
.d-r .button2 {
	margin-top:12px;
	margin-left:6px;
	cursor: pointer;
}
.d-mypage p.d-sup {
	float:left;
}
.d-mypage div.d-sup {
	float:left;
}

.icon-arrow,
.icon-arrow-in-table{
	padding-left:34px;
	background:url(../img/share/mark_black_arrow_r.png) left center no-repeat;
	display:inline-block;
}
.UP0030_payment_alert .icon-attension{
	float:left;
}

#UIMYP0010_connectionService_ApplyLongTermDiscount .d-r {
	clear:both;
}

#service-setsuzoku .connect-progress-situation {
	text-align:center;
}
#service-option .option-user-url {
	text-align:center;
}

/*
接続サービス・高速モバイルオプション
-------------------------------------------------------------------------*/
#service-setsuzoku .UP0650_highSpeedMobile {
	clear:both;
	padding-top:22px
}
.pointer-button {
	cursor:pointer;
}

.mypage-penalty-check {
	margin : 10px 0 10px ;
}
.mypage-penalty-check caption {
	text-align : left;
}
.mypage-penalty-check .record1 th {
	background: #69b076;
	text-align: center;
	color : white;
	font : bold;
}
.mypage-penalty-check .record2 th {
	background: #badcad;
	text-align: center;
	font : bold;
}
.mypage-penalty-check ul {
	font-size : 85%;
}
.mypage-penalty-check ol {
	list-style: none;
	margin-left:10px;
}
.mt-30 {
	margin-top:30px!important;
}
.mb-30 {
	margin-bottom:30px!important;
}
.align-center {
	text-align: center!important;
}

/*modal-window用*/
.modal-d-middle { clear: both; margin: 0 auto; padding: 30px 0 20px; overflow:hidden;}
.modal-d-main-all { clear: both;}

.modal-wrapper ul {
	margin-left: 21px;
	list-style: disc;
}

.modal-wrapper ol {
	margin-left: 24px;
	list-style: decimal;
}

.modal-wrapper ul li ul {
	list-style: circle;
}

.tablew100per table {
    width: 100%;
}

/*================  [2016-102107 Tsuyuki] ===============*/
/* 会社情報テーブル(UP00130)用 */
.corporateInfoTable td{
	width:67%;
}
.corporateInfoTable .corp-topNone{
	border-top-style:none;
}
.corporateInfoTable .corp-bottomNone{
	border-bottom-style:none;
}
.corporateInfoTable .corp-col1{
	width: 10px;
}

/*========================================================*/
/*================  [2016-102107 Yokouchi] ================*/
/* top-status内の<div id="ajaxResponse"> を非表示にするために */
.top-status .hidden {
    display: none;
}
/*========================================================*/



/* ===============================================================================
 *
 *  mypage_responsive.css
 *
 * =============================================================================== */

/* ウィンドウ幅949px以下でスマホ用レイアウトに切り替える */

/*==========================================================
	レスポンシブ用CSS
	全体レイアウト(master.cssに上書き)
==========================================================*/

@media screen and ( max-width: 949px )
{
.d-frame-gray { margin:10px 0 20px;}

.d-infomessage{
	margin:10px 0;
}

.d-move-top{
	padding: initial;
	width: auto;
}

.d-caution, .d-note, .d-sup{
	padding: initial;
	font-size: 100%;
}

.d-zeikomi{
	width: auto;
}

.d-toggle:after{
	clear:both;
	content:"";
	display:block;
}

.d-r, .d-l{ float:none; }
.d-main-all .d-page .d-r li{ padding: 0; }


/* 銀行振込の案内ページに進むボタンなど */
.btn-next-guide-kouza,
.btn-next-guide-bank,
.btn-bill-chg{
	margin:0;
	display:block;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}

}

/*==========================================================
	レスポンシブ用CSS


/*==========================================================
	レスポンシブテーブル用CSS
==========================================================*/

/* ヘッダ付きテーブル */
.d-list-htable{
	width:948px;
	border:solid 1px #ccc;
	border-top:none;
}

.d-list-htable:after{
	clear:both;
	content:"";
	display:block;
}
@media screen and ( max-width:949px )
{
	.d-list-htable{ width: auto; }
	.d-list-htable:after{ display: none; }
}

.d-list-htable li{
	width:592px;
	padding:6px 9px;
	border-top:solid 1px #ccc;
	text-align:center;
	float:left;
}
@media screen and ( max-width:949px )
{
	.d-list-htable li{
		width: auto;
		float: none;
	}
}

.d-list-htable .d-list-header{
	width:319px;
	border-right:solid 1px #ccc;
	background-color:#eee;
}

.d-list-htable .d-list-header:first-child{
	width:930px;
}
@media screen and ( max-width:949px )
{
	.d-list-htable .d-list-header, .d-list-htable .d-list-header:first-child{
		width: auto;
		border-right: 0px;
	}

}

/* dl要素によるテーブル*/
.d-list-table{
	width:944px;
	border:solid 1px #ccc;
	border-bottom:none;
	background-color:#eee;
}

.d-list-table:last-child{
	border-bottom:solid 1px #ccc;
}

.d-list-table:after{
	clear:both;
	content:"";
	display:block;
}
@media screen and ( max-width:949px )
{
	.d-list-table{
		width: auto;
		background-color:#fff;
	}
	.d-list-table:after{  display:none;}
}

.d-list-table dt{
	width:264px;
	padding:6px 9px;
	float:left;
}
@media screen and ( max-width:949px )
{
	.d-list-table dt{
		width: auto;
		float: none;
		border-bottom:solid 1px #ccc;
		background-color:#eee;
	}
}

.d-list-table dd{
	width:641px;
	padding:6px 10px;
	border-left:solid 1px #ccc;
	background-color:#fff;
	float:left;
}
@media screen and ( max-width:949px )
{
	.d-list-table dd{
		width:auto;
		padding:10px 9px;
		border-left:0px;
		background-color:transparent;
		float:none;
	}
}

.d-list-table dt span{
	width:2.5em;
	float:right;
	text-align:center;
	background:#c96666;
	font-size:85.7%;
	color:#fff;
}
@media screen and ( max-width:949px )
{
	.d-list-table select{
		margin-bottom:10px;
	}

	.d-list-table .d-input-txt,
	.d-list-table .d-input-txtL{
		width:100%;
		box-sizing:border-box;
	}

	.d-list-table .d-input-txtS{
		width:50px;
	}

	.d-list-table dd a{
		margin-top:10px;
		display:inline-block;
	}
}

/*==========================================================
	レスポンシブ用個別CSS

	画面名：UIMYP0240,UIMYP0260
==========================================================*/
@media screen and ( max-width:949px )
{
	dl{ text-indent: 0px;}

	.d-cardNum,
	.d-telNum{
		width:35px;
	}
}
/*==========================================================
	レスポンシブ用個別CSS

	画面名：UIMYP0230
==========================================================*/
.d-main-all .d-page{ padding:20px;}

.d-main-all .d-guidance{ margin:20px 0;}
@media screen and ( max-width:949px )
{
	.d-main-all .d-page{ padding:0px;}

	.d-main-all .d-guidance{margin:0 0 0 20px;}
}

/*==========================================================
	レスポンシブ用個別CSS

	画面名：UIMYP1310,UIMYP1320,UIMYP1330
==========================================================*/
.table-auPersonal th,.table-auPersonal td {
	text-align: left;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.table-auPersonal th .required {
	color: #fff;
	font-size: 11px;
	font-size: 1.1rem;
	background-color: #e00000;
	display: inline-block;
	padding: 1px 5px;
	border-radius: 4px;
	margin-left: 5px;
	position: relative;
	top: -2px;
}

.table-auPersonal input[type="text"] {
	border: 1px solid #c3c3c3;
	padding: 3px 5px;
}

.table-auPersonal check[type="checkbox"] {
	border: 1px solid #c3c3c3;
	padding: 3px 5px;
}

.table-auPersonal .example {
	margin-left: 7px;
	color: #555;
}

.ml-10 {
	margin-left: 10px !important;
}

.leftbutton {
	float: left;
}

.rightbutton {
	float: right;
}

/*==========================================================
	レスポンシブ用個別CSS

	部品名：UP0530
==========================================================*/
#UP0530_upd_max_lmt_amt .d-input-txtS {
	width: 50px;
}

/************************ SP　START ************************/
@media only screen and (max-width: 767px) {
	.table-auPersonal th,.table-auPersonal td {
		width: 100%;
	}
	.table-auPersonal input[type="text"] {
		width: 100%;
		box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
		display: block;
		margin-top: 3px;
		padding: 10px;
	}
	.table-auPersonal .example {
		display: block;
		margin-top: 5px;
	}
	.leftbutton {
		float: none;
	}
	.rightbutton {
		float: none;
	}
	.d-longtext {
		box-sizing: border-box;
		display: inline;
		max-width: 100%;
		width: auto;
		float: none;
	}
	.d-longtext .d-longtext-body {
		padding: 10px;
	}
}

/************************ SP END ************************/



/* ===============================================================================
 *
 *  master.css
 *
 * =============================================================================== */

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

Description : 初期化／共通レイアウト
Date        : 2012.01

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

/*
 基本構成
-------------------------------------------------------------------------*/
.d-contents { height: auto; position: relative;}
/*ヘッダー*/
.d-header { margin: 0 auto; width: 100%; line-height: 1;}
.d-header-local { margin:0 auto; line-height:1; font-size:62.5%;}
.d-header-local .d-header-inner { margin:0 auto; width:950px; font-size:100%;}
.d-header-local .d-header-inner h2 { padding:10px 0; line-height:1.2; font-weight:bold; font-size:182.86%;}
/*ナビ old*/
.d-nav { margin: 0 auto; width: 950px; line-height: 1; overflow: hidden;}
/*入力ステップ*/
.d-step { margin: 0 auto; width: 950px; overflow: hidden;}
/*サイド*/
.d-side { float: right; width: 224px;}

/*ホールセラー用*/
.d-ws-middle { clear: both; margin: 0 auto; padding: 30px 0 20px; width: 1150px; overflow:hidden;}
.d-ws-main-all { clear: both; width: 1150px;}

/*ローカルフッター*/
.d-footer-local { clear: both; padding:10px 0 0;}
.d-footer-local .d-footer-inner { margin:0 auto; width:950px; font-size:62.5%;}
/*フッター*/
.d-footer { clear: both; padding:10px 0;}
.d-footer .d-footer-inner { margin:0 auto; width:950px; font-size:62.5%;}

/*
 調整用（個別にclassが増えるため使用。極力使わない）
-------------------------------------------------------------------------*/
.d-l { float: left;}
.d-r { float: right;}
.d-left { float: left;}
.d-right { float: right;}
.d-hide { display: none;}
.d-clear { clear: both;}
.d-sp-10 { margin-left: 10px; margin-right: 10px;}
.d-sp-l10 { margin-left: 10px;}
.d-sp-r10 { margin-right: 10px;}
.d-sp-l20 { margin-left: 20px;}
.d-sp-r20 { margin-right: 20px;}
.d-sp-l25 { margin-left: 25px;}
.d-sp-l340 { margin-left: 340px;}
.d-sp-t10 { margin-top: 10px;}
.d-sp-b10 { margin-bottom: 10px;}
.d-middle table.d-sp-b10 { margin-bottom: 10px;}
.d-tl {text-align: left !important;}
.d-va-m {vertical-align:middle;}
.indent1 { padding-left: 10px;}
.indent2 { padding-left: 20px;}
.indent3 { margin-left:1.5em; text-indent:-1.5em;}
.d-cell-right { text-align:right;}
.d-pad-600 { padding:600px;}

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

モジュール

=========================================================================*/
/*
 表示関係
-------------------------------------------------------------------------*/
/*左右に配置する親要素（中身は個別に設定）*/
.d-both-sides { clear: both; position: relative; overflow: hidden;}
/*フレーム（凡庸的に使用）*/
.d-frame-line { overflow: hidden; padding: 19px 19px 9px; border: 1px solid #c3c3c3;}
.d-frame-gray { overflow: hidden; padding: 10px 20px 10px; margin:-10px 0 20px; background:#eeeeee;}
.d-frame-line h4 { padding: 0 0 5px; background:none;}
.d-frame-line li { background:#fff;}
.d-frame-dot { padding: 7px; margin-bottom: 3px; border: 1px dotted #c3c3c3;}
.d-opt-img {vertical-align:middle; padding-right:5px;}
.d-hside {float:right; margin-left:10px;}
.d-middle .d-join {margin-top:-1px;}
.d-bodytext {padding:0 20px 10px;}
.d-js-err { position:fixed; top:0px; left:0px; width:100%; height:200px; z-index:100;}
.d-js-err p {position:relative; width:750px; padding:70px 0; margin:100px auto; background:#ffffff; border:4px solid #cc0000; font-weight:bold; text-align:center; color:#cc0000;}
.d-important {color: #cc0000 !important;}
.ime-inactive {ime-mode: inactive;}

/*
 文字要素・ブロック
-------------------------------------------------------------------------*/
.d-red{color:#cc0000;}
.d-font-default{font-size:100%;}
.d-font-sup{font-size: 85.7%;}
.d-font-large{font-size: 140.0%;}
.d-caution { padding-bottom: 5px; font-size: 85.7%; color: #cc0000; font-weight:bold;}
.d-attention { color:#cc0000; font-size:12px;}
.d-attention2 { color:#cc0000; font-size:14px;}
.d-frame-gray > .d-caution{font-size:100%;}
.d-frame-line .d-caution {padding-bottom:0;}
.d-frame-line h5 {font-weight:bold; font-size:114.3%;}
.d-frame-line strong {font-weight:bold; font-size:114.3%;}
.d-read { padding: 0 0 0 20px; margin-bottom:10px; color: #444444;}
.d-read2 { padding: 0 0 0 20px; margin-bottom:10px; color: #444444;}
.d-read-important { padding: 0 0 0 20px; margin-bottom:10px; color: #cc0000; font-weight: bold;}
.d-read-important2 { padding: 0 0 0 20px; margin-bottom:10px; color: #cc0000; font-weight: bold; text-decoration:underline;}
.d-guideline { clear: both; padding: 5px 0 0; font-size: 85.7%; color: #cc6600;}
.d-read-in { clear: both; padding: 0 0 5px; font-size: 85.7%; color:#444444;}
.d-note { clear: both; padding: 5px 0 0; font-size: 85.7%; overflow:hidden;}
.d-note ul.d-list-dot li { padding-left: 20px; padding-bottom: 3px; line-height: 1.2; background: url(../img/share/mark_dot.png) 0.5em 0.5em no-repeat;}
ul.d-list-rect li { padding-left: 13px; padding-bottom: 4px; line-height: 1.2; background: url(../img/share/mark_rect.png) left 0.3em no-repeat;}
.d-sup { clear: both; padding: 3px 0 0; font-size: 85.7%; color: #444444;}
.d-sup strong {font-weight:bold;}
.d-sup strong-red {font-weight:bold; font-size:140.0%; color:#E60012;}
th .d-sup { padding-top:10px; font-size:100%;}
.d-sub-area { margin-bottom: 10px; padding: 10px 20px 10px; width: auto; overflow: hidden; border-bottom: 1px solid #cccccc; font-size:85.7%;}
.d-check { margin-bottom: 10px; padding: 5px 19px; overflow: hidden; border: 1px solid #c3c3c3; background: #f3f3f3;}
.d-current-corse { padding-bottom:10px; font-size: 114.3%; font-weight: bold;}
.d-guidance { margin: -30px 20px 20px; background: #fff;}
.d-guidance dl {width: auto;}
.d-guidance dt {font-weight: bold;}
.d-guidance dd {padding-bottom: 5px; }
.d-middle .d-cell-price { text-align: right; }
th.d-cell-details,
td.d-cell-details { text-align: left; }
.d-middle .d-cell-date { text-align:left; min-width:9em;}
.d-zeikomi {text-align:right; color:#444444; font-size:85.7%; padding:10px 0 0;}
.d-zeikomi { margin:0 auto; width:950px;}
.d-middle .d-zeikomi {width:100%;}
.d-infomessage {
	padding:9px 19px;
	margin:0 0 10px;
	border: 1px solid #ff0000;
	background:#ffe5e5;
}
.d-infomessage li {
	padding-left: 20px;
	margin:5px 0;
	line-height: 1.3;
	background:url(../img/share/mark_dot2.png) 0.5em 0.5em no-repeat;
	color:#cc0000;
	font-size:85.7%;
}
.d-infomessage2 {
	padding:9px 19px;
	margin:0 0 10px;
	border: 1px solid #ff0000;
	background:#ffe5e5;
	font-size:85.7%;
	color:#cc0000;
}
.d-infomessage2 li {
	padding-left: 20px;
	margin:5px 0;
	line-height: 1.3;
	background:url(../img/share/mark_dot2.png) 0.5em 0.5em no-repeat;
}
.d-system-err {
	background:#eeeeee; padding:100px 0; margin-bottom:20px; text-align:center;
}
.d-main-all h2.d-modify-area {margin-top:70px; margin-bottom:10px; font-size:142.9%; background:#eeeeee url("../img/share/bg_shadow_w950.png") center bottom no-repeat;}
.d-main-all h2.d-modify-area .d-subhead { float:left;}
.d-main-all h2.d-modify-area .d-hside { font-size:70%; font-weight:normal;}
.d-type {display:inline-block;}
.d-main {display:block;}
.d-news-last { width:740px; }
.d-totalId {
	padding:6px 9px 5px;
	background:#c3c3c3;
}
.d-privilege { margin-bottom: 10px; font-size: 85.7%; }

.d-guidance-lmtamt-gyoumu { margin: -10px 20px 20px; background: #fff;}
.d-guidance-lmtamt-customer { margin: -30px 20px 20px; background: #fff;}

pre.d-nomal {font-size: 1em; font-style: normal; font-weight:normal; overflow: hidden;}
.d-pymtinfo { background: #f3f3f3; }

/*
 電話番号の案内
-------------------------------------------------------------------------*/
.d-tel { margin:0 auto; width:680px; text-align:center; border:8px solid #555555;}
.d-tel .d-inner { padding:5px 10px;}
.d-tel h5 { padding-bottom:5px; font-weight:bold; line-height:1.4;}
.d-tel strong { font-size:200%; font-weight:bold; line-height:1.2;}
.d-tel strong.d-freedial { padding-left:40px; background:url(../img/share/icon_freedial.png) left 0.5em no-repeat; }
.d-tel strong span { font-size:57.14%;}
.d-tel .d-sup { padding:5px 10px; text-align:left; background:#eeeeee;}


/*
 ページ送り
-------------------------------------------------------------------------*/
.d-page { overflow: hidden;}
.d-main .d-page {padding: 10px 20px;}
.d-main-all .d-page {padding: 10px 20px;}
.d-page li { float: left; display: inline; overflow: hidden;}
.d-page .d-l li { padding-right: 10px;}
.d-main-all .d-page .d-l li { padding-right: 10px;}
.d-page .d-r li { padding-left: 10px;}
.d-main-all .d-page .d-r li { padding-left: 10px;}
.d-link-area { overflow: hidden;}
.d-main .d-link-area { padding: 20px 20px 30px;}
.d-main-all .d-link-area { padding: 10px 20px 30px;}
.d-link-area li { float: left; display: inline; overflow: hidden;}
.d-link-area .d-l li { padding-right: 10px;}
.d-link-area .d-r li { padding-left: 10px;}
/*
 アイコン付きリンク
-------------------------------------------------------------------------*/
.d-link-mark { padding-left: 17px; margin-left:3px; background: url(../img/share/mark_black_arrow_r.png) left 50% no-repeat; text-align: left; color: #3355bb;}
.d-link-mark-under { padding-left: 17px; margin-left:3px; background: url(../img/share/mark_move_under.png) left 50% no-repeat; text-align: left;}
.d-link-mark-back { padding-left: 17px; background: url(../img/share/mark_black_arrow_l.png) left 0.3em no-repeat; text-align: left;}
.d-link-mark-next { padding-right: 17px; background: url(../img/share/mark_black_arrow_r.png) right 0.3em no-repeat; text-align: left;}
.d-blanklink-mark { padding-left: 17px; margin-left:3px; background: url(../img/share/mark_blank_arrow.png) left 50% no-repeat; text-align: left;}
.d-link-mark-gray { padding-left: 25px; background: url(../img/share/mark_gray_arrow2.png) left 50% no-repeat; text-align: left;}
h3 .d-blanklink-mark { font-weight:normal;}
.d-sub-link { clear: both; padding-top: 7px;}
td .d-sub-link { margin-top: 10px; padding-top: 10px; border-top: 1px dotted #000000;}
ul.d-list-dot li { padding:0 0 5px 20px; line-height: 1.3; overflow: hidden; background: url(../img/share/mark_dot.png) 0.5em 0.5em no-repeat;}
ol.d-list-num li { list-style-type: decimal; margin-left: 20px; padding-bottom: 3px;}
ul.d-list-line li { padding: 10px 0; border-bottom: 1px solid #cccccc;}
.d-move-top { clear: both; width: 950px; padding-top: 10px; margin: 0 auto; overflow:hidden; text-align:right;}
.d-move-top.d-mid { padding-top: 0px; padding-bottom: 70px;}
.d-middle .d-move-top { width:100%; text-align:right;}
.d-move-top a {  display: inline; padding-left: 17px; background: url(../img/share/mark_move_top.png) left 50% no-repeat;}

/*
 スクロール付き・おしらせ
-------------------------------------------------------------------------*/
.d-longtext { margin-bottom: 20px; width: auto; max-height: 200px; overflow: auto; border: 1px solid #c3c3c3;}
.d-longtext .d-longtext-body { padding: 19px;}
.d-longtext h4 {padding:0 0 0 15px; font-size:100%; color:#000000; background:url(../img/share/icon_black_cir.png) left 4px no-repeat;}
.d-longtext h5 {padding:0 0 0 15px; font-size:100%; color:#000000; background:url(../img/share/icon_white_cir.png) left 4px no-repeat; font-weight:bold;}
.d-longtext p,
.d-longtext ul,
.d-longtext ol {
	padding-bottom:10px;
}
.d-indent {padding:0 0 5px 15px;}
.d-indent h4,
.d-indent h5 {margin-left:-15px;}

.d-frame-line p,
.d-frame-line ul,
.d-frame-line ol {
	padding-bottom:10px;
}

/*
 テーブル
-------------------------------------------------------------------------*/
.d-middle table { margin: 0 0 0px; width: 100%;}
.d-middle th,
.d-middle td { padding: 6px 9px; font-weight: normal; text-align: left; vertical-align: top; border: 1px solid #c3c3c3; line-height: 1.4;}
.d-middle thead th { text-align: center; vertical-align:middle; }
.d-middle th.d-th-r{ text-align: right; }
.d-middle tbody td { vertical-align:middle;}
.d-middle tfoot th,
.d-middle tfoot td { border-top: double #c3c3c3 3px;}
.d-middle tfoot tr.d-total-foot th,
.d-middle tfoot tr.d-total-foot td {padding-left:21px; border-top: solid #c3c3c3 1px;}
.d-middle tfoot.d-paging td {background:#eeeeee;}
.d-middle .d-center th,
.d-middle .d-center td {text-align:center; vertical-align:middle;}

/*横２分割*/
.d-middle .d-2col th { width: 30%;}
.d-middle .d-2col thead th,
.d-middle .d-2col tfoot th { width:auto;}
.d-middle .d-2col th .d-l { width: 80%;}
.d-middle .d-2col td { background: #fff;}
.d-middle .d-2col .d-cell1 { width: 30%;}
.d-middle .d-2col .d-cell2 { width: 70%;}
.d-middle .d-2col .d-cell3 { width: 10%;}
/*横３分割*/
.d-middle .d-3col th { width: 13%; vertical-align: top;}
.d-middle .d-3col th.d-col { width: 195px;}
.d-middle .d-3col th.d-sub { width: 17%;}
.d-middle .d-3col td { width: 70%; background: #fff;}
/*横３分割 転用承諾番号注釈*/
table.d-3col-divAgreeNo  { width : 90%; margin-left:60px; }
.d-3col-divAgreeNo th { width: 20%; background: #fff;}
.d-3col-divAgreeNo td { background: #fff;}
.d-3col-divAgreeNo .d-cell1 { width: 15%;}
.d-3col-divAgreeNo .d-cell2 { width: 10%;}
.d-3col-divAgreeNo .d-cell3 { width: 75%;}
/*横３分割 NURO 光進捗確認*/
.d-middle .d-3nuro th { width: 13%; vertical-align: middle; white-space:nowrap;}
.d-middle .d-3nuro th.d-col { width: 195px;}
.d-middle .d-3nuro th.d-sub { width: 17%;}
.d-middle .d-3nuro td { width: 70%; background: #fff;}
/*横２分割 光コラボ進捗確認*/
.d-middle .d-2colb th { width: 10%; border-right: none;}
.d-middle .d-2colb th.d-sub { width: 20%; border-left: none;}
.d-middle .d-2colb td { background: #fff;}
/*横３分割 OPTPF 初期・月額利用料金*/
.d-3col-optpfSel .d-cell1 { width: auto}
.d-3col-optpfSel .d-cell2 { width: 15%;}
/*横４分割 OPTPF 初期・月額利用料金*/
.d-4col-optpfSel .d-cell1 { width: 10px;}
.d-4col-optpfSel .d-cell2 { width: auto}
.d-4col-optpfSel .d-cell3 { width: 15%;}
/*横４分割*/
.d-middle .d-4col tbody th { width: 30%;}
.d-middle .d-4col .d-cell4 {width:124px;}
.d-middle .d-4col .d-adjust {width:12%;}

/*縦２分割*/
.d-middle .d-2row th { width: 30%;}
.d-middle .d-2row th .d-l { width: 80%;}
.d-middle .d-2row td { background: #fff;}
.d-middle .d-2row .d-cell1 { width: 30%;}
.d-middle .d-2row .d-cell2 { width: 70%;}
/*縦２分割 マンション*/
.d-middle .d-2row-home .d-cell1 { width: 62%; border-right: none;}
.d-middle .d-2row-home .d-cell2 { width: 38%; border-left: none;}
.d-middle .d-2row-home th {  text-align:left;}
/*縦３分割 マンション*/
.d-middle .d-3row-home .d-cell1 { width: 57%; border-right: none;}
.d-middle .d-3row-home .d-cell2 { width: 33%; border-left: none;}
.d-middle .d-3row-home .d-cell3 { width: 10%; border-left: none;}
.d-middle .d-3row-home th {  text-align:left;}
/*ページング*/
.d-middle .d-paging {}
.d-middle .d-paging a { padding: 0 3px;}
.d-middle .d-notfound { margin-top: 10px; padding: 6px 9px; vertical-align: top; overflow: hidden; border: 1px solid #cccccc; background: #e3e3e4; font-weight: normal; text-align: left;}
/*テーブル外ページング*/
.d-middle .d-meisai-area {overflow: auto; max-height: 740px;}
.d-middle .d-meisai-area hr { margin: 50px 0;}
.d-middle div.d-page-count { padding:10px 3px 0; text-align: right;}
.d-middle div.d-paging {}
.d-middle div.d-paging span { padding:0 3px;}
.d-middle div.d-paging a { padding: 0 3px;}
.d-middle div.d-paging a img { padding: 0 3px;}

/*縦横分割*/
.d-middle .d-3row th { width: 10%; vertical-align: top;}
.d-middle .d-3row th.d-col { width: 195px;}
.d-middle .d-3row th.d-sub { width: 20%;}
.d-middle .d-3row td { width: 70%; background: #fff;}
/*縦横分割*/
.d-middle .d-3row-s th { vertical-align: top;}
.d-middle .d-3row-s th.d-col { }
.d-middle .d-3row-s th.d-sub { }
.d-middle .d-3row-s td { width: 70%; background: #fff;}

/*縦横分割 見出し上部*/
.d-middle .d-3row-thead th { text-align: center;}
.d-middle .d-3row.d-inner-table td { width: 56%;}
.d-middle .d-3row.d-inner-table td.d-cell1 {width: 22%;}
.d-middle .d-3row.d-inner-table td.d-cell2 {width: 22%;}


/*縦４分割*/
.d-middle .d-4row { margin-bottom: 1px; width: 100%;;}
.d-middle .d-4row th { vertical-align: middle; text-align: center;}
.d-middle .d-4row .d-cell1 { width: 475px;}
.d-middle .d-4row .d-cell2 { width: 105px;}
.d-middle .d-4row .d-cell3 { width: 105px;}
.d-middle .d-4row .d-cell4 { width: 180px;}
.d-middle .d-4row td { vertical-align: middle; text-align: center;}
.d-middle .d-4row .d-cell1 { text-align: left;}
/*５分割*/
.d-middle .d-5row { margin-bottom: 1px; width: 100%;}
.d-middle .d-5row th { vertical-align: middle; text-align: center;}
.d-middle .d-5row .d-cell1 { width: 151px;}
.d-middle .d-5row .d-cell2 { width: 59px;}
.d-middle .d-5row .d-cell3 { width: 105px;}
.d-middle .d-5row .d-cell4 { width: 145px;}
.d-middle .d-5row .d-cell5 { width: 200px;}
.d-middle .d-5row td { vertical-align: middle; text-align: center;}
.d-middle .d-5row .d-cell1 { text-align: left;}
/*6分割*/
.d-middle .d-6row { margin-bottom: 1px;	 width: 100%;}
.d-middle .d-6row th { vertical-align: middle; text-align: center;}
.d-middle .d-6row .d-cell1 { width: 250px;}
.d-middle .d-6row .d-cell2 { width: 90px;}
.d-middle .d-6row .d-cell3 { width: 105px;}
.d-middle .d-6row .d-cell4 { width: 100px;}
.d-middle .d-6row .d-cell5 { width: 100px;}
.d-middle .d-6row .d-cell6 { width: 180px;}
.d-middle .d-6row .d-cell7 { width: 180px;}
.d-middle .d-6row td { vertical-align: middle; text-align: center;}
.d-middle .d-6row .d-cell1 { text-align: left;}
.d-middle .d-6row .d-numCheck strong {display: block; }
.d-middle .d-6row .d-numCheck input.d-telNum {
	padding-left:5px;
	padding-right:5px;
	width:30px;
}
/*9分割*/
.d-middle .d-9row .d-cell5,
.d-middle .d-9row .d-cell6,
.d-middle .d-9row .d-cell8,
.d-middle .d-9row .d-cell9 { width: 12%;}

/*２等分*/
.d-middle .d-2jus th { width: 50%;}
.d-middle .d-2jus td { width: 50%;}
/*３等分*/
.d-middle .d-3jus th { width: 33%;}
.d-middle .d-3jus td { width: 33%;}
/*４等分*/
.d-middle .d-4jus th { width:25%;}
.d-middle .d-4jus td { width:25%;}
/*入力セル*/
.d-middle .d-data,
.d-middle .d-data-ok,
.d-middle .d-sideSpace { padding-left: 41px; vertical-align: middle;}
.d-middle .d-data,
.d-middle .d-sideSpace { background: none;}
.d-middle .d-data-ok { background: url(../img/share/mark_ok.png) 10px center no-repeat;}
.d-middle .d-sideSpace {padding-left: 41px;}
/*合計*/
.d-middle .d-total { background:#eeeeee;}
/*セルのbgカラー（イレギュラー）*/
.d-bg-color1 { background: #eeeeee ;}
.d-bg-color2 { background: #f9f9fa;}
/*罫線*/
.d-middle .d-noline-r {border-right:none;}
.d-middle .d-noline-l {border-left:none;}
.d-middle .d-noline-all {border:none;}
/*option*/
.d-middle th.d-cell-select,
.d-middle td.d-cell-select { width: 14px;}
/*wimax*/
.d-middle table.d-wimax thead th {background:#eeeeee;}
.d-middle table.d-wimax tbody th {background:#eeeeee; font-size:100%;}
.d-middle table.d-wimax input,
.d-middle table.d-wimax img { margin-right:10px; vertical-align:middle;}
.d-middle table.d-wimax .d-cell2 img {margin:0;}
.d-middle table.d-wimax ul li {margin:5px 0;}
.d-middle table.d-wimax .d-cell1 {width:45%;}
.d-middle table.d-wimax .d-cell2 {width:40%;}
.d-middle table.d-wimax .d-cell4 {width:15%;}
/*高速モバイルオプションご利用状況詳細左寄せ*/
.d-middle .UP0650_highSpeedMobile .option-user-url { vertical-align: middle; text-align: left;}


.d-middle .d-cell-img {width:10%; text-align:center;}

.d-middle .d-plan td {text-align:center;}
.d-middle .d-plan td.d-cell1 {text-align:left;}
.d-middle .d-plan td.d-cell1 ul {margin-top:5px;}
.d-middle .d-plan td.d-cell1 li { margin-bottom:0;}
.d-middle .d-plan {margin-top:-1px;}

.d-middle .d-inner-table {
	margin-left: -22px;
	width: 105%;
}
.d-middle .d-inner-table th {
	width: 30%;
}
.d-middle .d-cell-sub {
	width:13%;
}
.d-middle .d-vmiddle img {
	vertical-align:middle;
}
.d-middle .d-vmiddle span {
	padding:0 5px;
}
.d-middle .d-banti .d-noline-r { width: 32%;}
.d-middle .d-banti .d-noline-l { width: 68%;}



/*
 js表示関連（アコーディオン・トグル切り替え）
-------------------------------------------------------------------------*/
.d-accordion { 	margin:10px 0 0px;}
.d-accordion.accordionOn { border: 2px solid #c3c3c3;}
.d-toggle { clear: both; padding: 5px 19px; overflow: hidden; border: 1px solid #c3c3c3; background: #eeeeee ;}
.accordionOn .d-toggle { margin-bottom: 0px; padding: 4px 18px; border: none; background: #c3c3c3;}
.accordionAct .d-toggle { margin-bottom: 0px; padding: 5px 19px; background: #c3c3c3;}
.d-toggle h4 { float:left; padding: 0 20px 0 10px; margin:0; font-size: 114.3%; color: #000000;}
.d-toggleTarget { clear: both; display:none; border-top: none;}
.d-toggleTarget table { margin-bottom: 0;}
.d-toggleTarget .d-inner {
	padding:5px 0 0 20px;
}
.d-join-top {
	margin-top: -1px;
}

/*コース選択*/
.d-coarse-select { padding-bottom:20px;}
.d-coarse-select .d-hside {font-weight:normal; font-size:84.5%;}
h3 .d-hside { font-weight:normal; font-size:84.5%;}
.allOpen,
.allClose,
.allSelect,
.allCancel { color:#3355bb; cursor:pointer;}
.allOpen:hover,
.allClose:hover,
.allSelect:hover,
.allCancel:hover { text-decoration:underline;}
.d-coarse-select .accordionOn {border:none; color:#000000;}
.d-coarse-select dl { clear:both; margin:0 0 10px; overflow:hidden;}
.d-coarse-select dt { clear: both; padding: 5px 9px 0; overflow: hidden; border-bottom:6px solid #c3c3c3; background: #252525;}
.d-coarse-select dt .d-l {padding-top:5px;}
.d-coarse-select dt a,
.d-coarse-select dt a:visited { color:#ffffff; text-decoration: underline;}
.d-coarse-select dt span { color:#ffffff;}
.d-coarse-select dt .d-blanklink-mark { background: url(../img/share/mark_blank_arrow_gray.png) left 50% no-repeat; line-height:27.2px;}
.d-coarse-select dt strong { float:left; padding: 0 20px 0 10px; margin:0; font-size: 121.4%; font-weight:bold; color: #ffffff;}
.d-coarse-select h5 { padding:5px 20px; margin:0; overflow:hidden; background:#c3c3c3; border: 1px solid #c3c3c3; border-top:none; color:#555555; font-size:107.1%; font-weight:bold; text-align:left;}
.d-middle .d-coarse-select table { margin-bottom: 0; border-top:none;}
.d-middle .d-coarse-select table th { border-top:none;}
.d-coarse-select td .d-addressNum1,
.d-coarse-select td .d-addressNum2 { padding:2px 5px;}
.d-coarse-select td .d-sub-link {font-size:85.7%;}

/*入金方法２段階目*/
.d-inner-accordion {margin:10px 18px 10px 40px;}
.d-inner-accordion.accordionOn { border:none;}
.d-inner-toggle {}
.d-inner-toggleTarget {margin-top:5px; display:none;}
.d-inner-toggleTarget table { margin-bottom:15px;}
.d-inner-accordion.accordionOn2 {}

/*表示の切り替え*/
.displayTarget { display: none; margin-top:-1px;}
.displayTarget.displayOn { display: block;}
.displayTarget.displayOff { display: none;}

/*テーブルを直接切り替える場合*/
table.displayTarget.displayOn { display: table;}

td .displayTarget { padding-top:10px;}

/*枝番*/
.d-edaban-input { display:none;}

/*
 同意・選択
-------------------------------------------------------------------------*/
.d-code-check { margin-bottom: 10px; width: 948px; overflow: hidden; border: 1px solid #c3c3c3; background: #eeeeee ;}
.d-main .d-code-check { width: 694px;}
.d-code-check .d-l { padding: 5px 19px}
.d-code-check .d-r { padding: 5px 55px 5px 55px; width:90px; border-left: 1px solid #c3c3c3; background: #ffffff; text-align: center;}
.d-code-check .d-r span { margin-left: 10px}
.d-code-check p {padding:5px 19px;}
.d-radio-select { clear: both; margin-bottom: 10px; padding: 5px 19px; width: 910px; overflow: hidden; border: 1px solid #c3c3c3; background: #eeeeee;}
.d-main .d-radio-select {width: 656px;}
.d-radio-select .d-l {font-size:85.7%;}
/*
 フォーム
-------------------------------------------------------------------------*/
select { padding: 2px;}
.d-data ul li,
.d-sideSpace ul li {margin:0 0 4px; overflow:hidden;}
td ul li:not([class^="d-"])  {margin:0 0 4px;}
/*フォームの項目*/
.d-category { float: left;}
th .d-category { width: 80%;}
th.d-sub .d-category { width: 75%;}
.d-3col th .d-category { width: 75%;}
/*必須*/
.d-must { float: right; width: 2.5em; text-align:center; background:#c96666; font-size: 85.7%; color: #ffffff;}
/*注釈*/
.d-ex-txt { font-size: 85.7%; color: #444444;}
span.d-ex-txt { display:inline-block; padding-top:3px; padding-left: 10px;}
/*.d-main span.d-ex-txt { display:block; padding:5px 0 0;}*/
p.d-ex-txt { padding-top: 5px;}
label.d-ex-txt { padding-left: 0; padding-right: 10px;}
/*ラジオボタンが横並び*/
td ul li.d-flat-side,
td ul.d-flat-side li { float: left; margin:0 40px 4px 0;}
li.d-flat-side-s,
ul.d-flat-side-s li { float: left; margin:0 25px 4px 0;}
/*ハイフンの左右マージン*/
.d-hyphen { margin: 0 5px;}
/*テキストフォームがフォーカス*/
.d-act { border: 1px solid #ffcc00;}
/*項目のエラー*/
.d-err { background: #f9dada;}
/*ラジオ・チェックボックスの調整*/
.d-radio-check { margin: 0 5px 0 0; padding: 0;}
.d-rc-text {}
/*ラジオ・チェックボックスの回り込み*/
.d-lf .d-radio-check,
.d-cell1.d-lf input.d-radio-check { float: left; margin-top: 4px; width: auto;}
.d-lf .d-rc-text { float: left; width: 90%;}
.d-lf .d-rc-text-b { float: left; width: 90%; font-weight:bolder;}
.d-notfound .d-rc-text-b { font-weight:bolder;}
.d-cell1.d-lf .d-radio-check { margin: 0 5px 0 0;}
.d-insert-select .d-cell1.d-lf .d-rc-text { width: 70%;}
.d-insert-select .d-cell1.d-lf .d-rc-text-b { width: 70%; font-weight:bolder;}
.d-cell2 .d-rc-text-b { font-weight:bolder;}
.d-new-line {line-height: 40px}

/*inputの幅調整*/
.d-input-txtS,
.d-input-txt,
.d-input-txtL,
.d-addressNum1,
.d-addressNum2,
.d-telNum,
.d-cardNum {
}
/*入力テキストの幅調整*/
.d-input-txtS { width:50px;}
.d-input-txt { width: 150px;}
.d-input-txtM { width: 200px;}
.d-input-txtL { width: 370px;}
.d-input-textarea { width: 388px; height: 100px; overflow:auto;}
.d-input-textarea-forCollabo { resize: vertical; height: 460px; width: 385px; font-size: 89.5%; font-family: meiryo;}
.d-main .d-input-txtS {}
.d-main .d-input-txt {width:120px;}
.d-main .d-input-txtL {}
/*郵便番号の幅調整*/
.d-addressNum1 { width: 30px;}
.d-addressNum2 { width: 40px;}
/*電話番号の幅調整*/
.d-telNum { width: 40px;}
.d-main td td .d-telNum { width: 40px;}
/*クレカの幅調整*/
.d-cardNum { width: 50px;}
/*日付の幅調整*/
.d-dateNum1 { width:45px;}
.d-dateNum2,
.d-dateNum3 { width:30px;}
/*番地等の幅調整*/
.d-num { width:50px;}
.d-numS { width:20px;}

.d-input-cen { text-align: center;}
/*IE6以外調整*/
input[type="text"],
input[type="password"]{ padding: 2px 10px;}

/*
 ボタン
-------------------------------------------------------------------------*/
.d-inner-button {padding-top:10px; overflow: auto;}
#disableNextBtn {margin:0 auto;}
.d-btn-back,
.d-btn-selectCoarse,
.d-btn-next,
.d-btn-nextId,
.d-btn-deleteId,
.d-btn-search-postcode,
.d-btn-search-building,
.d-btn-apply,
.d-btn-toggle,
.d-btn-toggleSub,
.d-btn-addCart,
.d-btn-stateCheck,
.d-btn-changeCoarse,
.d-btn-delete,
.d-btn-change,
.d-btn-change1,
.d-btn-apply2,
.d-btn-apply3,
.d-btn-apply5,
.d-btn-fix,
.d-btn-send-mail,
.d-btn-addOption,
.d-btn-selectDelete,
.d-btn-cancel,
.d-btn-nextInput,
.d-btn-back2,
.d-btn-home,
.d-btn-home2,
.d-btn-home3,
.d-btn-athome,
.d-btn-portal,
.d-btn-mypage,
.d-btn-be-mypage,
.d-btn-preview,
.d-btn-continue,
.d-btn-select-familybiz,
.d-btn-modify,
.d-btn-entry,
.d-btn-entry3,
.d-btn-enter-service-detail,
.d-btn-continuously,
.d-btn-reset-pass,
.d-btn-viewcart,
.d-btn-fix-detail,
.d-btn-fix2,
.d-btn-option,
.d-btn-coarse-reselect,
.d-btn-toggle-detail,
.d-btn-option-list,
.d-btn-openclose,
.d-btn-apply4,
.d-btn-ok,
.d-btn-terminate,
.d-btn-check,
.d-btn-changePass,
.d-btn-history,
.d-btn-terminate2,
.d-btn-close3,
.d-btn-search,
.d-btn-history,
.d-btn-terminate2,
.d-btn-entry2,
.d-btn-buyDevice,
.d-btn-changeDevice,
.d-btn-changePlan,
.d-btn-cancelPlan,
.d-btn-delivery,
.d-btn-yes,
.d-btn-copy-riyou,
.d-btn-copy-kaisen,
.d-btn-copy-toukatsu,
.d-btn-copy-kaiin,
.d-btn-copy-kaiinjo,
.d-btn-copy-kaiin-postcode,
.d-btn-copy-toukatsu-postcode,
.d-btn-copy-daihyo,
.d-btn-copy-gijutsu,
.d-btn-copy-kaisya,
.d-btn-copy-kaisyajo,
.d-btn-copy-kanri,
.d-btn-copy-soshiki,
.d-btn-copy-tantou,
.d-btn-copy-toroku,
.d-btn-download,
.d-btn-login,
.d-btn-check-s,
.d-btn-fix-option,
.d-btn-re-pass,
.d-btn-re-nyukai,
.d-btn-checkarea,
.d-btn-edaban-on,
.d-btn-edaban-off,
.d-btn-senkou,
.d-btn-myaccount,
.d-btn-myaccount2,
.d-btn-delivery,
.d-btn-add-bydevice,
.d-btn-cancel-buydevice,
.d-btn-cancelentory,
.d-btn-cancelentory2,
.d-btn-confirm,
.btn-next-guide-bank,
.btn-next-guide-kouza,
.d-btn-continue-using,
.d-btn-penalty-cancel,
.d-btn-quit,
.d-btn-quit-cancel,
.d-btn-cancel-apply,
.d-btn-vback,
.d-btn-opt,
.d-btn_webmail,
.d-btn-cancelApplication,
.d-btn-cancelApplication2,
.d-btn-cancel-terminate,
.d-btn-cancel-terminate2,
.d-btn-apply-cancel1,
.d-btn-apply-cancel2,
.d-btn-riyou-confirm,
.d-btn-use,
.d-btn-use2,
.d-btn-opt,
.d-btn_webmail,
.d-btn_mypage_receiptsetup,
.d-btn_recognize_ok,
.d-btn_recognize_ng,
.d-btn_refer_product,
.btn-bill-chg,
.d-btn-order,
.d-btn-add-show-data,
.d-btn-btn-tel-detail-confirm,
.d-btn-order,
.d-btn-apply-after,
.d-btn-info-change,
.d-btn-mx-record-apply,
.d-btn-rshs-admin-id-chg,
.d-btn-set,
.d-btn-use-conditions-details,
.d-btn-terminate4,
.d-btn-terminate-cancel,
.d-btn-terminate-cancel2,
.d-btn_clear_info,
.d-btn_chk_divert_judge,
.d-btn-month-back,
.d-btn-month-next
{
 display: block; border: none; text-indent: -9999px; cursor: pointer;
}
.d-btn-checkId,
.d-btn-checkrequestId,
.d-btn-entry-reissueAdmission,
.d-btn-entry3-reissueAdmission,
.d-btn-next-resetPass,
.d-btn-resetPass,
.d-btn-clear {
	display:block;
	width:270px;
	height:50px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
.d-btn-checkId:hover,
.d-btn-checkrequestId:hover,
.d-btn-entry-reissueAdmission:hover,
.d-btn-entry3-reissueAdmission:hover,
.d-btn-next-resetPass:hover,
.d-btn-resetPass:hover {
	background-position:0 -50px;
}
.d-btn-resetContractorPass {
	display:block;
	width:220px;
	height:30px;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}
.d-btn-resetContractorPass:hover {
	background-position:0 -30px;
}
.d-btn-resetContractorPassDisabled {
	display:block;
	width:220px;
	height:30px;
	text-indent:-9999px;
	border:none;
}
.d-btn-nextInput {
  width: 300px;
  height: 50px;
  background: url(../img/share/btn_next_input.png) left top no-repeat;
}
.d-btn-reset-pass {
  width: 300px;
  height: 50px;
  background: url(../img/share/btn_reset_pass.png) left top no-repeat;
}
.d-btn-back {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_back.png) left top no-repeat;
}
.d-btn-confirm {
  margin: 0 auto;
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_confirm.png) left top no-repeat;
}
.d-btn-next {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_next.png) left top no-repeat;
}
.d-btn-fix {
  width:220px;
  height: 50px;
  background: url(../img/share/btn_fix.png) left top no-repeat;
}
.d-btn-send-mail {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_send_mail.png) left top no-repeat;
}
.d-btn-selectCoarse {
  width: 188px;
  height: 50px;
  background: url(../img/share/btn_select_coarse.png) left top no-repeat;
}
.d-btn-apply {
  width: 184px;
  height: 50px;
  background: url(../img/share/btn_apply.png) left top no-repeat;
}
.d-btn-login {
	margin:0 auto;
  width: 184px;
  height: 50px;
  background: url(../img/share/btn_login.png) left top no-repeat;
}
.d-btn-checkId {
	background:url(../img/share/btn_checkId.png) left top no-repeat;
}
.d-btn-checkrequestId {
	background:url(../img/share/btn_checkrequestId.png) left top no-repeat;
}
.d-btn-entry-reissueAdmission {
	background:url(../img/share/btn_entry_reissueAdmission.png) left top no-repeat;
}
.d-btn-entry3-reissueAdmission {
	background:url(../img/share/btn_entry_reissueAdmission.png) left top no-repeat;
}
.d-btn-next-resetPass {
	background:url(../img/share/btn_next_resetPass.png) left top no-repeat;
}
.d-btn-resetPass {
	background:url(../img/share/btn_resetPass.png) left top no-repeat;
}
.d-btn-resetContractorPass {
	background:url(../img/share/btn_resetContractorPass.png) left top no-repeat;
}
.d-btn-resetContractorPassDisabled {
	background:url(../img/share/btn_resetContractorPassDisabled.png) left top no-repeat;
}
.d-btn-back2 {
  width: 160px;
  height: 50px;
  background: url(../img/share/btn_back2.png) left top no-repeat;
}
.d-btn-selectDelete {
  width: 185px;
  height: 50px;
  background: url(../img/share/btn_select_delete.png) left top no-repeat;
}
.d-btn-cancel {
  width: 150px;
  height: 50px;
  background: url(../img/share/btn_cancel.png) left top no-repeat;
}
.d-btn-home {
  width: 160px;
  height: 50px;
  background: url(../img/share/btn_home.png) left top no-repeat;
}
.d-btn-home2 {
  width: 160px;
  height: 50px;
  background: url(../img/share/btn_home2.png) left top no-repeat;
}
.d-btn-home3 {
  width: 160px;
  height: 50px;
  background: url(../img/share/btn_home3.png) left top no-repeat;
}
.d-btn-athome {
  width: 220px;
  height: 50px;
  background: url(../img/share/aviva_btn.png) left top no-repeat;
}
.d-btn-portal {
  width: 160px;
  height: 50px;
  background: url(../img/share/btn_portal.png) left top no-repeat;
}
.d-btn-mypage {
  width: 160px;
  height: 50px;
  background: url(../img/share/btn_mypage.png) left top no-repeat;
}
.d-btn-be-mypage {
  width: 160px;
  height: 50px;
  background: url(../img/share/btn_be_mypage.png) left top no-repeat;
}
.d-btn-preview {
  width: 160px;
  height: 50px;
  background: url(../img/share/btn_preview.png) left top no-repeat;
}
.d-btn-continue {
  width: 160px;
  height: 50px;
  background: url(../img/share/btn_continue.png) left top no-repeat;
}
.d-btn-select-familybiz {
  width: 160px;
  height: 50px;
  background: url(../img/share/btn_select_familybiz.png) left top no-repeat;
}
.d-btn-entry {
  width: 184px;
  height: 50px;
  background: url(../img/share/btn_entry.png) left top no-repeat;
}
.d-btn-entry3 {
  margin:10px auto 0;
  width: 184px;
  height: 50px;
  background: url(../img/share/btn_entry.png) left top no-repeat;
}
.d-btn-viewcart {
    width: 184px;
    height: 50px;
    background: url(../img/share/btn_viewcart.png) left top no-repeat;
}
.d-btn-fix2 {
	margin:10px auto 0;
    width: 300px;
    height: 50px;
    background: url(../img/share/btn_next_input.png) left top no-repeat;
}
.d-btn-option {
	margin:10px auto 0;
    width: 300px;
    height: 50px;
    background: url(../img/share/btn_option.png) left top no-repeat;
}
.d-btn-yes {
    width: 150px;
    height: 50px;
    background: url(../img/share/btn_yes.png) left top no-repeat;
}
.d-btn-fix-option {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_fix_option.png) left top no-repeat;
}
.d-btn-continue-using {
    width: 270px;
    height: 50px;
    background: url(../img/share/btn_continue_using.png) left top no-repeat;
}
.d-btn-quit {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_quit.png) left top no-repeat;
}
.d-btn-quit-cancel {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_quit_cancel.png) left top no-repeat;
}
.d-btn-penalty-cancel {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_penalty_cancel.png) left top no-repeat;
}
.d-btn-cancelentory2 {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_cancelentry2.png) left top no-repeat;
}
.d-btn-cancel-apply {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_cancel_apply.png) left top no-repeat;
}
.d-btn-vback {
  width: 170px;
  height: 50px;
  background: url(../img/venus/btn_vback.png) left top no-repeat;
}
.d-btn-cancelApplication {
    width: 120px;
    height: 50px;
    background: url(../img/share/btn_cancelApplication.png) left top no-repeat;
}
.d-btn-cancelApplication2 {
    width: 120px;
    height: 50px;
    background: url(../img/share/btn_cancelApplication2.png) left top no-repeat;
}
.d-btn-cancel-terminate {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_cancel_terminate.png) left top no-repeat;
}
.d-btn-cancel-terminate2 {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_cancel_terminate2.png) left top no-repeat;
}
.d-btn-apply-cancel1 {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_apply_cancel1.png) left top no-repeat;
}
.d-btn-apply-cancel2 {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_apply_cancel2.png) left top no-repeat;
}
.d-btn-riyou-confirm {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_riyou_confirm.png) left top no-repeat;
}
.d-btn-use {
    width: 120px;
    height: 50px;
    background: url(../img/share/btn_use.png) left top no-repeat;
}
.d-btn-use2 {
    width: 120px;
    height: 50px;
    background: url(../img/share/btn_use2.png) left top no-repeat;
}

.d-btn-opt {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_01.png) left top no-repeat;
}

.d-btn_webmail {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_webmail.png) left top no-repeat;
}

.d-btn_mypage_receiptsetup {
  width: 220px;
  height: 50px;
  background: url(../img/mypage/btn_mypage_receiptsetup.png) left top no-repeat;
}

.d-btn_recognize_ng {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_recognize_ng.png) left top no-repeat;
}

.d-btn_recognize_ok {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_recognize_ok.png) left top no-repeat;
}

.d-btn_refer_product {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_refer_product.png) left top no-repeat;
}

.d-btn-order {
  width: 200px;
  height: 50px;
  background: url(../img/share/btn_order.png) left top no-repeat;
}
.d-btn-apply-after {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_apply_after.png) left top no-repeat;
}

.d-btn-info-change {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_info_change.png) left top no-repeat;
}

.d-btn-add-show-data {
	margin:0 auto;
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_add_show_data.png) left top no-repeat;
}

.d-btn-btn-tel-detail-confirm {
	margin:0 auto;
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_tel_detail_confirm.png) left top no-repeat;
}

.d-btn-mx-record-apply {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_mx_record_apply.png) left top no-repeat;
}

.d-btn-rshs-admin-id-chg {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_rshs_admin_id_chg.png) left top no-repeat;
}

.d-btn-set {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_set.png) left top no-repeat;
}

.d-btn-use-conditions-details {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_use_conditions_details.png) left top no-repeat;
}

.d-btn-month-back {
  width: 120px;
  height: 50px;
  background: url(../img/share/btn_month_back.png) left top no-repeat;
}

.d-btn-month-next {
  width: 120px;
  height: 50px;
  background: url(../img/share/btn_month_next.png) left top no-repeat;
}

.d-btn-month-next {
  width: 120px;
  height: 50px;
  background: url(../img/share/btn_month_next.png) left top no-repeat;
}

.d-btn-enter-service-detail {
	margin: 0 auto;
    width: 200px;
    height: 40px;
	background: url(../img/share/btn_enter_service_detail.png) left top no-repeat;
}

.d-btn_clear_info {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_clear_info.png) left top no-repeat;
}

.d-btn_chk_divert_judge {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_chk_divert_judge.png) left top no-repeat;
}

.d-btn-nextInput:hover,
.d-btn-reset-pass:hover,
.d-btn-back:hover,
.d-btn-confirm:hover,
.d-btn-next:hover,
.d-btn-fix:hover,
.d-btn-send-mail:hover,
.d-btn-selectCoarse:hover,
.d-btn-apply:hover,
.d-btn-change1:hover,
.d-btn-back2:hover,
.d-btn-selectDelete:hover,
.d-btn-cancel:hover,
.d-btn-apply-cancel:hover,
.d-btn-home:hover,
.d-btn-home2:hover,
.d-btn-home3:hover,
.d-btn-athome:hover,
.d-btn-portal:hover,
.d-btn-mypage:hover,
.d-btn-be-mypage:hover,
.d-btn-preview:hover,
.d-btn-continue:hover,
.d-btn-select-familybiz:hover,
.d-btn-entry:hover,
.d-btn-entry3:hover,
.d-btn-viewcart:hover,
.d-btn-fix2:hover,
.d-btn-option:hover,
.d-btn-terminate:hover,
.d-btn-check:hover,
.d-btn-changePass:hover,
.d-btn-history:hover,
.d-btn-terminate2:hover,
.d-btn-close3:hover,
.d-btn-search:hover,
.d-btn-history:hover,
.d-btn-terminate2:hover,
.d-btn-entry2:hover,
.d-btn-buyDevice:hover,
.d-btn-changeDevice:hover,
.d-btn-changePlan:hover,
.d-btn-cancelPlan:hover,
.d-btn-delivery:hover,
.d-btn-yes:hover,
.d-btn-fix-option:hover,
.d-btn-delivery:hover,
.d-btn-nextId:hover,
.d-btn-deleteId:hover,
.d-btn-add-bydevice:hover,
.d-btn-cancel-buydevice:hover,
.d-btn-cancelentory:hover,
.d-btn-cancelentory2:hover,
.d-btn-continue-using:hover,
.d-btn-quit:hover,
.d-btn-quit-cancel:hover,
.d-btn-penalty-cancel:hover,
.d-btn-continue-using:hover,
.d-btn-cancel-apply:hover,
.d-btn-vback:hover,
.d-btn-opt:hover,
.d-btn_webmail:hover,
.d-btn-cancelApplication:hover,
.d-btn-cancelApplication2:hover,
.d-btn-cancel-terminate:hover,
.d-btn-cancel-terminate2:hover,
.d-btn-apply-cancel1:hover,
.d-btn-apply-cancel2:hover,
.d-btn-riyou-confirm:hover,
.d-btn-use:hover,
.d-btn-use2:hover,
.d-btn-clear:hover,
.d-btn-opt:hover,
.d-btn_webmail:hover,
.d-btn_mypage_receiptsetup:hover,
.d-btn_recognize_ok:hover,
.d-btn_recognize_ng:hover,
.d-btn_refer_product:hover,
.d-btn-order:hover,
.d-btn-add-show-data:hover,
.d-btn-btn-tel-detail-confirm:hover,
.d-btn-order:hover,
.d-btn-apply-after:hover,
.d-btn-info-change:hover,
.d-btn-mx-record-apply:hover,
.d-btn-rshs-admin-id-chg:hover,
.d-btn-set:hover,
.d-btn-use-conditions-details:hover,
.d-btn_clear_info:hover,
.d-btn_chk_divert_judge:hover,
.d-btn-month-back:hover,
.d-btn-month-next:hover {
  background-position: 0 -50px;
}
.d-btn-enter-service-detail:hover {
  background-position: 0 -40px;
}
.d-btn-clear {
  width:220px;
  background:url(../img/share/btn_input_clear.png) left top no-repeat;
}
.d-btn-apply3 {
  margin: 0 auto;
  width: 100px;
  height: 40px;
  background: url(../img/share/btn_choice.png) left top no-repeat;
}
.d-btn-apply3:hover {
  background-position: 0 -40px;
}
.d-btn-changeCoarse {
  margin: 20px auto 0;
  width: 220px;
  height: 40px;
  background: url(../img/share/btn_change_coarse.png) left top no-repeat;
}
.d-btn-changeCoarse:hover {
  background-position: 0 -40px;
}
.d-btn-addOption {
  margin: 20px auto 0;
  width: 220px;
  height: 40px;
  background: url(../img/share/btn_add_option.png) left top no-repeat;
}
.d-btn-addOption:hover {
  background-position: 0 -40px;
}
.d-btn-toggle {
	margin-left:10px;
  width: 180px;
  height: 40px;
  background: url(../img/share/btn_open.png) left top no-repeat;
}
.accordionOn .d-btn-toggle {
  background: url(../img/share/btn_close.png) left top no-repeat
}
.d-btn-toggle:hover {
  background-position: 0 -40px;
}
.d-btn-addCart {
	margin:0 auto;
  width: 143px;
  height: 30px;
  background: url(../img/share/btn_add_cart.png) left top no-repeat;
}
.d-btn-addCart:hover {
  background-position: 0 -30px;
}
.d-btn-myaccount {
	margin:0 auto;
  width: 143px;
  height: 30px;
  background: url(../img/share/btn_myaccount.png) left top no-repeat;
}
.d-btn-myaccount:hover {
  background-position: 0 -30px;
}
.d-btn-myaccount2 {
	margin:0 auto;
  width: 143px;
  height: 30px;
  background: url(../img/share/btn_myaccount2.png) left top no-repeat;
}
.d-btn-myaccount2:hover {
  background-position: 0 -30px;
}
.d-btn-delete {
  float: left;
  width: 100px;
  height: 30px;
  background: url(../img/share/btn_delete.png) left top no-repeat;
}
.d-btn-delete:hover {
  background-position: 0 -30px;
}
.d-btn-change {
  float: left;
  margin-right: 10px;
  width: 100px;
  height: 30px;
  background: url(../img/share/btn_change.png) left top no-repeat;
}
.d-btn-change:hover {
  background-position: 0 -30px;
}
.d-btn-change1 {
    width: 220px;
    height: 50px;
    background: url(../img/share/btn_change1.png) left top no-repeat;
}
.d-btn-apply2 {
  margin: 3px auto;
  width: 100px;
  height: 30px;
  background: url(../img/share/btn_apply2.png) left top no-repeat;
}
.d-btn-apply2:hover {
  background-position: 0 -30px;
}
.d-btn-modify {
	margin-left:5px;
  width: 100px;
  height: 30px;
  background: url(../img/share/btn_modify.png) left top no-repeat;
}
.d-modify-area .d-btn-modify { float:right;}
.d-btn-modify:hover {
  background-position: 0 -30px;
}
.d-btn-continuously {
  width: 143px;
  height: 30px;
  background: url(../img/share/btn_continuously.png) left top no-repeat;
}
.d-btn-continuously:hover {
  background-position: 0 -30px;
}
.d-btn-fix-detail {
	overflow:hidden;
	margin:0 auto;
  width: 220px;
  height: 30px;
  background: url(../img/share/btn_fix_detail.png) left top no-repeat;
}
.d-btn-fix-detail:hover {
  background-position: 0 -30px;
}
.d-btn-search-postcode {
  float: left;
  margin-left: 10px;
  width: 100px;
  height: 21px;
  background: url(../img/share/btn_search_postcode.png) left top no-repeat;
}
.d-btn-search-postcode:hover {
  background-position: 0 -21px;
}
.d-btn-search-building {
  float: left;
  margin-left: 10px;
  width: 100px;
  height: 21px;
  background: url(../img/share/btn-search-building.png) left top no-repeat;
}
.d-btn-search-building:hover {
  background-position: 0 -21px;
}
.d-btn-toggleSub {
	float:left;
	margin-right:10px;
	margin-left:-10px;
  width: 100px;
  height: 30px;
  background: url(../img/share/btn_open2.png) left top no-repeat;
}
.displayOn .d-btn-toggleSub {
  width: 100px;
  height: 30px;
  background: url(../img/share/btn_close2.png) left top no-repeat;
}
.d-btn-toggleSub:hover {
  background-position: 0 -30px;
}
.d-btn-stateCheck {
  margin: 10px auto;
  width: 123px;
  height: 30px;
  background: url(../img/share/btn_state_check.png) left top no-repeat;
}
.d-btn-stateCheck:hover {
  background-position: 0 -30px;
}
.d-btn-coarse-reselect {
  width: 210px;
  height: 30px;
  background: url(../img/share/btn_coarse_reselect.png) left top no-repeat;
}
.d-btn-coarse-reselect:hover {
  background-position: 0 -30px;
}
.d-btn-toggle-detail {
	overflow:hidden;
	margin-left:10px;
  width: 80px;
  height: 40px;
  background: url(../img/share/btn_toggle_detail.png) left top no-repeat;
}
.accordionOn  .d-btn-toggle-detail {
  background: url(../img/share/btn_toggle_detail2.png) left top no-repeat;
}
.d-btn-toggle-detail:hover {
  background-position: 0 -40px;
}
.d-btn-option-list {
  width: 210px;
  height: 30px;
  background: url(../img/share/btn_option_list.png) left top no-repeat;
}
.d-btn-option-list:hover {
  background-position: 0 -30px;
}
.d-btn-openclose {
	float:left;
	margin-left:-4px;
	margin-right:8px;
  width: 20px;
  height: 20px;
  background: url(../img/share/btn_openclose1.png) left top no-repeat;
}
.openFlag .d-btn-openclose {
  background: url(../img/share/btn_openclose2.png) left top no-repeat;
}
.d-btn-openclose:hover {
  background-position: 0 -20px;
}
.d-btn-apply4 {
  width: 100px;
  height: 30px;
  background: url(../img/share/btn_apply4.png) left top no-repeat;
}
.d-btn-apply4:hover {
  background-position: 0 -30px;
}
.d-btn-terminate4 {
  width: 100px;
  height: 30px;
  background: url(../img/share/btn-terminate4.png) left top no-repeat;
}
.d-btn-terminate4:hover {
  background-position: 0 -30px;
}
.d-btn-terminate-cancel {
  width: 100px;
  height: 30px;
  background: url(../img/share/btn_terminate_cancel.png) left top no-repeat;
}
.d-btn-terminate-cancel:hover {
  background-position: 0 -30px;
}
.d-btn-terminate-cancel2 {
  width: 120px;
  height: 50px;
  background: url(../img/share/btn_terminate_cancel2.png) left top no-repeat;
}
.d-btn-terminate-cancel2:hover {
  background-position: 0 -50px;
}
.d-btn-ok {
  width: 100px;
  height: 30px;
  background: url(../img/share/btn_ok.png) left top no-repeat;
}
.d-btn-ok:hover {
  background-position: 0 -30px;
}
.d-btn-re-pass {
	float:left;
  width: 240px;
  height: 30px;
  background: url(../img/share/btn_re_pass.png) left top no-repeat;
}
.d-btn-re-pass:hover {
  background-position: 0 -30px;
}
.d-btn-re-nyukai {
	float:left;
  width: 240px;
  height: 30px;
  background: url(../img/share/btn_re_nyukai.png) left top no-repeat;
}
.d-btn-re-nyukai:hover {
  background-position: 0 -30px;
}
.d-btn-checkarea {
	margin:0 auto;
    width: 220px;
    height: 30px;
    background: url(../img/share/btn_checkarea.png) left top no-repeat;
}
.d-btn-checkarea:hover {
  background-position: 0 -30px;
}

.d-btn-apply5 {
  margin: 3px auto;
  width: 100px;
  height: 30px;
  background: url(../img/share/btn_apply5.png) left top no-repeat;
}
.d-btn-apply5:hover {
  background-position: 0 -30px;
}

.d-btn-edaban-on {
  float: left;
  margin-left: 10px;
  width: 100px;
  height: 21px;
  background: url(../img/share/btn_edaban_on.png) left top no-repeat;
}
.d-btn-edaban-on:hover {
  background-position: 0 -21px;
}
.d-btn-edaban-off {
  display: none;
  float: left;
  margin-left: 10px;
  width: 100px;
  height: 21px;
  background: url(../img/share/btn_edaban_off.png) left top no-repeat;
}
.d-btn-edaban-off:hover {
  background-position: 0 -21px;
}
.d-btn-terminate,
.d-btn-check,
.d-btn-history,
.d-btn-terminate2,
.d-btn-close3,
.d-btn-search,
.d-btn-history,
.d-btn-terminate2,
.d-btn-entry2,
.d-btn-buyDevice,
.d-btn-changeDevice,
.d-btn-changePlan,
.d-btn-entry2,
.d-btn-search {
  width: 120px;
  height: 50px;
}
.d-btn-changePass {
  width: 185px;
  height: 50px;
}
.d-btn-cancelPlan,
.d-btn-delivery,
.d-btn-add-bydevice,
.d-btn-cancel-buydevice,
.d-btn-cancelentory {
  width: 150px;
  height: 50px;
}

.d-btn-terminate {
  background: url(../img/share/btn_terminate.png) left top no-repeat;
}
.d-btn-check {
  background: url(../img/share/btn_check.png) left top no-repeat;
}
.d-btn-changePass {
  background: url(../img/share/btn_changePass.png) left top no-repeat;
}
.d-btn-history {
  background: url(../img/share/btn_history.png) left top no-repeat;
}
.d-btn-terminate2 {
  background: url(../img/share/btn_terminate2.png) left top no-repeat;
}
.d-btn-close3 {
  background: url(../img/share/btn_close3.png) left top no-repeat;
}
.d-btn-search {
  background: url(../img/share/btn_search.png) left top no-repeat;
}
.d-btn-history {
  background: url(../img/share/btn_history.png) left top no-repeat;
}
.d-btn-terminate2 {
  background: url(../img/share/btn_terminate2.png) left top no-repeat;
}
.d-btn-entry2 {
  background: url(../img/share/btn_entry2.png) left top no-repeat;
}
.d-btn-buyDevice {
  background: url(../img/share/btn_buyDevice.png) left top no-repeat;
}
.d-btn-changeDevice {
  background: url(../img/share/btn_changeDevice.png) left top no-repeat;
}
.d-btn-changePlan {
  background: url(../img/share/btn_changePlan.png) left top no-repeat;
}
.d-btn-cancelPlan {
  background: url(../img/share/btn_cancelPlan.png) left top no-repeat;
}
.d-btn-delivery {
  background: url(../img/share/btn_delivery.png) left top no-repeat;
}
.d-btn-entory2 {
  background: url(../img/share/btn_entry2.png) left top no-repeat;
}
.d-btn-search {
  background: url(../img/share/btn_search.png) left top no-repeat;
}

.d-btn-add-bydevice {
  background: url(../img/share/btn_add_buyDevice.png) left top no-repeat;
}
.d-btn-cancel-buydevice {
  background: url(../img/share/btn_cancel_buyDevice.png) left top no-repeat;
}
.d-btn-cancelentory {
  background: url(../img/share/btn_cancelentry.png) left top no-repeat;
}

.d-btn-copy-kaiin {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn_copy_kaiin.png) left top no-repeat;
}
.d-btn-copy-kaiinjo {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn_copy_kaiinjo.png) left top no-repeat;
}
.d-btn-copy-kaiin-postcode {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn-copy-kaiin-postcode.png) left top no-repeat;
}
.d-btn-copy-toukatsu-postcode {
  width: 180px;
  height: 30px;
  background: url(../img/share/btn-copy-toukatsu-postcode.png) left top no-repeat;
}
.d-btn-copy-kaisya {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn_copy_kaisya.png) left top no-repeat;
}
.d-btn-copy-kaisyajo {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn_copy_kaisyajo.png) left top no-repeat;
}
.d-btn-copy-toroku {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn_copy_toroku.png) left top no-repeat;
}
.d-btn-copy-tantou {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn_copy_tantou.png) left top no-repeat;
}
.d-btn-copy-gijutsu {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn_copy_gijutsu.png) left top no-repeat;
}
.d-btn-copy-kanri {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn_copy_kanri.png) left top no-repeat;
}
.d-btn-copy-daihyo {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn_copy_daihyo.png) left top no-repeat;
}
.d-btn-copy-soshiki {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn_copy_soshiki.png) left top no-repeat;
}
.d-btn-download {
  width: 140px;
  height: 30px;
  background: url(../img/share/btn_download.png) left top no-repeat;
}


.d-btn-copy-toukatsu {
  width: 180px;
  height: 30px;
  background: url(../img/share/btn_copy_toukatsu.png) left top no-repeat;
}
.d-btn-copy-riyou {
  width: 180px;
  height: 30px;
  background: url(../img/share/btn_copy_riyou.png) left top no-repeat;
}
.d-btn-copy-kaisen {
  width: 180px;
  height: 30px;
  background: url(../img/share/btn_copy_kaisen.png) left top no-repeat;
}
.d-btn-copy-riyou,
.d-btn-copy-kaisen,
.d-btn-copy-toukatsu,
.d-btn-copy-kaiin,
.d-btn-copy-kaiinjo,
.d-btn-copy-kaiin-postcode,
.d-btn-copy-toukatsu-postcode,
.d-btn-copy-daihyo,
.d-btn-copy-gijutsu,
.d-btn-copy-kaisya,
.d-btn-copy-kaisyajo,
.d-btn-copy-kanri,
.d-btn-copy-soshiki,
.d-btn-copy-tantou,
.d-btn-copy-toroku,
.d-btn-download {
	float:left;
	margin-left:5px;
}
.d-btn-copy-riyou:hover,
.d-btn-copy-kaisen:hover,
.d-btn-copy-toukatsu:hover,
.d-btn-copy-kaiin:hover,
.d-btn-copy-kaiinjo:hover,
.d-btn-copy-kaiin-postcode:hover,
.d-btn-copy-toukatsu-postcode:hover,
.d-btn-copy-daihyo:hover,
.d-btn-copy-gijutsu:hover,
.d-btn-copy-kaisya:hover,
.d-btn-copy-kaisyajo:hover,
.d-btn-copy-kanri:hover,
.d-btn-copy-soshiki:hover,
.d-btn-copy-tantou:hover,
.d-btn-copy-toroku:hover,
.d-btn-download:hover {
  background-position: 0 -30px;
}
.d-btn-check-s {
	float:right;
  width: 50px;
  height: 21px;
  background: url(../img/share/btn_check_s.png) left top no-repeat;
}
.d-btn-notchecked-s {
	display:block;
	border: none;
	text-indent:-9999px;
	float:right;
  width: 50px;
  height: 21px;
  background: url(../img/share/btn_notchecked_s.png) left top no-repeat;
}
.d-btn-check-s:hover {
  background-position: 0 -21px;
}

.d-btn-serch {
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	width: 40px;
	height: 20px;
	background: url(../img/share/btn_serch_s.png) left top no-repeat;
}
.d-btn-serch:hover {
	background-position:0 -20px;
}

/*完了画面のボタン囲み*/
.d-middle .d-finish { margin: -20px 0 20px;}
.d-middle .d-finish table td {border: none; padding: 0;}
.d-finish table td.d-f-txt {font-weight: bold; font-size: 18px; background: #eeeeee; padding: 20px;}
.d-finish td .d-btn-csregi {min-height:50px;}

.d-fix-btn-area {
	float:right;
	min-height: 1px;
	_height: 1%;
}
.d-fix-btn-area:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.d-fix-btn-area span {
	float:left;
	display:block;
}
.d-fix-btn-area span .d-btn-csregi,
.d-fix-btn-area span a {
	margin:0 0 10px 10px;
}
.d-btn-senkou {
	float:right;
	width:150px;
	height: 30px;
	background:url(../img/share/btn_senkou.png) left top no-repeat;
}
.d-btn-senkou:hover {
	background-position:0 -30px;
}

.btn-next-guide-bank,
.btn-next-guide-kouza {
	float:right;
	width: 220px;
	height: 30px;
}
.btn-next-guide-bank {
	background:url(../img/share/btn_next_guide_bank.png) left top no-repeat;
}
.btn-next-guide-kouza {
	background:url(../img/share/btn_next_guide_kouza.png) left top no-repeat;
}
.btn-next-guide-bank:hover,
.btn-next-guide-kouza:hover {
	background-position:0 -30px;
}
.btn-bill-chg {
	float:right;
	width:220px;
	height: 30px;
	background:url(../img/share/btn_bill_chg.png) left top no-repeat;
}
.btn-bill-chg:hover {
	background-position:0 -30px;
}
a[class^="d-btn"] {overflow:hidden;}

/*
 サイド部分
-------------------------------------------------------------------------*/
/*ご注文内容*/
.d-cart { padding-bottom: 15px; background: url(../img/share/bg_side_bottom.png) left bottom no-repeat;}
.d-cart h2 { width:224px; height:40px; background: url(../img/share/bg_cart_top.png) left top no-repeat; text-indent:-9999px;}
.d-cart .d-inner { padding: 15px 20px 0;}
.d-cart .d-empty { display: block; padding: 15px 0; width: 100%; font-size: 85.7%; text-align: center;}
.d-cart h3 { padding: 5px 14px; margin-bottom:10px; background: #eeeeee; font-size: 100%; font-weight: bold; color:#333333;}
.d-cart ul.d-list-dot { padding:0 10px; margin: 10px 0; font-size:85.7%;}
.d-total { padding: 0 0 5px; margin-top: 5px; background: #eeeeee;}
.d-total dt { padding: 5px 10px 0;}
.d-total dd { padding: 0 10px; text-align: right;}
.d-total span { padding: 0 3px; font-weight: bold; font-size: 114.3%;}
.d-cart .d-note { font-size: 71.4%;}
.d-cart .d-campaign-side { margin: 15px 0 0; padding: 10px; background: #eeeeee; font-size: 85.7%; color:#e60012; font-weight:bold;}
.d-cart .d-campaign-side span { font-weight: bold; font-size: 138%;}
.d-cart .d-btn-area { margin-top:15px;}


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

ページ個別

=========================================================================*/
/*
 料金シミュレーション
-------------------------------------------------------------------------*/
.d-total-area { clear: both; margin:0px 0 30px; overflow: hidden; border: 3px solid #c3c3c3;}
.d-total-head { padding: 5px 25px; border-bottom: 3px solid #c3c3c3; text-align:center;}
.d-total-head .d-txt { position:relative; top:4px; font-weight:bold; font-size:142.9%;}
.d-total-head img { vertical-align: middle;}
.d-total-head strong { margin: 0 20px 0; vertical-align: middle; line-height:1.2; font-weight:bold; font-size: 257.14%;}
.d-total-head strong span { padding-left: 5px; font-size: 70%;}
.d-total-body { padding:9px 19px; background: #f3f3f3;}
.d-total-body .d-note { text-align:center;}
.d-total-breakdown { padding: 10px 0; margin:0 auto; vertical-align: middle;}
.d-total-breakdown table { margin:0 auto;}
.d-main-all .d-total-breakdown {  width:658px;}
.d-total-breakdown .d-sup { padding:0 0 10px; color: #E60012 !important; text-align: center; font-size: 85.7%;}
.d-total-breakdown table td {border:none; padding:0;}
.d-total-breakdown table td.d-bd-text { padding:0 5px; font-size:100%;}
.d-total-breakdown table td.d-bd-price { padding:0 5px; font-size:128.6%;}
.d-total-breakdown table.d-bd td.d-bd-price { padding:0 5px; width:130px; font-size:157.1%;}
.d-total-breakdown table.d-bd td {font-size:138%;}
.d-total-breakdown table.d-bd td strong {font-weight: bold;}
.d-total-breakdown table.d-bd .d-cell1 {width: 260px; text-align:right;}
.d-total-breakdown table.d-bd .d-cell2 {width: 4%; text-align:center;}
.d-total-breakdown table.d-bd .d-cell3 {width: auto; text-align:left;}
.d-total-breakdown table.d-bd tr.d-bd-campaign td {color:#e60012;}
.d-total-breakdown table td span { padding:0 3px; font-size:85.7%;}
.d-total-check { padding:10px; overflow:hidden; background:#ffffff; font-size:85.7%;}
.d-main-all .d-total-check { padding:10px 120px;}
.d-total-check span { display:inline-block; width:420px; line-height:1.4;}
.d-main-all .d-total-check span {width:auto; line-height:2;}
.d-fixbtn-area {margin:10px auto 20px; width:auto; text-align:center;}
.d-current-corse2 { font-size: 114.3%; font-weight: bold;}
.d-arrow { padding:7px 0 0 50px;}
.d-option2 { display:table-cell; padding:6px 20px 0 3px;}
.d-option3 { display:table-cell; vertical-align:middle; }
.d-option4 { vertical-align:middle; text-align:center !important;}
.d-bg-gray:nth-child(odd) { background-color:#eeeeee; }
.other_menu {
   clear:both;
   overflow:hidden;
   width:100%;
   margin:0 auto;
}

.other_menu .section3 table { border:none;}
.other_menu .section3 table td { padding:2px; border:none;}
.other_menu .section3 .td_1 { width: auto; text-align:center;}

.d-deco { font-size: 200%;}
/*コース*/
.d-detail { clear:both; margin-bottom:10px; overflow:hidden;}
.d-detail dl { width:100%;}
.d-detail dl.accordionOn { border:none; color:#000000;}
.d-detail dl dt {padding: 5px 10px 10px 20px; background:#252525; border-bottom:5px solid #c3c3c3; overflow:hidden;}
.d-detail dl>dt {min-height:30px; height:auto;}
.d-detail dl dt a {color:#ffffff;}
.d-detail dl dt .d-blanklink-mark { display:inline-block; margin-top:5px; line-height:1.3; background: url(../img/share/mark_blank_arrow_gray.png) left 50% no-repeat;}
.d-detail dl dt .d-l {padding-top:3px;}
.d-detail dl dt .d-l strong { padding-right:10px; color:#ffffff; font-size:121.4%; font-weight:bold;}
.d-detail dl>dt .d-l strong { display:inline-block; padding-top:5px; max-width:475px; line-height:1.2;}
.d-main-all .d-detail dl>dt .d-l strong { max-width:677px;}
.d-detail dl dt .d-l img { margin-top:3px; margin-right:10px; vertical-align:top;}
.d-detail dl dt .d-hside { position:absolute; right:10px; bottom:0px; float:none;}
.d-detail dl dt .d-r { padding-top:3px; padding-right: 90px;}
.d-detail dl dt .d-rr { padding-top:3px; float: right;}
.d-detail dl dd {}
.d-detail .d-inner { padding: 19px 45px 10px; border: 3px solid #c3c3c3; border-top:none;}
.d-detail p.d-cost { clear: both; margin-bottom: 10px; padding: 5px 25px; overflow: hidden; background: #eeeeee; font-weight: bold; font-size: 128.6%;}
.d-detail ul { padding: 0 25px 10px; width: auto; overflow: hidden;}
.d-detail ul li { overflow: hidden;}
.d-detail .d-price { float: right;}
.d-detail .d-note-campaign { color:#e60012}
.d-detail .d-note-campaign p.d-cost { background:#ffe9e8;}
.d-detail .d-note-campaign .d-price span { font-size:77.8%;}
.d-cancel-service {border:1px solid #cccccc;}
.d-main-all .d-detail .d-inner { padding: 19px 140px 10px;}

/*継続・解約は最後のページでも使用してる*/
.d-detail .d-continue-txt { padding-right:10px; color:#fff100; font-size:128.6%; font-weight:bold;}
.d-cancel-option .d-cancel-txt { color:#00a0e9; font-size:128.6%; font-weight:bold;}
.d-cancel-option {border: 3px solid #c3c3c3;}
.d-cancel-option .d-cancel-name { padding:7px 17px; background:#dbdbdb; border-bottom: 1px solid #c3c3c3;}
.d-cancel-option .d-cancel-name img { margin-right:10px; vertical-align:middle;}
.d-cancel-option .d-cancel-name .d-cancel-txt { margin-right:10px; color:#cc0000;}
.d-cancel-option .d-cancel-name strong { font-size:128.6%; font-weight:bold;}
.d-cancel-option .d-note { padding:10px 17px;}
.d-cancel-option .d-note span { padding:0 1em;}
.d-cancel-service li { display: block; padding: 9px 19px; overflow: hidden;}
.d-cancel-service li span.d-price { float: right; padding-right: 315px;}
.d-main .d-cancel-service li span.d-price { float: right; padding-right: 0;}
.d-cancel-service {margin-top:-20px;}

/*キャンペーン*/
.d-campaign { margin-top: 30px;}
.d-campaign .d-inner { padding: 17px 20px; background: #f3f3f3;}
.d-campaign ul { width: 100%;}
.d-campaign li { padding: 3px 0;}
.d-campaign li a { display: inline-block; padding-left: 25px; background: url(../img/share/mark_gray_arrow2.png) left 0.3em no-repeat;}

/*代理店コード*/
.d-dairiten-caution {
	padding:20px;
	background:#eeeeee;
}
.d-dairiten-caution h3,
.d-dairiten-caution h4,
.d-dairiten-caution .d-read {
	border:none;
	padding:0 0 10px;
	margin:0;
	background:none;
	color:#000000;
}
.d-dairiten-caution h3 {
}
.d-dairiten-caution h4 {
	font-size:100%;
	padding:0;
}
.d-dairiten-caution strong {
	font-weight:bold;
}
.d-dairiten-caution .d-caution {
	font-size:100%;
}
.d-dairiten-caution ul.d-list-dot {
	margin-top:5px;
}
.d-dairiten-caution ul.d-list-dot li {
	background: url(../img/share/icon_double_cir.png) 5px 3px no-repeat;
}
.d-dairiten-caution ul.d-list-dot li ul.d-list-3rd {
	margin-top:5px;
}
.d-dairiten-caution ul.d-list-dot li ul.d-list-3rd li {
	background: url(../img/share/mark_dot.png) 0.5em 0.5em no-repeat;
}



/*組み合わせエラー*/
.d-combo-err {
}
.d-combo-err td {
}
.d-combo-err td.d-cell1 {
	padding-bottom:19px;
	vertical-align:top;
	background:#eeeeee;
}
.d-combo-err td.d-cell1 h4 {
	padding:0 0 10px;
	background:none;
}
.d-combo-err td.d-cell2 {
	padding:10px;
	width:100px;
	vertical-align:middle;
	text-align:center;
}
.d-combo-err .d-coarse-name {
    overflow: hidden;
    padding: 8px 10px;
	background:#252525;
}
.d-combo-err .d-coarse-name strong {
    padding-right: 10px;
	color: #ffffff;
    font-size: 100%;
    font-weight: bold;
}
.d-combo-err .d-coarse-name a {
	color:#ffffff;
	 background: url(../img/share/mark_blank_arrow_gray.png) left 50% no-repeat;
}
.d-combo-err dl {
	width:auto;
}
.d-combo-err dl dt {
	font-weight:bold;
}
.d-combo-err dl ul {
	width:auto;
}
.d-combo-err dl ul li {
	padding:5px 10px;
	margin:5px 0;
	background:#eeeeee;
}
.d-combo-err .d-possible {
	padding:10px 20px;
	background:#ffffff;
}
.d-combo-err .d-impossible {
	padding:10px 20px 0;
}
.d-combo-err .d-impossible li {
	background:none;
}
.d-combo-err .d-possible,
.d-combo-err .d-impossible {
	border:1px solid #c3c3c3;
	border-top:none;
}


/*引っ越しガイド*/
.d-hikkoshi {
	padding-top:10px;
}
.d-hikkoshi h5 {
	font-size:114.3%;
	font-weight:normal;
}
.d-hikkoshi h5 img {
	vertical-align:middle;
	padding-bottom:5px;
	padding-right:3px;
}
.d-hikkoshi ul {
	overflow:auto;
}
.d-hikkoshi ul li {
	float:left;
	margin-right:30px;
	font-size:100%;
	font-weight:bold;
}
.d-hikkoshi .d-inner {
	clear:both;
	padding-top:10px;
	border-top:1px dotted #c3c3c3;
}
.d-hikkoshi .d-inner strong {
	font-size:85.7%;
}



/* jsスライド */
.d-enable-option { margin: 20px 0 30px;}
.slideContainer {position: relative;}
.slideFrame { position: relative; margin: 0; padding: 0 20px; width: 656px; height: 150px; overflow: hidden; overflow-x: auto;}
.slideGuide { width: 100%; height: 100%;}
.slideCell { display: block; float: left; padding: 5px 5px 0; width: 120px; text-align: center;}
.slideCell span { display: block; height: 43px; line-height:1.2; font-size: 85.7%;}
.slideCell > span {min-height: 43px; height:auto;}
.slideCell .d-selected-opt { padding:10px 0 0; height:26px;}
.slideCell > .d-selected-opt { min-height:26px; height:auto;}
/* jsスライドコントローラー */
.slideCtrl { display: block; position: absolute; top: 0; border: none; text-indent: -9999px; cursor: pointer;}
.slideCtrl.left { left: 0; width: 20px; height: 150px; background: url(../img/share/btn_slide_l.png) left top no-repeat;}
.slideCtrl.right { right: 0; width: 20px; height: 150px; background: url(../img/share/btn_slide_r.png) left top no-repeat;}
.slideCtrl.left:hover,
.slideCtrl.right:hover { background-position: -20px 0;}

/*CS Regi*/
tr.d-csregi {}
.d-csregi th,
th.d-csregi {background:#D1F1AB;}
.d-csregi td,
td.d-csregi { background:#F4FFE6;}
.d-btn-csregi {padding:0 10px; min-height:50px; vertical-align:middle;}
td .d-btn-csregi {padding:0 10px; margin-left:10px; min-height:30px;}
h3 .d-btn-csregi {float:right; padding:0 10px; min-height:30px; vertical-align:middle;}

.box .d-r .d-btn-csregi,
.box .d-l .d-btn-csregi {margin:5px 0 0; min-height:30px; line-height:30px;}
.box .d-r input.d-btn-csregi,
.box .d-l input.d-btn-csregi {padding:0 10px;}
.box .d-r button.d-btn-csregi,
.box .d-l button.d-btn-csregi {padding:0 10px;}

.d-hikassei {opacity:0.4;}
.d-hikassei:hover {background-position:0 0 !important; cursor:default;}

/*タブ*/
.d-tab {}
.d-tab ul {}
.d-tab ul li {
	float:left;
	display:block;
}
.d-tab ul li.tabs-selected {
}
.d-tab ul li a {
	display:block;
	padding:8px 20px;
	min-width:80px;
	margin-top:1px;

	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	background:#eeeeee ;
	border:1px solid #cccccc;
	border-bottom:none;
	text-align:center;
	color:#000000;
}
.d-tab ul li a:hover {
	background:#ffffff;
	text-decoration:none;
}
.d-tab ul li.tabs-selected a {
	position:relative;
	top:1px;
	margin-top:0px;
	padding-bottom:9px;
	z-index:2;
	background:#ffffff;
	cursor:text;
}
.d-tab ul li.tabs-selected a:hover {
	background:#ffffff;
}
.d-tab .d-tab-panel {
	clear:both;
	padding:10px;
	border:1px solid #cccccc;
	z-index:0;
}




/*
 ダイアログ
-------------------------------------------------------------------------*/
body .ui-corner-all,
body .ui-corner-top,
body .ui-corner-left,
body .ui-corner-tl {
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	-khtml-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
}
body .ui-corner-all,
body .ui-corner-top,
body .ui-corner-right,
body .ui-corner-tr {
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-khtml-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}
body .ui-corner-all,
body .ui-corner-bottom,
body .ui-corner-left,
body .ui-corner-bl {
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-khtml-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
body .ui-corner-all,
body .ui-corner-bottom,
body .ui-corner-right,
body .ui-corner-br {
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-khtml-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

body .d-dialog {
	padding:0;
	border:4px solid #ffad00;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
}

body .d-dialog .ui-dialog-titlebar {
	margin-top:40px;
	padding:7px 20px 15px;
	border:none;
	border-top:4px solid #cccccc;
	background:url(../img/dialog/bg_diarog_hbg.png) center bottom no-repeat;
	font-size:114.3%;
	line-height:1.3;
}
body .d-dialog .ui-widget-header {

}
body .d-dialog .ui-dialog-titlebar .ui-dialog-title-confirm {}
body .d-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	position: absolute;
	right: 5px;
	top: -38px;
	height:30px;
	width: 70px;
	margin: 0;
	padding: 0;
	background:url(../img/dialog/btn_diarog_close.png) left top no-repeat;
	cursor:pointer;
}
body .d-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {
	margin:0;
	width:70px;
	height:30px;
	border:none;
	background:none;
}
body .d-dialog .ui-dialog-titlebar .ui-state-hover {
	border:none;
	background-position:0 -30px;
}
body .d-dialog .ui-dialog-content {
	padding:5px 20px 10px;
}
body .d-dialog .ui-dialog-content p {}
body .d-dialog .ui-dialog-buttonpane {
	padding:20px 0 40px;
	border:none;
}
body .d-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:none;
	margin:0 auto;
	text-align:center;
}
body .d-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
	margin:0 10px;
	padding:4px 30px 4px 40px;
	height:30px;
	border:1px solid #c2c2c2;
	border-top:1px solid #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background:url(../img/dialog/bg_dialog_btn.png) left -10px no-repeat;
	text-shadow: rgba(256, 256, 256, 0.5) 0px 1px 1px;
	font-weight:bold;
	color:#4a4c4d;
	line-height:1;
	font-family: 'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}
body .d-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
	background-position:0 -60px;
	border:1px solid #000000;
}

body .ui-widget-overlay {
	background:#000000 url(../img/dialog/ui-bg_flat_0_000000_40x100.png);
	opacity:0.5;
	filter:Alpha(Opacity=50);
}


/*popup*/

body .d-popup {
	padding:0;
	border:4px solid #ffffff;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);
}

body .d-popup .ui-dialog-titlebar {
	margin-top:40px;
	padding:7px 20px 15px;
	border:none;
	border-top:4px solid #cccccc;
	background:url(../img/dialog/bg_diarog_hbg.png) center bottom no-repeat;
	font-size:114.3%;
	line-height:1.3;
}
body .d-popup .ui-widget-header {

}
body .d-popup .ui-dialog-titlebar .ui-dialog-title-confirm {}
body .d-popup .ui-dialog-titlebar .ui-dialog-titlebar-close {
	position: absolute;
	right: 5px;
	top: -38px;
	height:30px;
	width: 70px;
	margin: 0;
	padding: 0;
	background:url(../img/dialog/btn_diarog_close.png) left top no-repeat;
	cursor:pointer;
}
body .d-popup .ui-dialog-titlebar .ui-dialog-titlebar-close span {
	margin:0;
	width:70px;
	height:30px;
	border:none;
	background:none;
}
body .d-popup .ui-dialog-titlebar .ui-state-hover {
	border:none;
	background-position:0 -30px;
}
body .d-popup .ui-dialog-content {
	padding:5px 20px 10px;
}
body .d-popup .ui-dialog-content p {}
body .d-popup .ui-dialog-buttonpane {
	padding:20px 0 40px;
	border:none;
}
body .d-popup .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:none;
	margin:0 auto;
	text-align:center;
}
body .d-popup .ui-dialog-buttonpane .ui-dialog-buttonset button {
	margin:0 10px;
	padding:4px 30px 4px 40px;
	height:30px;
	border:1px solid #c2c2c2;
	border-top:1px solid #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background:url(../img/dialog/bg_dialog_btn.png) left -10px no-repeat;
	text-shadow: rgba(256, 256, 256, 0.5) 0px 1px 1px;
	font-weight:bold;
	color:#4a4c4d;
	line-height:1;
	font-family: 'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}
body .d-popup .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
	background-position:0 -60px;
	border:1px solid #000000;
}


/* 引越し･コース変更ダイヤル */
.d-call {
	clear: both;
	margin-top: 30px;
}
.d-call h5 {
	padding: 5px 20px;
	background: #c3c3c3;
	font-weight: bold;
	font-size:114.3%;
}
.d-call .d-innerBlock {
	padding: 10px 17px;
	border: 3px solid #c3c3c3;
	border-top: none;
}
.d-call .d-innerBlock:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.d-call .d-pl {
	float: left;
	padding-right: 10px;
	width: 338px;
}
.d-call .d-pr {
	float: right;
	padding-left: 10px;
	width: 297px;
	border-left: 1px solid #c3c3c3;
}

.d-call .d-pl strong {
	display: block;
	font-weight: bold;
}
.d-call .d-pl ul {
	margin-top:5px;
	width: auto;
	overflow: auto;
	font-weight: bold;
}
.d-call .d-pl ul li {
	float: left;
	padding-right: 1em;
	font-size: 87.5%;
}

.d-call .d-pl dl {
	width: auto;
	font-size: 85.7%;
}
.d-call .d-pl dl dt {
	font-weight: bold;
}
.d-call .d-pl dl dd {
	padding-bottom: 10px;
}

.d-call .d-pr p {
	margin-top: 5px;
	line-height: 1.2;
}
.d-call .d-pr ul {
	width: auto;
}
.d-call .d-pr ul li {
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}

.d-call .d-pr .d-pt {
	font-size: 87.5%;
}
.d-call .d-pb {
	padding-top: 10px;
	border-top: 1px dotted #c3c3c3;
}

.d-call .d-pt {
	height: 70px;
}
.d-call * > .d-pt {
	height: auto;
	min-height: 70px;
}

.d-main-all .d-call .d-pl {	width: 490px;}
.d-main-all .d-call .d-pr {	width: 399px;}
.d-main-all .d-call .d-pt {	height: 52px;}
.d-main-all .d-call * > .d-pt { height: auto; min-height: 52px;}




/* venus */
.d-upload .d-img,
.d-upload p {
	padding: 10px;
	border: 1px solid #c3c3c3;
}
.d-upload .d-img {
	text-align: center;
	background-color: #eeeeee;
}
.d-upload img {
	width:450px;
}
.d-upload p {
	border-top:none;
}



.d-upload-list img {
	width:150px;
}
.d-btn-upload-ref,
.d-btn-upload-add,
.d-btn-upload-delete {
	display:block;
	width:101px;
	height:30px;
	text-indent:-9999px;
	cursor:pointer;
	border:0;
}
.d-upload-text {
	float:left;
}
.d-btn-upload-ref {
	float:left;
	margin-left:10px;
	background:url(../img/venus/btn_upload_ref.png) left top no-repeat;
}
.d-btn-upload-add {
	float:left;
	margin-left:10px;
	background:url(../img/venus/btn_upload_add.png) left top no-repeat;
}
.d-btn-upload-delete {
	margin:0 auto;
	background:url(../img/venus/btn_upload_delete.png) left top no-repeat;
}
.d-btn-upload-ref:hover,
.d-btn-upload-add:hover,
.d-btn-upload-delete:hover {
	background-position:0 -30px;
}
.d-btn-upload {
	display: block;
	width: 220px;
	height: 50px;
	border: none;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #fff;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(../img/venus/btnupload.png);
}

.d-middle .d-upload th,
.d-middle .d-upload td {
	vertical-align:middle;
	padding:19px;
}
.d-middle .d-upload th {
	width:500px;
	text-align:center;
}
.d-middle .d-upload td {
	line-height:1.5;
}
.d-middle .sim .d-cell1,
.d-middle .sim .d-cell2 {
	width: auto;
}
.d-middle .sim .d-cell2 {
	text-align: center;
	height: 60px;
}
.d-middle .d-img-cen {
	text-align: center;
}

/* upload部分 */
div.fileinputs {
	position: relative;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
input#dummy_text {
	float: left;
	height: 20px;
	width: 220px;
}
input#file {
	position: relative;
	height:30px;
	width: 356px;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
	font-size: 20px;
}

/* Mercury解約部分（仮） */
.d-middle .d-Mercury-Quit th {width: 10%; word-break:normal;}
.d-middle .d-Mercury-Quit td {width: 90%; word-break:normal;}

.d-middle .d-Mercury-Quit-5col th {width: 10%;}
.d-middle .d-Mercury-Quit-5col td {width: 18%;}
.d-middle .d-Mercury-Quit-5col .d-cell2 {border-right:none;}
.d-middle .d-Mercury-Quit-5col .d-cell3 {border-left:none;}

.d-middle .d-data-Mercury-Quit { background: url(../img/share/mark_ok.png) 10px center no-repeat;padding-left: 41px;vertical-align: middle;border-right-style:none;}

/* Mercury電話 pack５分割*/
.d-middle .d-Mercury-5row { margin-bottom: 1px; width: 100%;}
.d-middle .d-Mercury-5row th { vertical-align: middle; text-align: center;}
.d-middle .d-Mercury-5row .d-cell1 { width: 115px;}
.d-middle .d-Mercury-5row .d-cell2 { width: 59px;}
.d-middle .d-Mercury-5row .d-cell3 { width: 105px;}
.d-middle .d-Mercury-5row .d-cell4 { width: 145px;}
.d-middle .d-Mercury-5row .d-cell5 { width: 200px;}
.d-middle .d-Mercury-5row td { vertical-align: middle; text-align: center;}
.d-middle .d-Mercury-5row .d-cell1 { text-align: left;}

.d-Mercury-sp-l5 { margin-left: 5px;}
/*追加2013.12
-------------------------------------------------------------------------*/
.d-step2 { margin: 20px auto 0; width: 950px; overflow: hidden;}
.indent{ margin-left:1em; text-indent:-1em;}
.d-article2 { clear: both; margin-bottom: 20px; padding: 0 20px; overflow: hidden;}
.indent4{ margin-left:1em; text-indent:-1em; padding: 10px 0; color: #CC0000;}
.d-frame-line2 { margin:10px 0 5px; overflow: hidden; padding: 9px 19px; border: 3px solid #c3c3c3; font-weight: bold; text-align:center;}
.red { color: #CC0000;}
.d-btn-nextId {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_nextId.png) left top no-repeat;
}
.d-btn-deleteId {
  width: 220px;
  height: 50px;
  background: url(../img/share/btn_deleteId.png) left top no-repeat;
}

/* 機器提供 table*/
.d-middle .d-dvpf-select th { text-align: center; vertical-align:middle; padding: 6px 0px; }
.d-middle .d-dvpf-select td { text-align: center; vertical-align:middle; padding: 6px 0px; }
.d-dvpf-select-outer-border { border:solid 3px #c3c3c3; }
.d-dvpf-select-bottom-border { border-bottom:solid 3px #c3c3c3; }
.d-middle .d-dvpf-refer th { vertical-align:middle; }

/* レンサバDNS切替レバー画面スタイル要素 */
.d-rshs-dnsrecord td {border:none;}

/* 商品在庫管理 */
.invalid {
	background-color : #EEEEEE;
	color : #BDBDBD;
}
.clear-invalid {
	background-color : #FFFFFF;
}
.out-stock * {
	color : #FF0000;
	position : relative;
	text-align : center;
}
.clear-out-stock {
	color : #BDBDBD;
}
.stock-prom * {
	font-weight : bold;
	color : #0000FF;
	position : relative;
	text-align : center;
}
.clear-stock-prom {
	font-weight : normal;
	color : #000000;
}

.invalid img{
    opacity:0.4;
}

/* スマホ対応による追加スタイル要素 */
.d-confirmAgreement { margin: 5px 10px 0px 0px; }
.d-marketAnnouncement { max-height: 300px !important; }
.d-informationWord { max-height: 400px !important; }
.d-color-black { color: black !important; }
.d-color-red { color: red; }
.d-color-guidance { color: #1BA31B; }
.d-align-r { text-align: right; }
.d-border-bottom-none { border-bottom: none !important; }
.d-border-top-none { border-top: none !important; }
.d-sp-t10-force { margin-top: 10px !important; }
.d-display-block { display: block; }
.d-padding-none { padding: 0;}
.d-option-accordionOn { background: #eeeeee !important; border-bottom: 0px !important; }
.d-mbrs-recommendPlan { font-weight: bold; color: #ff0000; white-space: nowrap; }
.d-webAuthId-area {
  opacity: 1.0;
  position: absolute;
  margin-top: -140px;
  margin-left: 20px;
  padding: 10px;
  font-size: 11px;
  background-color: #EEEEEE;
  display: none;
}
.d-attention-highlight { color: red; font-size: 150%; }
.d-attention-highlight2 { color: red; font-size: 127%; }
.d-padding-infoMessage { padding: 50px 0; }
.d-btn-copy-kaiinjo-lte{
  width: 148px !important;
  height: 32px !important;
  background: url(../img/share/btn_copy_nyuryoku.png) left top no-repeat !important;
  float:right !important;
}
.d-btn-copy-kaiinjo-lte:hover{
 background-position: 0 -32px !important;
}

#area_ng_btn {
  border:none;
  width: 696px;
  height: 250px;
  background: url(../img/share/1_bnr_off.png) left top no-repeat;
  margin-bottom:40px;
}
#area_ng_btn:hover {
  width: 696px;
  height: 250px;
  background: url(../img/share/1_bnr_on.png) left top no-repeat;
}

/* OLSUスマホ対応：スマホ表示用ヘッダー・フッターを非表示設定 */
.sp_d-header{
	display: none;
}
.sp_d-footer{
	display: none;
}
.sp_d-header-local{
	display: none;
}
.sp_d-footer-local{
	display: none;
}

.button2{
 padding:4px 16px;
 color:#000;
 display: inline-block;
 font-weight: bold;
 border-radius:2px;
 border:solid 1px #fccd0a;
 background:#fdd513;
 background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe256), color-stop(100%, #f7bb06));
 background-image:-webkit-linear-gradient(top, #ffe256, #f7bb06);
 background-image:-moz-linear-gradient(top, #ffe256, #f7bb06);
 background-image:-o-linear-gradient(top, #ffe256, #f7bb06);
 background-image:linear-gradient(to bottom, #ffe256, #ffc600);
}

.button2:hover{
 color:#000;
 text-decoration:none;
 border:solid 1px #f2b00a;
 background:#f2c85c;
 background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2c85c), color-stop(100%, #f0af0a));
 background-image:-webkit-linear-gradient(top, #f2c85c, #f0af0a);
 background-image:-moz-linear-gradient(top, #f2c85c, #f0af0a);
 background-image:-o-linear-gradient(top, #f2c85c, #f0af0a);
 background-image:linear-gradient(to bottom, #f2c85c, #f0af0a);
}

.button4{
 background: url(../img/btn_dummy.png) repeat left top;
 text-decoration: none;
 padding:0 16px;
 color:#000;
 display:inline-block;
 font-weight:bold;
 border:1px solid #ccc;
 line-height:40px;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
}

.button4:hover{
 color:#000;
 text-decoration: none;
}

.d-step-taikai {
	margin: 0 auto;
	padding-top: 20px;
	width: 950px;
	overflow: hidden;
}

.d-guidance-taikai {
	margin: -30px 0px 20px;
	background: #dae3ff;
	padding: 10px;
}

.d-finish table td.d-f-txt-taikai {
	font-weight: bold;
	font-size: 18px;
	background: #e2efd9;
	padding: 20px;
}

.d-taikai-complete-bottom {
	margin-top: 70px;
}

.d-sup-multi {
	line-height: 1.4;
	margin-bottom: 3px;
}



/* ===============================================================================
 *
 *  common.css  2016改修 レスポンシブ
 *
 * =============================================================================== */

/* =================================================
    reset
   ================================================= */
img {
	border: 0;
}
@media only screen and (max-width: 767px) {
	img {
		max-width: 100%;
	}
}
ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
dt, dd, dl {
	margin: 0;
}
button, input, select, textarea {
	font-family: inherit;
}
/* =================================================
    base
   ================================================= */
html{
	font-size: 10px;
	font-size: 62.5%;
}
a {
	color: #314da5;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
	color: #0074bd;
}
body {
	font-family: 'メイリオ',meiryo,'ＭＳ Ｐゴシック','MS PGothic',Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	background-color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7em;
	color: #223;
	margin: 0;
	-webkit-text-size-adjust: 100%;
	width:100%;
}
.inner{
	width: 950px;
	margin: 0 auto;
	word-break: break-all;
}
@media only screen and (min-width: 768px) and (max-width: 949px) {
	.inner{
		padding: 0 10px;
		box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.inner{
		width: auto;
		position: relative;
		min-width: 320px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 40px;
		box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
	.sp-block{
		display: block;
	}
}

/* =================================================
    header/footer
   ================================================= */
.gHd2014-SP,.gFt2014-SP{
	display: none;
}
.d-mypage-name {
	margin: 0;
}
.d-state .d-login .d-mypage-name span {
	padding: 0 0.5em;
	font-weight: bold;
	word-break: break-all;
}
.hdg1BoxTitles {
	width: 950px;
	margin: 8px auto 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.hdg1 {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1.3;
	color: #223;
	font-weight: normal;
	margin: 0;
}
@media only screen and (max-width: 950px) and (min-width: 768px) {
	.hdg1BoxTitles {
		padding-left: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.gHd2014-PC,.gFt2014-PC{
		display: none;
	}
	.gHd2014-SP,.gFt2014-SP{
		display: block;
	}
	.gFt2014 {
		margin-top: 50px;
	}
	.hdg1BoxTitles {
		width: 100%;
		margin: 0;
		padding: 0 12px 16px 12px;
	}
	.hdg1 {
		font-size: 25px;
		font-size: 2.5rem;
	}
}

/* =================================================
    module
   ================================================= */
.pcNone {
	display: none;
}
@media only screen and (max-width: 767px) {
	.pcNone {
		display: block;
	}
	.spNone {
		display: none;
	}
}

/*
 clearfix
----------------------------*/
.cf,.clearfix {zoom: 1;}
.cf:before, .cf:after,
.clearfix:before, .clearfix:after {content: ""; display: table;}
.cf:after,
.lytCol:after,
.top-status:after,
.clearfix:after,
.top-nav-column ul:after {
	clear: both;
	content: "";
	display: block;
}

/*
 margin,padding
----------------------------*/
.mt-0 {margin-top: 0 !important;}
.mr-0 {margin-right: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.ml-0 {margin-left: 0 !important;}
.mv-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
.mh-0 {margin-right: 0 !important; margin-left: 0 !important;}
.ma-0 {margin: 0 !important;}
.pt-0 {padding-top: 0 !important;}
.pr-0 {padding-right: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pl-0 {padding-left: 0 !important;}
.pv-0 {padding-top: 0 !important; padding-bottom: 0 !important;}
.ph-0 {padding-right: 0 !important; padding-left: 0 !important;}
.pa-0 {padding: 0 !important;}

.mt-5 {margin-top: 5px !important;}
.mr-5 {margin-right: 5px !important;}
.mb-5 {margin-bottom:5px!important;}
.ml-5 {margin-left:5px!important;}
.mv-5 {margin-top:5px!important; margin-bottom:5px!important;}
.mh-5 {margin-right:5px!important; margin-left:5px!important;}
.ma-5 {margin:5px!important;}
.pt-5 {padding-top:5px!important;}
.pr-5 {padding-right:5px!important;}
.pb-5 {padding-bottom:5px!important;}
.pl-5 {padding-left:5px!important;}
.pv-5 {padding-top:5px!important; padding-bottom:5px!important;}
.ph-5 {padding-right:5px!important; padding-left:5px!important;}
.pa-5 {padding:5px!important;}

.mt-10 {margin-top:10px!important;}
.mr-10 {margin-right:10px!important;}
.mb-10 {margin-bottom:10px!important;}
.ml-10 {margin-left:10px!important;}
.mv-10 {margin-top:10px!important; margin-bottom:10px!important;}
.mh-10 {margin-right:10px!important; margin-left:10px!important;}
.ma-10 {margin:10px!important;}
.pt-10 {padding-top:10px!important;}
.pr-10 {padding-right:10px!important;}
.pb-10 {padding-bottom:10px!important;}
.pl-10 {padding-left:10px!important;}
.pv-10 {padding-top:10px!important; padding-bottom:10px!important;}
.ph-10 {padding-right:10px!important; padding-left:10px!important;}
.pa-10 {padding:10px!important;}

.mt-15 {margin-top:15px!important;}
.mr-15 {margin-right:15px!important;}
.mb-15 {margin-bottom:15px!important;}
.ml-15 {margin-left:15px!important;}
.mv-15 {margin-top:15px!important; margin-bottom:15px!important;}
.mh-15 {margin-right:15px!important; margin-left:15px!important;}
.ma-15 {margin:15px!important;}
.pt-15 {padding-top:15px!important;}
.pr-15 {padding-right:15px!important;}
.pb-15 {padding-bottom:15px!important;}
.pl-15 {padding-left:15px!important;}
.pv-15 {padding-top:15px!important; padding-bottom:15px!important;}
.ph-15 {padding-right:15px!important; padding-left:15px!important;}
.pa-15 {padding:15px!important;}

.mt-20 {margin-top:20px!important;}
.mr-20 {margin-right:20px!important;}
.mb-20 {margin-bottom:20px!important;}
.ml-20 {margin-left:20px!important;}
.mv-20 {margin-top:20px!important; margin-bottom:20px!important;}
.mh-20 {margin-right:20px!important; margin-left:20px!important;}
.ma-20 {margin:20px!important;}
.pt-20 {padding-top:20px!important;}
.pr-20 {padding-right:20px!important;}
.pb-20 {padding-bottom:20px!important;}
.pl-20 {padding-left:20px!important;}
.pv-20 {padding-top:20px!important; padding-bottom:20px!important;}
.ph-20 {padding-right:20px!important; padding-left:20px!important;}
.pa-20 {padding:20px!important;}

.mt-25 {margin-top:25px!important;}
.mr-25 {margin-right:25px!important;}
.mb-25 {margin-bottom:25px!important;}
.ml-25 {margin-left:25px!important;}
.mv-25 {margin-top:25px!important; margin-bottom:25px!important;}
.mh-25 {margin-right:25px!important; margin-left:25px!important;}
.ma-25 {margin:25px!important;}
.pt-25 {padding-top:25px!important;}
.pr-25 {padding-right:25px!important;}
.pb-25 {padding-bottom:25px!important;}
.pl-25 {padding-left:25px!important;}
.pv-25 {padding-top:25px!important; padding-bottom:25px!important;}
.ph-25 {padding-right:25px!important; padding-left:25px!important;}
.pa-25 {padding:25px!important;}

.mt-30 {margin-top:30px!important;}
.mr-30 {margin-right:30px!important;}
.mb-30 {margin-bottom:30px!important;}
.ml-30 {margin-left:30px!important;}
.mv-30 {margin-top:30px!important; margin-bottom:30px!important;}
.mh-30 {margin-right:30px!important; margin-left:30px!important;}
.ma-30 {margin:30px!important;}
.pt-30 {padding-top:30px!important;}
.pr-30 {padding-right:30px!important;}
.pb-30 {padding-bottom:30px!important;}
.pl-30 {padding-left:30px!important;}
.pv-30 {padding-top:30px!important; padding-bottom:30px!important;}
.ph-30 {padding-right:30px!important; padding-left:30px!important;}
.pa-30 {padding:30px!important;}

.mt-35 {margin-top:35px!important;}
.mr-35 {margin-right:35px!important;}
.mb-35 {margin-bottom:35px!important;}
.ml-35 {margin-left:35px!important;}
.mv-35 {margin-top:35px!important; margin-bottom:35px!important;}
.mh-35 {margin-right:35px!important; margin-left:35px!important;}
.ma-35 {margin:35px!important;}
.pt-35 {padding-top:35px!important;}
.pr-35 {padding-right:35px!important;}
.pb-35 {padding-bottom:35px!important;}
.pl-35 {padding-left:35px!important;}
.pv-35 {padding-top:35px!important; padding-bottom:35px!important;}
.ph-35 {padding-right:35px!important; padding-left:35px!important;}
.pa-35 {padding:35px!important;}

.mt-40 {margin-top:40px!important;}
.mr-40 {margin-right:40px!important;}
.mb-40 {margin-bottom:40px!important;}
.ml-40 {margin-left:40px!important;}
.mv-40 {margin-top:40px!important; margin-bottom:40px!important;}
.mh-40 {margin-right:40px!important; margin-left:40px!important;}
.ma-40 {margin:40px!important;}
.pt-40 {padding-top:40px!important;}
.pr-40 {padding-right:40px!important;}
.pb-40 {padding-bottom:40px!important;}
.pl-40 {padding-left:40px!important;}
.pv-40 {padding-top:40px!important; padding-bottom:40px!important;}
.ph-40 {padding-right:40px!important; padding-left:40px!important;}
.pa-40 {padding:40px!important;}

.mt-45 {margin-top:45px!important;}
.mr-45 {margin-right:45px!important;}
.mb-45 {margin-bottom:45px!important;}
.ml-45 {margin-left:45px!important;}
.mv-45 {margin-top:45px!important; margin-bottom:45px!important;}
.mh-45 {margin-right:45px!important; margin-left:45px!important;}
.ma-45 {margin:45px!important;}
.pt-45 {padding-top:45px!important;}
.pr-45 {padding-right:45px!important;}
.pb-45 {padding-bottom:45px!important;}
.pl-45 {padding-left:45px!important;}
.pv-45 {padding-top:45px!important; padding-bottom:45px!important;}
.ph-45 {padding-right:45px!important; padding-left:45px!important;}
.pa-45 {padding:45px!important;}

.mt-50 {margin-top:50px!important;}
.mr-50 {margin-right:50px!important;}
.mb-50 {margin-bottom:50px!important;}
.ml-50 {margin-left:50px!important;}
.mv-50 {margin-top:50px!important ;margin-bottom:50px!important;}
.mh-50 {margin-right:50px!important; margin-left:50px!important;}
.ma-50 {margin:50px!important;}
.pt-50 {padding-top:50px!important;}
.pr-50 {padding-right:50px!important;}
.pb-50 {padding-bottom:50px!important;}
.pl-50 {padding-left:50px!important;}
.pv-50 {padding-top:50px!important; padding-bottom:50px!important;}
.ph-50 {padding-right:50px!important; padding-left:50px!important;}
.pa-50 {padding:50px!important;}

.mt-60 {margin-top:60px!important;}
.mr-60 {margin-right:60px!important;}
.mb-60 {margin-bottom:60px!important;}
.ml-60 {margin-left:60px!important;}
.mv-60 {margin-top:60px!important; margin-bottom:60px!important;}
.mh-60 {margin-right:60px!important; margin-left:60px!important;}
.ma-60 {margin:60px!important;}
.pt-60 {padding-top:60px!important;}
.pr-60 {padding-right:60px!important;}
.pb-60 {padding-bottom:60px!important;}
.pl-60 {padding-left:60px!important;}
.pv-60 {padding-top:60px!important; padding-bottom:60px!important;}
.ph-60 {padding-right:60px!important; padding-left:60px!important;}
.pa-60 {padding:60px!important;}

/*
 width
----------------------------*/
.w-5   {width:5%!important;}
.w-10  {width:10%!important;}
.w-15  {width:15%!important;}
.w-20  {width:20%!important;}
.w-25  {width:25%!important;}
.w-30  {width:30%!important;}
.w-35  {width:35%!important;}
.w-40  {width:40%!important;}
.w-45  {width:45%!important;}
.w-50  {width:50%!important;}
.w-55  {width:55%!important;}
.w-60  {width:60%!important;}
.w-65  {width:65%!important;}
.w-70  {width:70%!important;}
.w-75  {width:75%!important;}
.w-80  {width:80%!important;}
.w-85  {width:85%!important;}
.w-90  {width:90%!important;}
.w-95  {width:95%!important;}
.w-100 {width:100%!important;}
.w-auto{width: auto!important;}

/* 文字サイズ ************/

.f10 {font-size: 10px!important; font-size: 1rem!important;}
.f11 {font-size: 11px!important; font-size: 1.1rem!important;}
.f12 {font-size: 12px!important; font-size: 1.2rem!important;}
.f13 {font-size: 13px!important; font-size: 1.3rem!important;}
.f14 {font-size: 14px!important; font-size: 1.4rem!important;}
.f15 {font-size: 15px!important; font-size: 1.5rem!important;}
.f16 {font-size: 16px!important; font-size: 1.6rem!important;}
.f17 {font-size: 17px!important; font-size: 1.7rem!important;}
.f18 {font-size: 18px!important; font-size: 1.8rem!important;}
.f19 {font-size: 19px!important; font-size: 1.9rem!important;}
.f20 {font-size: 20px!important; font-size: 2rem!important;}
.f21 {font-size: 21px!important; font-size: 2.1rem!important;}
.f22 {font-size: 22px!important; font-size: 2.2rem!important;}
.f23 {font-size: 23px!important; font-size: 2.3rem!important;}
.f24 {font-size: 24px!important; font-size: 2.4rem!important;}
.f25 {font-size: 25px!important; font-size: 2.5rem!important;}
.f26 {font-size: 26px!important; font-size: 2.6rem!important;}
.f27 {font-size: 27px!important; font-size: 2.7rem!important;}
.f28 {font-size: 28px!important; font-size: 2.8rem!important;}
.f29 {font-size: 29px!important; font-size: 2.9rem!important;}
.f30 {font-size: 30px!important; font-size: 3rem!important;}
.f35 {font-size: 35px!important; font-size: 3.5rem!important;}
.f40 {font-size: 40px!important; font-size: 4rem!important;}
.f45 {font-size: 45px!important; font-size: 4.5rem!important;}

/*
 文字配置
----------------------------*/
.align-left {text-align: left!important;}
.align-center {text-align: center!important;}
.align-right {text-align: right!important;}


/*
 背景色
----------------------------*/
.bg-normal      {background: #fff;}
.bg-Priority    {background: #fffbe6;}
.bg-lowPriority {background: #eee;}

/*
 枠線
----------------------------*/
.no-bordertop {border-top: none;}
.dot-line {border-top: 1px #999 dashed;}

/*
 float
----------------------------*/
.float-left  {float: left!important;}
.float-right {float: right!important;}

/*
 ボタン
----------------------------*/
input.btn-highPriority {
	-webkit-appearance: none;
	border-radius: 0;
}
.btn {
	display:  block;
	margin-bottom: 20px;
}
.btn.align-center > *{
	margin-left: auto;
	margin-right: auto;
}
.btn.align-left > *{
	margin-left: 0;
	margin-right: auto;
}
.btn.align-right > *{
	margin-left: auto;
	margin-right: 0;
}
.align-center > [class^="btn-"] {
	margin-left: auto;
	margin-right: auto;
}
.selectBtn3.align-center > [class^="btn-"] {
	margin-right: 20px;
}
@media only screen and (max-width: 320px) {
.selectBtn3.align-center > [class^="btn-"] {
	margin-right: 0;
	margin-bottom: 20px;
}
}
.selectBtn3.align-center > li:last-child {
	margin-right: 0;
}
.btn.align-left > [class^="btn-"] {
	margin-left: 0;
	margin-right: auto;
}
.btn.align-right > [class^="btn-"] {
	margin-left: auto;
	margin-right: 0;
}


.btn-lowPriority,
.d-btn-state {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.3;
	display: block;
	min-width: 150px;
	width: 230px;
	padding: 10px 4px 8px;
	text-align: center;
	color: #223;
	border-radius: 20px;
	background: #eee;
	border: 1px solid #ccc;
	cursor: pointer;
}
.btn-lowPriority.type-input {
	position: relative;
	padding: 0;
}
.btn-lowPriority.type-input input {
	color: #223;
}
.btn-lowPriority:before,
.btn-lowPriority.type-input:before,
.d-btn-state:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 10px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #333;
}
.btn-lowPriority.type-input:before {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -5px;
}
.d-btn-state {
	padding: 7px 5px 5px;
	border-radius: 15px;
	font-size: 13px;
	font-size: 1.3rem;
}
.btn-lowPriority:link,
.btn-lowPriority:visited,
.d-btn-state:link,
.d-btn-state:visited {
	color: #223;
}
.btn-lowPriority:hover,
.btn-lowPriority:active,
.btn-lowPriority.type-input:hover input,
.btn-lowPriority:active input,
.d-btn-state:hover,
.d-btn-state:active {
	text-decoration: underline;
}
.btn-lowPriority:hover,
.btn-lowPriority:active,
.d-btn-state:hover,
.d-btn-state:active {
	background: #f4f4f4;
}
.btn-lowPriority.btn-linkBlank:before {
	display: none;
}
.btn-middlePriority {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.3;
	display: block;
	min-width: 150px;
	width: 230px;
	padding: 10px 4px 8px;
	text-align: center;
	color: #fff;
	border-radius: 20px;
	background: #0a68c2;
	border: 1px solid #0a68c2;
	cursor: pointer;
}
.btn-middlePriority.type-input input {
	color: #fff;
}
.btn-middlePriority:hover,
.btn-middlePriority.type-input:hover input {
	color: #fff;
	text-decoration: underline;
}
.btn-middlePriority:hover {
	background-color: #2187eb;
}
.btn-middlePriority.type-input {
	position: relative;
	padding: 0;
}
.btn-middlePriority:active,
.btn-middlePriority:focus {
	color: #fff;
}
.btn-middlePriority:before,
.btn-middlePriority.type-input:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 10px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #fff;
}
.btn-middlePriority.type-input:before {
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -5px;
}
.btn-middlePriority.btn-linkBlank:before {
	display: none;
}
.btn-highPriority {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	min-width: 150px;
	width: 230px;
	padding: 8px 5px 7px;
	text-align: center;
	background: #fcdb00;
	box-shadow: 0 3px 6px rgba(199, 199, 199, .5);
	border: 0;
	cursor: pointer;
	color: #223;
}
.btn-highPriority.type-input {
	padding: 0;
}
.btn-highPriority:hover,
.btn-highPriority:active,
.btn-highPriority:focus,
.btn-highPriority.type-input:hover input,
.btn-highPriority.type-input:active input {
	background: #ffe047;
	text-decoration: underline;
	color: #223;
}
.btn-highPriority.btn-linkBlank:before {
	display: none;
}
input.btn-highPriority {
	font-size: 14px;
	font-size: 1.4rem;
}
.btn-small {width: 150px !important;}
.btn-large {width: 310px !important;}
@media only screen and (max-width: 767px) {
	.btn-large {width: 100% !important;}
}
.btn-back,
.btn-back.type-input input {
	width: 230px;
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 7px 20px 6px 37px;
	text-align: center;
	color: #fff;
	border: 1px solid #5d5d5d;
	border-radius: 20px;
	background: #4b4b4b;
	font-size: 13px;
	font-size: 1.3rem;
	margin-top: 30px;
	margin-bottom: 20px;
}
.btn-back.type-input input {
	padding: 8px 20px 7px 37px;
}
.btn-back.type-input {
	position: relative;
	padding: 0;
}
.btn-back:before {
	content: '';
	display: block;
	position:  absolute;
	left: 18px;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn-back:hover, .btn-back:active {
    background: #6d6d6d;
    text-decoration: underline;
}
.btn-back.type-input input:hover,.btn-back.type-input input:active {
	text-decoration: underline;
}
.btn-back:link, .btn-back:visited {
    color: #fff;
}
.btn-close {
	box-sizing: border-box;
	display: block;
	min-width: 230px;
	width: 230px;
	color: #fff;
	position: relative;
	padding: 7px 30px 6px 52px;
	border: 1px solid #5d5d5d;
	border-radius: 20px;
	background: #4b4b4b;
	font-size: 13px;
	font-size: 1.3rem;
	margin-top: 30px;
	text-align: center;
	cursor: pointer;
}
.btn-close:before,
.btn-close:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 16px;
	width: 15px;
	height: 2px;
	margin-top: -2px;
	background: #fff;
	-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
			transform: rotate(45deg);
}
.btn-close:after{
	-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
			transform: rotate(135deg);
}
.btn-close:hover {
	background-color: #6d6d6d;
	color: #fff;
}
.btn-close:active,
.btn-close:focus,
.btn-close:visited {
	color: #fff;
}
.btn-more {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.3;
	position: relative;
	display: inline-block;
	min-width: 230px;
	padding: 9px 25px 9px 40px;
	text-align: center;
	color: #223;
	border-radius: 20px;
	background: #eee;
	border: 1px solid #ccc;
}
.btn-more:hover,
.btn-more:active,
.btn-more:focus,
.btn-more:visited {
	color: #223;
}
table th .btn:last-child,
table td .btn:last-child {
	margin-bottom: 0;
}

.selectBtn {
	margin-bottom: 20px;
	margin-top: 30px;
}
.selectBtn:before,
.selectBtn:after {content: ""; display: table;}
.selectBtn:after {clear: both;}
.selectBtn .cv {
	float: right;
}
.selectBtn .cv .agree {
	font-size: 12px;
	font-size: 1.2rem;
}
.selectBtn .cv-disable .btn-highPriority {
	cursor: auto;
	background-color: #efefef;
}
.selectBtn .cv em {
	font-style: normal;
}
.selectBtn .back {
	float: left;
}
.selectBtn .cv,
.selectBtn .back {
	display: inline-block;
	vertical-align: middle;
}
@media only screen and (max-width: 767px) {
	.selectBtn {
		text-align: center;
	}
	.selectBtn .cv,
	.selectBtn .back {
		display: block;
		margin-bottom: 20px;
		float: none;
	}
}
.selectBtn .btn-close,
.selectBtn .btn-back {margin-top: 0}

[class^="btn-"].type-input input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 8px 5px 7px 28px;
	margin: 0;
	background: transparent;
	border: 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
	cursor: pointer;
}
.btn-highPriority.type-input input {
	padding: 9px 5px 8px;
}

/*
 テキストリンク
----------------------------*/

.link {
	position: relative;
	padding-left: 20px;
}
.link:before {
	position: absolute;
	top: .3em;
	display: inline-block;
	content: '';
	vertical-align: middle;
	left: 3px;
	width: 0;
	height: 0;
	margin-left: -2px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #333;
}

.linkBlank {
	padding-left: 20px;
	background: url(../img/share/icon_linkBlank.png) left .4em no-repeat;
}
.linkAnchor {
	position: relative;
	padding-left: 20px;
}
.linkAnchor:before {
	position: absolute;
	display: inline-block;
	content: '';
	vertical-align: middle;
	top: .45em;
	left: 0;
	width: 0;
	height: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #333;
}
.linkPdf {
	padding-left: 20px;
	background: url(../img/share/icon_linkpdf.png) left .4em no-repeat;
}
.linkPopup {
	padding-left: 18px;
	background: url(../img/share/icon_linkPopup.png) left .4em no-repeat;
}
.icon-blank,
.icon-pdf {
	margin: 0 12px 0 0;
}
.icon-blank-2,
.icon-pdf-2 {
	margin: 0 8px;
}

/*
 テキストデザイン
----------------------------*/
.focus-1{
	font-weight: bold;
	color: #223;
}
.focus-2{
	color: #e00000;
}
.focus-3{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.focus-4{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	color: #e00000;
}

/*
 リストデザイン
----------------------------*/

/* リスト*/
.list {
	margin: 0 0 20px;
	word-wrap: break-word;
}
.list > li {
	position: relative;
	padding-left: 30px;
	color: #223;
}
.list > li:before {
	position: absolute;
	top: -1px;
	left: 0;
	display: inline-block;
	content: '●';
}
.list > li + li {
	margin-top: 14px;
}
/* 数字リスト*/
.listNum {
	margin-bottom: 20px;
}
.listNum > li {
	position:  relative;
	margin-top: 10px;
	padding-left: 2em;
}
.listNum > li .num {
	position:  absolute;
	left: 0;
	top: 0;
}


/* 注釈*/
.notes {
	margin-bottom: 15px;
}
.notes li {
	line-height: 1.5;
	position: relative;
	padding-left: 30px;
}
.notes.typeNum > li {
	padding-left: 3em;
}
.notes li:before {
	content:"※";
	line-height: 1;
	position: absolute;
	top: 4px;
	left: 0;
	color: #e00000;
}
.notes li span {
	line-height: 1;
	position: absolute;
	top: 4px;
	left: 0;
	color: #e00000;
}
.notes.type02 li span {
	color: #223;
}
.notes > li + li {
	margin-top: 5px;
}

/* アンカーリスト*/
.listAnchor {
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 20px;
	padding-left: 1.3em;
}
.listAnchor > li {
    display: inline-block;
	margin-right: 40px;
	vertical-align: top;
}
.listAnchor a {
    position: relative;
}
.listAnchor a:before {
	position: absolute;
	content: "";
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 5px 5px 6px;
    height: 0;
    left: -1em;
    margin-left: -3px;
    top: 0.45em;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    		transform: rotate(90deg);
    width: 0;
}

/*
 ステップリスト
----------------------------*/
.listStep {
  margin: 30px 0;
  border: 1px solid #ccc;
}
.listStep ul{
  display: table;
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  margin: 0; /*reset*/
  padding-left: 0; /*reset*/
}
.listStep li{
  display: table-cell;
  box-sizing: border-box;
  padding: 10px 0 8px;
  text-align: center;
  background-color: #f8f8f8;
  position: relative;
}
.listStep li:last-child {
  padding-left: 2px;
  padding-right: 2px;
}
.listStep li .text {
  position: relative;
  z-index: 2;
  left: 12px;
}
.listStep li:first-child .text {
  left: 0;
}
.listStep li:last-child .text {
  left: 6px;
}
.listStep li.current {
  background-color: #08d;
  color: #fff;
  font-weight: bold;
}
.listStep li:before {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  bottom: 0;
  content: "";
  width: 40px;
  height: 40px;
  margin: auto;
  position: absolute;
  right: -12px;
  top: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  z-index: 1;
  box-sizing: border-box;
  background-color: #f8f8f8;
}
.listStep li:last-child:before {
  content: none;
}
.listStep li.current:before {
  border-right: 40px solid #08d;
  background-color: transparent;
}
@media only screen and (max-width: 767px){
  .spNone {
    display: none;
  }
  .listStep li {
    padding: 5px 0 3px;
  }
  .listStep li:before {
    width: 30px;
    height: 30px;
  }
  .listStep li.current:before {
    border-right: 30px solid #08d;
  }
}

/*
 見出し
----------------------------*/
[class^="h2-"]{
	background: url(../img/share/bg_shadow_w950.png) center bottom no-repeat;
	clear: both;
	padding: 10px 10px 20px;
	overflow: hidden;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.3;
	font-weight: bold;
	margin: 20px 0 10px;
}
.h2-1 {
    border-top: 4px solid #eca600;
}
.h2-2 {
    border-top: 4px solid #af0000;
}
.h2-3 {
    border-top: 4px solid #3378b3;
}
.h2-4 {
    border-top: 4px solid #5b8d21;
}
.h2-5 {
    border-top: 4px solid #cccccc;
}
@media only screen and (max-width: 767px) {
	[class^="h2-"] {
		margin: 20px -10px 10px;
	}
}
[class^="h3-"]{
	margin: 30px 0 20px 0;
	padding: 5px 0 5px 10px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px #999 dotted;
}
.h3-1{
	border-left: 4px #999 solid;
}
.h3-2 {
    border-left: 4px solid #eca600;
}
.h3-3 {
    border-left: 4px solid #af0000;
}
.h3-4 {
    border-left: 4px solid #3378b3;
}
.h3-5 {
    border-left: 4px solid #5b8d21;
}
[class^="h4-"]{
	padding: 5px 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
[class^="h4-"]:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 7px;
}
.h4-1:before {
	background-color: #999;
}
.h4-2:before {
    background-color: #eca600;
}
.h4-3:before {
    background-color: #af0000;
}
.h4-4:before {
    background-color: #3378b3;
}
.h4-5:before {
    background-color: #5b8d21;
}

/*
 カラムレイアウト
----------------------------*/
.lytCol {
    margin-bottom: 40px;
}
.lytCol > .col > *:last-child {
    margin-bottom: 0;
}
.lytCol.col2 > .col, .lytCol.col3 > .col, .lytCol.col3-1 > .col, .lytCol.col4 > .col {
    float: left;
    margin-left: 3.63636%;
    margin-top: 3.63636%;
}
.lytCol.col2 > .col {
    width: 48.1818%;
}
.lytCol.col2 > .col:nth-child(-n+2) {
    margin-top: 0;
}
.lytCol.col2 > .col:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
}
.lytCol.col3 > .col {
    width: 30.9091%;
}
.lytCol.col3 > .col:nth-child(-n+3) {
    margin-top: 0;
}
.lytCol.col3 > .col:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}
.lytCol.col3-1 > .col {
    margin-top: 0;
}
.lytCol.col3-1 > .col:first-child {
    margin-left: 0;
    width: 73.1818%;
}
.lytCol.col3-1 > .col:last-child {
    width: 23.1818%;
}
.lytCol.col4 > .col {
    width: 22.2727%;
}
.lytCol.col4 > .col:nth-child(-n+4) {
    margin-top: 0;
}
.lytCol.col4 > .col:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
}
@media only screen and (max-width: 767px) {
	.lytCol {
    margin-bottom: 20px;
	}
	.lytCol.col2 > .col {
		float: none;
		width:  100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.lytCol.col3 > .col, .lytCol.col3-1 > .col, .lytCol.col4 > .col {
		float: left;
		margin-left: 3.63636%;
		margin-top: 3.63636%;
	}
	.lytCol.col3 > .col {
		width: 48.1818%;
	}
	.lytCol.col3 > .col:nth-child(-n+3) {
		margin-top: 0;
	}
	.lytCol.col3 > .col:nth-child(3n+1) {
		clear: left;
		margin-left: 0;
	}
	.lytCol.col3-1 > .col {
		margin-top: 0;
	}
	.lytCol.col4 > .col {
		width: 48.1818%;
	}
	.lytCol.col4 > .col:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}
}


/*
 ユーザー情報
----------------------------*/
.user-info {
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 10px;
}
.personal span {
	word-break: break-all;
}
@media only screen and (max-width: 767px) {
	.personal span {
		display: block;
	}
}
.user-info .personal:first-child {
	margin-top: 0;
}
.user-info .personal + .personal {
	margin-bottom: 0;
}

/*
 フォームパーツ
----------------------------*/
label {
	cursor: pointer;
}
input[type="radio"] {
	margin-right: 5px;
	border-radius: 100%;
	vertical-align: middle;
	cursor: pointer;
}
input[type="checkbox"] {
	margin-right: 5px;
	vertical-align: middle;
	cursor: pointer;
}
input[type="submit"] {
	font-family: inherit;
	cursor: pointer;
}
input[type="text"],
input[type="password"] {
	border: 1px solid #c3c3c3;
}
@media only screen and (max-width: 767px) {
	input[type="text"],
	input[type="password"] {
		box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
		width: 100%;
	}
}
select {
	cursor: pointer;
}
.pager {
	text-align: center;
}
.pager input {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #314da5;
	background: transparent;
	border: 0;
}
.pager li {
	display: inline-block;
	position: relative;
}
.pager li + li {
	margin-left: 20px;
}
.pager .back:before,
.pager .next:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-top: 2px solid #314da5;
	border-right: 2px solid #314da5;
}
.pager .back:before {
	left: -10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.pager .next:after {
	right: -9px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*
 パネル
----------------------------*/
.panel-warning {
	padding: 9px 19px;
	margin: 0 0 20px;
	border: 1px solid #f00;
	background: #ffe5e5;
	color: #c00;
}
.panel-primary {
	padding: 9px 19px;
	margin: 0 0 20px;
	background: #f5f5f5;
	color: #c00;
}
.panel-info {
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 10px;
}
.panel-simplebd {
	border: 1px solid #ccc;
	padding: 10px;
}

/*
 table
----------------------------*/
table {
	border-spacing: 0;
	border-collapse: collapse;
}
th, td {
	padding: 6px 9px;
	word-break: break-all;
	border: 1px solid #c3c3c3;
	text-align: center;
}
th {
	background-color: #eee;
	font-weight: normal;
	line-height: 1.4;
}
.table-alignLeft th,
.table-alignLeft td {
	text-align: left;
}
.tablew100per table {
	width: 100%;
}
.tablew950px table {
	width: 950px;
}
@media only screen and (max-width: 767px) {
	.tablew950px {
		overflow-x: auto;
		-webkit-overflow-scrolling: auto;
	}
	.tablew950px::-webkit-scrollbar {
		height: 5px;
		background: #888;
	}
	.tablew950px::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background: #888;
	}
	.tablew950px::-webkit-scrollbar-corner {
		background: transparent;
	}
}

.tableblock table {
	width: 100%;
}
.tableblock + .panel-warning {
	margin-top: 30px;
}

@media only screen and (max-width: 767px) {
	.tableblock table,
	.tableblock thead,
	.tableblock tbody,
	.tableblock tr,
	.tableblock table th,
	.tableblock table td {
		display: block;
	}
	.tableblock table th,
	.tableblock table td {
		border-bottom: 0;
	}
	.tableblock tr:last-child {
		border-bottom: 1px solid #c3c3c3;
	}
	.tableblock col {
		width: 100%;
	}
}

table .bg-1 {background-color: #fff;}
table .bg-2 {background-color: #e7e7e7;}
table .bg-3 {background-color: #fffbe6;}
table .bg-4 {background-color: #d1f1ab;} /* 業務画面 項目名 */
table .bg-5 {background-color: #f4ffe6;} /* 業務画面 バリュー */

.radioButtonTable .radioButtonTd{width: 16px; }
.radioButtonTable td{
	border-style:none;
	padding: 1px;
}


/*
 ページトップ
----------------------------*/
.move-top {
	position: fixed;
	right: 30px;
	bottom: 100px;
	width: 64px;
	height: 64px;
	z-index: 9999;
}

.move-top a {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0;
	padding-left: 0;
	background: url(../img/share/icon_pagetop.png) 0 0 no-repeat #ddd;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
@media only screen and (max-width: 767px) {
.move-top {
	position: fixed;
	right: 10px;
	bottom: 0px;
	width: 40px;
	height: 40px;
}
.move-top.fixed {
	bottom: 0;
}


.move-top a {
	width: 40px;
	height: 40px;
	background: url(../img/share/sp_icon_pagetop.png) 0 0 no-repeat #ddd;
	background-size: 40px auto;
}
}


/*
 注意事項
----------------------------*/

.accordion dt {
	display:block;
	border: #ccc 1px solid;
	cursor:pointer;
	position: relative;
	zoom: 1;
	border: 1px solid #c3c3c3;
	color: #314da5;
	font-weight: bold;
}

.accordion dt a {
	display: block;
	padding: 10px 20px;
}

.accordion2 dt {
	display:block;
	border: #ccc 1px solid;
	padding: 10px 20px;
	margin-top: 10px;
	border: 1px solid #c3c3c3;
	color: #223;
	font-weight: bold;
}

.accordion dt:before {
	display: block;
	content: "+";
	position: absolute;
	top: 12px;
	right: 15px;
	font-size: 20px;
	-webkit-transition: -webkit-transform .3s ease;
	-moz-transition: -moz-transform .3s ease;
	transition: transform .3s ease;
}
.accordion dt.open:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.accordion dt.active:before{
	display: block;
	content: "+";
	font-size: 20px;
	-webkit-transition: -webkit-transform .3s ease;
	transition: transform .3s ease;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.accordion dt:hover,
.accordion dt:focus {
	color: #0074bd;
}

.accordion dt:hover > .text,
.accordion dt:focus > .text {
	text-decoration: underline;
}

.accordionPanelInner,
.accordionPanelInner2 {
	padding: 30px;
	border: 1px solid #ccc;
	border-top: transparent;
}

[data-script-enabled='true'] .accordionPanelInner {
	display: none;
}

.accordion2.type-scroll .accordionPanelInner2 {
	overflow-y: scroll;
	max-height: 100px;
}
@media only screen and (max-width: 767px) {
	.accordion2.type-scroll .accordionPanelInner2 {
		overflow-y: auto;
		-webkit-overflow-scrolling: auto;
	}
	.accordion2.type-scroll .accordionPanelInner2::-webkit-scrollbar {
		width: 5px;
		background: #888;
	}
	.accordion2.type-scroll .accordionPanelInner2::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background: #888;
	}
	.accordion2.type-scroll .accordionPanelInner2::-webkit-scrollbar-corner {
		background: transparent;
	}
}

/*
 タブコンテンツ
----------------------------*/
.wrap-tab {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #c3c3c3;
}
.wrap-tab li {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	padding: 0 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.wrap-tab li:first-child {padding-left: 0;}
.wrap-tab li:last-child {padding-right: 0;}
.wrap-tab li > a {
	color: #333;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	height: 44px;
	vertical-align: middle;
	border-right: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	border-top: 1px solid #c3c3c3;
	background-color: #f4f4f4;
	border-radius: 5px 5px 0 0;
}
.wrap-tab li > a > span {
	display: block;
	width: 100%;
	height: 44px;
	padding-top: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
	line-height: 1.3em;
}
.wrap-tab li.active > a {
	background-color: #fff;
	position: relative;
}
.wrap-tab li.active > a:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -1px;
}
div[class^="tab-content"] {
	padding-top: 20px;
}

/*
 アイコンなど
----------------------------*/
.tag-required {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	background-color: #e00000;
	display: inline-block;
	padding: 3px 8px;
	border-radius: 4px;
	margin-left: 7px;
	margin-right: 7px;
	line-height: 1em;
	vertical-align: middle;
}


/*
オサ追記分
----------------------------*/

/*00_top/1.xhtml*/
#top .inner {
	min-width: 950px;
}
.d-news {
	border: 2px solid #cc0000;
	padding: 15px;
	margin-bottom: 20px;
	clear: both;
}
.d-news .caution {
	color: #cc0000;
	background: url(../img/share/icon_alert.png) 0 0 no-repeat;
	padding-left: 25px;
	font-weight: bold;
	line-height: 2;
  border-bottom: 1px dotted #ccc;
}
.d-news .warning {
	font-weight: bold;
}
.d-news .d-news-l {
	padding-left: 10px;
	display: inline-block;
}
.d-news .d-news-r {
  display: inline-block;
  float: right;
}
.d-news-r .button2 {
  margin-left: 6px;
  cursor: pointer;
}
/*========================================
	改修のため
.priorityInfo-alert {
	background: url(../img/share/icon_alert.png) 0 0 no-repeat;
	padding-left: 25px;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}
.priorityInfo-alert .priorityInfo-number {
	margin-left: 10px;
	padding: 1px 10px 0;
	background: #de0013;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.7em;
}

.priorityInfo {
	margin-bottom: 30px;
  	padding-top: 5px;
}
.priorityInfo-inner {
  border: 1px solid #cccccc;
  overflow-y: scroll;
  height: auto;
  max-height: 80px;
  position: relative;
	background: #fff;
	padding: 5px 10px 10px;
}
.priorityInfo-inner div {
  padding: 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	line-height: 2.2;
	border-bottom: 1px dotted #ccc;
}
.priorityInfo-inner div:last-child {
	border-bottom: none;
}
========================================*/
.priorityInfo {
	margin-bottom: 30px;
	border: solid 1px #cccccc;
}
.priorityInfo .headline {
	position: relative;
	background-color: #eef2ed;
}
.priorityInfo .headline .title {
	display: block;
	position: relative;
	padding: 15px 15px 10px 50px;
	font-weight: bold;
	background: url(../img/share/icon_alert.png) 20px 50% no-repeat;
	background-size: 22px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2em;
}
.priorityInfo .headline .js-toggleBtn {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 14px 16px 14px 50px;
	text-align: left;
	background: none;
	border: none;
}

.priorityInfo .headline .js-toggleBtn::before {
	display: block;
	content: "+";
	position: absolute;
	top: 12px;
	right: 15px;
	font-size: 20px;
	-webkit-transition: -webkit-transform .3s ease;
	-moz-transition: -moz-transform .3s ease;
	transition: transform .3s ease;
}
.priorityInfo .headline .js-toggleBtn.is-opened::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.priorityInfo .headline .js-toggleBtn span {
	position: absolute;
	top: 13px;
	left: 50px;
	display: inline-block;
	color: transparent;
}

.priorityInfo .headline .number {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 10px;
	background: #de0013;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2em;
	vertical-align: top;
}
.priorityInfo .priority-inner {
	padding: 0 20px 10px 20px;
}
.priorityInfo .priority-inner .priority-list > li {
	border-bottom: dotted 1px #ddd;
}
.priorityInfo .priority-inner .priority-list > li a {
	display: block;
	padding: 8px 0;
}
.priorityInfo .priority-inner .priority-list > li .date {
	display: block;
	width: 95px;
	float: left;
	color: #222233;
	font-size: 12px;
	font-size: 1.2rem;
}
.priorityInfo .priority-inner .priority-list > li .text {
	display: inline-block;
	position: relative;
	width: 795px;
	padding-left: 15px;
	font-size: 14px;
	font-size: 1.4rem;
}
.priorityInfo .priority-inner .priority-list > li a:hover .text {
	text-decoration: underline;
}
.priorityInfo .priority-inner .priority-list > li .text:before {
	position: absolute;
	top: 0.4em;
	display: inline-block;
	content: '';
	vertical-align: middle;
	left: 0;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #333;
}

@media only screen and (max-width: 767px) {
.priorityInfo .headline {
	padding: 15px 15px 10px 15px;
}
.priorityInfo .priority-inner .priority-list > li a {
	padding: 5px 0;
}
.priorityInfo .priority-inner .priority-list > li .date {
	width: 100%;
	float: none;
	font-size: 11px;
	font-size: 1.1rem;
}
.priorityInfo .priority-inner .priority-list > li .text {
	display: block;
	position: relative;
	width: 100%;
	padding-left: 10px;
	font-size: 13px;
	font-size: 1.3rem;
}
.priorityInfo .headline .title {
	padding: 0 15px 0 30px;
	background: url(../img/share/icon_alert.png) 5px 50% no-repeat;
	background-size: 18px;
}
}






.top-status {
	width: 100%;
	margin-bottom: 30px;
}
.top-status div {
	float: left;
	min-height: 130px;
	padding: 15px 20px 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.top-status .top-status-l {
	width: 70%;
	margin-right: 15px;
}
.top-status .top-status-r {
	width: calc(30% - 15px);
}
.top-status div dt {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.top-status div dd {
	font-size: 1.25em;
	font-weight: bold;
}
.top-nav {
	position: relative;
	margin: 20px 0 30px;
}
@media only screen and (max-width: 767px) {
	.top-nav {
		margin-top: 0;
	}
}
.top-nav-tab {
	width: 100%;
	height: 256px;
	font-size: 0;
	display: table;
	table-layout: fixed;
}
@media only screen and (max-width: 767px) {
	.top-nav-tab {
		height: auto;
	}
}
.top-nav-tab > li {
	display: table-cell;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 4px;
}
.top-nav-tab li h2{
	text-align: left;
}
.top-nav-tab li:first-child {padding-left: 0;}
.top-nav-tab li:last-child {padding-right: 0;}
.top-nav-tab > li > a {
	display: block;
	padding: 12px 0 8px;
	background: #eee;
	z-index: 1;
	color: #314da5;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-weight: bold;
	border: 1px solid #ccc;
	border-bottom: none;
}
.top-nav-tab > li > a.current {
	position: relative;
	background: #fff;
	color: #000;
}
.top-nav-tab > li > a.current:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	margin-bottom: -3px;
	content: "";
	background: #fff;
}
.top-nav-tab li:first-child {
	margin-left: 0;
}
.top-nav-tab li:last-child {
	margin-right: 0;
}
.top-nav-tab > li > a.current {
	padding: 8px 0 8px;
}
.top-nav-tab li:nth-child(1) a.current {
	border: 1px solid #FFC000;
	border-top: 5px solid #FFC000;
	border-bottom: none;
}
.top-nav-tab li:nth-child(2) a.current {
	border: 1px solid #AF0000;
	border-top: 5px solid #AF0000;
	border-bottom: none;
}
.top-nav-tab li:nth-child(3) a.current {
	border: 1px solid #3378B3;
	border-top: 5px solid #3378B3;
	border-bottom: none;
}
.top-nav-tab li:nth-child(4) a.current {
	border: 1px solid #5B8D21;
	border-top: 5px solid #5B8D21;
	border-bottom: none;
}
.top-nav-tab li h2 {
	margin: 0;
	font-size: 1.17em;
	font-style: normal;
	font-weight: bold;
	background-color:#fff;
	padding: 0;
}
.top-nav-contents-top {
	font-weight: bold;
}
.top-nav-box1 {
	border: 1px solid #FFC000;
}
.top-nav-box2 {
	border: 1px solid #AF0000;

}
.top-nav-box3 {
	border: 1px solid #3378B3;
}
.top-nav-box4 {
	border: 1px solid #5B8D21;
}
.top-nav-column {
	width: 100%;
	line-height: 2;
}
.top-nav-column ul {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 15px 20px;
	font-size: 0;
}
.top-nav-column ul li {
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
}
.top-nav-column ul li:nth-child(3n+1) {
	clear: both;
}
.top-nav.top-nav01 #tab-01 h2,
.top-nav.top-nav02 #tab-02 h2,
.top-nav.top-nav03 #tab-03 h2,
.top-nav.top-nav04 #tab-04 h2 {
	display: none;
}
.top-nav.top-nav01 #tab-01 .link:before,
.top-nav.top-nav02 #tab-02 .link:before,
.top-nav.top-nav03 #tab-03 .link:before,
.top-nav.top-nav04 #tab-04 .link:before {
	top: .45em;
	left: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	border-right: 5px solid transparent;
}

@media only screen and (max-width: 767px) {
	.top-nav-tab > li > a.current:after {
		left: auto;
	}
}

.js-tab-content {
	width: 908px;
	position: absolute;
	z-index: 0;
	top: 44px;
	left: 0;
	padding: 20px;
	text-align: left;
}
@media only screen and (max-width: 949px) and (min-width: 768px) {
	.js-tab-content {
		width: 888px;
	}
}

.bnr_area_commun img{
	border: 1px solid #a1a1a1;
}

/*フロー図*/
.flow-area {
	margin-bottom: 30px;
}
.flow-area ul {
	font-size: 0;
}
.flow-area ul li {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	background: #eee;
	padding: 0 10px;
	min-height: 65px;
	text-align: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
	position: relative;
}
.flow-area.type-5 ul li {
	width: calc(20% - 8px);
	margin-right: 10px;
}
.flow-area.type-4 ul li {
	width: calc(25% - 8px);
	margin-right: 10px;
}
.flow-area ul li dl {
	margin-top: 8px;
}
.flow-area ul li:last-child {
	margin-right: 0;
}
.flow-area ul li.single {
	line-height: 65px;
}
.flow-area ul li::after {
	border-left: 8px solid #999;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-right: -8px;
	margin-top: -8px;
}
.flow-area.type-4 ul li::after {
	margin-left: 115px;
}
.flow-area ul li:last-child::after {
	content: none;
}
.flow-area ul li.current {
	background: #af0000;
	color: #fff;
	border: none;
}

/*テーブル内 文字左寄せ*/
.type-left th,
.type-left td {
	text-align: left;
}

/*h2 border-topの色指定*/
.type-red.h2-1{
	border-top: 4px solid #af0000;
}
.type-gray.h2-1{
	border-top: 4px solid #ccc;
}

/*項目区切り線*/
.hr-1 {
	border-top: 2px solid #ccc;
	margin: 50px 0 20px 0;
}

/*定義リスト横並び*/
dl.type-inline dt,
dl.type-inline dd {
	display: inline-block;
}

/*03_campaignフォルダ内「5.xhtml」にのみ使用*/
.type-meigi th {
	color: #fff;
	background: #0a68c2;
}
.type-meigi td {
	background: #eee;
}
.type-meigi td div {
	padding: 5px 10px;
	background: #fff;
}

/*ボタン隣接（モジュールとして追加）*/
/*.selectBtn2 {
	text-align: right;
}
.selectBtn2 div {
	display: inline-block;
	margin-right: 20px;
}
.selectBtn2 div:last-child {
	margin-right: 0;
}*/

.selectBtn2 {
	text-align: right;
	margin-bottom: 20px;
}
.selectBtn2 {
	text-align: right;
	margin-bottom: 20px;
}
.selectBtn2 li {
	display: inline-block;
}
.selectBtn2 li + li {
	margin-left: 20px;
}
.selectBtn3 {
	text-align: right;
	margin-bottom: 20px;
}
.selectBtn3 li {
	display: inline-block;
	margin-right: 20px;
}
.selectBtn3 li:last-child {
	margin-right: 0;
}

/*スマホのみ改行*/
.br_sp {
	display: none;
}

/*sup注釈*/
sup.notes {
	color: #e00000;
}

/*スマホの時だけ左寄せのボタン（モジュールとして追加）*/
.btn-pcRight {
	text-align: right;
	margin: 5px 0;
}
.btn-lowPriority:link,
.btn-lowPriority:visited {
	color: #223;
}

/*タブメニュー*/
.js-top-megadrop .hidden,
.js-top-tab .hidden {
    display: none;
}
.js-top-megadrop .js-tab-content,
.js-top-tab .js-tab-content {
    opacity: 0;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.js-top-megadrop .js-tab-content {
    width: 100%;
    position: absolute;
    background: #fff;
}

.js-top-megadrop .js-tab-content-toggle,
.js-top-tab .js-tab-content-toggle {
    display: none;
}

@media only screen and (max-width: 767px) {
/*00_top/1.xhtml*/
.d-news .d-news-r {
	float: none;
	width: 100%;
  text-align: center;
}
.d-news .d-news-l {
	margin-bottom: 10px;
}
.d-news .caution {
	border-bottom: none;
}
.priorityInfo-inner {
	overflow-y:scroll;
}
.priorityInfo-inner::-webkit-scrollbar {
	width:10px;
}
.priorityInfo-inner::-webkit-scrollbar-track {
	background:#eee;
}
.priorityInfo-inner::-webkit-scrollbar-thumb {
	background:#ccc;
}
.top-status div {
  display: block;
  float: none;
  width: 100%;
  min-height: auto;
}
.top-status .top-status-l {
  width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}
.top-status .top-status-r {
  width: 100%;
	margin-right: 0;
}
.bnr_area img {
	width: 100%;
}
.bnr_area_commun img{
	width: 100%;
}
/*フロー図*/
.flow-area ul li {
	min-height: inherit;
	padding: 0;
	margin-bottom: 20px;
}
.flow-area.type-5 ul li,
.flow-area.type-4 ul li {
	width: 100%;
}
.flow-area ul li.single {
	line-height: 1.7em;
	padding: 8px;
}
.flow-area.type-4 ul li::after {
	margin-left: 0;
}
.flow-area ul li dl {
	display: table;
	width: 100%;
	margin: 8px;
}
.flow-area ul li dt {
	display: table-cell;
	width: 25%;
	border-right: 1px solid #ccc;
}
.flow-area ul li dd {
	display: table-cell;
	width: 75%;
	text-align: left;
	padding-left: 20px;
}
.flow-area ul li::after {
	border-top: 12px solid #999;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	content: "";
	position: absolute;
	top: 100%;
	right: 50%;
	margin-top: 0;
	margin-left: -7px;
}
/*ボタン隣接（モジュールとして追加）*/
/*.selectBtn2 div {
	display: block;
	margin-right: 0;
	margin-bottom: 20px;
}*/
.selectBtn2 li {
	display: block;
	margin-bottom: 20px;
}
.selectBtn2 li + li {
	margin-left: 0;
}
.selectBtn3 {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	font-size: 0;
}
.selectBtn3 li {
	width: 49%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-right: 0;
	font-size: 1.4rem;
}
.selectBtn3 li:nth-child(odd) {
	margin-right: 1%;
}
.selectBtn3 li:nth-child(even) {
	margin-left: 1%;
}
.selectBtn3 li a {
	min-width: 0;
	display: block;
}
.selectBtn3 li a::after {
	right: 16px;
}

.selectBtn3 li a {
	width: auto !important;
}

/*スマホのみ改行*/
.br_sp {
	display: block;
}

/*h3内のspanの部分をスマホの時のみ次の行に*/
.h3-1 span {
	display: block;
}

/*スマホの時のみ左寄せのボタン（モジュールとして追加）*/
.btn-pcRight {
	text-align: left;
}

/*スマホの時のみwidth100%*/
.w-sp100 {
	width: 100% !important;
}

/*アコーディオンメニュー（PC時タブメニュー）*/
.inner {
	width: 100%;
	min-width: 100% !important;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.top-nav .top-nav-tab > li {
	display: block;
	width: 100%;
	padding: 0;
}
.js-tab-content {
	width: auto;
	position: static;
}
.js-top-megadrop .js-tab-content,
.js-top-tab .js-tab-content {
	display: none;
}
.js-top-megadrop .js-tab-content-toggle,
.js-top-tab .js-tab-content-toggle {
	display: block;
}
.js-top-megadrop .js-tab-content-toggle.hidden,
.js-top-tab .js-tab-content-toggle.hidden {
	display: none;
}
.top-nav-tab > li > a {
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
}
.top-nav-tab > li > a::before,
.top-nav-tab > li > a::after{
	display: block;
	content: '';
	width: 2px;
	height: 18px;
	background-color: #000;
	position: absolute;
	top: 13px;
	right: 25px;
}
.top-nav-tab > li > a::before {
	width: 18px;
	height: 2px;
	top: 21px;
	right: 17px;
}
.top-nav-tab > li > a.current::before,
.top-nav-tab > li > a.current::after{
	display: block;
	content: '';
	width: 2px;
	height: 20px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #000;
	position: absolute;
	top: 13px;
	right: 25px;
}
.top-nav-tab > li > a.current::after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.top-nav-tab > li:nth-child(1) > a {
	border: 1px solid #ccc;
  border-left: 5px solid #FFC000;
	background: #fff;
}
.top-nav-tab > li:nth-child(2) > a {
	border: 1px solid #ccc;
  border-left: 5px solid #AF0000;
	background: #fff;
}
.top-nav-tab > li:nth-child(3) > a {
	border: 1px solid #ccc;
  border-left: 5px solid #3378B3;
	background: #fff;
}
.top-nav-tab > li:nth-child(4) > a {
	border: 1px solid #ccc;
  border-left: 5px solid #5B8D21;
	background: #fff;
}
.top-nav-tab > li:nth-child(1) > a.current {
	border: 1px solid #ccc;
  border-left: 5px solid #FFC000;
	background: #fffbed;
}
.top-nav-tab > li:nth-child(2) > a.current {
	border: 1px solid #ccc;
  border-left: 5px solid #AF0000;
	background: #f0e3e3;
}
.top-nav-tab > li:nth-child(3) > a.current {
	border: 1px solid #ccc;
  border-left: 5px solid #3378B3;
	background: #e3e9ee;
}
.top-nav-tab > li:nth-child(4) > a.current {
	border: 1px solid #ccc;
  border-left: 5px solid #5B8D21;
	background: #f6feed;
}
.top-nav-tab > li > a::after {
	content: "開く";
	text-indent: -9999px;
}
.top-nav-tab > li > a.current::after {
	content: "閉じる";
}
.top-nav-tab li a {
	border: none;
	padding: 10px 10px 10px 12px;
	border-radius: 0;
	text-align: left;
	position: relative;
}
.top-nav-tab li a.current {
	padding: 10px;
}
.top-nav-tab li h2 {
	margin: 10px 0 20px;
	background: transparent;
	font-size: 1.17em;
	font-style: normal;
	font-weight: bold;
	padding: 0px;
}
.top-nav-tab h2 > a {
	padding: 0 10px 10px 12px;
}
.top-nav-column ul {
	padding: 0;
}
.top-nav-column ul li {
	width: 100%;
	vertical-align: top;
	line-height: 1.5;
	margin-bottom: 15px;
	padding: 0;
}
.top-nav-column ul li a {
	padding: 0 7px 0 12px;
	text-align: left;
	font-weight: normal;
}
.top-nav-box1,
.top-nav-box2,
.top-nav-box3,
.top-nav-box4 {
	padding: 10px;
	border: 1px solid #ccc;
	border-top: none;
	background: #f8f8f8;
}
}

/*
 ユーザー情報エリア（ヘッダ下）
----------------------------*/
.d-mypage {
	width: 950px;
	margin: 0 auto;
}
@media only screen and (max-width: 949px) and (min-width: 768px) {
	.d-mypage {
		padding: 0 10px;
		box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.d-mypage {
		padding: 0 10px;
		box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
		width: 100%;
	}
}
#userTop {
	margin-bottom: 20px;
/*================  [2016-102107 Yokouchi　2017/06/28] START ================*/
/* userTopのスタイルを既存と同等にするために追加 */
	display: block;
	overflow: hidden;
/*================  [2016-102107 Yokouchi] END ================*/
}
ul.list-bread{
	margin: 5px 0 20px;
	letter-spacing:-.40em;
}
ul.list-bread li{
	letter-spacing:normal;
	display:inline;
}
ul.list-bread li + li {
	margin-left: 15px;
}
ul.list-bread li > a {
	margin-right: 15px;
}
.top_area{
	width:760px;
	float:left;
}
@media only screen and (max-width: 949px) and (min-width: 768px) {
	.top_area{
		width:740px;
	}
}
#userTop .login_area,
.d-mypage-state{
	width:190px;
	float:left;
}
@media only screen and (max-width: 767px) {
	.top_area,
	#userTop .login_area,
	.d-mypage-state{
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 949px) and (min-width: 768px) {
	.d-mypage-state {
		width:170px;
	}
}
@media only screen and (max-width: 767px) {
	.d-mypage-state {
		width:170px;
	}
}
.logout_area{
	width:112px;
	float:right;
}
#login{
	width:190px;
}
.login_area {
	width: auto;
	margin-bottom: 0;
	float: none;
}
.iconclass{
	height:30px;
	padding-left:34px;
	background:url(../img/share/icon_login.png) left center no-repeat;
	display:inline-block;
}
.login_area .login_text{
	padding:5px 2px 0 5px;
	margin: 0;
	font-size:0.87em;
}
.d-state {
	margin:0 auto;
	width:950px;
	overflow:hidden;
}
@media only screen and (max-width: 767px) {
	.d-state {
		width: 100%;
	}
}
.d-state .d-inner {
	overflow:hidden;
}
.d-state .d-login {
	float:left;
	width:760px;
	padding: 0;
	margin-bottom: 0;
	overflow:hidden;
	border: 0;
	box-shadow: none;
}
@media only screen and (max-width: 767px) {
	.d-state .d-login {
		float: none;
		width: 100%;
	}
}
.d-state .d-login .d-mypage-name {
	float:left;
	width:auto;
	height:auto;
	padding: 0;
	line-height:29px;
	text-align:left;
}
.d-state .d-login .d-mypage-name span {
	padding:0 0.5em;
	font-weight:bold;
}
.d-state .d-login .d-member-status {
	clear: both;
	float:left;
	width:auto;
	height:29px;
	line-height:29px;
	text-align:center;
	margin: 0;
	padding-bottom: 0;
}
.d-state .d-btn-state {
	float:right;
	margin-right: 0;
}
@media only screen and (max-width: 767px) {
	.d-state .d-btn-state {
		float: none;
		margin: 8px 0;
	}
}
#guest {
	margin: 0;
}
.d-hide { display: none;}
.d-caution { padding-bottom: 5px; font-size: 85.7%; color: #cc0000; font-weight:bold;}
.top-status .hidden {
    display: none;
}
.date-designation input {
	margin-left: 10px;
	margin-top: 5px;
}
@media only screen and (max-width: 767px) {
	.date-designation input {
		margin-left: 5px;
		padding: 2px 5px;
	}
}

@media only screen and (max-width: 767px) {
	.d-input-txtL {
		width: 100%;
		box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
}

/*
 不足分を master.css からコピー
----------------------------*/
.d-read { padding: 0 0 0 20px; margin-bottom:10px; color: #444444;}
.d-clear { clear: both;}
.button2{
 padding:4px 16px;
 color:#000;
 display: inline-block;
 font-weight: bold;
 border-radius:2px;
 border:solid 1px #fccd0a;
 background:#fdd513;
 background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffe256), color-stop(100%, #f7bb06));
 background-image:-webkit-linear-gradient(top, #ffe256, #f7bb06);
 background-image:linear-gradient(to bottom, #ffe256, #ffc600);
}
.button2:hover{
 color:#000;
 text-decoration:none;
 border:solid 1px #f2b00a;
 background:#f2c85c;
 background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2c85c), color-stop(100%, #f0af0a));
 background-image:-webkit-linear-gradient(top, #f2c85c, #f0af0a);
 background-image:linear-gradient(to bottom, #f2c85c, #f0af0a);
}
.d-btn-csregi {
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	display:inline-block;
	margin:0;
	padding:0px 10px;
	vertical-align:middle;
	border:1px solid #000000;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#000000;
	background:#FFFFFF;
	background: -moz-linear-gradient(top, #ddffb5, #95c331);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddffb5), to(#95c331));
	/* IE10 */
	background: linear-gradient(to bottom, #ddffb5, #95c331);
}
.d-btn-csregi:hover {
	background: -moz-linear-gradient(top, #f1ffdb, #c3ec6b);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1ffdb), to(#c3ec6b));
	/* IE10 */
	background: linear-gradient(to bottom, #f1ffdb, #c3ec6b);
}

/*  料金・キャンペーン・ポイント トップ
======================================================================  */

.box-claim table + table {
	background-color: #dcdcdc;
}
.box-claim table + table th {
	background-color: transparent;
}

/*  ポイント詳細
======================================================================  */
.table-ptStatus th {
	text-align: left;
}
.table-ptStatus td {
	text-align: right;
}
.table-ptStatus tr:first-child th,
.table-ptStatus tr:first-child td {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 18px 9px 10px;
	border-bottom: 0;
}
.table-ptStatus tr + tr th:first-child {
	border-top: 0;
	border-bottom: 0;
	width: 1em;
}
.table-ptStatus tr:last-child th:first-child {
	border-bottom: 1px solid #c3c3c3;
}
.table-ptLapse table,
.table-ptUse table,
.table-ptGive table {
	width: 100%;
}
.table-ptGive tr.hide,
.table-ptUse tr.hide {
	display: none;
}
@media only screen and (max-width: 767px) {
	.table-ptLapse table,
	.table-ptUse table {
		width: 550px;
	}
	.table-ptGive table {
		width: 100%;
	}
	.table-ptLapse,
	.table-ptUse,
	.table-ptGive {
		overflow-x: auto;
		-webkit-overflow-scrolling: auto;
	}
	.table-ptLapse::-webkit-scrollbar,
	.table-ptUse::-webkit-scrollbar,
	.table-ptGive::-webkit-scrollbar {
		height: 5px;
		background: #888;
	}
	.table-ptLapse::-webkit-scrollbar-thumb,
	.table-ptUse::-webkit-scrollbar-thumb,
	.table-ptGive::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background: #888;
	}
	.table-ptLapse::-webkit-scrollbar-corner,
	.table-ptUse::-webkit-scrollbar-corner,
	.table-ptGive::-webkit-scrollbar-corner {
		background: transparent;
	}
}
.pt-box {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	.pt-box {
		width: 360px;
		margin: 0;
	}
}
.pt-box > * {
	display: table-cell;
}
span[class^="pt-"] {
	display: inline-block;
	text-align: center;
	min-width: 160px;
	border: 1px solid #d1d1d1;
	border-radius: 15px;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 8px 5px 6px 12px;
	line-height: 1.3em;
	position: relative;
}
span[class^="pt-"]:before {
	content: "";
	display: block;
	width: 12px;
	height: 100%;
	border-radius: 15px 0 0 15px;
	position: absolute;
	top: 0;
	left: 0;
}
@media only screen and (max-width: 767px) {
	span[class^="pt-"] {
		min-width: 70px;
		border-radius: 20px;
		overflow: hidden;
	}
	span[class^="pt-"]:before {
		border-radius: 20px 0 0 20px;
	}
}
@media only screen and (min-width: 768px) {
	span[class^="pt-"] br {
		display: none;
	}
}
.pt-normal:before { background-color: #ffc4c4;}
.pt-sonet:before { background-color: #cbe6fd;}
.pt-limited:before { background-color: #cfecaf;}
span.pt-disable { background-color: #cecece; color: #727272;}

@media only screen and (min-width: 768px) {
	.ptDetail-num {
		margin-left: 8px;
	}
}
@media only screen and (max-width: 767px) {
	.ptDetail-num {
		display: block;
	}
}
.ptDetail-num > span {
	font-weight: bold;
	font-size: 13px;
	font-size: 1.3rem;
	margin-right: 2px;
}
span[class^="pt-"] + span[class^="pt-"] {
	margin-left: 10px;
}
@media only screen and (max-width: 767px) {
	span[class^="pt-"] + span[class^="pt-"] {
		margin-left: 3px;
	}
}

.sort-month {
	margin-bottom: 20px;
	display: table;
	width: 100%;
}
.sort-month > * {
	display: table-cell;
	vertical-align: top;
}
.sort-month dt {
	width: 4em;
}
.sort-month dd {
	padding-left: 15px;
}
.sort-month dd > select {
	width: 300px;
	cursor: pointer;
	border-color: #c3c3c3;
	background-color: #fff;
}
@media only screen and (max-width: 767px) {
	.sort-month dd > select {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.table-ptGive col:last-child {
		width: 35%;
	}
}
.table-ptGive td,
.table-ptUse td {
	text-align: left;
}
.table-ptGive td + td,
.table-ptUse td + td {
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.table-ptUse td:nth-child(2) {
		text-align: left;
	}
}
.table-ptGive td > .item,
.table-ptUse td > .item {
	font-size: 18px;
	font-size: 1.8rem;
	display: inline-block;
	margin: 5px 0 2px;
}
.table-ptGive td > ul,
.table-ptUse td > ul {
	font-size: 12px;
	font-size: 1.2rem;
}
.table-ptUse .pt-box {
	margin-top: 3px;
}
div[class^="tab-content"] .btn-more,
div[class^="tab-content"] .btn-close {
	margin: 20px 0 0;
}
div[class^="tab-content"] .selectBtn2 {
	margin-bottom: 0;
}
div[class^="tab-content"] .selectBtn2 li {
	margin-bottom: 0;
}
div[class^="tab-content"] .selectBtn2 li.hide {
	display: none;
}
div[class^="tab-content"] .selectBtn2 li.hide + li {
	margin-left: 0;
}

/*  ログイン前
======================================================================  */
.loginBox {
  margin-top: 20px;
  padding: 30px 30px 20px;
  border-radius: 10px;
  background: #f4f4f4;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e8e8e8));
  background: linear-gradient(#f4f4f4, #e8e8e8);
}
.loginBox .inner {
  width: auto;
}
.loginForm {
  width: 415px;
  float: left;
  position: relative;
  box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  padding-right: 35px;
  border-right: 1px solid #dfdfdf;
}
.loginForm::after {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -2px;
}
.loginForm .item {
  padding-bottom: 5px;
}
.loginForm .item .title {
  padding-left: 8px;
  border-left: 8px solid #cccccc;
  line-height: 1.2em;
  font-size: 110%;
}
.loginForm .item .title span {
  font-size: 85%;
}
.loginForm .item .input,
.loginForm .item .text {
  padding: 10px 0px 0px 16px;
}
.loginForm .item .input .error,
.loginForm .item .text .error {
  margin-top: 0px;
  margin-bottom: 5px;
  padding: 3px 5px;
  font-size: 13px;
}
.loginForm input[type="text"],
.loginForm input[type="password"] {
  width: 340px;
}
.loginForm .notes {
  font-size: 85%;
}
.loginForm .notice {
  padding-top: 15px;
  font-size: 85%;
}
.loginForm .notice.right {
  text-align: right;
}

.loginInfo {
  float: right;
  width: 450px;
}
.loginInfo .notice {
  line-height: 1.4em;
}
.loginInfo .notice ul {
  margin-top: 5px;
  margin-bottom: 20px;
}
.loginInfo .notice li {
  list-style: disc;
  margin-left: 20px;
  padding-top: 5px;
}
.box_app-support:before, .box_app-support:after {content: ""; display: table;}
.box_app-support:after {clear: both;}
.img_app-support {
  width: 80px;
  float: left;
  margin: 20px 50px;
}

@media (min-width: 768px) and (max-width: 949px) {
  .loginBox {
    padding-left: 20px;
    padding-right: 20px;
  }
  .loginForm {
    width: 350px;
  }
  .loginForm input[type="text"],
  .loginForm input[type="password"] {
    width: 310px;
  }
  .loginInfo {
    width: 340px;
  }
}
@media (max-width: 767px) {
  .loginBox {
    padding: 20px;
  }
  .loginBox input[type="text"],
  .loginBox input[type="password"] {
    width: 100%;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  }
  .loginBox .inner {
    padding: 0;
    background: none;
  }
  .loginForm,
  .loginInfo {
    float: none;
    width: 100%;
  }
  .loginForm {
  	margin-bottom: 20px;
  	padding-right: 0;
  	border-right: 0;
  }
  .loginForm::after {
  	display: none;
  }
  .loginInfo .notice ul {
  	padding-bottom: 0;
  }
  .img_app-support {
    margin-left: 0;
    margin-right: 10px;
  }
}

.ability-list li {
  width: 303px;
  box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
  float: left;
}
.ability-list li + li {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid #ccc;
}
.ability-list .hdg {
  margin: 0 0 17px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #999;
  font-size: 16px;
  font-size: 1.6rem;
}
.ability-list .hdg > span {
  display: inline-block;
  margin-right: 10px;
  padding: 0 5px;
  line-height: 20px;
  background-color: #4b4b4b;
  border-radius: 3px;
  color: #fff;
}

@media (min-width: 768px) and (max-width: 949px) {
	.ability-list li {
		width: 296px;
	}
}

@media only screen and (max-width: 767px) {
  .ability-list {
    padding: 0 20px;
  }
  .ability-list li {
    width: auto;
    float: none;
  }
  .ability-list li + li {
    margin-top: 25px;
    margin-left: 0;
    padding-top: 25px;
    padding-left: 0;
    border-top: 1px solid #ccc;
    border-left: 0;
  }
}

.type-input.is-disabled,
.type-input.is-disabled:hover {
	background-color: #f6f6f6;
	border: 1px solid #ccc;
	text-decoration: none;
	cursor: default;
	box-shadow: initial;
}
.type-input.is-disabled:hover input,
.type-input.is-disabled:active input {
	background: transparent;
	text-decoration: none;
	color: #c5c5c5;
}
.type-input.is-disabled input {
	color: #c5c5c5;
	cursor: default !important;
}
.type-input.is-disabled:before {
	border-left-color: #ccc;
}
.btn-highPriority.type-input.is-disabled input {
	padding: 8px 5px 7px;
}

#ltd_csregi{
	border-bottom: solid 1px #C3C3C3;
}


/*================  [トップページ用追記　2018/03/05] START ================*/
.welcomeEnq {
	background: #f7f7f7;
	margin-bottom: 30px;
	padding: 12px 15px;
}
.welcomeEnq .message {
	float: left;
	margin-top: 0.6em;
	padding-left: 28px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	background:url(../img/share/icon_questionnaire.png) no-repeat 0 2px;
}
.welcomeEnq .btn {
	float: right;
	margin-bottom: 0;
}
.welcomeEnq:after{
	clear:both;
	content:"";
	display:block;
}
.bnr_area {
	margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.welcomeEnq {
	padding: 20px;
}
.welcomeEnq .message {
	float: none;
	margin-top: 0;
	padding-left: 28px;
	background:url(../img/share/icon_questionnaire.png) no-repeat 0 2px;
	background-size: 20px auto;
}
.welcomeEnq .btn {
	float: none;
	margin-top: 15px;
	text-align: center;
}
.bnr_area {
	margin: 0;
	border: solid 1px #a1a1a1;
}
.bnr_area .img {
	line-height: 0;
}
.bnr_area .title {
	padding: 5px 0;
	background: #428607;
	text-align: center;
}
.bnr_area .title span {
	padding: 5px 0 5px 45px;
	background: url(../img/share/icon_cloud.png) no-repeat 0 50%;
	background-size: 38px auto;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.bnr_area .aplArea .img {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 20px;
}
.bnr_area .aplArea .img > * {
	display: table-cell;
}
.bnr_area .aplArea .img .apl01 {
	padding-right: 20px;
}
.bnr_area .aplArea .img .apl02 {
	padding-left: 20px;
	border-left: solid 1px #ddd;
}
}
/*================  [トップページ用追記　2018/03/05] END ================*/
/*================  [重要なお知らせ一覧用追記　2018/05/14] START ================*/
.priorityList {
	margin: 25px 0 100px;
}
.priorityList .all-active {
	display: block;
	text-align: right;
}
.priorityList .all-active input {
	display: inline-block;
	padding: 5px 12px;
	border: solid 1px #ddd;
	border-radius: 20px;
	background: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #314da5;
}
.priorityList .listArea {
	border: solid 1px #ddd;
}
.priorityList .listArea {
	width: 950px;
	margin-top: 8px;
	border: solid 1px #ddd;
}
.priorityList .listArea .listBlock {
	display: table;
	box-sizing: border-box;
	border-bottom: solid 1px #ddd;
	width: 950px;
}
.priorityList .listArea .listBlock:last-child {
	border-bottom: none;
}
.priorityList .listArea .listBlock .list {
	margin-bottom: 0;
}
.priorityList .listArea .listBlock .list > * {
	box-sizing: border-box;
	display: table-cell;
}
.priorityList .listArea .listBlock .headline {
	position: relative;
	width: 870px;
	padding: 15px 25px;
}
.priorityList .listArea .listBlock .headline.current {
	background: #f5f9fb;
}
.priorityList .listArea .listBlock .checkBtn {
	position: relative;
	width: 80px;
	padding: 20px 0 0;
	background: #eeeeee;
	vertical-align: middle;
	text-align: center;
}
.priorityList .listArea .listBlock .checkBtn.current {
	background: #cac9c9;
}
.priorityList .listArea .listBlock .checkBtn input {
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -17px;
}
.priorityList .listArea .listBlock .headline .date {
	display: block;
	width: 95px;
	float: left;
	color: #222233;
	font-size: 12px;
	font-size: 1.2rem;
}
.priorityList .listArea .listBlock .headline .text {
	display: inline-block;
	width: 720px;
	color: #314da5;
	font-weight: bold;
}
.priorityList .listArea .listBlock .headline:hover .text {
	text-decoration: underline;
	color: #0074bd;
}
.priorityList .listArea .listBlock .done .headline .text {
	font-weight: normal;
	color: #223;
}
.priorityInfo .headline .js-toggleBtn {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 14px 16px 14px 50px;
	text-align: left;
	background: none;
	border: none;
}

.priorityInfo .headline .js-toggleBtn::before {
	display: block;
	content: "+";
	position: absolute;
	top: 7px;
	right: 15px;
	font-size: 20px;
	-webkit-transition: -webkit-transform .3s ease;
	-moz-transition: -moz-transform .3s ease;
	transition: transform .3s ease;
}
.priorityInfo .headline .js-toggleBtn.is-opened::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.priorityInfo .headline .js-toggleBtn span {
	position: absolute;
	top: 13px;
	left: 50px;
	display: inline-block;
	color: transparent;
}
.priorityList .listArea .listBlock .headline .js-toggleBtn {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 14px 16px 14px 50px;
	text-align: left;
	background: none;
	border: none;
	cursor: pointer;
}

.priorityList .listArea .listBlock .headline .js-toggleBtn::before {
	display: block;
	content: "+";
	position: absolute;
	top: 12px;
	right: 15px;
	font-size: 20px;
	-webkit-transition: -webkit-transform .3s ease;
	-moz-transition: -moz-transform .3s ease;
	transition: transform .3s ease;
}
.priorityList .listArea .listBlock .headline .js-toggleBtn.is-opened::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.priorityList .listArea .listBlock .headline .js-toggleBtn span {
	position: absolute;
	top: 13px;
	left: 50px;
	display: inline-block;
	color: transparent;
}
.priorityList .listArea .listBlock .content {
	display: none;
	border-top: solid 1px #ddd;
	padding-top: 30px;
}
.priorityList .listArea .listBlock .content .contentInner {
	max-height: 400px;
	overflow-y: scroll;
}
.priorityList .listArea .listBlock .content .contentInner .txt {
	padding: 0 30px;
}


/* 固定パネル */
.priorityBox.fixed-panel {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
    padding: 15px 0 20px;
    background: rgba(0,0,0,.7);
    transition: bottom 0.4s ease-out,opacity 0.4s ease-out;
    z-index: 10000;
}
.priorityBox.fixed-panel .title {
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.priorityBox.fixed-panel .btnArea {
	width: 800px;
	margin: 10px auto 0;
}
.priorityBox.fixed-panel .btnArea > * {
	width: 390px;
	float: left;
}
.priorityBox.fixed-panel .btnArea .canselBtn {
	margin-right: 20px;
}
.priorityBox.fixed-panel .btnArea > * > a {
	display: block;
	width: 390px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.3;
	padding: 15px 5px 13px;
	text-align: center;
	border-radius: 25px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.priorityBox.fixed-panel .btnArea .canselBtn a {
	background: #eee;
	color: #222233;
}
.priorityBox.fixed-panel .btnArea .canselBtn a:hover {
	background: #fff;
}
.priorityBox.fixed-panel .btnArea .agreeBtn a {
	background: #1469c0;
	color: #fff;
}
.priorityBox.fixed-panel .btnArea .agreeBtn a:hover {
	background: #2888e8;
}
.priorityBox.fixed-panel .btnArea:after{
	clear:both;
	content:"";
	display:block;
}
.priorityBox.fixed-panel .btnArea{
	overflow:hidden;
}
/* 同意／完了パネル */
.popup-panel {
	padding: 60px 40px 25px;
}
.popup-panel > .title {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.popup-panel .scrollArea {
	max-height: 320px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 30px;
}
.popup-panel .consentList > .title {
	width: 790px;
	padding: 15px 0;
	border-bottom: solid 1px #ddd;
}
.popup-panel .consentList > .title:first-child {
	border-top: solid 1px #ddd;
}
.popup-panel .consentList > .title .date {
	display: block;
	width: 90px;
	float: left;
	font-size: 12px;
	font-size: 1.2rem;
}
.popup-panel .consentList > .title .text {
	display: inline-block;
	width: 700px;
}
.popup-panel .btnArea {
	width: 320px;
	margin: 30px auto 0;
}
.popup-panel .btnArea > * {
	width: 150px;
	float: left;
}
.popup-panel .btnArea .canselBtn {
	margin-right: 20px;
}
.popup-panel .btnArea > * > a {
	display: block;
	width: 150px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.3;
	padding: 10px 5px 8px;
	text-align: center;
	border-radius: 20px;
	font-size: 14px;
	font-size: 1.4rem;
}
.popup-panel .btnArea .canselBtn a {
	background: #eeeeee;
	color: #222233;
	border: solid 1px #ddd;
}
.popup-panel .btnArea .canselBtn a:hover,
.popup-panel .btnArea .canselBtn a:active {
	background: #f4f4f4;
}
.popup-panel .btnArea .agreeBtn a {
	background: #1469c0;
	color: #fff;
	border: solid 1px #1469c0;
}
.popup-panel .btnArea .agreeBtn a:hover,
.popup-panel .btnArea .agreeBtn a:active {
	background: #2187eb;
}
.popup-panel .btnArea:after{
	clear:both;
	content:"";
	display:block;
}
.popup-panel .btnArea{
	overflow:hidden;
}
.stepList {
	padding: 20px 0;
}
.stepList .list {
	margin-bottom: 45px;
}
.stepList .list + .list {
	position: relative;
	padding-top: 25px;
}
.stepList .list + .list:before {
	position: absolute;
	content:"";
	background: url(../img/share/icon_arrow.png) no-repeat 0 0;
	width:30px;
	height: 18px;
	top: 0;
	left: 50%;
	margin-left: -15px;
}
.stepList .list .text {
	width: 380px;
	float: left;
}
.stepList .list .image {
	width: 320px;
	float: right;
}
.stepList .list:after{
	clear:both;
	content:"";
	display:block;
}
.stepList .list{
	overflow:hidden;
}
.stepList .list .text .step {
	display: block;
	width: 100px;
	margin-bottom: 15px;
	padding: 5px 0;
	background: #eeeeee;
	border-radius: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.priorityList {
		margin: 15px -10px;
	}
	.priorityList .all-active {
		padding-right: 10px;
	}
	.priorityList .all-active input {
		padding: 7px 15px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.priorityList .listArea {
		width: 100%;
	}
	.priorityList .listArea .listBlock {
		table-layout: fixed;
		width: 100%;
	}
	.priorityList .listArea .listBlock .headline {
		width: auto;
		padding: 13px 40px 13px 13px;
	}
	.priorityList .listArea .listBlock .checkBtn {
		width: 60px;
		vertical-align: middle
	}
	.priorityList .listArea .listBlock .checkBtn input {
		top: 50%;
		margin-top: -20px;
		left: 20px;
	}
	.priorityList .listArea .listBlock .headline .date {
		width: 100%;
		float: none;
	}
	.priorityList .listArea .listBlock .headline .text {
		display: block;
		width: 100%;
	}
	.priorityList .listArea .listBlock .headline .js-toggleBtn::before {
		top: 50%;
		right: 10px;
		margin-top: -15px;
	}
	.priorityList .listArea .listBlock .content {
		padding-top: 10px;
	}
	.priorityList .listArea .listBlock .content .contentInner {
		max-height: 350px;
	}
	.priorityList .listArea .listBlock .content .contentInner .txt {
		padding: 0 10px;
	}
	/* 固定パネル */
	.priorityBox.fixed-panel {
		box-sizing: border-box;
	    padding: 10px 10px;
	}
	.priorityBox.fixed-panel .title {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.priorityBox.fixed-panel .btnArea {
		width: 100%;
		margin: 5px auto 0;
	}
	.priorityBox.fixed-panel .btnArea .canselBtn {
		width: 30%;
		margin-right: 5%;
	}
	.priorityBox.fixed-panel .btnArea .agreeBtn {
		width: 65%;
	}
	.priorityBox.fixed-panel .btnArea > * > a {
		width: 100%;
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: normal;
	}
	.priorityBox.fixed-panel .btnArea > * > a {
		padding: 10px 5px 8px;
		border-radius: 20px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	/* 同意／完了パネル */
	.popup-panel {
		padding: 70px 15px 30px;
	}
	.popup-panel .scrollArea {
		max-height: 270px;
		margin-top: 10px;
	}
	.popup-panel .consentList > .title {
		width: 100%;
		padding: 12px 0;
	}
	.popup-panel .consentList > .title .date {
		width: 100%;
		float: none;
	}
	.popup-panel .consentList > .title .text {
		display: block;
		width: 100%;
	}
	.popup-panel .btnArea {
		width: 100%;
	}
	.popup-panel .btnArea > * {
		width: 48%;
	}
	.popup-panel .btnArea .canselBtn {
		margin-right: 4%;
	}
	.popup-panel .btnArea > * > a {
		width: 100%;
	}
	.stepList .list {
		margin-bottom: 30px;
	}
	.stepList .list .text {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.stepList .list .image {
		width: 100%;
		float: none;
	}
}
/*================  [重要なお知らせ一覧用追記　2018/05/14] END ================*/


/*  ソネットポイント トップページへ戻る
======================================================================  */
.totop {
	margin-top: 50px;
}