@charset "UTF-8";

/* home.css
**************************************************************************************


/* Layout
=============================================================================*/

.home .main-container {
	padding-bottom:20px;
	background:url("../../image/index-bg001.gif") repeat-x left top;
}

.home .mainbg{
	background:url("../../image/index-bg002.png") no-repeat center top;
}

/* Main-visual
=============================================================================*/

.home .mainvisual-area {
	margin:0 -6px;
}

/* Visitors Area
=============================================================================*/

.home #visitors-area {
	_width:924px;

}

.home #visitors-area .visitors-box {
	margin: 0 -25px 35px 0;
	padding: 0 0 20px 0;
	background: url("../../image/index-bg005.png") no-repeat left bottom;

}

.home #visitors-area .visitors-box div.vbox {
	width: 287px;
	float: left;
	margin: 0 21px 0 0;
	background: url("../../image/index-bg005.png") no-repeat left top;
	_display:inline;
}
.home #visitors-area .visitors-box div.vbox-in {
	width: 262px;
	position:relative;
	padding: 51px 13px 30px 12px;
}

/***カテゴリ内***/
/*タイトル*/
.home #visitors-area .visitors-box div.vbox-in p.ttl {
	position:absolute;
}
.home #visitors-area .visitors-box div.vbox-in p.v001 {
	top:-32px;
	left:17px;
}
.home #visitors-area .visitors-box div.vbox-in p.v002 {
	top:-16px;
	left:17px;
}
.home #visitors-area .visitors-box div.vbox-in p.v003 {
	top:-16px;
	left:17px;
}
.home #visitors-area .visitors-box div.vbox-in p.v004 {
	top:-35px;
	left:17px;
}
.home #visitors-area .visitors-box div.vbox-in p.v005 {
	top:-4px;
	left:17px;
}
.home #visitors-area .visitors-box div.vbox-in p.v006 {
	top:-29px;
	left:17px;
}

/*ボタン*/
.home #visitors-area .visitors-box div.vbox-in p.bt {
	position:absolute;
	width:120px;
	height:21px;
	right:0;
	bottom:0;
}

/*リンク*/
.home #visitors-area .visitors-box div.vbox-in .link {
	background: url("../../image/index-bg006.gif") no-repeat left top;
	padding:10px 0 0 0;
}
.home #visitors-area .visitors-box div.vbox-in .link-in {
	background: url("../../image/index-bg006.gif") no-repeat left bottom;
	padding:0 0 5px 0;
}
.home #visitors-area .visitors-box div.vbox-in ul {
	width:100%;
	float:left;
	margin:0 0 5px 0;
}

.home #visitors-area .visitors-box div.vbox-in ul li{
	width: 100%;
	float: left;
	font-size: 100%;
	margin:0 0 3px 0;
}
.home #visitors-area .visitors-box div.vbox-in ul li a{
	display:block;
	background: url("../../image/ar001.png") no-repeat 11px 10px;
	padding:0 13px 0 20px;
	margin:0 0 0 0;
}


/* Pick-Up
=============================================================================*/

.home #main .pickup-area {
	padding-bottom:30px;
}

.home #main .pickup-area h2 {
	margin:0 0 4px 0;
	padding:0 0 18px 0;
	background:url("../../image/index-bg006.png") no-repeat left bottom;
}

.home #main .pickup-area .pickup-box-wrapper {
}

.home #main .pickup-area .pickup-box {
	width:640px;
	float:left;
	padding-bottom:20px;
}


.home #main .pickup-area .pickup-box dl dt{
	background:url("../../image/index-tl003.gif") no-repeat left top;
	border-bottom:1px solid #cccccc;
	float:right;
	width:407px;
	padding:5px 10px 5px 15px;
	margin:0 0 14px 0;
	color:#0874a8;
	font-size:107%;
	font-weight:bold;
}

.home #main .pickup-area .pickup-box dl .pickup-img{
	float:left;
	padding:0 22px 0 0;
}

.home #main .pickup-area .pickup-box dl .pickup-img img{
	border:1px solid #e6e6e6;
}

.home #main .pickup-area .pickup-box dl .pickup-txt{
	float:left;
	width:432px;
}


/* News
=============================================================================*/
.home .news-list{
	width:640px;
	position:relative;
	margin:0;
}

.home .newstitle {
	padding:0 0 18px 0;
	background:url("../../image/index-bg006.png") no-repeat left bottom;
	}
/*一覧*/

