@charset "UTF-8";

/*
==========================CONTENTS==========================
 Last update : 14 May 2006
 
   1. universal reset
   2. color
   3. table
   4. icon
   5. box w/scroll
   6. #path
   
============================================================
*/



/*
============================================================
   universal reset
============================================================
*/
* {
  margin: 0;
  padding: 0;
  font-size: small;
  font-weight:normal;
}
body{
	background:#ffffff;
}

#layout{
	margin: 10px;
}
.hide{
	width:9999px;
	position:absolute;
	left:-9999px;
}
hr{
	display: none;
	clear: both;
}
a img{
	border: none;
}
a:hover {
	text-decoration: underline;
}


/*
============================================================
   color
============================================================
*/
a	{	text-decoration: none;
				color: #339999;	}
a:visited {		color: #336666;}
.none{			color:#ff1122;}
.unknown{		color:#1122ff;}
.description{	color:#a0a0a0;}
.cdate{			color:#a0a0a0;}
.remark{		color: #666666;}	/*analyzer*/
.license{		color:#ff1122;}		/*sitelist*/
.cssid{			color: #666633;}	/*pagesdetail*/
.cssclass{		color: #993300;}
.unex{			color: #ff0000;}
.csshtml{		color:#990099;}		/*#css*/
.cssid{			color: #0000ff;}
.cssclass{		color: #0000ff;}
.cssmark{		color:#ff0000;}
.c0an {			color: purple}		/*未解析*/
.c0in {			color: green}		/*情報(mailto,tel)*/
.c0uk {			color: magenta}		/*不明(UnKnown)*/
.c100 {			color: green}		/*100番台(情報)*/
.c200 {			color: black}		/*200番台(成功)*/
.c300 {			color: blue}		/*300番台*/
.c400 {			color: red}			/*400番台*/
.c500 {			color: blue}		/*500番台*/
.c5ov {			color: magenta}		/*100～500番台以外の想定外*/
.priority { 	color: #006666; }
.disabled { 	color: #a1a1a1; }
.discrive { 	color: #31ada5; }
.csshtml {		color: #000099; }
.from {			color: #a0a0a0; }
#resources .cellname1, 
#resources .cellname2,
#resources .cellname3{	color:#e2e2e2;}


/*
============================================================
   table
============================================================
*/
table{
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-collapse: collapse;
	width:100%;
}

th,td{
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 2px;
}

table.noborder{
	border-top: none;
	border-left: none;
	border-collapse: none;
	width:100%;
}

.noborder th,.noborder td{
	border-right: none;
	border-bottom: none;
	padding: 2px;
}

caption{text-align: left;}
#content .lt{	text-align: left;}
#content .rt{	text-align: right;}
#content .ct{	text-align: center;}
#content .th1{	background: #e2e2e2;	
				color: #666666;
				text-align: center;
}
#content .tr1{	background: #ffffff;	}
#content .tr2{	background: #f1f1f1;	}
td{		text-align: right;}
.lt td{		text-align: left;}
#form td{		text-align: left;}
td.ltt{		width: 12em;}
td.ltt span{	margin-right: 5px;}
td.ltic{
	text-align: none;
	margin-right: 2px;
	width: 9em;
}
.ltic ul{
	list-style: none;
	margin: 0;
}
.ltic li{
	float: left;
}
.ltd{
	clear: left;
}


/*
============================================================
   icon
============================================================
*/
.xmlicon a, 
.csvicon a, 
.htmlicon a,
.zipicon a{
	width:24px;
	height: 1em;
	display:block;
	text-indent: -5000px;
	text-decoration: none;
	margin: 2px
} 
.xmlicon a{
	background: url(../css/images/xml.gif) no-repeat 0 50%;
}


.csvicon a{
	background: url(../css/images/csvl.gif) no-repeat 0 50%;
}

.htmlicon a{
	background: url(../css/images/htmlm.gif) no-repeat 0 50%;
}


.zipicon a{
	background: url(../css/images/zipl.gif) no-repeat 0 50%;
}
#content .ctitle a{
	float: right;
	width:1.4em;
	background: url(images/up.gif) no-repeat;
	text-indent: -9000px;
	text-decoration: none;
}

/*#switch*/
#switch p{
	float: left;
	margin-right: 5px;
}

#switch .thumbon a{
	display: block;
	background: url(../css/images/thumbon.gif) no-repeat 0 50%;
	width: 80px;
	height: 22px;
	text-indent: -5000px;
	margin-bottom:14px;
}

#switch .thumboff a{
	display: block;
	background: url(../css/images/thumboff.gif) no-repeat 0 50%;
	width: 80px;
	height: 22px;
	text-indent: -5000px;
	margin-bottom:14px;
}

#switch .rechk a{
	display: block;
	background: url(../css/images/recheck.gif) no-repeat 0 50%;
	width: 60px;
	height: 22px;
	text-indent: -5000px;
}

#switch .act a{
	display: block;
	background: url(../css/images/btn_act.gif) no-repeat 0 50%;
	width: 60px;
	height: 22px;
	text-indent: -5000px;
}


#switch .form a{
	display: block;
	background: url(../css/images/btn_form.gif) no-repeat 0 50%;
	width: 60px;
	height: 22px;
	text-indent: -5000px;
}


#switch .objtag a{
	display: block;
	background: url(../css/images/btn_tag.gif) no-repeat 0 50%;
	width: 80px;
	height: 22px;
	text-indent: -5000px;
}

#switch .objcont a{
	display: block;
	background: url(../css/images/btn_contents.gif) no-repeat 0 50%;
	width: 80px;
	height: 22px;
	text-indent: -5000px;
}

#switch .objsummary a{
	display: block;
	background: url(../css/images/btn_summary.gif) no-repeat 0 50%;
	width: 80px;
	height: 22px;
	text-indent: -5000px;
}

#switch .objdetail a{
	display: block;
	background: url(../css/images/btn_detail.gif) no-repeat 0 50%;
	width: 80px;
	height: 22px;
	text-indent: -5000px;
}


#switch a:hover{
	text-decoration: none;
}
#switch br{
	clear: left;
}


/*
============================================================
   box w/scroll
============================================================
*/
.boxscrl{
	border: 1px solid #cccccc; 
	background-color: #f5f5f5;
	height:150px;
	overflow:auto;
	scrollbar-base-color:#efefe7;
	scrollbar-shadow-color:#EDEDE4;
	scrollbar-darkshadow-color:#E3E3D5;
	padding-left: 1.4em;
}
#script .boxscrl{	height:100px; }
#outlink .boxscrl{	height:100px; }
#lost .boxscrl{	height: 80px; }
#form .boxscrl{	height:100px; }
#quality .boxscrl{	height:100px; }
#overview .boxscrl{	height: 80px; }
#objects .boxscrl{	height: 80px; color: #a0a0a0; margin-top: 3px;}
#objectsdetail .boxscrl{	height: 50px; color: #a0a0a0;}
#outlink .boxscrl img {
	float:left;
	padding-top:1em;
	padding-right:3em;
}

/*
============================================================
   #path
============================================================
*/
#path h1{
	float: left;
	margin-right: 3px;
	font-weight: bold;
	margin-bottom: 20px;
}

#path p{
	float: left;
}

#path .countn{
	text-indent: 5px;
}

/*
============================================================
   終わり(may not delete)
============================================================
*/

