@charset "utf-8";





/*------------------------
Contents
------------------------*/
section {
	margin-bottom:20px;
}
#contents h3 {
	padding: 5px;
}


#contents p {
	margin-bottom:1em;
}
.box02 {
	margin:1.5em 0;
	padding:10px 20px;
	border:solid 1px #e2e2e2;
	color:#777777;
	font-size:.95em;
	line-height:1.4;
}
ul.col3 li{
	float:left;
	display:inline-block;
	width:203px;
	margin-right:25px;
	padding:10px 10px;
	/*border:solid 1px #dcdcdc;*/
	font-size:.85em;
}
ul.col3 li:last-child {
	margin-right:0 !important;
}
ul.col3 a {
	display:block;
	/*color:#333333;*/
}

/*ul.col3 li:hover {
	border:solid 1px #eb5505;
}*/

ul.col3 a li{
	background:url(../image/common/icon/icon_boxlink_g.png) no-repeat right top;
}
ul.col3 a li:hover{
	background:url(../image/common/icon/icon_boxlink_or.png) no-repeat right top;
}
ul.col3 a.boxlinkBlank li{
	background:url(../image/common/icon/icon_boxblank_g.png) no-repeat right top;
}
ul.col3 a.boxlinkBlank li:hover{
	background:url(../image/common/icon/icon_boxblank_or.png) no-repeat right top;
}

h4 {
    margin-top: 1em;
    padding-left: 18px;
    background: url(../image/common/icon/icon_h4.png) no-repeat 0 center;
    font-size: 1em;
    font-weight: bold;
    line-height: 2em;
}

/*step*/

ol.step_1c, ol.step_2c {
	margin:20px auto;
}
ol.step_1c li, ol.step_2c li {
	display:block;
	clear:both;
	margin-bottom:1em !important;
	padding-bottom:1em;
	
}

ul.step_2c li{
	overflow:hidden;
	_zoom:1;
}
ul.step_2c li img, ol.step_2c li > img, ol.step li span.qr {
	float:left;
	width:200px;
	height: auto;
	margin:0 30px 10px 0;
	border:solid 1px #aaa;
}

ul.step_2c li img {
	width:300px;
	border:none;
}
ol.step_2c li span.qr {
	text-align:center;
	border:none;
}
ol.step_2c li span.qr img{
	height: auto;
	width:auto;
	margin:10px auto;
	border:solid 1px #aaa;
}

ul.step_2c li p, ol.step_2c li p{
	float:left;
	width:420px;
	padding-left:22px;
}
ul.step_2c li p{
	width: 360px;
	/*padding: 1em 0 0 0;*/
	padding: 0;
}
ol.step_1c li p{padding-left:22px;}
ol.step_2c li p.indent{
	width:420px;
	padding-left:0;
}
ol.step li p.no01{ background:url(../image/no/no_01.png) no-repeat 0 2px; }
ol.step li p.no02{ background:url(../image/no/no_02.png) no-repeat 0 2px; }
ol.step li p.no03{ background:url(../image/no/no_03.png) no-repeat 0 2px; }
ol.step li p.no04{ background:url(../image/no/no_04.png) no-repeat 0 2px; }
ol.step li p.no05{ background:url(../image/no/no_05.png) no-repeat 0 2px; }
ol.step li p.no06{ background:url(../image/no/no_06.png) no-repeat 0 2px; }
ol.step li p.no07{ background:url(../image/no/no_07.png) no-repeat 0 2px; }
ol.step li p.no08{ background:url(../image/no/no_08.png) no-repeat 0 2px; }
ol.step li p.no09{ background:url(../image/no/no_09.png) no-repeat 0 2px; }
ol.step li p.no10{ background:url(../image/no/no_10.png) no-repeat 0 2px; }
ol.step li p.no11{ background:url(../image/no/no_11.png) no-repeat 0 2px; }

