@charset "shift-JIS";

/*-----------------------------------------
summary  creditsaison point page
url  /point/creditsaison.html
last update  2011/7/6
-----------------------------------------*/
td,th,img,dl,dt,dd {
	padding: 0;
	margin: 0;
}

h1{
	width: 740px;
	height: 27px;
	text-indent: 0px;
}

/* Boxes
-----------------------------------------*/
div#creditsaison {
	margin: 0 auto 20px;
	padding: 0 0 10px;
	width: 704px;
	text-align: left;
	border-bottom: 2px solid #00aae8;
	background: url(/point/image/creditsaison/bg_creditsaison.gif) left top repeat-y;
}
div#creditsaison div.headline {
	width: 704px;
	position: relative;
}
div#creditsaison div.about {
	margin: 19px 10px 11px;
	padding: 21px 0 14px;
	width: 684px;
	background:#fff;
}

/*----------------------------------------------------*/
/***** SAISON and UC Contents(div#creditsaison) *****
/*----------------------------------------------------*/

/* Headline (div.headline)
-----------------------------------------*/
div#creditsaison div.headline p.logo01,
div#creditsaison div.headline p.logo02,
div#creditsaison div.headline p.logo03{
	position: absolute;
}
div#creditsaison div.headline p.logo01{right: 2px; top: 2px;}
div#creditsaison div.headline p.logo02{left: 175px; top: 35px;}
div#creditsaison div.headline p.logo03{left: 373px; top: 35px;}

div#creditsaison div.headline p.img {
	line-height: 0;
	font-size : 0px;
}

/*---------------------------------------*/

/* About (div.headline, White Area)
-----------------------------------------*/
/* Heading */
div#creditsaison div.about h2 {
	text-indent: 0;
	margin: 0 0 10px 10px;
}

/* Paragraph Text */
div#creditsaison div.about p.text {
	padding: 0 15px 1em 18px;
}
div#creditsaison div.about p.last {
	margin-bottom: 10px;
}
div#creditsaison div.about p strong.red {
	font-weight: normal;
	color: #c00;
}
div#creditsaison div.about img.icon {
	position: relative;
	top: 1px;
	margin: 0 3px;
}

/* Image Text */
div#creditsaison div.about p.img {
	text-align:center;
	line-height: 0;
	font-size : 0px;
}
div#creditsaison div.about p.img.last {
	margin:0 0 23px;
}

/* List "Flow" */
div#creditsaison div.about ul.flow {
	margin: 0 0 20px 26px;
}
div#creditsaison div.about ul.flow li {
	width: 190px;
	padding-top: 146px;
	padding-right: 33px;
	display: block;
	float: left;
	line-height: 1.2;
}
div#creditsaison div.about ul.flow li.f01 {
	background: url(/point/image/creditsaison/img_flow01.gif) left top no-repeat;
}
div#creditsaison div.about ul.flow li.f02 {
	background: url(/point/image/creditsaison/img_flow02.gif) left top no-repeat;
}
div#creditsaison div.about ul.flow li.f03 {
	width: 180px;
	padding-right: 0;
	background: url(/point/image/creditsaison/img_flow03.gif) left top no-repeat;
}

/* Instruction for each Card */
div#creditsaison div.about div.cards {
	margin-left:19px;
}
div#creditsaison div.about div.cards dl {
	width: 320px;
	margin-right:4px;
	float: left;	
}
div#creditsaison div.about div.cards dl dt {
	line-height: 0;
	font-size : 0px;
}
div#creditsaison div.about div.cards dl dd {
	width: 318px;
	padding: 10px 0 0;
	border-left: 1px solid #00aae8;
	border-right: 1px solid #00aae8;
	border-bottom: 1px solid #00aae8;
}
div#creditsaison div.about div.cards dl dd p {
	padding: 0 12px 15px;
	line-height: 1.2;
}
div#creditsaison div.about div.cards dl dd p.last {
	margin: 0;
	padding: 0 12px 10px;
}
/*---------------------------------------*/

/* Banner
----------------------------*/
div#creditsaison p.bnr01 {
	margin-left: 10px;
}
/*---------------------------------------*/

/*----------------------------------------------------*/

/* clearfix
----------------------------*/
div#creditsaison .clearFix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

*:first-child+html div#creditsaison .clearFix {display: inline-block;}

* html div#creditsaison .clearFix {height: 1%;}