@charset "UTF-8";


/*フィッシング詐欺の手口*/

.notice_box {
}

.notice_box .red_box {
	background: #c40306;
	border: 3px solid #e3e3e3;
	margin-bottom: 20px;
	padding: 3% 2% 1%;
	color:#fff;
	font-size:110%;
	font-weight:700;
	
}

.notice_box .red_box2 {
	background: #c40306;
	border: 3px solid #e3e3e3;
	margin-bottom: 20px;
	padding: 3% 2% 1%;
	color:#fff;
	font-size:110%;
	font-weight:700;
	
}
.notice_box .red_box .line_1 {
	line-height: 1.8em;
}


.notice_box .red_box p.left{
	float:left;
	width: 80%;
	margin: 0 3% 0 0;
}

.notice_box .red_box p.right,
.notice_box .red_box2 p.left {
	float:left;
	width: 10%
}

.notice_box .red_box2 p.right {
	float:left;
	width: 80%;
	margin: 3% 0 0 0;
}


.notice_box .red_box2 p {
	margin: 0 0 0 0;
}

.notice_box .red_box span,
.notice_box .red_box2 span {
		font-size:140%;
}

.notice_box	.at_icon:before  {
	content: url(/card/rule/img/at_icon.png);
	margin: 5px;
	position: relative;
	top: 0;
}

.notice_box .arrow {
	  margin: 0 auto 50px;
	  padding-top: 15px; /* 要素の上の余白調整 */
	  position: relative;
}

.notice_box .arrow:before {
	    width: 100px; /* 四角形の幅 */
	    height: 30px; /* 四角形の高さ */
	    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFC300));
	    background-image: -webkit-linear-gradient(#FFFFFF, #FFC300);
	    background-image: linear-gradient(#FFFFFF, #FFC300);
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 50%; /* 中央寄せに使用 */
	    margin-left: -50px; /* 中央寄せに使用 */
	}


	.arrow:after {
	    border-top: 35px solid #FFC300; 
	    border-left: 70px solid transparent; 
	    border-right: 70px solid transparent;
	    content: "";
	    position: absolute;
	    top: 30px; /* 四角形の高さと同じ物を指定 */
	    left: 50%; /* 中央寄せに使用 */
	    margin-left: -70px; /* 中央寄せに使用 */

	 

	}

#main .boxBorder h3 {
    font-size: 110%;
    line-height: 1.2;
    margin-bottom: 0px;
}

#contents01 div.at_icon_box, #contents06 dl.game_box {
	border: 2px #c1bebe solid;  /* 枠線を引く */
border-radius: 20px;   
	padding: 2%;/* 角丸の指定 */
}

#contents01 ul{
	float: left;
}

#contents01 p.at_icon {
	float: left;
	width: 66px;
	margin:  3% 3% 0;
}

#contents04 ul.linkPage li {
	display: block;
}
