@charset "utf-8";

LI.main_item {
	/* width : 226px;
	height : 208px; */
	width : 353px;
	height : 318px;
	list-style-type : none;
	float: left;
	border-style : solid;
	border-width : 1px;
	border-color : #e8e8e8;
	margin-left : 20px;
	margin-right : 20px ;
	margin-top : 20px;
	margin-bottom : 20px;
}

LI.main_item_selected {
	/* width : 226px;
	height : 208px; */
	width : 353px;
	height : 318px;
	list-style-type : none;
	float: left;
	margin-left : 16px;
	margin-right : 16px ;
	margin-top : 16px;
	margin-bottom : 16px;
}

LI.main_item p, LI.main_item_selected p {
	font-family : 'PUDGoDpR', "Meiryo UI","HiraKakuProN-W3";
	background-color: #656364;
	color: white;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	/*
	padding-top: 7px;
	padding-bottom: 7px;
	*/
	font-size : 20px;
}
LI.main_item p:before, LI.main_item_selected p:before
{
	content: "";
	/* border-left:3px solid white; KMEW_NEWPERS_DEV-326 NKM-40 */
	margin-right: 15px;
	max-height: 7px;
}


LI.main_item div, LI.main_item_selected div {
	width : 226px;
	height : 208px;
	display : inline;
}

LI.main_item .thumb, LI.main_item_selected .thumb {
	margin-top : 18px;
	vertical-align: middle;
	/* width : 226px;
	height : 170px; */
	width : 320px;
	height : 224px;
}
LI.main_item .delbtn, LI.main_item_selected .delbtn {
	font-family : 'PUDGoDpR', "Meiryo UI","HiraKakuProN-W3";
	position:relative;
	top : 0px;
	width : 60px;
	height : 30px;

	color : white;
	background-color: #0c4484;
    cursor: pointer;
	border-radius: 4px!important;
	border-style: solid;
	border-width: 1px;
	border-color: #0c4484;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
LI.main_item .delbtn:hover, LI.main_item_selected .delbtn:hover {
	/*
	background-color : white;
	color: #0c4484;
	opacity: 0.85;
	*/
	background-color : #2f66a6;
	border-color : #2f66a6;
}
.selected_border {
	border-style: solid;
	/*
	border-width: 8px;
	*/
	border-color: #0b3a77;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

@media only screen and (max-width: 1280px) {
    LI.main_item {
		width : 240px;
		height : 240px;
		margin-left : 20px;
		margin-right : 20px ;
		margin-top : 20px;
		margin-bottom : 20px;
	}
	
	LI.main_item_selected {
		width : 240px;
		height : 240px;
		list-style-type : none;
		float: left;
		margin-left : 16px;
		margin-right : 16px ;
		margin-top : 16px;
		margin-bottom : 16px;
	}
	
	LI.main_item p, LI.main_item_selected p {
		font-family : 'PUDGoDpR', "Meiryo UI","HiraKakuProN-W3";
		margin-top : 0px;
		margin-left : 0px;
		margin-right : 0px;
		margin-bottom : 0px;
		padding-top: 5px;
		padding-bottom: 5px;

		font-size : 16px;
	}
	
	LI.main_item div, LI.main_item_selected div {
		/* width : 226px;
		height : 208px; */
		width : 153px;
		height : 141px;
		display : inline;
	}
	
	LI.main_item .thumb, LI.main_item_selected .thumb {
		margin-top :18px;
		/*vertical-align: middle;*/
		/*
		width : 240px;
		height : 180px;
		*/
		width : 222px;
		height : 156px;
	}
	LI.main_item .delbtn, LI.main_item_selected .delbtn {
		position:relative;
		top : -10px;
		/* width : 38px;
		height : 16px; */
	}
}

.selected_border
{
	border-width: 5px;
}

.admin_box {
	border: 1px solid #084384;
	padding: 2px;
}
.login_btn {
    background-color: #084384;
    color: #fff;
    text-align: center;
}