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

/* ++++++ メインナビ部分のデザイン ++++++ */

#main_navi	{
	width:960px;
	height:50px;
	background-image: url(/common/img/mainNavi.gif);
	background-repeat: no-repeat;
	margin:0 auto;
	padding:0;
	overflow: hidden;
	}
	
#main_navi ul	{
	padding: 0;
	list-style-type: none;
	margin:0;
	padding:0px;
	}
	
#main_navi li{
	display:block;
	float:left;
	background-image: url(/common/img/mainNavi.gif);
	background-repeat: no-repeat;
	overflow:hidden;
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
#main_navi li a{
	display:block;
	background-image: url(/common/img/mainNavi.gif);
	background-repeat: no-repeat;
	height:50px;
	width:160px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	line-height:50px;
	white-space:nowrap;
	text-align:center;
	}

#main_navi li.mm01 a{background-position:0 0;}
#main_navi li.mm02 a{background-position:-160px 0;}
#main_navi li.mm03 a{background-position:-320px 0;}
#main_navi li.mm04 a{background-position:-480px 0;}
#main_navi li.mm05 a{background-position:-640px 0;}
#main_navi li.mm06 a{background-position:-800px 0;}
#main_navi li.mm07 a{background-position:-960px 0;}

#main_navi li.mm01 a:hover{ background-position:0px -50px;}
#main_navi li.mm02 a:hover{ background-position:-160px -50px;}
#main_navi li.mm03 a:hover{ background-position:-320px -50px;}
#main_navi li.mm04 a:hover{ background-position:-480px -50px;}
#main_navi li.mm05 a:hover{ background-position:-640px -50px;}
#main_navi li.mm06 a:hover{ background-position:-800px -50px;}
#main_navi li.mm07 a:hover{ background-position:-960px -50px;}

/* サイドナビゲーション */

#side_navi	{
	width:210px;
	height:430px;
	background-image: url(/common/img/sideNavi.jpg);
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	overflow: hidden;
	}
	
#side_navi ul	{
	padding: 0;
	list-style-type: none;
	margin:0px;
	padding:0px;
	}
	
#side_navi li{
	display:block;
	float:left;
	background-image: url(/common/img/sideNavi.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
	margin:0 0 10px 0;
	padding:0px;
	}
#side_navi li a{
	display:block;
	background-image: url(/common/img/sideNavi.jpg);
	background-repeat: no-repeat;
	height:90px;
	width:210px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	line-height:90px;
	white-space:nowrap;
	text-align:center;
	}

#side_navi li.sn01 a{height:130px; background-position:0 0;}
#side_navi li.sn02 a{ background-position:0px -140px;}
#side_navi li.sn03 a{ background-position:0px -240px;}
#side_navi li.sn04 a{ background-position:0px -340px;}

#side_navi li.sn01 a:hover{ background-position:-210px 0px;}
#side_navi li.sn02 a:hover{ background-position:-210px -140px;}
#side_navi li.sn03 a:hover{ background-position:-210px -240px;}
#side_navi li.sn04 a:hover{ background-position:-210px -340px;}


/* ++++++ indexコンテンツナビ部分のデザイン ++++++ */

#con_navi	{
	width:730px;
	height:81px;
	margin:0 0 30px 0;
	padding:0;
	}
	
#con_navi ul	{
	list-style-type: none;
	padding: 0;
	margin:0;
	}
	
#con_navi li{
	display:block;
	float:left;
	/*background-image: url(/common/img/carNavi.jpg);
	background-repeat: no-repeat;
	list-style-type: none;*/
	margin:0px;
	padding:0px;
	}
#con_navi li a{
	display:block;
	background-image: url(/common/img/carNavi.jpg);
	background-repeat: no-repeat;
	width:356px;
	height:81px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	line-height:81px;
	white-space:nowrap;
	text-align:center;
	}

#con_navi li.cn01 a{background-position:0 0;}
#con_navi li.cn02 a{background-position:-374px 0; margin-left:18px; _margin-left:9px;}

#con_navi li.cn01 a:hover{ background-position:0px -81px;}
#con_navi li.cn02 a:hover{ background-position:-374px -81px; margin-left:18px; _margin-left:9px;}