@charset "UTF-8";

/*
======== table of content. ===============

summary:トップページ独自要素

- div#main
	- promo-content
	- PICK UP記事
- aside#jhospital

==========================================
*/

/*----------------------------------------
promo-content
------------------------------------------*/
#home .promo-content {
	min-height:283px;
}

#home .promo-scroll {
	height:292px; 
}

/* 前の記事、次の記事、詳しくはこちらボタン */
#home .promo-content ul.prev_next li a {
	padding-top:293px;
}

#home .promo-content ul.prev_next li.rightScroll a {
	_padding-top:292px;
}

#home .promo-content section {
	min-height:271px;
}

/* PICK UP */
/* 前の記事、次の記事 */
.grid_2 .title ul.prev_next {
	height:20px;
	margin-top:-1px;
	background:transparent url(../images/bg_bt_prev_next.png) no-repeat;
}

/*-----
前の記事、次の記事ボタンはnav.css
-----*/

/*----------------------------------------
PICK UP 記事
------------------------------------------*/
.pickup-scroll {
	position:relative; 
	overflow:hidden; 
	width:460px; 
	min-height:470px; 
}

.pickup-scroll .pickup-scroll-items {
	width:20000em; 
	position:absolute; 
}

.grid_2 ul.pickup {
	float:left;
}

.grid_2 ul.pickup li {
	width:436px;
	padding:10px 12px;
	border-bottom:1px solid #e8e8e8;
	cursor:pointer;
}

.grid_2 ul.pickup li img {
	float:left;
	width:70px;
	height:70px;
	margin-right:20px;
	padding:1px;
	border:1px solid #764912;
}

/* PICK UPの偶数行に背景をつける */
ul.pickup li.odd {
	background-color:#f8f6f3;
}

/* PICK UPの最期の行ボーダー無し */
ul.pickup li.last {
	border:none;
}

/* リンク色 */
ul.pickup a {
	display:block;
	text-decoration:none;
}

ul.pickup a h3 {
	color:#764912;
}

ul.pickup a p {
	color:#4d4d4d;
}

ul.pickup a p.more {
	color:#764912;
}

.grid_2 ul.pickup li h3 {
	margin-bottom:4px;
	font-weight:bold;
}

.grid_2 ul.pickup li p {
	display:inline;
}

/*----------------------------------------
aside#jhospital
------------------------------------------*/
aside#jhospital {
	clear:both;
	padding:6px 0 6px 24px;
	background-color:#f2f1ed;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
}

#jhospital li {
	float:left;
	margin-right:24px;
}

#jhospital li a {
	color:#333;
}

#jhospital li a:hover {
	color:#00734c;
}