@charset "utf-8";

/*トップ
-------------------------------------------------*/
/*背景*/
#header_obstacleinfo{
	width:100%;
	padding:3px 0;
	background:#fcfcfc;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#f3f3f3 49%,
		#dcdcdc 50%,
		#ffffff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.49, #f3f3f3),
		color-stop(0.50, #dcdcdc),
		to(#ffffff));
	}

/*障害なし*/
#header_obstacleinfo .favorable{
	background: url(../images/obstacleinfo/bg_header-obstacleinfo_favorable.png) no-repeat 0 0;
	width:1007px;
	height:29px;
	margin:auto;
	position:relative;
	}
#header_obstacleinfo .favorable dl dt{ display:none;}
#header_obstacleinfo .favorable dl dd.txt_detail{ text-indent:-9999px;}

/*障害なし用一覧ページボタン*/
#header_obstacleinfo .favorable dl dd.btn_more-obstacle a{
	background: url(../images/obstacleinfo/btn_more.png) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	width:225px;
	height:17px;
	position:absolute;
	top:6px;
	right:7px;
	}
#header_obstacleinfo .favorable dl dd.btn_more-obstacle a:hover{ background-position: 0 -17px;}


/*障害アリ*/
#header_obstacleinfo .obstacle{
	background: url(../images/obstacleinfo/bg_header-obstacleinfo.png) repeat-y 0 0;
	width:996px;
	margin:auto;
	position:relative;
	}
#header_obstacleinfo .obstacle dl{ background: url(../images/obstacleinfo/bg_header-obstacleinfo_bottom.png) no-repeat bottom left; padding-bottom:5px;}
#header_obstacleinfo .obstacle dl dt{
	background: url(../images/obstacleinfo/bg_header-obstacleinfo_top.png) no-repeat top left;
	height:33px;
	text-indent:-9999px;
	}
#header_obstacleinfo .obstacle dl dd{ width:980px; margin:auto; font-size:12px;}
#header_obstacleinfo .obstacle dl dd p{ display:block; float:left; width:750px; padding: 5px 0 0 13px;}
#header_obstacleinfo .obstacle dl dd div{ display:block; float:left; padding: 5px 0 0 130px; min-height:26px; height:auto !important; height:26px; font-weight:bold;}

#header_obstacleinfo .obstacle dl dd.txt_detail-mainte div.txt_detail-date{
	background: url(../images/obstacleinfo/icon_header-obstacleinfo_mainte.png) no-repeat top left;
	color:#FFA500;
	}
#header_obstacleinfo .obstacle dl dd.txt_detail-obstacle div.txt_detail-date{
	background: url(../images/obstacleinfo/icon_header-obstacleinfo_obstacle.png) no-repeat top left;
	color:#FE2E2E;
	}

/*障害アリ用一覧ページボタン*/
#header_obstacleinfo .obstacle dl dd.btn_more-obstacle a{
	background: url(../images/obstacleinfo/btn_more.png) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	width:225px;
	height:17px;
	position:absolute;
	top:9px;
	right:13px;
	}
#header_obstacleinfo .obstacle dl dd.btn_more-obstacle a:hover{ background-position: 0 -17px;}


/*一覧ページ
-------------------------------------------------*/
/*タイトル固有※仕様上各カテゴリのcssに専用の記述が必要*/
#wrapper-obstacleinfo {
	clear: both;
	width: 1000px;
	min-height: 500px;
	height:auto !important;
	height: 500px;
	margin: 0 auto;
	padding: 60px 0 0 0;
	background: url(../images/common/bg_wrapper_obstacleinfo.png) no-repeat top center;
	}
#wrapper-obstacleinfo #mainCol { width: 986px; padding: 15px 7px;}

h3{ display: none; line-height: 0;}

/*共通*/
#contents_obstacleinfo{
	width:952px;
	margin:auto;
	background: url(../images/obstacleinfo/bg_innercontents.jpg) top center;
	}
#innercontents_obstacleinfo{
	background: url(../images/obstacleinfo/bg_innercontents-bottom.jpg) bottom center no-repeat;
	}
#obstacleinfo_detail{
	background: url(../images/obstacleinfo/bg_innercontents-top.jpg) top center no-repeat;
	padding:3px 0 10px 0;
	}

#obstacleinfo_detail dl{
	-webkit-box-shadow:inset 0 0 2px 0 #aaa;
	box-shadow:inset 0 0 2px 0 #aaa;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	background:#fefefe;
	border-radius: 9px;
	width:931px;
	margin:8px auto 0 auto;
	}
#obstacleinfo_detail dl dd{
	padding:10px 10px 10px 130px;
	font-size:11px;
	}
#obstacleinfo_detail dl dd p{ clear:both; margin:0 0 7px 0;}
#obstacleinfo_detail dl dt{
	line-height:1;
	height:17px;
	padding:8px 0 0 130px;
	font-weight:bold;
	font-size:13px;
	}

.maintenance dt{
	background: url(../images/obstacleinfo/headline_maintenance.png) top center no-repeat;
	color:#FF970B;
	}

.obstacle dt{
	background: url(../images/obstacleinfo/headline_obstacle.png) top center no-repeat;
	color:#FE2E2E;
	}


/*表示が無い場合（白）*/
.obstacleinfo_nodata{
	width:85%;
	text-align:center;
	border:1px solid #fff;
	padding:2em;
	margin: 2em auto;
	background:#efefef;
	}
/*ICカード・マイページ状況アイコン*/
.icon_icplay-not{
	background: url(../images/obstacleinfo/icon_icplay-not.png) 0 0 no-repeat;
	display:inline-block;
	width:105px;
	height:17px;
	text-indent:-9999px;
	}
.icon_icplay-ok{
	background: url(../images/obstacleinfo/icon_icplay-ok.png) 0 0 no-repeat;
	display:inline-block;
	width:105px;
	height:17px;
	text-indent:-9999px;
	}
.icon_mypage-not{
	background: url(../images/obstacleinfo/icon_mypage-not.png) 0 0 no-repeat;
	display:inline-block;
	width:105px;
	height:17px;
	text-indent:-9999px;
	}
.icon_mypage-ok{
	background: url(../images/obstacleinfo/icon_mypage-ok.png) 0 0 no-repeat;
	display:inline-block;
	width:105px;
	height:17px;
	text-indent:-9999px;
	}

/*JQページ送り*/
.paginator { width: 952px; height: 25px; display: block; margin: 15px auto 20px auto;}
.paginator a ,.paginator span.jp-hidden {
	color: #fff; text-decoration: none; float: left; height:20px; width: 2em; text-align: center; cursor:pointer;
	border: 1px #CF6371 solid;
	padding:2px 0;
	margin: 4px 1px; 
	background: #FCE4ED;
	background: -moz-linear-gradient(top, #FEFCFC 0%, #F0679C 90%, #FCE4ED 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #FEFCFC), color-stop(0.9, #F0679C), color-stop(1, #FCE4ED));
	background: linear-gradient(#FEFCFC, #F0679C);
	}
a.jp-current { color: #AD6FA8;}

.paginator a:hover {
	background: #FEFCFC;
	background: -moz-linear-gradient(top, #F0679C 0%, #CF6371 90%, #FEFCFC 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #F0679C), color-stop(0.9, #FEFCFC), color-stop(1, #FEFCFC));
	background: linear-gradient(#F0679C, #FEFCFC);
	}