p.center img{	border:solid 1px #ccc;}


ul.step_3c {
	width:700px ;
	margin:0 auto 0;
	overflow:hidden;
	_zoom:1;
}
ul.step_3c li {
	float:left;
	width:210px;
	height: auto;
	margin:0 15px 0 0;
	padding:0 20px 0 0;
	background:url(../image/common/arrow/arrow_right.png) no-repeat right center;
	background-size: 18px 50px;
	text-align:center;
}
ul.step_3c li img, ul.step_3c li p {
	display:block;
	margin:0 auto;
}
 ul.step_3c li p  {
	padding-top:8px;
	line-height: 1.4;
	font-size: 95%;
	text-align:left;
}
.step_3c li:last-child {
	background:none;
	margin-right:0;
	padding-right:0;
}

.arrow_under {
	clear:both;
	display:block;
	width: 0px;
	height: 0px;
	margin:0 auto .1em;
	border-style: solid;
	border-width: 18px 28px 0 28px;
	border-color: #eb5505 transparent transparent transparent;
}

/*password/grid/pc/index.html よくある質問*/
.cus{
	border:#CCC 1px solid;
	padding:10px;
	display: inline-block;
}

ul.step_2c li .qa_txt{
	margin-left: 15px;
}
ul.step_2c li .qa_txt img{
	width:14px;
	height:12px;
	margin-right: 5px;
}
ul.step_2c li .cus img{
	width: auto;
	height: auto;
	margin: 0 5px 0 0;
}

ol.step_2c li > img.step_qr {
	width:95px;
}
/*よくある質問ここまで*/

/*security/auidpw/index.html au IDとパスワードを安全に*/
.id_box{
	position:relative;
	width:710px;
	height:270px;
	display:block;
	/*text-align:center;*/
}

.b_001{
	position:absolute;
	width:242px;
	height:247px;
	top:6px;
	left:75px;
	background-image:url(../image/security/auidpw/bg_01.png);
	background-repeat:no-repeat;
}

.b_002{
	position:absolute;
	width:242px;
	height:247px;
	top:6px;
	left:410px;
	background-image:url(../image/security/auidpw/bg_01.png);
	background-repeat:no-repeat;
}

.b_003{
	position:absolute;
	width:242px;
	height:247px;
	top:5px;
	left:495px;
	background-image:url(../image/security/auidpw/bg_01.png);
	background-repeat:no-repeat;
}


.b_001_x{
	position:absolute;
	width:242px;
	height:247px;
	top:7px;
	left:77px;
	background-image:url(../image/security/auidpw/bg_01.png);
	background-repeat:no-repeat;
}

.b_002_x{
	position:absolute;
	width:242px;
	height:247px;
	top:7px;
	left:409px;
	background-image:url(../image/security/auidpw/bg_02.png);
	background-repeat:no-repeat;
}

.b_003_x{
	position:absolute;
	width:242px;
	height:247px;
	top:5px;
	left:494px;
	background-image:url(../image/security/auidpw/bg_02.png);
	background-repeat:no-repeat;
}


.mi_001{
	position:absolute;
	width:177px;
	height:30px;
	top:16px;
	left:43px;
	font-weight:800;
	font-size:13px;
}

.mi_002{
	position:absolute;
	width:177px;
	height:30px;
	top:10px;
	left:43px;
	font-weight:800;
	font-size:13px;
}

.txtQ{
	position:relative;
	left: 30px;
	font-size:13px;
}

.txt_001{
	width:200px;
	height:80px;
	position:absolute;
	left: 27px;
	top: 59px;
	font-size:12px;
}

.txt_s{
	font-size:11px;
}

.link_001{
	position:absolute;
	width:200px;
	height:17px;
	left:21px;
	top:207px;
	font-size:13px;
}
a.shiro_link, a.shiro_link:link, a.shiro_link:visited{
		text-decoration:none;
		color:#fff;
		font-weight:800;
		display: block;
		text-align: center;
 }
a.shiro_link:active, a.shiro_link:hover{
	color:#09C;
	text-decoration:none;
}
a.c_link, a.c_link:link, a.c_link:visited{
		text-decoration:none;
		color:#000;
		font-weight:800;
		display: block;
		text-align: center;
 }

a.c_link:active, a.c_link:hover{
	color:#09C;
	text-decoration:none;
}

/*au IDとパスワードを安全に　ここまで*/

/*devauth/ 二段階認証*/

#regist_box {
	padding: 10px;
}
#regist_box .img {
    display: block;
    margin: 10px auto;
    text-align: center;
}
#regist_box .set_table {
    margin: auto;
    table-layout: fixed;
}
#regist_box .set_table td {
    font-size: 12px;
    vertical-align: top;
}

