@charset "utf-8";
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 *	file name : history_style.css（年表javascript表示用CSS）
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*----/sunvista.sharp/sunvista/select/history/index.htmlのタブ切替えするカラムのタグ---*/
#tabcol{
	position: relative;
	overflow: hidden;
}
#tab01,
#tab02{
	position: relative;
	width: 300px;
	height: 70px;
	overflow: hidden;
}
#tab01 img,
#tab02 img{
	position: absolute;
}
#tab01 a,
#tab02 a{
	display: none;
	position: absolute;
	width: 268px;
	height: 70px;
}
#tab01 a:hover,
#tab02 a:hover{
	opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;              /* Safari 1.x */
}
.tabcol_content{
	position: relative;
	width: 628px;
	margin-bottom: 20px;
}
.tabcol_bg{
	background-color: #e9822a;
	padding: 4px;
}
.bgWight{
	background-color: #fff;
	padding-bottom: 8px;
}
#tabx{
	display: none;
	position: absolute;
	top: 10px;
	left: 300px;
}
.tabcon_img{
	position: absolute;
	top: -5px;
	right: -5px;
	_right: 12px;
	z-index: 99;
}
.tabcon_img_onborder {
	margin: 5px 5px 0 0;
	position: absolute;
	top: -5px;
	right: -5px;
}
.tabcon_tit {
	font-size: 128%;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	margin-bottom: 10px;
}
.tabcon_tit .glay{
	color: #888;
}
.tabcol_content ul p{
	font-size: 108%;
	padding: 0 0 25px 20px;
	line-height: 1.8em;
}
.tabcol_content ul.caption{
	padding: 0;
}
span.ocherB {
	color: #b5871b;
	font-weight: bold;
}
.tabcon_tit .years{
	float: left;
	width: 90px;
}
.tabcon_tit .technology{
	float: left;
	text-align: left;
	width: 514px;
}
/*--- 調整用 ---*/
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
/*-------*/
/* clearfix */
.clearfix:after,
#PANKUZU:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix,
#PANKUZU			{ display:inline-block; }
* html .clearfix,
* html #PANKUZU	{ height:1%; }
.clearfix,
#PANKUZU			{ display:block; }
/* End clearfix */
/*----/sunvista.sharp/sunvista/select/history/index.htmlのdl dt ddタグ---*/
dl.history_list{
	display: block;
	padding: 30px 0 0 15px;
	line-height: 1.2em;
}
.history_list dt{
	float:left;
	width:5em;
}
.history_list dd{
	overflow: hidden;
	/zoom: 1;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 0.8em;
}
/*-------*/
/*----/sunvista.sharp/sunvista/select/history/index.htmlの  history_listboxで使用タグ---*/
span.ocher {
	color: #b5871b;
}
.history_listbox li{
	font-size: 118%;
	margin: 0 0 15px 0;
}
.history_listImgbox li {
	width: 260px;
	margin:0 0 20px 4px;
	float: left;
	display: inline;
}
/*-------*/
/* AwardArea */
.awardArea {
	width: 628px;
	background: url("/cms/sun/images/history_image_award_mid.png") repeat-y 0 0;
}
.awardArea ul {
	width: 576px;
	margin: 0 26px;
	padding: 13px 0;
	background: #fff;
}
.awardArea ul li{
	margin: 0 13px;
}
.awardArea ul li.gd{
	position: relative;
}
.awardArea li.gd .linkBtn {
	width: 230px;
	position: absolute;
	bottom:51px;
	right: 43px;
}