@charset "utf-8";
/* ===================================================================
CSS information
 file name  :home.css
 style info :トップページ用CSS
=================================================================== */


/* -----------------------------------------------------------
	div#lyt-header
		ヘッダ
----------------------------------------------------------- */

body#home div#lyt-header div#header-note {
	/* margin: 27px 0 10px 248px; */
	margin: -45px auto 10px;
	/* padding: 0; */
	padding: 10px 30px;

	width: 700px;
	/* background: #264B9D; */
	background: rgba(38, 75, 157, 0.8);
	-moz-border-radius: 5px;
	-webkit-border-radius: px;
	border-radius: 5px;
	z-index: 1;
}

body#home div#header-note p {
	margin: 0;
	color: #fff;
}

body#home div#lyt-header p#header-linkkids {
	margin: 0;
	padding: 0;
	position: absolute;
	/* top: 46px; */
	top: 75px;
	/* right: 0; */
	right: 45px;
}

body#home div#lyt-container p#sp_header-note ,
body#home div#lyt-container p#sp_header-linkkids {
	display: none;
}

body#home div#lyt-header-inner {
	width: 1010px;
	margin: 0 0 0 -3px;
	/* padding:23px 0 6px 0; */
	padding: 15px 0 5px;
	position:relative;
}


/* -----------------------------------------------------------
	div#lyt-container
		コンテナ
----------------------------------------------------------- */
body#home div#lyt-container{
	text-align: left;
	width:1010px;
	/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(38, 75, 157, 0.1), rgba(38, 75, 157, 1) 400px), url(/main_sosiki/cybersecurity/kokumin/main_content/bg-header_009.png) no-repeat; */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(38, 75, 157, 0.1), rgba(38, 75, 157, 1) 400px), url(./bg-header_009.png) no-repeat;
	background-size: 100%;
	/* margin:0 auto; */
	margin:0 auto -15px;
}


/* -----------------------------------------------------------
	div#lyt-contents
		コンテンツ
----------------------------------------------------------- */
body#home div#lyt-contents {
	/* margin:0; */
	margin: -5px 0 0;
	/* padding:20px 0 20px 0; */
	padding:20px 0 0 0;
}

body#home div#lyt-contents-inner {
	margin: 0 auto;
}

body#home div#lyt-contents ul.nav-pagetop {
/*	margin:0 270px 31px 0;*/
}



/* .box-topics
--------------------------------------------------- */
body#home div.box-topics {
	/* width: 940px; */
	width: 900px;
	margin: 0 auto 15px;
	/* padding: 12px 15px 7px; */
	padding: 12px 15px 10px;
	/* background: #fffbbb; */
	background: #cdedff;
	/* -moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(https://www.soumu.go.jp/common/js/PIE.htc);
	position: relative;
}

body#home div.box-topics .hdg {
	/* margin: 0; */
	margin: -12px 0 -10px 5px;
	/* padding: 0 0 0 5px; */
	padding: 2px 2px;
	/* float: left; */
	/* width: 82px; */
	width: 100px;
	/* background: none; */
	background: #264B9D;

	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;

	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
}

body#home div.box-topics .hdg a {
	color: #fff;
}

body#home div.box-topics ul.list-link-01 {
	/* float: right; */
	/* margin: 0; */
	/* margin: 0 57px 0 0; */
	margin: 0 0 -25px 0;
	padding: 0;
	/* width: 853px; */
	width: 900px;
}

body#home div.box-topics ul.list-link-01 li {
	margin: 5px 0;
	padding: 0 5px 0 17px;
	display: inline;
}

body#home div.box-topics ul.list-link-01 li::before {
	content: "";
	width: 0;
	height: 0;
	visibility: hidden;
}

body#home div.box-topics ul.list-link-01 li ul {
	display: block;
	margin: 0 0 5px 15px;
	padding: 0 0 0 1em;
	text-indent: -1.5em;
}

body#home div.box-topics ul.list-link-01 li ul::before {
	content: "▶︎";
	color: #264B9D;
	margin-right: 0;
}

body#home div.box-topics ul.list-link-01 li ul li {
	display: inline;
	/* float: left; */
	margin: 0;
	padding: 0;
}

body#home div.box-topics ul.list-link-01 li ul li a {
	color: #1c1c1c;
}

body#home div.box-topics ul.list-link-01 li ul small {
	display: inline-block;
	margin: 0.5em 0 0 1.75em;
	padding: 0;
}

/* body#home div.box-topics ul.list-link-01 li ul::after {
	content: "abc" !important;
	display: block !important;
	clear: both !important;
	width: 0 !important;
	height: 0 !important;
	visibility: hidden !important;
} */



/*----------------------------------------------------
	div#lyt-main
		メイン
----------------------------------------------------*/

body#home div.parts-col21 {
	margin-bottom:1em;
	margin-right:-10px;
}

div.parts-col21 div.col-block-L {
	/* width: 613px; */
	width: 513px;
	float: left;
	margin-right: 10px;
}

div.parts-col21 div.col-block-R {
	/* width: 297px; */
	width: 397px;
	float: right;
	margin-right: 10px;
}

body#home ul.col2 ,
body#home ul.col3 {
	margin-right:-20px;
}

body#home ul.col3 li {
	width: 274px;
}

body#home ul.col2 a ,
body#home ul.col3 a {
	color: #1c1c1c;
}


/* タイトル
--------------------------------------------------- */

