@charset "utf-8";
/*
説明：naviCSS
LATEST UPDATE：090114
LATEST UPDATE: 130614
*/

/*ローカルナビ
*****************************************************/
div#navi ul li img{
	vertical-align:bottom;
}
div#navi ul li ul li  ul{
        display: none;
}

/*グローバルナビ
*****************************************************/
body#index div#gnavi{
	background-image:url(/templates_j/sda_index/images/gn_bg_00.gif);
	background-repeat:no-repeat;
}
body#contents-a div#gnavi{
	background-image:url(/templates_j/sda_index/images/gn_bg_01.gif);
	background-repeat:no-repeat;
}
body#contents-b div#gnavi{
	background-image:url(/templates_j/sda_index/images/gn_bg_02.gif);
	background-repeat:no-repeat;
}
body#contents-c div#gnavi{
	background-image:url(/templates_j/sda_index/images/gn_bg_03.gif);
	background-repeat:no-repeat;
}
body#contents-d div#gnavi{
	background-image:url(/templates_j/sda_index/images/gn_bg_04.gif);
	background-repeat:no-repeat;
}
body#contents-e div#gnavi{
	background-image:url(/templates_j/sda_index/images/gn_bg_05.gif);
	background-repeat:no-repeat;
}
body#contents-others div#gnavi{
	background-image:url(/templates_j/sda_index/images/gn_bg_00.gif);
	background-repeat:no-repeat;
}
body#contents-foot div#gnavi{
	background-image:url(/templates_j/sda_index/images/gn_bg_00.gif);
	background-repeat:no-repeat;
}
#gnavi{position:relative;}

#gnavi ul li a img{
	vertical-align:bottom;
	display:block;
}
#gnavi ul.menu{	
float:left;
}

/*(1)floatを含むコンテナのdivにline-heightを指定する。
(2)floatの親要素にwidthまたはheightを指定する。
(3)floatに含まれる要素にposition:relativeを指定する。*/

#gnavi ul li.item249{position:absolute; left:16px;}
#gnavi ul li.item301{position:absolute; left:151px;}
#gnavi ul li.item302{position:absolute; left:284px;}
#gnavi ul li.item303{position:absolute; left:418px;}
#gnavi ul li.item2281{position:absolute; left:552px;}
#gnavi ul li.item304{position:absolute; left:686px;}
#gnavi ul li.item2286{position:absolute; left:819px;}

#gnavi ul li.item249,
#gnavi ul li.item301,
#gnavi ul li.item302,
#gnavi ul li.item303,
#gnavi ul li.item304,
#gnavi ul li.item2281,
#gnavi ul li.item2286{
	padding-top:4px;
}

#gnavi ul li.item249 a,
#gnavi ul li.item301 a,
#gnavi ul li.item302 a,
#gnavi ul li.item303 a,
#gnavi ul li.item304 a,
#gnavi ul li.item2281 a,
#gnavi ul li.item2286 a{
	text-indent:-10000px;
	display:block;
}
#gnavi ul li.item249 a{
	background-image:url(/images_j/common/gn_btn_01.gif);
	height:30px;
	width:134px;
background-repeat:no-repeat;
}
#gnavi ul li.item301 a{
	background-image:url(/images_j/common/gn_btn_02.gif);
	height:30px;
	width:181px;
background-repeat:no-repeat;
}
#gnavi ul li.item302 a{
	background-image:url(/images_j/common/gn_btn_03.gif);
	height:30px;
	width:181px;
background-repeat:no-repeat;
}
#gnavi ul li.item303 a{
	background-image:url(/images_j/common/gn_btn_04.gif);
	height:30px;
	width:181px;
background-repeat:no-repeat;
}

#gnavi ul li.item2281 a{
	background-image:url(/images_j/common/gn_btn_05.gif);
	height:30px;
	width:174px;
background-repeat:no-repeat;
}

#gnavi ul li.item304 a{
	background-image:url(/images_j/common/gn_btn_06.gif);
	height:30px;
	width:174px;
background-repeat:no-repeat;
}

#gnavi ul li.item2286 a{
	background-image:url(/images_j/common/gn_btn_07.gif);
	height:30px;
	width:174px;
background-repeat:no-repeat;
}




/* プルダウン */
#gnavi ul li ul{
	padding-top:3px;
}
#gnavi ul li ul li{
	/*width:171px;*/
	background-color:#FFF;
	padding-top:8px;
	padding-bottom:6px;
	border-left:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
}
#gnavi ul li ul li a{
	font-size:10px;
	line-height:1.3em;
	display:block;
	padding-left:10px;
	padding-right:10px;
}
#gnavi ul li.item249 ul li a{
	width:151px;
	text-indent:0px;
	color:#666666;
	height:auto;
	background-image:none;
}
#gnavi ul li.item301 ul li a{
	width:158px;
	text-indent:0px;
	color:#666666;
	height:auto;
	background-image:none;
}
#gnavi ul li.item302 ul li a{
	width:158px;
	text-indent:0px;
	color:#666666;
	height:auto;
	background-image:none;
}
#gnavi ul li.item303 ul li a{
	width:158px;
	text-indent:0px;
	color:#666666;
	height:auto;
	background-image:none;
}

#gnavi ul li.item2281 ul li a{
	width:151px;
	text-indent:0px;
	color:#666666;
	height:auto;
	background-image:none;
}

#gnavi ul li.item304 ul li a{
	width:151px;
	text-indent:0px;
	color:#666666;
	height:auto;
	background-image:none;
}

#gnavi ul li.item2286 ul li a{
	width:151px;
	text-indent:0px;
	color:#666666;
	height:auto;
	background-image:none;
}


/* 下層のメニューを不可視に */
#gnavi ul li ul {
        display: none;
}


/* 疑似要素 :hover で下層のメニューを可視に 
#gnavi ul li:hover ul {
	display: block;
	position: absolute;
	z-index: 1;
	background-color:#dddddd;
}*/
/* 三階層以降も不可視に */
#gnavi ul li:hover ul li ul{
        display: none;
}

body#index div#gnavi ul li:hover ul{
	background-color:#dddddd;
}
body#contents-a div#gnavi ul li:hover ul{
	background-color:#ffaa4a;
}
body#contents-b div#gnavi ul li:hover ul{
	background-color:#9cd77b;
}
body#contents-c div#gnavi ul li:hover ul{
	background-color:#6bcbde;
}
body#contents-d div#gnavi ul li:hover ul{
	background-color:#ef8abd;
}
body#contents-e div#gnavi ul li:hover ul{
	background-color:#a56dde;
}




/*ネクストナビ
*****************************************************/

.next-navi {
  position: relative;
  overflow: hidden;
	margin:38px 3px 0px 3px;/*調整*/
	clear:both;
}

.next-navi ul {
  position: relative;
  left: 50%;
  float: left;
}

.next-navi ul li {
  position: relative;
  left: -50%;
  float: left;
	border:1px solid #c6ced2;
	margin:0 3px;
	padding:2px 5px;
}

/*アーカイブナビ
*****************************************************/

.pagination-box {
  position: relative;
  overflow: hidden;
	margin:12px 3px;
}

.pagination-box ul {
  position: relative;
  left: 50%;
  float: left;
}

.pagination-box ul li {
  position: relative;
  left: -50%;
  float: left;
	border:1px solid #c6ced2;
	padding:2px 5px;
	color:#999999;
}

.pagination-box ul li a{
	color:#555555;
	font-size:110%;
}



/*ページトップ
*****************************************************/

div.top-navi{
	clear:both;
	text-align:right;
	margin-bottom:14px;
}