@charset "utf-8";
/* css document */



/*--------------------------------------------
top newface
---------------------------------------------*/
#newface_slider {position: relative;margin:0px auto 15px auto;width: 100%;}



#wrapper {width: 100%;left: 5%;overflow: hidden;}



#carousel{
		width:100%;
		background-color:#fff;
		text-align:center;
		font-size:x-small;
		margin:0px auto 0px auto;
		}



#carousel li {
			float:left;
			width:25%;
			margin:0 0 15px 0;
			line-height:1.3;
			list-style:none;
			display: block;
			text-align:center;
			}



#carousel li img {
			margin:2px auto 2px auto;
			-webkit-border-radius:2px;
			border:solid 1px #faa;
			padding:1px;
			background: #fff;
			}



#carousel li a{
			width:100px;
			margin:0 auto;
			color:#000;
			}



#prev_newface, #next_newface {
				position: absolute;
				top: 6;
				border-radius: 10px;        /* CSS3草案 */  
    				-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    				-moz-border-radius: 10px;   /* Firefox用 */
				width: 75px;
				height:35px;
				color:#888;
				text-align:center;
				line-height:35px;
				font-size:16px;
				box-shadow:0px 0px 3px 0px #ccc;
				-moz-box-shadow:0px 0px 3px 1px #ccc;
				-webkit-box-shadow:0px 0px 3px 1px #ccc;
				}



#prev_newface {background-color: #fff;left: 6px;}
#next_newface {background-color: #fff;right: 6px;}



#pager {text-align:center;padding:10px;}



#pager a {
		border: 2px solid #ccc;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 5px 0 0;
		}



#pager a span {display: none;}
#pager a.selected {background-color: #ccc;}
#pager a:hover {background:#eee ;}