@charset "shift_jis";

/* inline list */
#contents .keytp {
	background-color:#E2F0FA;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	margin: 0 auto;
	width:100%;
	padding:10px 0 15px;
}

#contents ul.inlinelist {
	letter-spacing: -.40em;
	margin: 0 auto;
	width:100%;
	text-align:center;
}
#contents ul.inlinelist li {
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align:center;
	margin:0 7px;
	vertical-align: middle;
}

#contents ul.keytoch li {
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 20%;
    height: 128px;
    text-align: left;
    font-size: 0.94em;
    line-height: 1.3em;
    background-color: #FFFFFF;
    padding: 0 5px;
}

#contents ul.keytoch li:nth-child(1) .keytochname { background-color: #39C;}
#contents ul.keytoch li:nth-child(2) .keytochname { background-color: #099;}
#contents ul.keytoch li:nth-child(3) .keytochname { background-color: #F90;}
#contents ul.keytoch li:nth-child(4) .keytochname { background-color: #F39;}

#contents ul.keytoch li .keytochname {
	display:block;
	text-align:center;
	padding:5px 3px;
	margin:5px 0;
	color:#FFF;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}

#contents ul.keycap li {
	text-align:left;
}

#contents ul.keycap li:nth-child(1) {
	width:120px;
}

#contents ul.keycap li:nth-child(2) {
	width:500px;
	color:#FF3300;
}

#contents ul.keypitch li {
    background-position: 0 center;
    background-repeat: no-repeat;
    width: 30%;
    height: 60px;
    text-align: left;
    font-size: 0.94em;
    line-height: 1.3em;
    background-color: #FFFFFF;
    padding: 8px 5px 8px 70px;
}

#contents .keyttl {
	font-size:1.2em;
	font-weight:bold;
	color:#666;
	padding:1em 0;
	text-align:center;		
}