@charset "Shift_JIS";

@import url("common.css");
@import url("../../company/css/company_style.css");
@import url("../../product/css/product_style.css");
@import url("../../technology/css/techno_style.css");
@import url("../../environment/css/environment_style.css");

@import url("../../privacy/css/privacy_style.css");
@import url("../../trademark/css/trademark_style.css");
@import url("../../inquiry/css/inquiry_style.css");
@import url("../../sitemap/css/sitemap_style.css");

/* @import url("../../news/css/news_style.css"); */
/* @import url("../../promotion/css/promotion_style.css"); */


/* --------------------------------------------------------------------------------------
 �g�b�v�y�[�W
--------------------------------------------------------------------------------------- */

/* �t���b�V�� -------------------- */

div.flash {
	width: 798px;
	margin: 0 0 20px 8px;
}


/* News&Topics -------------------- */

div.news h2 {
	position: relative;
	width: 479px;
}

div.news h2 span {
	display: block;
	position: absolute;
	top: -2px;
	right: 4px;
	padding-left: 13px;
	background: url(../../img/arw_link_look.gif) no-repeat 0 50%;
	font-size: 86%;
}

div.news dl {
	width: 479px;
	padding: 10px 0 0;
	line-height: 1.7;
}

div.news dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.news dl { display:inline-block; }
/*\*/
* html div.news dl { height:1%; }
div.news dl { display:block; }
/**/

div.news dl dt {
	float: left;
	width: 115px;
}

/*\*/
div.news dl dt {
	clear: both;
}
/**/

div.news dl dd {
	float: right;
	width: 358px;
}

/*\*/
* html div.news dl dd {
	float: none;
}
/**/

*:first-child + html div.news dl dd {
	float: none;
}


/* �o�i�[ -------------------- */

div#tp-ct-right ul.bnr li {
	margin-bottom: 7px;
}

div#tp-ct-left .article-header .label{
	margin-left: 1em;
}
div#tp-ct-left .label{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 4px;
	line-height: 1;
	color: #fff;
	border-radius: 3px;
}
div#tp-ct-left .label.new{
	background-color: #e9611e;
}


div#tp-ct-left .article-header{
	/*border-top: 2px solid #d1d1d1;*/
	border-bottom: 1px dotted #d1d1d1;
	padding: 10px;
}
div#tp-ct-left .article-header .date{
	margin-right: 1em;
	color: #000;
}



/* --------------------------------------------------------------------------------------
 ���w�y�[�W����
--------------------------------------------------------------------------------------- */

/* �p���������X�g -------------------- */

ul#topic-path {
	margin-left: 3px;
	padding: 11px 0 7px;
	font-size: 86%;
}

ul#topic-path li {
	display: inline;
	margin-right: 3px;
}


/* �R���e���c�^�C�g�� -------------------- */

div#ct-right h2 {
	margin-bottom: 20px;
}

div#ct-right h3 {
	width: 505px;
	background: #d2e6f3;
	margin: 20px 0 10px 0px;
	padding: 4px 0 4px 5px;
	font-weight: bold;
	color: #006cb3;
}

* html div#ct-right h3 {
	width: 510px;
}

div#ct-right h4 {
	color: #006cb3;
	margin: 10px 0 2px 0;
	padding-bottom: 2px;
	border-bottom:1px #cccccc dotted;
	font-weight: bold;
}

div#ct-right p.midashi {
	color: #006cb3;
	font-weight: bold;
	margin: 10px 0;
}



/* ���G���A -------------------- */

/* �T�u�i�r�Q�[�V���� */

ul#snavi {
	width: 167px;
	margin: 0 0 20px 5px;
}

/* �o�i�[ */

div#ct-left ul.bnr {
	width: 147px;
	margin-left: 15px;
}

div#ct-left ul.bnr li {
	margin-bottom: 5px;
}


/* �y�[�W�g�b�v�֖߂� -------------------- */

p.pagetop {
	margin-right: 20px;
	text-align: right;
}

/* �摜��荞�� -------------------- */
div#ct-right img.photo{
	float:right;
	margin:0 10px 15px 15px;
}

div#ct-right img.photo2{
	float:left;
	margin:0 15px 15px 0;
}

div#ct-right p.center{
	text-align: center;
	margin-bottom: 10px;
}
.hero {
	padding: 0 8px;
	border-bottom: 1px solid #7faddb;
}
.hero .mainimg {
	position: relative;
	height: 300px;
}
.hero .mainimg li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
}
.hero .mainimg li img {
	opacity: 0;
}
.hero .mainimg li:first-child {
	display: block !important;
}
.hero .mainimg li:first-child img {
	/*opacity: 1 !important;*/
}
.hero .tab {
	height: 80px;
	position: relative;
	margin-top: -45px;
	overflow: hidden;
}
.hero .tab ul {
	font-size: 0;
	text-align: center;
	position: relative;
	top: 20px;
	padding-left: 6px;
}
.hero .tab li{
	/*float: left;*/
	float: left;
	position: relative;
}
.hero .tab li a {
	display: block;
	padding: 0 1px;
	height: 60px;
}
.hero .tab a:hover img {
	margin-top: -20px;
	position: relative;
}