@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Noto Sans CJK JP Regular"), local("Noto Sans JP"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP Medium';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP Bold';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP Light';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: local("Noto Sans CJK JP Light"), local("Noto Sans JP"), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format('opentype');
}

body {
	margin:0;
	font-family:'メイリオ';
	font-size:90%;
	background:#f0f0f0;
}

img{
	border:none;
}


#ucLogin_pnlLogin{
	padding:10px;
}

#wrap{
	width:800px;
	margin:0 auto;
}

#pnlHeader{
	padding-bottom:0px;
	position:relative;
}

#pnlHeader:after {
     content : "";
     display : block;
     height : 0;
     clear : both;
} 
#pnlHeader h1{
	float:left;
	margin:0;
}

#pnlHeader h1 a{
	text-indent:-9999px;
	display:block;
	width:195px;
	height:65px;
}

#headerRight{
	float:right;
	padding-top:15px;
}

#sites{
	clear:both;
	overflow:hidden;
	line-height:22px;
}

.lnkSite{
	display:inline-block;
	white-space:nowrap;
}

.lnkSite a{
	display:inline-block;
	padding:2px 10px 3px;
	text-decoration:none;
}

.lnkSite a:hover{
	text-decoration:underline;
}

#site2 a{
	cursor:move;
}
#site2 a:hover{
	text-decoration:none;
}

#lnkSortMenu{
	background:#fff;
	color:#000;
	text-decoration:none;
	display:inline-block;
	position:absolute;
	font-size:12px;
	padding:1px 3px;
	right:0;
	bottom:3px;
}

#info, #apply, #movie,#cph_noneInfo {
	float: left;
	background: #fff;
}

#apply,#movie{
	margin:0;
	padding:0 10px;
	background:#fff;
	overflow:auto;
	width:500px;
	border:1px solid #6aba47;
	-webkit-box-shadow: 0px 0px 15px #999 !important;
	-moz-box-shadow: 0px 0px 15px #999 !important;
	box-shadow: 0px 0px 15px #999 !important;
}

#sidebar{
	float:right;
	width:271px;
}


#uploads{
	border-collapse:collapse;
}

#uploads td.dir a{
	padding:10px 10px 10px 30px;
	display:block;
	background:url(../dl/images/folder.gif) no-repeat 10px center;
}

#uploads td.file{
	padding:0 10px ;
}

#uploads td.file a.lnkTitle{
	background:url(../dl/images/file.gif) no-repeat center left;
	padding-left:20px;
}


.upload_detail{
	float:left;
}

.upload_img{
	float:right;
}

.upload_img img{
	width:170px;
}


#footer{
	clear:both;
	text-align:center;
	padding:10px;
}