@charset "utf-8";
/* CSS Document */

body { font-size:0.8em; text-align:center;margin:0;font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#container {width: 880px;margin:0 auto; text-align:left;}

#header {height:60px;background: url(/image/bg_header.gif) repeat-x;}
#header #logo{margin:15px 0 0 20px;}
#footer {height:60px;background: url(/image/bg_footer.gif) repeat-x;text-indent:-5000px;margin:30px 0 10px 0;}

.txt_l{text-align:left;}
.txt_r{text-align:right;}

.bold{ font-weight:bold;}

.section1{width:860px;margin-left:10px;}
.section2{margin:30px 0;}
.section3{margin-left:10px;}
.kizunaSection{margin-left:130px;}

.attentionHeadline{text-align:center;margin:20px 0 10px 0;}
.attention{background:url(/image/bg_attention.gif) 0 bottom  no-repeat;padding:0 0 20px 0;margin-top:20px;}
.attention h2{height:15px;background:url(/image/bg_attention_top.gif) no-repeat;margin:0 0 10px 0;}
.attention h2 img{position:relative;top:-12px;}
.attention .dummy{height:15px;background:url(/image/bg_attention_top.gif) no-repeat;margin:0 0 10px 0;}
.attention ul{margin:0 30px 0 25px;} 
.attention ul li{list-style-image:url(/image/img_li.gif);margin-bottom:10px;}
.attention ul li.lastItem{margin-bottom:0;} 
.attention ul ul.fl_l{margin:10px 30px 0 25px;} 
.attention ul li ul.fl_l li{ float:left;list-style:circle;margin-bottom:10px; margin-left:30px;padding-left:0px;}
.attention ul.noListmark {padding-left:0;margin-left:20px;}
.attention ul.noListmark li{list-style-image:none;list-style-type:none;margin-bottom:0;}

.pdfList{background:url(/image/img_pdf.gif) no-repeat 0pt 0.1em;padding-left:40px;}
.imageItem{text-align:center;}

#kizunaCheck{margin-top:-20px;}
#kizunaCheck .close{margin:0 20px 10px 0; text-align:right;}
#kizunaCheck .close img{padding-bottom:1px; margin:0; vertical-align:bottom;}

h1{margin-bottom:30px;height:38px;line-height:38px;}
h2.ttl_step{margin-bottom:0; padding:10px 0 0 0px;position:relative;bottom:-6px; font-size:110%;}
*:first-child+html h2.ttl_step{bottom:-25px;}
h2.ttl_step span{padding:0px 0 0 30px;}
h2.ttl_step img{margin-bottom:0; padding:10px 0 0 10px;position:relative;bottom:-4px;}
h3.head-01{line-height:1.1;font-size:1.1em;background:url(/image/bg_blue.gif) no-repeat;padding-left:10px;margin-top:20px;}
h3.head-02{line-height:1.1;font-size:1.1em;background:url(/image/bg_red.gif) no-repeat;padding-left:10px;margin-top:20px;}
h3.head-03{line-height:1.1;font-size:1.1em;background:url(/image/bg_yellow.gif) no-repeat;padding-left:10px;margin-top:20px;}

p{ line-height:1.3em;}
p.err{color:#ff0000; padding:5px 5px 5px 0; margin:0;}
p.err2{color:#ff0000; padding:10px 5px 5px 0; margin:0;}
p.err3{color:#ff0000; padding:10px 5px 0px 12px; margin:0;padding-top:0px; text-indent:-1em;}
p.spacing{margin-bottom:20px;}
p.lastItem-01{margin:20px 0 0 0;}
p.caution{background:url(/image/ico_caution.gif) no-repeat 0pt 0em;padding-left:20px;font-weight:bold;vertical-align:bottom;}

ul {margin-left:0;padding-left:20px;}
ul li{margin-left:0;}
ul.pdg {margin-left:0;padding:10px 5px 5px 20px;}
ul.pdg li{margin-left:0;padding:5px;list-style-image:url(/image/img_li.gif);margin-bottom:10px;}
ul.linkList-01{padding-left:0;}
ul.linkList-01 li{background:url(/image/ico_link.gif) no-repeat 0pt 0.1em;padding-left:18px;list-style:none;margin-bottom:5px;}
ul.linkList-02{padding-left:0;margin-top:0;}
ul.linkList-02 li{list-style:none;background:url(/image/ico_link.gif) no-repeat 0pt 0.1em;padding-left:18px;list-style:none;margin-bottom:5px;}

/* リンク
--------------------------------*/
a{text-decoration: none;}
a:link{color: #02ac7f;}
a:visited{color: #2245ad;}
a:hover{color: #02ac7f;text-decoration: underline;}


/* table
--------------------------------*/
table { border-collapse:collapse ;margin: 0 0 10px 0;background:#dbf4e7;width:860px;}
th {border-bottom:2px solid #fff;padding:10px; color:#288;width:130px;}
td {border-bottom:2px solid #fff;padding:10px;width:730px;}

th.bg_none {border-bottom:2px solid #fff;padding:10px;color:#000;background-color:#FFF;}
td.bg_none {border-bottom:2px solid #fff;padding:10px;background-color:#FFF; }
td.bg_none h2.ttl_step{padding:0;margin:0;position:relative;bottom:-17px;width:830px;}
td.bg_none h2.ttl_step span{margin:0px 0 0 80px; display:block;border:width:750px;position:relative;bottom:-5px;}
td.bg_none h2.ttl_step img{position:relative;bottom:-4px; padding:0;margin:0;float:left;}
table.step { border-collapse:collapse ;margin: 0 0 10px 0;background:#dbf4e7;width:860px;}
table.step th.initial {width:230px;border-bottom:2px solid #fff;padding:10px; color:#288;text-align:left;}
table.step th.initial2 {width:230px;border-bottom:2px solid #fff;padding:20px 10px; color:#288;text-align:left;}
table.step td.initial {width:630px;border-bottom:2px solid #fff;padding:10px; text-align:left;}
table.step td.initial2 {width:630px;border-bottom:2px solid #fff;padding:20px 10px 10px 10px; text-align:left;}

.eq th,
.eq td { background:#efffff;}/*偶数行背景*/


/* 段組み
--------------------------------*/
.col2-l{float:left;width:90px;}
.col1-r{width:400px;margin-left:90px; padding-top:5px;padding-bottom:10px;}
.col2-r{width:500px;margin-left:90px;}
.col2-2-r{width:400px;margin-left:90px;}
.col2-3-r{width:500px;margin-left:90px;}
.col2-l2{float:left;width:200px;}
.col2-r2{width:400px;margin-left:200px;}
.col2-r3{width:580px;margin-left:90px;}

.fl_l{ float:left;}
.fl_r{ float:right;}
.fl_r2{ float:right; padding:5px 20px 0 0;}

.clear{clear:both;}
.clear hr{ display: none;}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1; /* for IE6/7 */
}


/* ※注釈
--------------------------------*/
.listKome{text-indent:-1em;padding-left:1em;}

/* ソフトウェアキーボード
--------------------------------*/
#soft_keyboard{padding:5px 5px 5px 0;}
#keyboard {margin:10px; height:200px; width:550px; text-align:left;}
#keyboard .txt_b {float:left; width:220px; font-weight:bold;}
#keyboard .txt_b p.title{width:210px;background-color:#dbf4e7; color:#228888; margin:0; padding:0;}
#keyboard .txt_b input{width:30px;}
#keyboard .txt_s {float:left; width:220px; font-weight:bold;}
#keyboard .txt_s p.title{width:210px;background-color:#dbf4e7; color:#228888; margin:0; padding:0;}
#keyboard .txt_s input{width:30px;}
#keyboard .txt_n {float:left; width:100px; font-weight:bold;}
#keyboard .txt_n p.title{width:90px;background-color:#dbf4e7; color:#228888; margin:0; padding:0;}
#keyboard .txt_n input{width:30px;}
#keyboard .etc {float:left; width:220px;}
#keyboard .clear{clear:both;}
#keyboard .close{margin:0 20px 10px 0; text-align:right;}
#keyboard .close img{padding-bottom:1px; margin:0; vertical-align:bottom;}
#keyboard .usage{margin:0 20px 10px 0; text-align:left; float:left;}

#keyboard_num {margin:10px; height:200px; width:200px; text-align:left;}
#keyboard_num .txt_n {width:130px; font-weight:bold; margin-left:40px}
　#keyboard_num .txt_n {width:130px; font-weight:bold; margin-left:25px}
#keyboard_num .txt_n p.title{width:90px;background-color:#dbf4e7; color:#228888; margin:0; padding:0;}
　#keyboard_num .txt_n p.title{width:90px;background-color:#dbf4e7; color:#228888; margin-left:25px; padding:0;}
#keyboard_num .txt_n input{width:30px; padding:0;}
#keyboard_num .etc {width:190px;}
#keyboard_num .close{margin:0 0 10px 0; text-align:right;}
#keyboard_num .usage{margin:0 0 10px 0; text-align:left; float:left;}


/* フォームパーツ
--------------------------------*/
#inputFname{width:150px;}
#inputName{width:150px;}
#inputFnameKana{width:150px;}
#inputNameKana{width:150px;}
#inputYear{width:50px;}
#inputMonth{width:50px;}
#inputDay{width:50px;}
#inputNum{width:200px;}
#inputNum01{width:50px;}
#inputNum02{width:100px;}
#inputPwd{width:80px;}
#inputPwdCfm{width:80px;}
#inputId{width:80px;}
#inputId1{width:80px;}
#inputId2{width:80px;}
#inputId3{width:80px;}
#inputId4{width:80px;}
#inputPass{width:150px;}
#inputPassCfm{width:150px;}
#inputOldPass{width:150px;}
#inputCipher{width:80px;}

.btnLayout {margin:30px 0;text-align:center;}
.btnLayout button{border:none;margin:0 10px;padding:0;background:#Fff;width:194px;}
.btnLayout button:hover{opacity:0.6;filter:alpha(opacity=60)}

/* handheld
--------------------------------*/
.pc_view{
	display: block;
}
.pc_view_inline{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.pc_gray_box{
	background: #F2F2F1;
	padding: 0 0 15px;
}
.pc_gray_box .heading_lv3 h2{
	padding: 20px 0 5px;
	text-align: center;
	font-size: 110%;
}
.pc_lbox{
	overflow: hidden;
	width: 260px;
	float: left;
	padding: 15px 15px 0;
}
.pc_rbox{
	overflow: hidden;
	width: 520px;
	float: right;
	padding: 15px 15px 0;
}
.table_wrap{
	clear: both;
}

table.step td.pc_initial{
	width: 690px;
}
.sp_view{
	display: none;
}
.sp_block{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
table.mtn10{
	margin-top: -10px;
}
.pdfList .text_size{
	color: #000;
	text-decoration: none;
	text-decoration: none !important;
}
.float_area .tx_inner{
	display: none;
}
.pc_gray_box .box_inner{
	width: 540px;
	margin: 0 auto;
	overflow: hidden;
}
.rd_content_box .img_area_w200{
	width: 200px;
	margin: 0 30px 0 0;
	float: left;
}
.num_list_arae{
	margin: 0;
	padding: 0;
	width: 310px;
	float: left;
}
.num_list_arae ol{
	list-style-type:none;
	margin: 15px 0 0;
	padding: 0;
}.num_list_arae ol li{
	list-style-type:none;
}
.num_list_arae .num01{
	background: url(/image/sp/ico_num1_s.png) 0 0 no-repeat;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
	padding: 1px 0 15px 25px;
}
.num_list_arae .num02{
	background: url(/image/sp/ico_num2_s.png) 0 0 no-repeat;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
	-o-background-size: 16px auto;
	background-size: 16px auto;
	padding: 1px 0 15px 25px;
}
.pc_card_area{
	overflow: hidden;
	clear: both;
	margin: 0 0 15px;
}
.pc_lbox{
	min-height:275px;
	height: auto !important;
	height: 275px;
}
.pc_lbox .text_box{
	padding: 15px 0 25px;
	margin: 0;
}
.pc_lbox .heading_lv3 h2{
	padding: 0;
	margin: 0;
	text-align:center;
}
.pc_lbox .img_area_w200{
	float: none;
	padding:0;
	margin: 0 auto;
}
.pc_rbox{
	min-height:275px;
	height: auto !important;
	height: 275px;
}
.pc_rbox .text_box{
	padding: 15px 0 10px;
	margin: 0;
}
.pc_rbox .heading_lv3 h2{
	padding: 0;
	margin: 0;
	text-align:center;
}
.pc_rbox .img_area_w200{
	float: none;
	margin: 0;
	padding: 0;
	margin: 0 auto;
}
.pc_rbox .pc_inner_lbox{
	float: left;
	width: 240px;
}
.pc_rbox .pc_inner_lbox .num_list_arae{
	width: auto;
}
.pc_rbox .pc_inner_rbox{
	float: right;
	width: 240px;
}
.autoview_area{
	position: relative;
	margin-top: 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.formLayout .id_area .autoview_area input,
.formLayout .id_area .autoview_area label{
	width: auto;
	cursor: pointer;
}
.formLayout .id_area .autoview_area input{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	*top: -4px;
	*left: -4px;
}
.formLayout .id_area .autoview_area label{
	padding-left: 13px;
	display: block;
}
.formLayout .id_area .autoview_area ul{
	margin: 10px 0 0;
}