@charset "utf-8";

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

	Home CSS

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

/* headline
--------------------------------------------- */

#main #headline {
	background-image: url(../images/home/headline_bg_01.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin-bottom: 11px;
}

#main #headline h2 {
	float: left;
}

#main #headline .headline-body {
	height: 42px;
	overflow: hidden;
	background-image: url(../images/home/headline_bg_02.png);
	background-repeat: no-repeat;
	background-position: 100% 0px;
}

	#main #headline .headline-body p {
		margin: 0;
	}

		#main #headline .headline-body p a {
	display: block;
	padding: 15px 20px 0 10px;
	color: #000;
	text-decoration: none;
	height: 38px;
		}

		#main #headline .headline-body p a:link,
		#main #headline .headline-body p a:visited {
			color: #000;
			text-decoration: none;
		}

		#main #headline .headline-body p a:hover,
		#main #headline .headline-body p a:focus,
		#main #headline .headline-body p a:active {
			text-decoration: underline;
		}


/* whats new
--------------------------------------------- */

	/* news-tab
	--------------------------------------------- */

	#main #news ul.tabNav li a {
		width: 106px;
		background-image: url(../images/common/news_tab_01.png);
	}

	#main #news ul.tabNav li.tab1 a {
		width: 107px;
		background-position: 0 0;
	}
	
	#main #news ul.tabNav li.tab2 a {
		background-position: -107px 0;
	}
	
	#main #news ul.tabNav li.tab3 a {
		width: 107px;
		background-position: -213px 0;
	}
	
	#main #news ul.tabNav li.tab4 a {
		width: 107px;
		background-position: -320px 0;
	}
	
	#main #news ul.tabNav li.tab5 a {
		background-position: -427px 0;
	}
	
	#main #news ul.tabNav li.tab6 a {
		width: 107px;
		background-position: -533px 0;
	}

	#main #news ul.tabNav li.tab1 a.active {
		background-position: 0 -23px;
	}
	
	#main #news ul.tabNav li.tab2 a.active {
		background-position: -107px -23px;
	}
	
	#main #news ul.tabNav li.tab3 a.active {
		background-position: -213px -23px;
	}
	
	#main #news ul.tabNav li.tab4 a.active {
		background-position: -320px -23px;
	}
	
	#main #news ul.tabNav li.tab5 a.active {
		background-position: -427px -23px;
	}
	
	#main #news ul.tabNav li.tab6 a.active {
		background-position: -533px -23px;
	}



/* pick up
--------------------------------------------- */

/* pick upの部分のID記述に変更
--------------------------------------------- */
	
	#main #pickup .pick-cat#ID_01 {
		margin: 0 8px 8px 0;
	}
	
	#main #pickup .pick-cat#ID_02 {
		margin-bottom: 8px;
	}
	
	#main #pickup .pick-cat#ID_03,
	#main #pickup .pick-cat#ID_04 {
		background-image: url(../images/common/pickup_bg_02.png);
		background-color: #D9F3DB;
	}
	
	#main #pickup .pick-cat#ID_03 {
		margin: 0 8px 13px 0;
	}
	
	#main #pickup .pick-cat#ID_04 {
		margin-bottom :13px;
	}
	
		#main #pickup .pick-cat#ID_03 .pick-body,
		#main #pickup .pick-cat#ID_04 .pick-body {
			height: 66px;
			width: 240px;
		}
		
		*html body #main #pickup .pick-cat#ID_03 .pick-body,
		*html body #main #pickup .pick-cat#ID_04 .pick-body {	/* IE 6 */
			width: 235px;
		}

/* pick upの部分のID記述に変更　ここまで
--------------------------------------------- */	



/* sub
--------------------------------------------- */

#wrapper #main-contents #sub {
	width: 220px;
	padding: 44px 0 0;
	background-image: url(../images/common/sub_bg_01.png);
	background-repeat: no-repeat;
	background-position: 0 14px;
}

	/* staff
	--------------------------------------------- */
	
	#wrapper #main-contents #sub #staff {
		margin-left: 0;
	}