@charset "UTF-8";



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



Top Page CSS



for jsr.co.jp

coded by d-spica at 2012-01-21

imported to "index.html"



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





@import url(default.css);

@import url(base.css);

@import url(parts.css);





#main {

	position: relative;

	line-height: 1.3;

}



#main h1 {

	margin-bottom: 3px;

}



.message {

	position: absolute;

	top: 20px;

	left: 20px;

	width: 820px;

}



#news {

	position: relative;

	zoom: 1;

}



#news h2 {

	width: 655px;

}



#news ul.nav-guide {

	margin: -22px 0 8px;

	width: 859px;

	text-align: right;

}



#news ul.nav-guide li {

	display: inline;

	margin-right: 20px;

}



#news ul.nav-guide li a {

	font-weight: bold;

	color: #FFF;

}

#news ul.nav-guide li img {

	vertical-align: baseline;

}



#news dl.entries {

	overflow: auto;

	background: #FFF;

	padding: 10px;

	width: 856px;

	height: 170px;

}



* html #news dl.entries {

	height: 181px;

}



*:first-child+html #news dl.entries {

	height: 177px;

}



#news dl.entries a {

	color: #333;

}



#news dl.entries dt {

	width: 15em;

}



#news .pickup {

	position: absolute;

	top: 3px;

	right: 1px;

	border: solid 1px #999;

	background: #FFF;

	padding: 0 5px;

	width: 202px;

}



#news .pickup h3 {

	margin: 0 -5px 2px;

	border-top: solid 2px #333575;

	padding: 2px 5px;

}



#news .pickup ul.entries {

	font-size: 85%;

}



#news .pickup ul.entries li {

	overflow: hidden;

	margin-bottom: 2px;

	line-height: 1.2;

	zoom: 1;

}



#news .pickup ul.entries li img.thumbnail {

	float: left;

	margin-right: 5px;

}



#news .csrreport {

	position: absolute;

	top: 3px;

	right: 12px;

	width: 90px;

}



#news .annualreport {

	position: absolute;

	top: 3px;

	right: 122px;

	width: 90px;

}



#news .button {

	position: absolute;

        top: 83px;

	bottom: 0;

	right: 0;

}



#news .button2 {

	position: absolute;

        top: 200px;

	bottom: 0;

	right: 0;

}





#bunner {

	position: relative;

	width: 876px;

	height: 175px;

	zoom: 1;

}









#bunner .annualreport {

	position: absolute;

	top: 2px;

	right: 588px;

	bottom: 0;

}

#bunner .csrreport {

	position: absolute;

	top: 2px;

	right: 295px;

	bottom: 0;

}

#bunner .public {

	position: absolute;

	top: 2px;

	right: 2px;

	bottom: 0;

}



#bunner .life {

	position: absolute;

	top: 62px;

	right: 588px;

	bottom: 0;

}

#bunner .bunshikun {

	position: absolute;

	top: 62px;

	right: 295px;

	bottom: 0;

}

#bunner .maruwakarijsr {

	position: absolute;

	top: 62px;

	right: 2px;

	bottom: 0;

}

#bunner .interview1 {

	position: absolute;

	top: 122px;

	right: 775px;

	bottom: 0;

}
#bunner .interview2 {

	position: absolute;

	top: 122px;

	right: 295px;

	bottom: 0;

}
#bunner .interview3 {
	
	position: absolute;

	top: 149px;

	right: 584px;

	bottom: 0;

	background: url("../img/top/bunner_interview_3_on.jpg") no-repeat;

}

#bunner .interview3 a {

	display: inline-block;

}

#bunner .interview3 a:hover img {

	visibility: hidden;    

}


#bunner .interview4 {

	position: absolute;

	top: 149px;

	right: 295px;

	bottom: 0;
	
	background: url("../img/top/bunner_interview_4_on.jpg") no-repeat;

}

#bunner .interview4 a {

	display: inline-block;

}

#bunner .interview4 a:hover img {

	visibility: hidden;    

}


#bunner .factorytour {

	position: absolute;

	top: 122px;

	right:2px;

	bottom: 0;

}

#contents {

	padding: 0;

	

}



#contents h2 {

	margin-left: 2px;

}



#contents table {

	border-collapse: separate;

	border-spacing: 1px;

}



#contents .content {

	overflow: hidden;

	border: solid 1px #DDD;

	background: #FFF;

	padding: 0 12px;

	width: 265px;

	vertical-align: top;

	zoom: 1;

	

}



#contents .content h3 {

	overflow: hidden;

	margin: 0 -12px 10px; /* 2011-02-08 修正 */

	width: 289px;

	

}



#contents .content .description {

	margin: -45px 80px 15px 0; /* 2011-02-08 修正 */

	font-size: 93%;

}



#contents .content ul.entries li {

	margin-bottom: 8px;

	background:url(../img/base/mk-link.png) no-repeat 0 0.25em;

	padding-left: 10px;

}



#contents .content ul.entries a {

	color: #333;

}



#contents .company ul.entries,

#contents .ir ul.entries,

#contents .csr ul.entries {

	float: left;

	width: 132px;

}



#contents .product ul.searchs li {

	margin-bottom: 15px;

}



#contents .product ul.searchs li select {

	width: 240px;

	vertical-align: 1px;

}



#contents .product ul.searchs li.no-select {

	margin-left: -4px;

	margin-right: -4px;

}

	

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

	arranged by KWC

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



optgroup{

	font-style:normal;

}

/* RSSとは */

#rss-modal-content {display:none;}



.modal-ttl{

	background-color:#151c62;

	color:#fff;

	font-weight:bold;

	margin:0;padding:4px;

}



.modal-txt{

	padding:10px;

}



ul.list li{

	list-style-position: outside;

	list-style-type: disc;

	margin-left:1.5em;

}

ul.list ol li{

	list-style-type: decimal;

	margin-left:1.5em;

}



#rss-modal-content p{

	margin-bottom:10px;

}



#simplemodal-overlay {background-color:#000; cursor:wait;}



/* Container */

#simplemodal-container {height:350px; width:500px; background-color:#fff; border:4px solid #d4d6d7; padding:0;}

#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}

#simplemodal-container a {color:#ddd;}

#simplemodal-container a.modalCloseImg {background:url(../img/overlay/overlay_close_IE6.gif) no-repeat; width:36px; height:36px; display:inline; z-index:3200; position:absolute; top:-4px; right:0; cursor:pointer;}

#simplemodal-container h3 {color:#84b8d9;}