.home #main .news-list p.list-link {
	width:84px;
	height:20px;
	position:absolute;
	top:70px;
	right:34px;
}

.home #main .news-list p.list-link a{
	width:84px;
	height:20px;
	background:url("../../image/news-bt.gif") no-repeat left top;
	text-indent:-9999px;
	display:block;
}

.home #main .news-list p.list-link a:hover{
	background:url("../../image/news-bt.gif") no-repeat left bottom;
}

/*RSS*/

.home #main .news-list p.rss {
	width:20px;
	height:20px;
	position:absolute;
	top:70px;
	right:10px;
}

.home #main .news-list p.rss a{
	width:20px;
	height:20px;
	background:url("../../image/rss-icon.gif") no-repeat left top;
	text-indent:-9999px;
	display:block;
}

.home #main .news-list p.rss a:hover{
	background:url("../../image/rss-icon.gif") no-repeat left bottom;
}

/*リスト*/

.home #main .news-list dl {
	padding:10px 0;
	background:url("../../image/contents-li001.gif") repeat-x left bottom;
	font-size:93%;
}

.home #main .news-list dl dt {
	width:14.2em;
	display:table-cell;
	font-weight:normal;
	padding:0 0 0 5px;
	color:#868686;
	font-weight:bold;
}

.home #main .news-list dl dd {
	width:auto;
	display:table-cell;
	line-height:1.6em;
	padding:0 0 0 15px;
}

.home #main .news-list dl dd a{
	color:#444;
	text-decoration:none;
}

.home #main .news-list dl dd a:hover{
	color:#888;
	text-decoration:none;
}

	
/*Tab設定*/
.home .tab-area a{
}

.home #main .news-list .tab-inner{
	background:url("../../image/index-bg003.png") no-repeat left top;
	width:600px;
	margin:0 0 0 -4px;
	padding:40px 24px 0 24px;
}

.home #main .news-list #tab-area {
	padding-top:39px;
	position:relative;
}

.home #main .news-list #tab-area #all-tab {
	width:112px;
	height:43px;
	position:absolute;
	top:0;
	_top:-39px;
	left:6px;
}

.home #main .news-list #tab-area #all-tab a {
	display:block;
	width:112px;
	height:43px;
	background:url("../../image/tab.png") no-repeat left top;
	cursor:pointer;
	text-indent:-9999px;
}

.home #main .news-list #tab-area #all-tab a.current,
.home #main .news-list #tab-area #all-tab a:hover {
	background:url("../../image/tab.png") no-repeat left bottom;
	height:43px;
	_height:42px;
}

.home #main .news-list #tab-area #tab01 {
	width:112px;
	height:43px;
	position:absolute;
	top:0;
	_top:-39px;
	left:118px;
}

.home #main .news-list #tab-area #tab01 a {
	display:block;
	width:112px;
	height:43px;
	background:url("../../image/tab.png") no-repeat -112px top;
	cursor:pointer;
	text-indent:-9999px;
}

.home #main .news-list #tab-area #tab01 a.current,
.home #main .news-list #tab-area #tab01 a:hover {
	background:url("../../image/tab.png") no-repeat -112px bottom;
	height:43px;
	_height:42px;
}

.home #main .news-list #tab-area #tab02 {
	width:112px;
	height:43px;
	position:absolute;
	top:0;
	_top:-39px;
	left:230px;
}

.home #main .news-list #tab-area #tab02 a {
	display:block;
	width:112px;
	height:43px;
	background:url("../../image/tab.png") no-repeat -224px top;
	cursor:pointer;
	text-indent:-9999px;
}

.home #main .news-list #tab-area #tab02 a.current,
.home #main .news-list #tab-area #tab02 a:hover {
	background:url("../../image/tab.png") no-repeat -224px bottom;
	height:43px;
	_height:42px;
}

.home #main .news-list #tab-area #tab03 {
	width:112px;
	height:43px;
	position:absolute;
	top:0;
	_top:-39px;
	left:342px;
}

.home #main .news-list #tab-area #tab03 a {
	display:block;
	width:112px;
	height:43px;
	background:url("../../image/tab.png") no-repeat -337px top;
	cursor:pointer;
	text-indent:-9999px;
}

.home #main .news-list #tab-area #tab03 a.current,
.home #main .news-list #tab-area #tab03 a:hover {
	background:url("../../image/tab.png") no-repeat -337px bottom;
	height:43px;
	_height:42px;
}


/* Banner
=============================================================================*/
.home #side-right ul.bn-navi li {
	padding:0 0 8px 0;
}