@charset "EUC-JP";


/*=======================================
  ALSOKセキュリティ情報
=======================================*/
/*=======================================
  ALSOKセキュリティ情報 セキュリティリポート-index
=======================================*/


#security_info h3{
    　　height:20px;
	font-size: 12px;
	padding-left:10px;
	background:url(../../common/image/bg_h3_gray.gif) repeat-x;
	border: 1px solid #AEAEAE;
}

#security_info h4{
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 1.25em;
}	

#security_info dl{
	margin: 0;
	padding: 0;
}	

dl.report_box{
	border: 2px solid #253495;
	width: 165px;
	height: 207px;
	margin: 0 10px 10px 0 !important;
	padding: 0;
	float: left;
}

dl.report_box_m_none{
	border: 2px solid #253495;
	width: 165px;
	height: 207px;
	margin: 0 0 10px 0 !important;
	padding: 0;
	float: left;
}

dl.report_box dt img,dl.report_box_m_none dt img {
	margin-left: 2px;
}

dl.report_box dd,dl.report_box_m_none dd {
	margin-top: 5px;
	padding-left: 12px;
	background:url(../../common/image/brit_normal.gif) 0 5px no-repeat;
}

/*=======================================
  ALSOKセキュリティ情報 防犯対策(共通)
=======================================*/

#security_info p{
	margin: 0 0 10px 0;
	padding: 0px;
}

#security_info img{
	margin-bottom: 15px;
}

#security_info .name_blue{
	font-weight: bold;
	color: #0000ff;
}

#security_info .name_green{
	font-weight: bold;
	color: #339933;
}

#security_info .name_red{
	font-weight: bold;
	color: #CC0000;
}

#security_info .name_orange{
	font-weight: bold;
	color: #ff6600;
}

#security_info .name_brown{
	font-weight: bold;
	color: #CC3300;
}

#security_info .darkbrown{
	font-weight: bold;
	color: #663300;
}

#security_info .bold{
	font-weight: bold;
}

#security_info ul{
	list-style: none;
	margin: 0;
	padding; 0;
}

#security_info .report_left {
	width: 220px;
	float: left;
}

#security_info .report_right ul {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

#security_info .report_right li {
	padding-left: 1.3em;
	background: url(../../common/image/brit_arrow.gif) no-repeat 2px 5px;
}

#security_info .shop {
	margin-top: 20px;
}

/*=======================================
  フロート
=======================================*/

#security_info .report_detail_left {
	float: left;
	width: 410px;
	margin: 0;
	padding: 0 20px 0 0;
}

#security_info .report_detail_right {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0 0 0 10px;
}

#security_info .report_detail_left02 {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0 10px 0 0;
}

#security_info .report_detail_right02 {
	float: left;
	width: 420px;
	margin: 0;
	padding: 0px;
}

#security_info .report_detail_left03 {
	float: left;
	width: 480px;
	margin: 0;
	padding: 0 20px 0 0;
}

#security_info .report_detail_right03 {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0px;
}

#security_info .report_detail_left04 {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0 10px 0 0;
}

#security_info .report_detail_right04 {
	float: left;
	width: 480px;
	margin: 0;
	padding: 0px;
}

#security_info .report_detail_left05 {
	float: left;
	width: 340px;
	margin: 0;
	padding: 0 10px 0 0;
}

#security_info .report_detail_right05 {
	float: left;
	width: 360px;
	margin: 0;
	padding: 0px;
}

/*=======================================
  送りボタン
=======================================*/


#security_info .report_btn_left{
	float: left;
	margin-top: 20px;
}

#security_info .report_btn_right{
	float: right;
	margin-top: 20px;
}


/*=======================================
  リストマーカー
=======================================*/

#security_info p.circle_green {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/circle_green.gif) no-repeat 0 6px;

}

#security_info p.circle_orange {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/circle_orange.gif) no-repeat 0 6px;
}