body#home h2 {
	font-size:157% ;
	margin:0 0 10px ;
	/* background:url(../img/home/bg-hdg-lv2_top-bottom.gif) 0 100% no-repeat; */
	/* padding:0 0 4px 0; */
	padding: 10px 0 0;
}

body#home h2 span {
	display:block;
	/* padding:8px 13px 16px 59px; */
	padding: 0;
	color:#666;
}

body#home h2 span a {
	color:#666;
}

body#home h2.hdg-lv1-01 span{
	/* background: url(../img/share/bg-hdg-lv1_01.gif) 0 0 no-repeat; */
}

body#home h2.hdg-lv1-01 {
	/* margin-bottom: 20px; */
	/* margin: 10px 0 20px; */
	margin: 5px 0 20px;
	padding: 0;

	/* background: linear-gradient(to right, #264B9D, #fff);
	border-radius: 10px;
	padding: 5px 20px; */
}

body#home h2.hdg-lv1-01 a{
	/* color: #fff; */
	/* color: #264B9D; */
	color: #000;
	font-size: 140%;
}

body#home h2.hdg-lv1-01::after {
	content: "";
	position: relative;
	float: left;
	width: 90%;
	background: #264B9D;
	height: 6px;
	border-radius: 3px;
}

body#home ul#listbnr_intro li a{
	/* color: #264B9D !important; */
	color: #000;
	font-weight: bold;
	font-size: 150%;
}

body#home ul#listbnr_intro::after {
	content: "";
	position: relative;
	float: left;
	bottom: -5px;
	margin-bottom: 10px;
	width: 930px;
	height: 6px;
	border-radius: 3px;
	background: #264B9D;
}

body#home h2.hdg-lv1-02::before,
body#home h2.hdg-lv1-03::before,
body#home h2.hdg-lv1-04::before {
	content: "|";
	color: #264B9D;
	font-size: 100%;
	position: relative;
	left: 2px;
	float: left;
	width: 11px;
	background: #264B9D;
	/* height: 100%; */
	border-radius: 5px;
	margin-right: 15px;
}

body#home h2.hdg-lv1-02 span{
	/* background: url(../img/share/bg-hdg-lv1_02.gif) 0 0 no-repeat; */
}

body#home h2.hdg-lv1-03 span{
	/* background: url(../img/share/bg-hdg-lv1_03.gif) 0 0 no-repeat; */
}

body#home h2.hdg-lv1-04 span{
	/* background: url(../img/share/bg-hdg-lv1_04.gif) 0 0 no-repeat; */
}



/* バナーリスト
--------------------------------------------------- */

body#home ul#listbnr_intro {
	/* width: 636px; */
	/* margin: 0; */
	margin: 15px 0 0;
	/* padding: 0 0 0 20px; */
	padding: 0;
	list-style: none;
}

body#home ul#listbnr_intro li {
	/* margin: 0 13px 0 0; */
	margin: 0 13px 10px 0;
	padding: 0;
	/* float: left; */
}

body#home ul#listbnr_intro li::before {
	content: "●";
	color: #264B9D;
	margin-right: 5px;
}

body#home ul#listbnr_intro li a{
	color: #1c1c1c;
}

body#home ul#listbnr_link {
	margin: 0;
	padding: 0;
	list-style: none;
}

body#home ul#listbnr_link li {
	/* margin: 0;
	padding: 0 0 5px; */
	margin: 15px 0;
	/* padding: 5px; */
	padding: 6px;
	display: block;

	background: #ddd;
	border-radius: 5px;
	text-align: center;
}

body#home ul#listbnr_link li a{
	color: #1c1c1c;
	display: block;
	width: inherit;
	height: inherit;
}

/* body#home ul#listbnr_link li img {
	margin: 0;
	padding: 0 0 5px;
	display: block;
} */

body#home div#sp_listbnr_link {
	display: none;
}


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

body#home ul#list-link-top01 {
	margin: 0;
	padding: 0;
	list-style: none;
}

body#home ul#list-link-top01 li {
	/* margin: 0 40px 0 0; */
	margin: 20px 40px 0 0;
	padding: 0 0 0 15px;
	/* background: url("../img/share/icon-arrow_05.gif") no-repeat scroll 0 center; */
	float:left;

	font-size: 77%;
}

body#home ul#list-link-top01 li::before {
	content: "▶︎";
	color: #264B9D;
	margin-right: 5px;
}

body#home ul#list-link-top01 li a {
	color: #1c1c1c;
}

body#home ul#list-link-top02 {
	margin: 0;
	padding: 0;
	list-style: none;
}

body#home ul#list-link-top02 li {
	/* margin:-10px 0 0; */
	/* padding: 0; */
	margin: 10px 0;
	/* padding: 5px; */
	padding: 6px;
	display: block;

	background: #ddd;
	border-radius: 5px;
	text-align: center;
}

body#home ul#list-link-top02 li a{
	color: #1c1c1c;
	display: block;
	width: inherit;
	height: inherit;
}

body#home ul.list-link-business {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

body#home ul.list-link-business li {
	margin: 0 0 10px;
	padding: 4px 3px 4px 16px;
	border: 1px solid #ccc;
	/* background: url("../img/share/icon-arrow_05.gif") no-repeat 5px center; */
}

body#home ul.list-link-business li a {

	color: #1c1c1c;
}




body#home ul.list-link-01.col3 {
	margin-bottom: 1em;
	list-style: none;
	width: 950px;
}




body#home div#lyt-contents ul#nav-pagetop {
	margin: 20px 0 -20px 0;
}