@charset "utf-8";
/* CSS Document */
.wrapper{
	width: 85%;
	margin: auto;
}
@media screen and (max-width:479px)
{
.wrapper{
	width: 100%;
}
}

.tittle{
	padding: 20px 0px;
	line-height: 120%;
}
@media screen and (max-width:479px){
.tittle{
	width: 80%;
	padding: 15px 20px;
	font-size: small;
	line-height: 120%;
}
}

.keyward li{
	padding-left: 5%;
	display: inline-block;
	font-size: large;
}
.keyward ul li:before{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0px 4px;
    border: transparent solid 5px;
    border-left-color: #000;
    vertical-align: middle;
}
.keyward li a:link{
	color: #000;
	text-decoration: none;
}
.keyward li a:visited{
	color: #000;
}
.keyward li a:hover{
	color: #600;
	text-decoration: underline;
}
.keyward li a:active{
	color: #000;
}
@media screen and (max-width:479px)
{
.keyward li{
	padding-left: 20px;
}
}


@media screen and (max-width:479px)
{
.contens{
	width: 100%;
	margin: 0 5px;
}
}

.ward{
	display: inline-block;
	border: #000000 thin solid;
	line-height: 160%;
	font-size: x-small;
	padding: 10px;
	margin: 10px;
	overflow: hidden;
	width: 130px;
	height: 120px;
	vertical-align: middle;
	float: left;
}
.ward a:link{
	color: #000000;
	text-decoration: none;
}
@media screen and (max-width:479px)
{
.ward{
	line-height: 150%;
	font-size: xx-small;
	padding: 8px;
	height: 110px;
	width: 38%;
}
}

/* Google Chorome BugFix */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 .ward{
	display: block !important;
 }
}