#security_info p.circle_gray {
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(../../security_info/report/image/circle_gray.gif) no-repeat 0 6px;
}

#security_info p.star_blue {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/star_blue.gif) no-repeat 0 4px;

}
#security_info p.star_gray {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/star_gray.gif) no-repeat 0 3px;
}
#security_info p.square_gray {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/square_gray.gif) no-repeat 0 5px;

}

#security_info ul.star_orange dt{
	width: 150px;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#security_info ul.star_orange dd{
	width: 450px; 
	margin: 0;
	padding: 0 0 0 20px;
}

/*=======================================
  リストマーカー ul
=======================================*/
#security_info ul.star_orange li {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/star_orange.gif) no-repeat 0 4px;
}

#security_info ul.star_orange {
	list-style-type: none;
	margin: 0 0 5px 0;
}

#security_info ul.star_blue li {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/star_blue.gif) no-repeat 0 4px;

}

#security_info ul.star_blue {
	list-style-type: none;
	margin: 0 0 5px 0;
}

#security_info ul.star_gray li {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/star_gray.gif) no-repeat 0 5px;
}

#security_info ul.star_gray {
	list-style-type: none;
}

#security_info ul.star_green li {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/star_green.gif) no-repeat 0 4px;
}

#security_info ul.star_green {
	list-style-type: none;
	margin: 0 0 5px 0;
}

#security_info ul.star_red li {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/star_red.gif) no-repeat 0 4px;
}

#security_info ul.star_red {
	list-style-type: none;
	margin: 0 0 5px 0;
}

#security_info ul.circle_green li {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/circle_green.gif) no-repeat 0 6px;
}

#security_info ul.circle_green {
	list-style-type: none;
}

#security_info ul.circle_brown li {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/circle_brown.gif) no-repeat 0 6px;
}

#security_info ul.circle_brown {
	list-style-type: none;
}

#security_info ul.circle_blue li {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/circle_blue.gif) no-repeat 0 6px;
}

#security_info ul.circle_blue {
	list-style-type: none;
}

#security_info ul.circle_gray li {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/circle_gray.gif) no-repeat 0 5px;
}

#security_info ul.circle_gray {
	list-style-type: none;
	margin: 0;
	padding:0;
}
/home/www/public_alsok/person/h_sec_7
/*=======================================
  防犯対策14 dl
=======================================*/

#security_info dl.crime_14_dl {
	margin: 0;
	padding: 0;
}

#security_info dl.crime_14_dl dt {
	width: 25px;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;

}

#security_info dl.crime_14_dl dd {
	width: 660;
	margin: 0 0 0 25px;
	padding: 0;

}

#security_info dl.circle_blue dt {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	background: url(../../security_info/report/image/circle_blue.gif) no-repeat 0 6px;
}

/*=======================================
  防災・災害対策10 dl
=======================================*/
#security_info dl.calamity_10_dl dt {
	font-weight: bold;
	color: #003399;
}

/*=======================================
  防災・災害対策5 dl
=======================================*/

#security_info dl.calamity_05_dl {
	margin: 0;

	padding: 0;
}

#security_info dl.calamity_05_dl dt {
	width: 60px;
	float: left;
	clear: both;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../../security_info/report/image/star_gray.gif) no-repeat 0 3px;
}

#security_info dl.calamity_05_dl dd {
	width: 600;
	margin: 0 0 0 75px;
	padding: 0;
}

/*=======================================
  ＡＬＳＯＫあんしん通信
=======================================*/

.floathack:after {
	content:	".";
	display:	block;
	clear:	both;
	height:	0;
	visibility:	hidden;
}

.floathack {
	zoom:	100%;
	/*\*//*/
	display:	inline-table;
	/**/
}

#communicate h3{
	font-size: 140%;
	font-weight: bold;
	color: #f16C00;
	margin: 0;
	padding: 1em 0 0 0;
	text-align:center;
}

