@charset "shift_jis";
/* CSS Document */

#protec a{
	color:#0066cc;
}

#protec .contents{
	width:630px;	
}

#protec .contents .cat01 h4 {
	background-color: #b30000;
	color: #ffffff;
	font-size:16px;
	line-height:2;
	text-align:center;
	margin:30px 0 15px;
}
#protec .contents .cat01 p.text {
	background: url(../campaign/protec-shift/images/protec_mark01.jpg) no-repeat 15px 7px;
	padding:0 30px 0;
	font-size:12px;
	line-height:1.8;
}
#protec .contents .cat01 .text_notice {
	color: #b30000;
	font-size:11px;
	padding:0 30px 0;
	line-height:1.8;
}

#protec .contents .cat01 p.img {
	margin:15px;
}

#protec .contents .cat01 .left_con {
	float: left;
	width:200px;
}
#protec .contents .cat01 .left_con p.img{
	margin:0 0 0 15px;
}


#protec .contents .cat01.clearfix .right_com {
	float: left;
	width:430px;
}

#protec .contents .cat01 .spi_img {
	margin:20px 15px;
}

#protec .contents .cat01 .spi_img p {
	float: left;
	margin:0 10px 0 0;
}
#protec .contents .cat01 .spi_img p.last {
	margin:0;
}

#protec .contents .cat01 .spi_setsumei {
	background: url(../campaign/protec-shift/images/protec_03_bg.jpg) no-repeat 0 0;
	width:600px;
	height:240px;
	margin:0 15px;
}
#protec .contents .cat01 .spi_setsumei h5 {
	font-size: 25px;
	font-weight:bold;
	text-align:center;
	padding:25px 0 0;
	margin:0 0 30px;
	line-height:1;
}

#protec .contents .cat01 .spi_setsumei h5 p.title {
	color: #b30000;
}
#protec .contents .cat01 .spi_setsumei .spi_text p {
	font-size: 15px;
	margin:0 15px 0 25px;
	font-weight:bold;
}
#protec .contents .cat01 .spi_setsumei .spi_text span.strong {
	color: #b30000;
}
#protec .contents .cat02 .cat02_left {
	float: left;
	width:305px;
}

#protec .contents .cat02 li {
	list-style-type:none;
	float:left;
	margin:0 15px 0 0;
	width:305px;
}
#protec .contents .cat02 li.last {
	margin:0;
}


#protec .contents .cat02 li h4 {
	background-color: #b30000;
	color: #ffffff;
	font-size:16px;
	line-height:2;
	text-align:center;
	margin:30px 0 15px;
}
#protec .contents .cat02 li p.li_img{
	margin:0px 50px;
}
#protec .contents .cat02 li p.li_text{
	margin:0px 15px;
	font-size:12px;
}
#protec .contents .cat02 li p.li_text_notice{
	margin:0px 15px;
	font-size:12px;
	color:#b30000;
}
#protec .contents .table_cont{
	margin:30px 0 0 15px;
	font-size:12px;
}
#protec .contents .table_cont table{
	border:1px solid #666666;
	border-collapse:collapse;
}
#protec .contents .table_cont table th{
	border:1px solid #666666;
	padding:0 10px;
	background-color:#addef8;
}

#protec .contents .table_cont table td
{
	border:1px solid #666666;
	padding:0 10px;
}

#protec .contents .table_cont th.brand{
	width:80px;
}

#protec .contents .table_cont th.type{
	width:380px;
}

#protec .contents .table_cont td.brand-h{
	vertical-align:top;
	background-color:#d3edfb;
}
#protec .contents .table_cont td.brand-y{
	vertical-align:top;
	background-color:#e7ebcb;
}
#protec .contents .table_cont td.brand-s{
	vertical-align:top;
	background-color:#fffcd1;
}
#protec .contents .table_cont td.brand-k{
	vertical-align:top;
	background-color:#fbe6ef;
}