/*青*/

/*=======================
[Attr^="val"]
========================*/
.giji17 *{
	display:inline-block;
	margin:2px;
}
.giji17 [class^="begin"]{background:#f60;}
.giji17 [href^="http"]{background:#393;}
.giji17 [src^="img"]{background:#36c;}


/*=======================
[Attr$="val"]
========================*/
.giji18 *{
	display:inline-block;
	margin:2px;
}
.giji18 [class$="end"]{background:#f60;}
.giji18 [href$="html"]{background:#393;}
.giji18 [src$="png"]{background:#36c;}

/*=======================
[Attr*="val"]
========================*/
.giji19 *{
	display:inline-block;
	margin:2px;
}
.giji19 [class*="all"]{background:#f60;}
.giji19 [href*="tips"]{background:#393;}
.giji19 [src*="img"]{background:#36c;}


/*=======================
after
========================*/
.giji_a{
	border:#666 1px solid;
}
.giji_a li{
	background:#999;
	margin:5px 10px;
	float:left;
}
.giji_b{
	border:#666 1px solid;
}
.giji_b li{
	background:#999;
	margin:5px 10px;
	float:left;
}
.giji_b:after{
	content:"";
	clear:both;
	display:block;

}

/*=======================
before
========================*/
.giji00 li{
	float:left;
	padding:0 0 0 3px;

}
.giji00 li:before{
	color:#c3c;
	content:"|";
	padding:0 3px 0 0;
}


/*=======================
content
========================*/
.cont1{
	margin:5px 0 10px 0;
}
.cont1 li:before{
	padding:0 5px 0 0;
	content:url("../img/icn01.gif");
}

.cont2{
	margin:5px 0 0 0;
}
.cont2 li{
	float:left;
	width:40px;
}
.cont2 li:after{
	width:40px;
	display:block;
	content:attr(name);
}
.cont2:after{
	content:"";
	display:block;
	clear:both;
}

/*=======================
first-child
========================*/
.giji01 li{
	width:80px;
	padding:3px 0;
	border-top:#333 dashed 1px;
}
.giji01 li:first-child {
	border:none;
}

/*=======================
last-child
========================*/
.giji02 li{
	width:80px;
	padding:3px 0;
	border-bottom:#333 solid 1px;
}
.giji02 li:last-child {
	border-bottom:#333 solid 2px;
}

/*=======================
only-child
========================*/
.giji11 span:only-child{
	color:#f00;
	font-weight:bold;
}

/*=======================
nth-child(n)
========================*/

.giji03 li{
	width:80px;
	padding:3px 0;
	background:#ccc;
}
.giji03 li:nth-child(3) {
	background:#333;
}

/*=======================
nth-child(odd)
========================*/

.giji04 li{
	width:80px;
	padding:3px 0;
	background:#ccc;
}
.giji04 li:nth-child(odd) {
	background:#333;
}

/*=======================
nth-child(even)
========================*/
.giji05 li{
	width:80px;
	padding:3px 0;
	background:#ccc;
}
.giji05 li:nth-child(even) {
	background:#333;
}

/*=======================
first-of-type
========================*/
.giji06 li{
	width:80px;
	padding:3px 0;
	background:#ccc;
}
.giji06 li:first-of-type {
	background:#333;
}
/*=======================
last-of-type
========================*/

.giji07 li{
	width:80px;
	padding:3px 0;
	background:#ccc;
}
.giji07 li:last-of-type {
	background:#333;
}

/*=======================
only-of-type
========================*/
.giji12 span:only-of-type{
	color:#f00;
	font-weight:bold;
}


/*=======================
nth-of-type(n)
========================*/

.giji08 li{
	width:80px;
	padding:3px 0;
	background:#ccc;
}
.giji08 li:nth-of-type(3) {
	background:#333;
}


/*=======================
:disabled
========================*/
.giji09 input{
	margin:10px 0;
}
.giji09 input:enabled {
	background:#f9c;
}
.giji09 input:disabled{
	background:#ccc;
}


/*=======================
:checked
========================*/
.giji10 input:checked{
	outline:solid 6px #600;
}

/*=======================
:target
========================*/
.giji15 :target {
	background-color:#666;
}


/*=======================
:empty
========================*/
.giji16 p:empty{
	color:#ccc;
}

.giji16 p:empty:before{
	content:"空要素です";
}



/*=======================
:not
========================*/
.giji13 li,
.giji14 li{
	background:#666;
}
.giji13 li:not(:first-child){
	background:#ccc;
}
.giji14 li:not(#ringo){
	background:#ccc;
}