@charset "UTF-8";

/* header.css
**************************************************************************************


/* header-layout
=============================================================================*/

div#header div.header-wrap {
	height:120px;
}

div#header div.header-main {
	width:204px;
	height:82px;
	float:left;
	padding:15px 21px;
	background:url("../../image/header-bg002.gif") no-repeat 0 0;
}

div#header div.header-sub {
	width: 640px;
	padding: 71px 0 0 0;
	float: right;
	position: relative;
}


/* logo
=============================================================================*/

div#header div.header-main .logo {
	width: 201px;
}


/* header-sub
=============================================================================*/

/* ヘッダーリンク */

div#header div.header-sub ul.sub-navi {
	width: 452px;
	position: absolute;
	top: 8px;
	right: -8px;
	font-size:1px;
}

div#header div.header-sub ul.sub-navi li {
	float:left;
	padding:0 8px 0 0;
}


/* 文字サイズ変更 */

div#header div#fontController {
	float:left;
	width:81px;
	padding:0 0 0 99px;
	background:url("../../image/fontsize-tx.gif") no-repeat 0 6px;
}

div#header div#fontController dt {
	display:none;
}

div#header div#fontController dd {
	float:left;
}

div#header div#fontController dd a {
	display:block;
	height:25px;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image/fontsize-bt.gif") no-repeat 0 0;
}

div#header div#fontController dd.small {
	display:none;
}

div#header div#fontController dd.small ,
div#header div#fontController dd.small a {
	display:none;
}

div#header div#fontController dl dd.small a:hover ,
div#header div#fontController dl dd.small a.small-btn-on {
	display:none;
}

div#header div#fontController dd.middle {
	padding:0 3px 0 0;
}

div#header div#fontController dd.middle ,
div#header div#fontController dd.middle a {
	width:39px;
	background-position:0 0;
}

div#header div#fontController dl dd.middle a:hover ,
div#header div#fontController dl dd.middle a.reset-btn-on {
	background-position:0 bottom;
}

div#header div#fontController dd.large ,
div#header div#fontController dd.large a {
	width:39px;
	background-position:-42px 0;
	float:right;
}

div#header div#fontController dl dd.large a:hover ,
div#header div#fontController dl dd.large a.large-btn-on {
	background-position:-42px bottom;
}


/* 背景色変更 */

div#header div#bgcolorController {
	float:left;
	padding:0 0 0 20px;
	width:125px;
}

div#header div#bgcolorController dl.bgcolor {
	width:123px;
	padding-left:78px;
	background:url("../../image/bgcolor-tx.gif") no-repeat 0 6px;
	text-indent:-9999px;
	font-size:1px;
}

div#header div#bgcolorController dl dt {
	display:none;
}

div#header div#bgcolorController dl dd {
	height:25px;
	width:28px;
	float:left;
	padding-right:3px;
}

div#header div#bgcolorController dl dd.bgcolor-c {
	padding:0;
}

div#header div#bgcolorController dl dd a {
	display:block;
	height:25px;
	width:28px;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/bgcolor-bt.gif") no-repeat 0 0;
}


div#header div#bgcolorController dl dd.default a {	
	background-position:0 0;
}

div#header div#bgcolorController dl dd.default a:hover ,
div#header div#bgcolorController dl dd.default a.reset-btn-on {
	background-position:0 bottom;
}

div#header div#bgcolorController dl dd.bgcolor-a a {	
	background-position:-31px 0;
}

div#header div#bgcolorController dl dd.bgcolor-a a:hover ,
div#header div#bgcolorController dl dd.bgcolor-a a.bgcolor-a-btn-on {
	background-position:-31px bottom;
}

div#header div#bgcolorController dl dd.bgcolor-b a {	
	background-position:-62px 0;
}

div#header div#bgcolorController dl dd.bgcolor-b a:hover ,
div#header div#bgcolorController dl dd.bgcolor-b a.bgcolor-b-btn-on {
	background-position:-62px bottom;
}

div#header div#bgcolorController dl dd.bgcolor-c a {
	background-position:-95px 0;
}

div#header div#bgcolorController dl dd.bgcolor-c a:hover ,
div#header div#bgcolorController dl dd.bgcolor-c a.bgcolor-c-btn-on {
	background-position:-95px bottom;
}


/* サイト内検索 */

div#header div.search-deco {
	float:right;
	width:219px;
	height:25px;
}

div#header div.search-area {
	padding: 0 0 0 165px;
	float: right;
	position: relative;
	background:url("../../image/search-bg001.gif") no-repeat 0 0;
}

div#header div.search-area input.input-q {
	font-size: 12px;
	width: 134px;
	height: 18px;
	padding: 2px 2px 2px 2px;
	position: absolute;
	border: none;
	top: 2px;
	left: 27px;
	color:#444444;
}


div#header div.search-area input.rollover {
	font-size:1px;
}


