@charset "UTF-8";

/***********************************************/
/* FileName: tan_common.css                         */
/* data:2014/03/29                             */
/***********************************************/


/********* general ***********/
#contents{
	margin:0 10px;
}

#mainArea{
	float:left;
	width:730px;
}

#sideArea{
	float:right;
	width:210px;
}

@media screen and (max-width: 768px){ /* 768px以下の記述 */
	#mainArea ,#sideArea{
		width:auto;
		float:none;
	}
}

h2.mainTitle{
	width:100%;
	margin:0 0 20px;
	position:relative;
}

@media screen and (max-width: 768px){ /* 768px以下の記述 */
	h2.mainTitle img{
		width:100%;
	}
}











/********* campaignArea *****/
.campaignArea{
	background:#FFFFF5;
	border:solid 3px #F9D8D8;
	margin:0 0 25px;
	text-align:center;
	overflow:hidden;
}

.chance{
	padding:8px;
}

.pickup{
	padding:2px;
}

.chance h3{
	margin:0 0 5px;
}

.campaignText{
	background-image:url(../_img/img_chance_line.gif);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:bottom center;
	padding:0 0 10px;
	text-align:center;
}

.campaignText img{
	max-width:100%;
}

.chance ul li{
	float:left;
}

.pickup ul{
 margin:15px 0 0;
}

.pickup ul li{
	margin:0 0 5px;
}

@media screen and (max-width: 768px){ /* 768px以下の記述 */
	.campaignText{
		padding:0 0 20px;
	}
	
	.campaignArea ul{
		width:102%;
	}
	
	.campaignArea ul li{
		margin:10px 2% 10px 0;
		width:31%;
	}
	
	.campaignArea ul li img{
		width:100%;
	}

}

.pageExplanation{
	margin:0 0 20px;
}

/********* common ***********/
.cBoth{
	clear:both;
}

.fBold{
	font-weight:bold;
}

.fSize11{
	font-size:85%;
}

.fSize15{
	font-size:115%;
}

.fGray{
	color:#787878;
}

.fGreen{
	color:#33A44B;
}

.fRed{
	color:#C02929;
}

.fBlue{
	color:#3448A1;
}

.fL{
	float:left;
}

.fR{
	float:right;
}

.spUse{
	display:none;
}

@media screen and (max-width: 768px){ /* 768px以下の記述 */
	.pcUse{
		display:none;
	}
	.spUse{
		display:block;
	}
}

.imageOver:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

.tbMiddle{
	display:table-cell;
	vertical-align:middle;
}