/*二段階認証　ここまで*/
/* list_style */
ul.list_disc > li {
	margin-top: 5px;
	padding-left: 15px;
	list-style: none !important;
	background: url(../img/list_disc.gif) left 5px no-repeat;
	background-size: 10px 10px;
}

ul.list_disc_s li {
	margin-top:5px;
	padding-left:1em;
	list-style:disc inside; 
	background:none;
	text-indent:-1em;
}
ul.list_disc_s li > span:nth-child(1) {display:block;}

#container > p {
	width: 725px;
}



/* エラーが発生したときは */
#pwlock ol.step_2c li > img {
	width:130px;
}

/*au IDの統合　1409*/
.pointBox {
width: 680px;
margin: 15px auto 0;
padding: 5px;
background: #e5e5e5;
border-radius: 6px;
box-sizing: border-box;
}
.pointBox h4 {
margin: 0;
padding: 0;
background: none;
position: relative;
}
.pointBox h4 img {
margin: -10px 0 -2px -8px;
}
.pointBox h4 span {
position: absolute;
top: 0;
left: 65px;
font-size: 1.2em;
color: #eb5505;
letter-spacing: 0.3em;
filter: dropshadow(color=#FFFFFF,offX= 0,offY=-1) dropshadow(color=#FFFFFF,offX= 1,offY= 0) dropshadow(color=#FFFFFF,offX= 0,offY= 1) dropshadow(color=#FFFFFF,offX=-1,offY= 0);
/* -webkit-text-stroke-color: #FFF; */
/* -webkit-text-stroke-width: 1px; */
text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
}
.pointBox .bg_bottom {
width: 100%;
padding: 10px 0;
background: #fff;
border-radius: 6px;
}
.pointBox ul.list_point {
padding: 0 15px;
}
/*.pointBox */ul.list_point li {
margin-top: 5px;
padding-left: 15px;
list-style: none !important;
background: url(../image/common/icon/list_disc.gif) left 2px no-repeat;
background-size: 13px 13px;
}

.service_table {
border: #8c8989 2px solid;
word-break: break-all;
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1em;
}
.service_table th {
background-color: #e5e1dc;
border-bottom: #8c8989 1px solid;
border-right: #8c8989 1px solid;
text-align: center;
height: 35px;
font-weight: bold;
}
.service_table td {
background-color: #FFF;
border-bottom: #8c8989 1px solid;
border-right: #8c8989 1px solid;
text-align: left;
padding: 5px;
word-break: break-all;
}

/*au IDの変更　1503*/

p.alert_box {
    background-color: #ffe3e3;
    padding: 15px 15px 15px 55px;
    background-image: url('../image/common/icon/alert.png');
    background-repeat: no-repeat;
    background-position: 15px center;
}

ol.step_ol li {
	margin-bottom: 30px;
}
p.step_item {
	font-weight: bold;
}
p.step_item span.no {
	background-color: #FF7B35;
	color: #fff;
	display: inline-block;
	padding: 0;
	width: 4em;
	text-align: center;
	margin: 0 0.5em 0 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

p.step_desc {
	margin: 0 0 0 4.5em;
}
p.step_desc img {
	border: solid 1px #ccc;
}

.link_strongbtn {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	width: 14em;
	margin: 0 auto;
	border: 1px solid #ddd;
	padding: 10px 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 40%, rgba(239,239,239,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(40%,rgba(249,249,249,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 40%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 40%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 40%,rgba(239,239,239,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 40%,rgba(239,239,239,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
}
.link_strongbtn span {
	font-size: 12px;
}

/*au IDの統合手順　1510*/

.important_box {
	border: 1px solid #F00;
	color: #F00;
	padding: 5px 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.important_box h4 {
	margin: 0;
	padding: 0;
	background-image: none;
	text-align: center;
}

/*コンテンツ内リンクに下線*/
#contents a {
	text-decoration: underline;
}


#contents h3 {
	margin:0 0 1em;
	padding: 5px;/* 1405 */
	background:url(../image/base/bg_h2_01.gif) no-repeat 0 bottom;
	font-size: 1.1em;
	font-weight:bold;
}
#contents h2 {
	margin:0 0 1em;
	padding:8px 0 8px 8px;
	background:#f9f9f9;
	border-left: 4px solid #EB5505;
	font-weight:bold;/* 1405 */
}
#contents h2 a {
	display:block;
	color:inherit;
}

h3 span.step {
	color:#ED5406;
	padding-right:1em;
}

h4 {
	margin-top:1em;
	padding-left:18px;
	background:url(../../image/common/icon/icon_h4.png) no-repeat 0 center;
	font-size:1em;
	font-weight:bold;
	line-height:2em;
}

.step span{
	font-size:22px;
	font-weight:bold;
}

.right{
  width: 58%;
  display: inline-block;
  vertical-align: top;
  padding-left:20px;	
}

.unify_caution {
	clear:both;
	/*float:left;*/
	width:90%;
	margin:10px auto;
	padding:6px 8px 8px;
	border: 1px solid #F00;
	color:#FF0000;
	-webkit-border-radius:5px;-moz-border-radius: 5px; border-radius: 5px;
}
.unify_caution dt {
	text-align:center;
	margin-bottom:5px;
	font-weight:bold;
}
.unify_caution dd {
	padding-bottom:5px;
	padding-left:1em;
	text-indent:-1em;
}

section.step {
	margin:10px auto;
	padding-bottom:20px;
	border-bottom:1px dotted #e5e5e5;
	overflow:hidden;
}
section.step:last-child {
	border-bottom:none;
}
section.step img {
	float:left;
	width:130px;
	margin-right:10px;
}
section.step > div {
	margin-left:140px;
	word-break:normal;
}
section.step .morelink{
	clear:both;
	padding-top:10px;
}
section.step .note{
	padding-top:10px;
}

section.step h3 {
	margin-bottom:20px;
	padding-left: 0;
	line-height:1.3;
}

.gazo img {
border: 2px #cccccc solid;
}

.fw_b {font-weight:bold;}
.fc_or {color: #EB5505;}
.fc_gr {color:#bcbcbc;}
.fc_red {color:#ff0000;}
.fs_10 {font-size:1.0rem;}
.fs_11 {font-size:1.1rem;}
.fs_12 {font-size:1.2rem;}
.fs_13 {font-size:1.3rem;}
.fs_14 {font-size:1.4rem;}
.fs_15 {font-size:1.5rem;}
.fs_16 {font-size:1.6rem;}
.fs_17 {font-size:1.7rem;}
.fs_18 {font-size:1.8rem;}
.fc_link {color: #0066aa !important;}
.txt_r { text-align:right;}
.txt_l { text-align:left;}
.txt_c { text-align:center;}
.txt_j { text-align:justify;}

/* =================================
margin
================================= */

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt16 { margin-top: 16px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.mr0 { margin-right: 0px !important; }
.mr5 { margin-right: 5px !important; }
.mr8 { margin-right: 8px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr16 { margin-right: 16px !important; }
.mr20 { margin-right: 20px !important; }
.mr24 { margin-right: 24px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb16 { margin-bottom: 16px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb24 { margin-bottom: 24px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml8 { margin-left: 8px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml16 { margin-left: 16px !important; }
.ml20 { margin-left: 20px !important; }
.ml24 { margin-left: 24px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

/* padding */
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt8 { padding-top: 8px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

.pr0 { padding-right: 0px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.pl0 { padding-left: 0px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }

.pa8 { padding:8px;}