@charset "UTF-8";
/* CSS Document */

/* ヘッダーナビ */
#HeaderNavi {
	list-style-type:none;
}
#HeaderNavi li {
	float:left;
	padding-left:10px;
}
#HeaderNavi li a {
	display:block;
	height:0px;
	padding-top:20px;
	background:url(../images/HeaderNavi.png) no-repeat;
	overflow:hidden;
}
li#HeaderNaviTop a {
	width:110px;
}
li#HeaderNaviTop a:hover {
	background-position:0px -20px;
}
li#HeaderNaviDock a {
	width:186px;
	background-position:-110px 0px;
}
li#HeaderNaviDock a:hover {
	background-position:-110px -20px;
}
li#HeaderNaviBamboo a {
	width:130px;
	background-position:-296px 0px;
}
li#HeaderNaviBamboo a:hover {
	background-position:-296px -20px;
}
#All #HeaderNavi,
#Play #HeaderNavi,
#Sketch #HeaderNavi,
#Connect #HeaderNavi,
#Present #HeaderNavi,
#Animate #HeaderNavi,
#Compose #HeaderNavi {
	width:456px;
	margin-top:35px;
	float:right;
}
#Dock #HeaderNavi {
	width:260px;
	margin-top:35px;
	float:right;
}

/* カテゴリーナビ */
#Navi {
	list-style-type:none;
}
#Navi li {
	float:left;
}
#Navi li a {
	display:block;
	height:0px;
	padding-top:30px;
	background:url(../images/Navi.png) no-repeat;
	overflow:hidden;
}
#Navi li#NaviAll a {
	width:105px;
}
#All #Navi li#NaviAll a,
#Navi li#NaviAll a:hover {
	background-position:0px -30px;
}
#Navi li#NaviPlay a {
	width:105px;
	background-position:-105px 0px;
}
#Play #Navi li#NaviPlay,
#Navi li#NaviPlay a:hover {
	background-position:-105px -30px;
}
#Navi li#NaviSketch a {
	width:113px;
	background-position:-210px 0px;
}
#Sketch #Navi li#NaviSketch,
#Navi li#NaviSketch a:hover {
	background-position:-210px -30px;
}
#Navi li#NaviConnect a {
	width:179px;
	background-position:-323px 0px;
}
#Connect #Navi li#NaviConnect,
#Navi li#NaviConnect a:hover {
	background-position:-323px -30px;
}
#Navi li#NaviPresent a {
	width:105px;
	background-position:-502px 0px;
}
#Present #Navi li#NaviPresent,
#Navi li#NaviPresent a:hover {
	background-position:-502px -30px;
}
#Navi li#NaviAnimate a {
	width:154px;
	background-position:-607px 0px;
}
#Animate #Navi li#NaviAnimate,
#Navi li#NaviAnimate a:hover {
	background-position:-607px -30px;
}
#Navi li#NaviCompose a {
	width:139px;
	background-position:-761px 0px;
}
#Compose #Navi li#NaviCompose,
#Navi li#NaviCompose a:hover {
	background-position:-761px -30px;
}

/* 背景 */
body#All {
	background:url(../images/BgAll.png) repeat-x #FFFFFF;
}
body#Play {
	background:url(../images/BgPlay.png) repeat-x #0C3473;
}
body#Sketch {
	background:url(../images/BgSketch.png) repeat-x #0095CE;
}
body#Connect {
	background:url(../images/BgConnect.png) repeat-x #659700;
}
body#Present {
	background:url(../images/BgPresent.png) repeat-x #D7AA00;
}
body#Animate {
	background:url(../images/BgAnimate.png) repeat-x #A60051;
}
body#Compose {
	background:url(../images/BgCompose.png) repeat-x #891568;
}

/* ソートナビ */
#List #NaviSort {
	list-style-type:none;
}
/*一時的*/
#List #SortPopularityOff{
display:none;
}
/*一時的に58px→57*/
#List #SortNewOff a,
#List #SortPopularityOff a {
	display:block;
	width:57px;
	height:0px;
	padding-top:16px;
	background:url(../images/NaviSort.png) no-repeat;
	overflow:hidden;
}
#List #SortPopularityOff a {
	background-position:-58px -0px;
}
/*一時的に58px→57*/
#List #SortNew,
#List #SortPopularity {
	width:57px;
	height:0px;
	padding-top:16px;
	background:url(../images/NaviSort.png) no-repeat;
	overflow:hidden;
}
#List #SortNewOff a:hover,
#List #SortNew {
	background-position:0px -16px;
}
#List #SortPopularityOff a:hover,
#List #SortPopularity {
	background-position:-58px -16px;
}