@charset "UTF-8";

/* 	sakubun2014.css
============================================================================================== */
body {
	position: relative;
	min-width: 700px;
}
.wrapper {
	position: relative;
	background: #fffbbd;
}

.wrapper .contentsbox {
	margin: 0 auto;
	width: 700px;
	overflow: visible !important;
}

/*------ visual ------*/
.visual {
	padding-bottom:  20px;
	text-align: center;
	background: #fff;
}
.visual.end {
	padding-bottom: 0;
}

	.visual .vtxt {
		padding: 30px 0;
		text-align: center;
	}

	.visual .students{
		position: relative;
		z-index: 99;
	}

	.visual .students img{
		margin: 17px 0 0 -31px;
	}

	.visual .vinfo {
		margin: 20px auto 25px;
		width: 661px;
		height: 340px;
		text-align: center;
	}
	.visual.end .vinfo {
		height: 488px;
		position: relative;
	}

		.visual.end .vinfo p{
			position: absolute;
			top: 397px;
			left: 50%;
			margin-left: -90px;
		}


/*------ ?I?????m?点 ------*/
	#end .visual,
	#result .visual,
	#item .visual{
		padding-bottom: 0;
	}

	#end .visual .vinfo {
		width: 681px;
		height: auto;
		position: relative;
		margin: 20px auto 10px;
	}

	#end p.btn_center{
		position: absolute;
		top: 295px;
		left: 50%;
		margin-left: -91px;
	}

	#end .losnon{
		width: 681px;
		margin: 0 auto;
		padding-top: 10px;
	}

	#end .go_top{
		margin-right: 30px;
	}

/*------ ???ﾊ ------*/
	#result .vinfo{
		width: 682px;
		height: auto;
		background-color: #fff;
		padding-bottom: 9px;
		background-image: url("../images/2016/sakubun/end_info_bg.gif");
		background-repeat: no-repeat;
		background-position: center bottom;
	}

	#result .vinfo>div{
		border-left: 5px solid #f6e23c;
		border-right: 5px solid #f6e23c;
		border-top: 5px solid #f6e23c;
	}

	#result .vinfo>div>img{
		margin: 25px auto 30px;
	}

	#result .vinfo>div .main_contents{
		width: 658px;
		margin: 0 auto;
		border-left: 1px solid #447baa;
		border-right: 1px solid #447baa;
		border-bottom: 1px solid #447baa;
	}

	#result .main_contents .content.best{
		position: relative;
		*position: static;
		padding-top: 53px;
	}

	#result .main_contents .content.best h2{
		position: absolute;
		*position: static;
		top: -12px;
		left: 0;
	}

	#result .main_contents .content h2{
		margin-bottom: 20px;
	}

	#result .main_contents .content img#photo{
		float: left;
		border: 1px solid #939894;
		margin: 55px 0 20px 20px;
		*margin: 5px 0 20px 20px;
	}

	#result .main_contents .content img#txt{
		float: right;
		margin: 77px 28px 0 0;
		*margin: 25px 28px 0 0;
	}

	#result .main_contents .content table{
		clear: both;
		width: 616px;
		margin: 0 auto 20px;
		border: 1px solid #cab68e;
	}

	#result .main_contents .content table tr.gray{
		background-color: #f3f3ec;
	}

	#result .main_contents .content table th{
		background-color: #bc9816;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		padding: 6px 10px;
		border: 1px solid #cab68e;
		text-align: left;
	}

	#result .main_contents .content table td{
		font-size: 12px;
		color: #522b2b;
		padding: 10px;
		border-top: 1px solid #cab68e;
		border-bottom: 1px solid #cab68e;
		text-align: left;
	}

	#result .main_contents .content.best table td{
		font-size: 14px;
		padding: 9px 10px;
		border: 1px solid #cab68e;
	}

	#result .main_contents .content.best table td a{
		font-weight: bold;
	}

	#result .main_contents .content table td.border_l{
		border-left: 1px solid #cab68e;
	}

	#result .main_contents p.notice{
		font-size: 12px;
		font-weight: bold;
		line-height: 160%;
		color: #522b2b;
		padding: 0 20px;
		margin-bottom: 45px;
		text-align: left;
	}

	#result .main_contents p.go_top{
		float: none;
		text-align: right;
		padding-right: 10px;
		margin: 30px 0 10px;
	}

	#TB_window{
		margin-top: -240px;
	}

/*------ ?・i?y?[?W ------*/
	#item .vinfo{
		width: 682px;
		height: auto;
		background-color: #fff;
		padding-bottom: 9px;
		background-image: url("../images/2016/sakubun/end_info_bg.gif");
		background-repeat: no-repeat;
		background-position: center bottom;
	}

	#item .vinfo>div{
		border-left: 5px solid #f6e23c;
		border-right: 5px solid #f6e23c;
		border-top: 5px solid #f6e23c;
		padding-bottom: 5px;
	}

	#item .vinfo>div>img{
		margin: 25px auto 30px;
	}

	#item .vinfo>div .main_contents{
		width: 540px;
		margin: 0 auto 20px;
		background-image: url("../images/2016/sakubun/item_bg.gif");
		padding: 0 20px 25px;
		text-align: right;
		overflow: hidden;
	}

	#item .vinfo>div .main_contents>img{
		margin-left: -45px;
	}

	#item .vinfo>div .main_contents>img.img_high{
		margin-left: -40px;
	}


	#item .vinfo p.go_top{
		float: none;
		text-align: right;
		padding-right: 10px;
		margin-top: 15px;
	}