/* カテゴリ画像 */
div.category-tl-area {
	width:100%;
	height:128px;
	text-indent:-9999px;
}
div.kidney-disease div.category-tl-area {
	background:url("../../image/category-tl-kidney-disease.gif") no-repeat 0 0;
}
div.jinyuukai div.category-tl-area {
	background:url("../../image/category-tl-jinyuukai.gif") no-repeat 0 0;
}
div.material-book div.category-tl-area {
	background:url("../../image/category-tl-material-book.gif") no-repeat 0 0;
}
div.about div.category-tl-area {
	background:url("../../image/category-tl-about.gif") no-repeat 0 0;
}
div.free-consultation div.category-tl-area {
	background:url("../../image/category-tl-free-consultation.gif") no-repeat 0 0;
}
div.site-info div.category-tl-area {
	background:url("../../image/category-tl-site-info.gif") no-repeat 0 0;
}
div.kidney-disease-doubt div.category-tl-area {
	background:url("../../image/category-tl-kidney-disease-doubt.gif") no-repeat 0 0;
}
div.kidney-preservation-period div.category-tl-area {
	background:url("../../image/category-tl-kidney-preservation-period.gif") no-repeat 0 0;
}
div.dialysis-treatment-begin div.category-tl-area {
	background:url("../../image/category-tl-dialysis-treatment-begin.gif") no-repeat 0 0;
}
div.dialysis-treatment-receive div.category-tl-area {
	background:url("../../image/category-tl-dialysis-treatment-receive.gif") no-repeat 0 0;
}
div.transplant-thinks div.category-tl-area {
	background:url("../../image/category-tl-transplant-thinks.gif") no-repeat 0 0;
}
div.for-family div.category-tl-area {
	background:url("../../image/category-tl-for-family.gif") no-repeat 0 0;
}
div.news div.category-tl-area {
	background:url("../../image/category-tl-news.gif") no-repeat 0 0;
}
div.sitemap div.category-tl-area {
	background:url("../../image/category-tl-sitemap.gif") no-repeat 0 0;
}
div.search div.category-tl-area {
	background:url("../../image/category-tl-search.gif") no-repeat 0 0;
}
div.unauthorized div.category-tl-area {
	background:url("../../image/category-tl-401.gif") no-repeat 0 0;
}
div.forbidden div.category-tl-area {
	background:url("../../image/category-tl-403.gif") no-repeat 0 0;
}
div.not-found div.category-tl-area {
	background:url("../../image/category-tl-404.gif") no-repeat 0 0;
}
div.inquiry div.category-tl-area {
	background:url("../../image/category-tl-inquiry.gif") no-repeat 0 0;
}
div.request div.category-tl-area {
	background:url("../../image/category-tl-request.gif") no-repeat 0 0;
}

/* gnavi
=============================================================================*/

#gnavi {
	padding:0;
	width:961px;
	margin:0 -1px 0 0;
}

#gnavi ul li {
	height:69px;
	float:left;
}

#gnavi ul li a {
	display:block;
	height:69px;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image/gnavi.gif") no-repeat 0 0;
}

#gnavi ul li.gnavi001 ,
#gnavi ul li.gnavi001 a {
	background-position:0 0;
	width:104px;

}
#gnavi ul li.gnavi001 a:hover ,
#gnavi ul li.gnavi001-c a {
	background-position:0 bottom;
	width:104px;
}

#gnavi ul li.gnavi002 ,
#gnavi ul li.gnavi002 a {
	background-position:-104px 0;
	width:169px;

}
#gnavi ul li.gnavi002 a:hover ,
#gnavi ul li.gnavi002-c a {
	background-position:-104px bottom;
	width:169px;
}

#gnavi ul li.gnavi003 ,
#gnavi ul li.gnavi003 a {
	background-position:-273px 0;
	width:190px;

}
#gnavi ul li.gnavi003 a:hover ,
#gnavi ul li.gnavi003-c a {
	background-position:-273px bottom;
	width:190px;
}

#gnavi ul li.gnavi004 ,
#gnavi ul li.gnavi004 a {
	background-position:-463px 0;
	width:202px;

}
#gnavi ul li.gnavi004 a:hover ,
#gnavi ul li.gnavi004-c a {
	background-position:-463px bottom;
	width:202px;
}

#gnavi ul li.gnavi005 ,
#gnavi ul li.gnavi005 a {
	background-position:-665px 0;
	width:169px;

}
#gnavi ul li.gnavi005 a:hover ,
#gnavi ul li.gnavi005-c a {
	background-position:-665px bottom;
	width:169px;
}

#gnavi ul li.gnavi006 ,
#gnavi ul li.gnavi006 a {
	background-position:-834px 0;
	width:127px;

}
#gnavi ul li.gnavi006 a:hover ,
#gnavi ul li.gnavi006-c a {
	background-position:-834px bottom;
	width:127px;
}