#communicate h4{
	font-size: 120%;
	font-weight: bold;
	color: #1c4fa0;
	margin: 2em 0 1em 0;
	padding: 0 0 0 5px;
	border-left:4px solid #1c4fa0;
	border-bottom:1px solid #1c4fa0;
}

#communicate p{
	margin:0.5em 0 0 1em;
}

#communicate p span{
	color:#d0d2eb;
}

#communicate p.read_txt{
	margin:0.5em 0 0 0;
	padding:20px 0 5px;
}

#communicate p.read_txt strong{
	display:inline;
	font-size: 110%;
	color: #bf7030;
	background: #f9edce;
	border:1px solid #dcb572;
	padding:5px;
}

#communicate p.read_txt span{
	display:block;
	color:#666;
	margin:1px 0 0 0;
	padding:1em 0 0 1em;
}

#communicate h4.add_up{
	font-size: 120%;
	font-weight: bold;
	color: #df7016;
	margin: 2em 0 1em 0;
	padding: 0 0 0 5px;
	border-left:4px solid #df7016;
	border-bottom:1px solid #df7016;
}

#security_info_index h2{
color:#253494;
font-size:140%;
font-weight:800;
letter-spacing:-1px;
border-bottom:1px solid #253494;
margin:0 0 5px 0px;
}

#security_info_index h3{
color:#FFA500;
font-size:140%;
font-weight:900;
letter-spacing:-2px;
padding:5px 0 0 0;
margin:0 0 0 15px;
}
#security_info_index p{
margin:0 0 0 15px;
}


/*=======================================
  過去の連載カテゴリ追加
=======================================*/

/* 連載中　タイトル */

#security_info_index .security_info_index_title {
margin-top:20px;
margin-bottom:20px;
height:40px;
}

#security_info_index .security_info_index_title h2{
border-bottom:4px solid #253494;

}

/* 過去の連載 */

#security_info_index_L p{
height:65px;
letter-spacing:-1px;
background: url(../image/security_info_h2x.png) no-repeat ;
/*border-bottom:1px solid #253494;*/
margin:0;
}

#security_info_index_L a{
color:#253494;
font-size:120%;
font-weight:800;
letter-spacing:-1px;
padding: 25px 0 28px 15px;
line-height: 60px;
text-decoration: none;
}

#security_info_index_L .security_info_index_title h2{
color:#253494;
font-size:140%;
font-weight:800;
letter-spacing:-1px;
margin:0 0 5px 0px;
border-bottom:4px solid #253494;

}

#security_info_index_L .security_info_index_title {
margin-top:20px;
margin-bottom:20px;
height:40px;
}

#navi-local h3{
margin: 5px;
padding: 0;
font-weight: bold;
color: #000;
text-align: center;
line-height: 120%;
}

#navi-local ul li{
background: url(../image/n_side_menu_icon.gif) top left no-repeat;
padding: 0;
padding: 0 0 0 14px;
line-height: 100%;
}



#communicate .box-link { display: flex; flex-direction: column; gap: 10px; margin: 20px 0; align-items: center; padding: 0 10%; }
#communicate .box-link a { padding: 5px 30px; font-size: 12px; color: #fff; line-height: 29px; text-align: center; position: relative; display: block; background: #1D50A3; border: 1px solid #1D50A3; font-weight: bold; transition: all 0.2s ease 0s; width: 100%; }
#communicate .box-link a:hover { background: #fff; color: #1D50A3; border: 1px solid #1D50A3; text-decoration: none; }
#communicate .box-link a::after { content: ""; height: 10px; width: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; position: absolute; right: 15px; top: 50%; transform:rotate(-45deg) translate3d(50%,-25%, 0); }
#communicate .box-link a:hover::after { border-right: 2px solid #1D50A3; border-bottom: 2px solid #1D50A3; }
#communicate .box-link-ttl { font-weight: 700; font-size: 120%; margin: 0; }
@media screen and (max-width: 640px) {
  #communicate .box-link { padding: 0; }
}