/*------ nav / infobox ------*/
.nav {
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
}
	.nav li {
		float: left;
	}
	.nav li a {
		display: block;
	}
.infobox {
	padding: 10px 10px 0;
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	/*height: auto !important;*/ /* 募集完全終了時に非表示 */
	background: #fff;
}
.infobox.end {
	padding: 0;
}


.infoboxin{
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	/*height: auto !important;*/ /* 募集完全終了時に非表示 */
	background: #FFF;
}
	.insbox,
	.prizebox {
		padding: 20px 10px;
		overflow: hidden !important;
		overflow: visible;
		min-height: 100%;
		height: auto !important;
	}
		.insboxR {
			float: right;
			width: 500px;
		}
			.insboxR h3 {
				font-size: 18px;
				font-weight: bold;
				line-height: 1;
				color: #37b48d;
			}
			.insboxR p {
				margin-top: 10px;
				padding-top: 10px;
				font-size: 14px;
				line-height: 1.5;
				color: #000;
			}
			.insboxR p:nth-of-type(1){
				border-top: 1px dotted #979797;
			}
			.insboxR .borderless {
				margin-top: 10px;
				padding-top: 10px;
				font-size: 14px;
				line-height: 1.5;
				color: #000;
				border-top: none;
			}
		.prizebox01 {
			padding: 0 10px 20px;
			overflow: hidden !important;
			overflow: visible;
			min-height: 100%;
			height: auto !important;
			text-align: center;
			border-left: 1px solid #DA8C10;
			border-right: 1px solid #DA8C10;
		}
			.pz01 {
				margin: 2px 0 20px 18px;
			}
			.pz02 {
				margin: 14px 3px 0 0;
			}
		.prizebox02 {
			padding: 0 8px 10px;
			overflow: hidden !important;
			overflow: visible;
			min-height: 100%;
			height: auto !important;
			text-align: center;
			border-left: 1px solid #DA8C10;
			border-right: 1px solid #DA8C10;
			border-bottom: 1px solid #DA8C10;
		}
	.infotxt {
		padding: 0 30px;
		overflow: hidden !important;
		overflow: visible;
		min-height: 100%;
		height: auto !important;
	}
	.infotxt p{
		margin: 10px 0;
		font-size: 18px;
		line-height: 140%;
		color: #221815;
	}

#entry {
	position: relative;
	padding: 20px 10px 10px;
}
#entry_end {
	position: relative;
	/*padding: 0 0 10px;*/
	/*background-color: #fdfcdd;*/
}
#entry_end p {
	position: relative;
	padding-bottom: 15px;
	height: 488px;
	background-image: url("../images/2023/sakubun/info_end.gif");
	background-position: center top;
	background-repeat: no-repeat;
}
#entry_end p img {
	position: absolute;
	top: 400px;
	left: 250px;
}
.infobox.end #entry_end {
	padding: 10px 10px 0;
	margin-bottom: 5px;
}

	#entry h2 {
		position: absolute;
		top: 0px;
		left: 20px;
	}
	.entrybox {
		padding: 40px 0 20px;
		width: 660px;
		height: auto;
		color: #000;
		background-image: url("../images/2021/sakubun/ttl03_bg.png");
		background-position: center top;
		background-repeat: no-repeat;
	}

		.inner{
			padding: 0 12px 20px;
			background-color: #fffded;
		}

		.inner .dl_btn{
			text-align: center;
		}

		.inner .dl_notice{
			margin: 30px 0 25px;
			font-size: 18px;
		}

		.entryboxL {
			float: left;
			width: 298px;
			margin-top: 50px;
		}
		.entryboxR {
			float: right;
			width: 298px;
			margin-top: 50px;
		}
		.entrybox dl{
			margin-bottom: 30px;
		}
		.entrybox dt {
			font-size: 20px;
			font-weight:bold;
		}
		.entrybox dt.tit {
			margin-bottom:5px;
			font-size: 20px;
			font-weight:bold;
		}
		.entrybox dd{
			font-size: 18px;
		}
		.entrybox em {
			font-size: 13px;
			font-weight: bold;
			font-style: normal;
		}
		.entrybox ul {
			padding-left:20px;
			margin:0px;
		}
		.entrybox ul li {
			list-style-type: disc;
		}
.red {
	color: #FF0000;
}

.go_top{
	float: right;
	margin-top: 10px;
}

#entry_end .go_top{
	margin: 0 10px 10px;
}

.go_top a{
	font-size: 13px;
	color: #000;
	text-decoration: none;
}

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

.losnon{
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
}

