@charset "shift_jis";


body{overflow-x:hidden;}


div#main-wrap{ background:url(../global/img/top_main_bg.gif) repeat-x; height:390px; padding-top:30px; overflow:hidden;}
div#main-box{ width:958px; margin:0 auto; position:relative;}
div#main-box ul { list-style: none; padding: 0; margin: 0 auto; width: 648px; height: 291px;}
div#main-box li { padding: 0; width: 826px; height: 291px; text-align: center; cursor: pointer; }
div#main-box li img { width:100%; height:100%; }
div#main-box li a.details {
	width:89px;
	height:25px;
	position:absolute;
	left: 33px;
	top: 232px;
}

#main-subbtn { position:absolute; left:0; top:0; z-index:5000;}
#main-subbtn p { display:none; }
#main-subbtn p.active { display:block; }

#main-subbtn .details { position:absolute; left: 95px; top: 230px; }
#main-subbtn .details2 { position:absolute; left: 122px; top: 231px; }
#main-subbtn .details3 { position:absolute; left: 560px; top: 238px; }
#main-subbtn .shop-b { position:absolute; left: 185px; top: 230px; }
#main-subbtn .event01 { position:absolute; left: 565px; top: 241px; }


#main-thumbnail {
	margin: 6px auto;
	height: 8px;
	width: 70px;
}
#main-thumbnail a { float:left; display:block; width:14px; height:8px; line-height:8px;	background-repeat:no-repeat; background-position:bottom; text-indent:-9999px; }
#main-thumbnail a:hover	{	background-position:top;	}
#main-thumbnail .thum	{	background-image:url(../global/img/top_main_sum_bg.gif);	}
#main-thumbnail a.active { background-position:top; }






.news-tab { margin-bottom:5px; border-bottom:solid 1px #0076cd; width: 688px; height:26px; }

.news-list-container { width: 678px; padding:15px 5px; position:relative; border-bottom:#e5e5e5 solid 1px; }
.news-list-container .day { font-size:85%; font-weight:bold; padding-top:2px; float:left; line-height:1.3em; width:60px; }
.news-list-container .news { padding:1px 0 0 105px; float:left; line-height:1.3em; width:500px; }

.news-list-container .icon-news { background:url(../global/img/top_news_icon01.gif) no-repeat 16px 0; }
.news-list-container .icon-medical { background:url(../global/img/top_news_icon02.gif) no-repeat 16px 0; }
.news-list-container .icon-ir { background:url(../global/img/top_news_icon03.gif) no-repeat 16px 0; }


.info-box-sp{ color:#0076cd; font-weight:bold; border:#0076cd dotted 1px; padding:3px 0; margin-bottom:15px; text-align:center; font-size:95%; }
.info-box-sp a:link { color: #0076cd; text-decoration: none; }
.info-box-sp a:visited { color: #0076cd; text-decoration: none; }
.info-box-sp a:hover,.info-box-sp a:active,.info-box-sp a:focus { text-decoration: underline; }

.info-box-sp2{ color:red; font-weight:bold; border:red dotted 1px; padding:3px 0; margin-bottom:15px; text-align:center; font-size:95%; }
.info-box-sp2 a:link { color: red; text-decoration: none; }
.info-box-sp2 a:visited { color: red; text-decoration: none; }
.info-box-sp2 a:hover,.info-box-sp a:active,.info-box-sp a:focus { text-decoration: underline; }


div#right-container p{
	line-height:1px;
	padding-bottom:6px;}

div#right-container #mail-free{
	border:solid 1px #e5e5e5;
	}
	
div#mail-free #wrap{
	width:210px;
	margin:0 auto;
	padding:12px 0;
	}

div#bnr-rellative{
	width:800px;
	float:right;
	}
div#bnr-rellative p{
	font-size:10px;
	line-height:18px;
	}
div#bnr-rellative ul li{
	float:left;
	padding-right:19px;
	}









/* Circular Content Carousel Style */
#pick-up{ padding-bottom:25px; margin-bottom:35px; border-bottom:#e5e5e5 solid 1px;}

#pick-up a:link {
	color: #0076cd;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
#pick-up a:visited {
	color: #0076cd;
	text-decoration: underline;
}
#pick-up a:hover,#pick-up a:active,#pick-up a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

.ca-container{
	position:relative;
	margin:0 auto;
	width:636px;
	height:95px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	float:left;
	width:218px;
}

.ca-item .photo{
	float:left;
	width:90px;
}

.ca-item .info-txt{
	float:left;
	width:110px;
}

.ca-nav span{
	width:14px;
	height:65px;
	background:transparent url(../global/img/top_btn_arrow.gif) no-repeat left top;
	position:absolute;
	top:50%;
	margin-top:-32px;
	left:-30px;
	text-indent:-9000px;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-30px;
}
.ca-nav span:hover{
	opacity:0.5;
}

/* -- end -- */
