@charset "utf-8";

/*********************************
 *
 * マイナンバー共通
 *
 *********************************/

body {font-family:"メイリオ", Meiryo, monospace}
.fs10 {font-size:74%;}


/********************************* mynumber_iv *********************************/
#iv #h1_box {}
	#iv #h1_box h1 {width:90%; margin:0 auto; padding:2em 0; color:#333; font-size:120%; font-weight:bold;}
#iv #contents {width:90%; margin:0 auto;}
	#iv #contents h2 {margin:2em 0 0 0; color:#0366ac; font-size:110%; font-weight:bold;}
	
	/* table */
	#iv #contents table {width:100%; margin:1em 0 0 0;}
		#iv #contents table th, #contents table td {border:1px solid #ccc;}
		#iv #contents table thead th, #contents table thead td {padding:0.6em 1em; background:url(../images/mynumber/bg_th.png) left bottom repeat-x; color:#0366ac; font-weight:bold; text-align:center;}
		#iv #contents table tbody th, #contents table tbody td {padding:0.7em 1em; font-size:90%; vertical-align:top;}
		#iv #contents table tbody th {width:15%; background:#fafafa; color:#333; font-size:100%; font-weight:bold;}
	
	/* box/box_dot */
	#iv #contents .box {margin:0.3em 0; padding:0.7em 1em; /*background:linear-gradient(#fff, #f9fcfe);*/ background:#f9fcfe; border:2px solid #abd0ec; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; line-height:1.6;}
	#iv #contents .box_dot {margin:0.3em 0; padding:0.7em 1em; background:#fafafa; border:2px dashed #ccc; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; color:#555; line-height:1.6;}
		#iv #contents .box ol, #contents .box_dot ol {margin:0;}
			#iv #contents .box ol li, #contents .box_dot ol li {margin:0.1em 0 0.1em 1.3em !important; text-indent:-1.3em !important;}
	/* notice */
	#iv #contents ul.notice {padding:1em 0 4em 0; color:#777; font-size:80%;}
		#iv #contents ul.notice li {margin:0 0 0.2em 4em; text-indent:-4em;}


/********************************* mynumber_pl *********************************/
#pl {background:#fafafa;}
	#pl #contents {width:90%; margin:0 auto;}
	#pl #contents h2 {margin:2em 0 0 0; color:#0366ac; font-size:110%; font-weight:bold;}
	
	/* table/pc */
	#pl #contents table.pc {width:100%; margin:1em 0 0 0; background:#fff; border:3px solid #ddd;}
		#pl #contents table.pc th, #contents table.pc td {border:1px solid #ccc;}
		#pl #contents table.pc thead th, #contents table.pc thead td {padding:0.6em 1em; font-weight:bold; text-align:center;}
			#pl #contents table.pc thead th {width:15%; background:url(../images/mynumber/bg_th2.png) left bottom repeat-x;}
			#pl #contents table.pc thead td.bg_o {background:url(../images/mynumber/bg_th2.png) left bottom repeat-x; color:#e54f44;}
			#pl #contents table.pc thead td.tw1 {width:26%;}
			#pl #contents table.pc thead td.tw2 {width:20%;}
			#pl #contents table.pc thead td.bg_b {width:13%; background:url(../images/mynumber/bg_th.png) left bottom repeat-x; color:#0366ac; }
		#pl #contents table.pc .bg_bp {background:#0366ac; border:1px solid #0366ac; color:#fff;}
		#pl #contents table.pc tbody th, #contents table.pc tbody td {padding:0.7em 1em; font-size:90%; vertical-align:top;}
		#pl #contents table.pc tbody th {width:12%; background:#fefaf9; color:#333; font-size:100%; font-weight:bold;}
			#pl #contents table.pc tbody td.bg_o {background:#fefaf9; vertical-align:middle;}
			#pl #contents table.pc tbody td.bg_b {background:#f9fcfe; text-align:center; vertical-align:middle;}
			#pl #contents table.pc tbody .red {color:#c41623; font-weight:bold;}
			#pl #contents table.pc tbody .txt_c {text-align:center;}
	
	/* table/sp */
	#pl #contents table.sp {width:100%; margin:1em 0 3em 0; background:#fff; border:3px solid #ddd;}
		#pl #contents table.sp th, #contents table.sp td {border:1px solid #ccc;}
		#pl #contents table.sp thead th, #contents table.sp thead td {padding:0.6em 1em; font-weight:bold; text-align:center;}
			#pl #contents table.sp thead th {width:20%;}
			#pl #contents table.sp thead .bg_o {background:url(../images/mynumber/bg_th2.png) left bottom repeat-x; color:#e54f44;}
			#pl #contents table.sp thead .bg_b {background:url(../images/mynumber/bg_th.png) left bottom repeat-x; color:#0366ac;}
			#pl #contents table.sp thead td.tw1 {width:40%;}
			#pl #contents table.sp thead td.tw2 {width:40%;}
			#pl #contents table.sp thead td.bg_b {width:27%;}
		#pl #contents table.sp .bg_bp {background:#0366ac; border:1px solid #0366ac; color:#fff;}
		#pl #contents table.sp tbody th, #contents table.sp tbody td {padding:0.7em 1em; font-size:90%; vertical-align:top;}
		#pl #contents table.sp tbody th {width:12%; background:#fefaf9; color:#333; font-size:100%; font-weight:bold;}
			#pl #contents table.sp tbody th.bg_b {background:#f9fcfe;}
			#pl #contents table.sp tbody td.bg_o {background:#fefaf9; vertical-align:middle;}
			#pl #contents table.sp tbody td.bg_b {background:#f9fcfe; text-align:center; vertical-align:middle;}
			#pl #contents table.sp tbody .red {color:#c41623; font-weight:bold;}
			#pl #contents table.sp tbody .txt_c {text-align:center;}
	
	/* box/box_dot */
	#pl #contents .box {margin:0.3em 0; padding:0.7em 1em; /*background:linear-gradient(#fff, #f9fcfe);*/ background:#f9fcfe; border:2px solid #abd0ec; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; line-height:1.6;}
	#pl #contents .box_dot {margin:0.3em 0; padding:0.7em 1em; background:#fafafa; border:2px dashed #ccc; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; color:#555; line-height:1.6;}
		#pl #contents .box ol, #contents .box_dot ol {margin:0 0 0 1em;}
			#pl #contents .box ol li, #contents .box_dot ol li {margin:0.1em 0 0.1em 1em; text-indent:-1em;}


/*********************************
 * ～640
 *********************************/

@media screen and (max-width:640px){
.pc {display:none;}

/********************************* mynumber_iv *********************************/
#iv #h1_box {background:#f9ffff url(../images/mynumber/bg_h1.jpg) right center no-repeat; background-size:100% auto; border-bottom:1px solid #cccecd;}
}


/*********************************
 * 641～
 *********************************/

@media screen and (min-width:641px){
.sp {display:none;}

/********************************* mynumber_iv *********************************/
#iv #h1_box {background:#f9ffff url(../images/mynumber/bg_h1.jpg) right center no-repeat; border-bottom:1px solid #cccecd;}
}