@charset "utf-8";
/* -----------------------------------------------------------
CSS Information
File name: index.css
----------------------------------------------------------- */

/*========================================
　トップメイン画面
========================================*/
#mainVisual {
	width:646px;
	height:235px;
	margin-top:55px;
	padding-left:34px;
}

#mainArea {
	/*min-height: 200px;
	height: auto !important;*/
	height: 200px;
	overflow:hidden;
}

#mainArea ul {
	width:646px;
}

#mainArea ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
 }
#mainArea li {
	float:left;
	margin-right:15px;
}
#mainArea li.last {
	margin-right:0px;
}
#mainArea li.hasSub {
	position:relative;
}
#mainArea li.hasSub p.sub {
	position:absolute;
	bottom:8px;
	left:7px;
}
#mainArea li.hasSubDouble {
	position:relative;
}
#mainArea li.hasSubDouble p.sub1 {
	position:absolute;
	top:94px;
	left:61px;
}
#mainArea li.hasSubDouble p.sub2 {
	position:absolute;
	top:143px;
	left:61px;
}

#mainBar {
	padding-top:9px;
	padding-left:441px;
}
#mainBar ul {
	width:204px;
	height:11px;
}
#mainBar ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
 }
#mainBar ul li {
	float:left;
}
#mainBar #bar1 {
	background:url(../img/index/bar-nav1_on.gif) no-repeat;
}
#mainBar #bar2 {
	background:url(../img/index/bar-nav2_on.gif) no-repeat;
}
#mainBar #bar3 {
	background:url(../img/index/bar-nav3_on.gif) no-repeat;
}

#bnrNav {
	float: right;
	margin-top: 10px;
	padding-right:4px;
}

#bnrNav img {
	float: left;
}



/*========================================
　よく使うIR資料
========================================*/
#library {
	margin-bottom:14px;
}
#library #libraryInner {
	width:650px;
	height:228px;	
	background:url(../img/index/bg-librarycontents.gif) no-repeat top center;
	position:relative;
}

#library #librarySlide {
	float:left;
	width:392px;
	height:213px;
	position:relative;
	overflow: hidden;
}
#slidePanel {
	width: 314px;
	overflow: hidden;
	margin-left: 40px;
}
#library #librarySlide #slidePanel ul {
	width: 312px;
	position: inherit;
	overflow: hidden;
}
#library #librarySlide ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
#library #librarySlide ul li {
	width:88px;
	float:left;
	margin-top:21px;
	margin-right:17px;
}
#library #librarySlide ul li dd {
	text-align:center;
	margin-top:12px;
	color:#444444;
	letter-spacing:normal;
}
#library #librarySlide ul li.active {
	width:102px;
	margin-top:0px;
}
#library #librarySlide ul li.active dd {
	margin-top:8px;
	font-size:130%;
}
#library #librarySlide ul li dt img {
	border:#ccccca 1px solid;
}
#library #librarySlide ul li.current dt img {
	border:#888888 1px solid;
}


#library #prevBtn,
#library #nextBtn {
	position:absolute;
	top:71px;
	cursor: pointer;
}
#library #nextBtn {
	right:0px;
}
#library #navigateLibrary {
	position:absolute;
	top:12px;
	left:216px;
}
#library #libraryDetail {
	width:192px;
	height:243px;
	background:url(../img/index/bg-library_detail.gif) no-repeat;
	position:absolute;
	top:-39px;
	right:26px;
}
#library #libraryDetail p {
	padding:3px 0 0 3px;
}

/*========================================
	IRコンテンツ 全リスト
========================================*/
#contentLsit {
	margin-bottom:14px;
}
#contentLsit .listBox {
	width:600px;
}
#contentLsit dl {
	float:left;
	width:190px;
	margin-right:15px;
	padding-bottom:12px;
}
#contentLsit dl.last {
	margin-right:0px;
}
#contentLsit dl dt {
	padding-bottom:8px;
}
#contentLsit dl dd {
	margin-bottom:5px;
}
#contentLsit dl dd a {
	color:#666666;
	background:url(../img/share/icn-arrow_list.gif) no-repeat 0px 6px;
	padding-left:14px;
	text-decoration:none;
	display:block;
}
#contentLsit dl dd a:link {
	color:#666666;
	text-decoration:none;
	letter-spacing:normal !important;
}
#contentLsit dl dd a:visited {
	color:#666666;
	text-decoration:none;
	letter-spacing:normal !important;
}
#contentLsit dl dd a:hover {
	color:#666666;
	text-decoration:underline;
	letter-spacing:normal !important;
}

