@charset "UTF-8";

/* Pontaとは？
--------------------------------------------------------------------
対象ファイル
-----------------------------
/c/about/index.htm
--------------------------------------------------------------------*/

/* メインエリア
--------------------------------------------------------------------*/

#contents{
 width: 920px;
	background: url(/c/about/img/img_ponta_profile.gif) no-repeat 47% 100%;
}

/* ポンタとはヘッダ */
#about-header{
	width: 920px;
	height: 280px;
	position: relative;
	background: url(/c/about/img/bg.gif) no-repeat 0 0;
	z-index: 10;
}

	#about-header h1{
		position: absolute;
		top: 13px;
		left: 20px;
	}

	#about-header .pict{
		position: absolute;
		top: 10px;
		left: 360px;
	}

	#about-header .btn-link{
		position: absolute;
		top: 220px;
		left: 670px;
		z-index: 100;
	}

	#about-header .entryarea{
		position: absolute;
		top: 9px;
		left: 660px;
		width: 240px;
		margin: 57px 0px 0px 0px;
	}

	#about-header .btn-entry{
		position: relative;
		text-align: center;
		z-index: 100;
	}

		#about-header .entryarea .frm-t{
			margin-top: -38px;
			padding-top: 10px;
			background: url(/c/about/img/table_top_02.gif) no-repeat 0 0;
		}

		#about-header .entryarea ul{
			padding:40px 9px 10px 9px;
			background-color: #fff3c4;
			background: #fff3c4 url(/c/about/img/table_bottom_02.gif) no-repeat 0 100%;
		}

			#about-header .entryarea ul li{
				padding: 0 0 5px 20px;
				background: url(/c/common/img/arrow_m_y.gif) no-repeat 0 2px;
			}

/* ポンタ紹介 */
#pontainfo{
	margin-top: 10px;
	background: url(/c/about/img/img_arrow.gif) no-repeat 50% 0;
}

	#pontainfo li{
		float: left;
		width: 455px;
		margin-right: 10px;
	}

	#pontainfo li.info2{
		float: right;
		margin-right: 0;
	}

	#pontainfo li.info5{
		margin-right: 0;
	}

/* フッターリンク */
#footer-link{
	padding-top: 20px;
}

/* Pontaのプロフィール */
#about-bottom{
	padding: 50px 0 0 60px;
}

#ponta-profile{
	float: left;
	backgraound-color:#fffde8;
	width: 270px;
	margin-right: 45px;
}

#ponta-profile dl dt{
	
}

#ponta-profile dd ul li{
	padding: 5px 0 6px 0;
	background: url(/c/common/img/dotline_3px.gif) repeat-x 0 100%;
}

#ponta-profile dd ul li span{
	font-weight: bold;
	color: #ffa123;
}

#ponta-hitorigoto{
	float: left;
	width: 473px;
	padding-bottom: 60px;
}

	#ponta-hitorigoto .frm-b{
		padding: 0 0 27px 0;
		background: url(/c/about/img/table_bottom_profile.gif) no-repeat 0 100%;
	}

	#ponta-hitorigoto ul{
		padding: 20px;
		min-height: 130px;
		background: url(/c/about/img/table_bg_profile.gif) repeat-y 50% 0;
	}

		#ponta-hitorigoto ul li{
			padding: 0 0 5px 15px;
			background: url(/c/common/img/arrow_s.png) no-repeat 0 4px;
		}

	#contents-footer{
		padding-top: 0;
	}




/*110706 FOR ABOUT
------------------------------------------*/
#pontainfo{
margin-top: 10px;
background: url(/c/about/img/img_arrow.gif) no-repeat 50% 0;
}

#pontainfo li{
float: left;
width: 455px;
margin-right: 10px;
}

#pontainfo li.info2{
float: right;
margin-right: 0;
}

#pontainfo li.info5{
margin-right: 0;
}