.losnon .content_area{
	width: 674px;
	height: 104px;
	border: 3px solid #8cc63f;
	background-color: #fff;
}

.losnon .content_area p img{
	margin: 17px 0 0 19px;
}

/*------ sfooter ------*/
.sfooter {
	padding: 10px 0 5px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	background: #ffffff;
}
	.sfooter p {
		float: right;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		color: #44230b;
		margin-right: 10px;
		text-align: right;
	}

/*------ sfooter ------*/
.btn_end {
	padding: 20px 0 50px;
	text-align: center;
	background: #fff;
}

/*------ announcebox ------*/
.announce {
	padding: 0 10px 10px;
	text-align: center;
	background: #fff;
}
.announcebox {
	padding: 20px;
	border-left: 1px solid #65ad32;
	border-right: 1px solid #65ad32;
}
	.announce_tab {
		width: 100%;
		text-align: left;
		border-collapse: collapse;
		border-top: 1px solid #cab682;
		border-left: 1px solid #cab682;
	}
	.announce_tab th,
	.announce_tab td{
		border-right: 1px solid #cab682;
		border-bottom: 1px solid #cab682;
	}
	.announce_tab th{
		padding: 0 12px;
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		color: #FFFFFF;
		background-color: #bc9816;
	}
	.announce_tab td{
		padding: 6px 12px;
		font-size: 12px;
		line-height: 16px;
		color: #522b2b;
	}
	.announce_tab td a,
	.announce_tab td a:visited,
	.announce_tab td a:hover {
		color: #522b2b;
	}
	.announce_tab td a,
	.announce_tab td a:visited {
		text-decoration: none;
	}
	.announce_tab td a:hover {
		text-decoration: underline;
	}
	.announcebox_last {
		border-bottom: 1px solid #65ad32;
	}
		.fwb a {
			font-weight: bold;
		}
		.ann_bgc {
			background-color: #f3f3ec;
		}
		.tabfix {
			float: left;
			width: 60px;
		}
	.announcebox_last p {
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		line-height: 18px;
		color: #522B2B;
	}
	.btn_announce {
		padding: 30px 0 15px;
		text-align: center;
	}
.ContentsBOX {
	margin: 0 auto;
	padding: 10px 0 20px;
	width: 700px;
}
	.coment {
		padding: 10px;
		background-color: #FFF;
		text-align: center;
	}
	.coment_in{
		padding:15px;
		width:628px;
		border: solid 1px #ef8456;
		margin: 0 auto;
	}
		.coment_name{
			float:right;
			width:465px;
			height: 33px;
			padding-top:15px;
			background: url(../images/2012/name_bg.gif);
			background-repeat : repeat-x ;
			color: #7b4b20;
			font-size:18px;
			font-weight:bold;
			text-align:left;
		}
		.coment_text {
			float: right;
			padding-top: 10px;
			width: 465px;
			font-size: 14px;
			text-align: left;
			line-height: 22px;
		}
		.coment_text p {
			margin-bottom: 12px;
		}

	.coment_btn{
		text-align:center;
		padding: 20px 0;
	}
.composition {
	margin: 20px auto 0;
	padding: 20px;
	width: 540px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 100%;
	height: auto !important;
	background: url("../images/2013/composition/composition_bg.gif") center top repeat;
}
	.playbox {
		position: relative;
		padding: 8px 20px 8px 15px;
		overflow: hidden !important;
		overflow: visible;
		min-height: 100%;
		height: auto !important;
		border: 4px solid #cfb371;
		background: #fff;
		margin-top: 40px;
	}
	.playlist {
		float: right;
		width: 392px;
		overflow: hidden !important;
		overflow: visible;
		height: auto !important;
		height: 100%;
	}
/* .audiojs {
	width: 394px;
	margin-left: 99px;
} */
.mb20 {margin-bottom: 18px !important;}

.ui360 .sm2-360btn {
padding-top: 9px !important;
}

.ui360 .sm2-canvas {
top: 5px !important;
}

.ui360 .sm2-timing {
padding-right: 1px !important;
padding-top: 5px !important;
}

.sm2-360ui {
margin-left: 16px !important;
}

#sm2player {
float: none !important;

}

p#winner {
clear: right;
float: left;
font-size: 12px;
margin: 0 8px 5px;
font-weight: bold;
letter-spacing: 0;
}

.ui360 .player-spec {
margin-right: 70px !important;
padding-bottom: 0 !important;
}

.spec-detail {
font-size: 12px !important;
line-height: 15px;
}

#audioplayer embed {
			position: absolute;
			top: 40px;
			left: 120px;
			opacity: 0;
			z-index: -1;
}
#audioplayer-js, .jp-gui, jp-interface{
			filter: alpha(opacity=0);
			z-index: 1;
}

.visual h1 {
margin-top: 0;
}

#portrait {
margin-top: 3px;
}

/*--------------To hide the count boxes-----------*/
.sns li {
margin: 0;
width: 75px;
}

.sns li.twt {
	margin: 0 0 0 20px;
	width: 90px;
}