/*========================================
  受賞ロゴバナーリスト
========================================*/
#awardLsit {
	margin-bottom:30px;
}

#awardLsit .listBox {
	width:600px;
}

#awardLsit ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}

#awardLsit ul li {
	float:left;
	margin-bottom:5px;
	text-align:center;
}

#awardLsit ul li img{
	border:none;
	width:150px;
}

#awardLsit hr {
	/*border:0;
	border-color:#FFF;
	border-bottom:1px solid #ccc;
	border-bottom-color:#E9EDEB;
	*/
	margin:5px 0;
    border: 0 none; 
	height:1px;
    color: #E9EDEB;
    background-color: #E9EDEB;
}


/*========================================
  お知らせ・最新情報
========================================*/

#topic.section {
    background: url(../img/index/bg-topic.gif) repeat-y;
    margin: 0 0 5px 30px;
    width: 650px;
	position:relative;
}

#topic .bottomSection .topSection {
    background: url(../img/index/bg-topic.gif) no-repeat;
    width: 650px;	
}

#topic dl {
	clear:both;
}
#topic dt {
	float:left;
	padding-right:8px;
}
#topic dd {
	float:left;
	padding-bottom:6px;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
}
#topic dd a {
	font-family:"ＭＳ Ｐゴシック",sans-serif;	
	line-height:150%;
}
#topic dd.date {
	width:98px;
	padding-right:8px;
	line-height:150%;
}
#topic dd.topicInfo {
	width:380px;
	padding-bottom:6px;
}

#topic dd.topicInfo span {
	padding-top:5px;
	padding-left:5px;
}
#topic dd.topicInfo span img {
	padding-right:3px;
}
#topic dd.topicInfo span img {
	/vertical-align:baseline;
}
#topic p{
	clear:both;
	padding-top:10px;
	text-align:right;	
}

#rss_ir {
	position:absolute;
	top:4px;
	right:170px;
}
#news_release {
	position:absolute;
	top:4px;
	right:25px;
}

/*========================================
　ピックアップ
========================================*/

#accounts {
	float:left;
	width:190px;
	background:url(../img/index/bg-accounts_review.gif) repeat-y;
}
#accounts #accountsInner {
	width:190px;
	padding-bottom:9px;
	background:url(../img/index/bottom-accounts_review.gif) no-repeat bottom;
	position:relative;
}
#accountsInner dl {
	width:190px;
	height: 122px;
	padding-top:14px;
	margin-bottom: 10px;
}
#accountsInner dt {
	float:left;
	width:50px;
	padding:0 0 0 14px;
}
#accountsInner dd {
	float:right;
	width:107px;
	padding:0 13px 0 0;
}
#accounts #accountsInner p.txt_index{
	font-size:13px;
	line-height:1.6;
	}


/*	#campany
-----------------------*/
#campany {
	float:right;
	width:395px;
	background:url(../img/index/bg-group_campany.gif) repeat-y;
}
#campanyInner {
	width:395px;
	padding-bottom:9px;
	background:url(../img/index/bottom-group_campany.gif) no-repeat bottom;
	position:relative;
}
#campanyInner ul {
	width: 333px;
	margin: 14px auto;
}
#campanyInner ul li {
	float: left;
	margin-right: 9px;
}

#campanyInner .edge {
	margin-right: 0;
}

.pickupBtn {
	text-align: center;
}

#campany .prev {
	display: block;
	width: 25px;
	height: 50px;
	background: url(../img/index/btn-prev_company_off.gif) no-repeat;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
}
#campany .prev {
	position: absolute;
	top: 20px;
	left: 1px;
}
#campany .prev:hover {
	display: block;
	background:url(../img/index/btn-prev_company_on.gif) no-repeat;
}


#campany .next {
	display: block;
	width: 25px;
	height: 50px;
	background: url(../img/index/btn-next_company_off.gif) no-repeat;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
}
#campany .next {
	position: absolute;
	top: 20px;
	right: 1px;
}
#campany .next:hover {
	display: block;
	background:url(../img/index/btn-next_company_on.gif) no-repeat;
}



/*	トップサイドナビ
-----------------------*/

#bottomSideMenuTop {
	background:url(../img/index/bottom-top-sidenav.gif) no-repeat bottom;
    padding-bottom: 20px;
    width: 223px;
}