@charset "utf-8";   /*   文字コード   */

.list_box_common{
	width: 90%;
	max-width: 900px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}
.list_box_common ul{
 margin: 0 auto;
}
.list_box_common li{
	width: 20%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	float: left;
	text-align: center;
}
.list_box_common li a{width: 98%; display: block; padding: 10px 0; background: #0066cc; margin: 0 auto; border-bottom:none; font-size: 12px; color:#fff;}
.list_box_common li a:hover{background: #fff; color: #0066cc;}




.list_box_common li a:link { color:#fff; text-decoration: none;}
.list_box_common li a:visited { color:#fff; }
.list_box_common li a:hover { color: #0066cc;}
.list_box_common lia:active { color:#fff; }


#all-category .all-category-btn a{background: #fff; color: #0066cc;}
#all-obstacle .all-obstacle-btn a{background: #fff; color: #0066cc;}
#all-update .all-update-btn a{background: #fff; color: #0066cc;}
#all-maintenance .all-maintenance-btn a{background: #fff; color: #0066cc;}

#all-important .all-important-btn a{background: #fff; color: #0066cc;}

#all-trouble .all-trouble-btn a{background: #fff; color: #0066cc;}


dl.category-page-list{font-size: 14px; border-bottom: dotted 1px #000; border-top: dotted 1px #000;}
dl.category-page-list dt{display:block; padding: 3px; font-weight: bold; color: #0033cc; float: left; width: 10%; min-width: 120px;}
dl.category-page-list dd{display:block; padding: 3px; float: left; width: 75%; font-weight: bold;}
dl.category-page-list a{color: #555555!important;  text-decoration: none;}
dl.category-page-list a:hover{text-decoration: underline; color #000;}
.category-page-list-text{padding-bottom: 20px; padding-top: 10px; font-size: 14px;}

.text-data-box{padding: 10px 0;}


#dol_wrapper .category-page-list{
background: -moz-linear-gradient(left,  rgba(116,168,211,0) 0%, rgba(135,188,234,1) 100%);
background: -webkit-linear-gradient(left,  rgba(116,168,211,0) 0%,rgba(135,188,234,1) 100%);
background: linear-gradient(to right,  rgba(116,168,211,0) 0%,rgba(135,188,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074a8d3', endColorstr='#87bcea',GradientType=1 );
}




.page-back{text-align: right; font-size: 14px;}


span.icon-important{ width: 14px; height: 17px; background:url(/net/common/icon/f01.gif) 0 3px no-repeat; display:inline-block; margin-right: 4px;}
span.icon-obstacle{ width: 14px; height: 17px; background:url(/net/common/icon/f02.gif) 0 3px no-repeat; display:inline-block; margin-right: 4px;}
span.icon-maintenance{ width: 14px; height: 17px; background:url(/net/common/icon/f03.gif) 0 3px no-repeat; display:inline-block; margin-right: 4px;}
span.icon-update{ width: 14px; height: 17px; background:url(/net/common/icon/f04.gif) 0 3px no-repeat; display:inline-block; margin-right: 4px;}
span.icon-trouble{ width: 14px; height: 17px; background:url(/net/common/icon/f05.gif) 0 3px no-repeat; display:inline-block; margin-right: 4px;}

/* サポートアプリ */
.text-data-box-app{width: 98%; margin: 0 auto;}
.gotop{ width: 100%; margin: 0 auto; padding: 5px 0; text-align: ; border-top: solid 1px #ccc; border-bottom: solid 25px #ccc; background:#f4f4f4; text-align: right;}
.gotop a{display:inline-block; margin-right: 5px; color: #f00;  text-decoration: none;}



@media screen and (max-width: 1000px) {
dl.category-page-list{font-size: 14px; border-bottom: dotted 1px #000;}
dl.category-page-list dt{display:inline-block; padding: 3px; font-weight: bold; color: #0033cc; max-width: 110px;}
dl.category-page-list dd{display:inline-block; padding: 3px; width: 70%;}
}



/* 調整
--------------------------------- */


@media screen and (max-width: 640px) {
	dl.category-page-list dt{padding: 3px 3px 0 3px; width: 95%; max-width: 400px;}
	dl.category-page-list dd{padding: 0 3px 3px 3px;}


.list_box_common {margin-bottom: 10px;}
.list_box_common li{ width: 50%; margin: 2px 0;}
.list_box_common li a{border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
