@charset "shift_jis";

ol{ list-style: none; margin:0; padding: 0; }

/*--------------------------------------- 
　プレゼント企画　PC
-----------------------------------------*/

.proj {margin: 0 auto; color: #595757;}
.proj a{ color: #595757 !important; font-weight: bold; }
.proj table{color: #595757; }
.proj h2.h2ttt {
	clear: both;
	border-bottom: 1px solid #78c71e;
	margin-bottom: 20px;
	line-height: 0;
	font-size: 0;
}
.proj .entryBtn{ clear: both; line-height:0; font-size: 0; text-align: center; }



/*--------------------------- プレゼントタイトル　*/
.proj h3.preTile { margin:0 10px 10px; padding: 0 60px; background-image: url(/images/damtomo/present/detail/title_bg.jpg); background-repeat: no-repeat; background-position: right center;
background-size: 60px 40px; -moz-background-size: 60px 40px; -webkit-background-size: 60px 40px; min-height: 42px; }
.proj h3.preTile.kaiinOnly { background-image: url(/images/damtomo/present/detail/title_bg_kaiin.jpg); }
#douga_pre.proj h3.preTile{ background-image: url(/images/damtomo/present/detail/title_bg_douga.jpg); }
#seimitu_pre.proj h3.preTile{ background-image: url(/images/damtomo/present/detail/title_bg_seimitu01.jpg); }
#doroku_pre.proj h3.preTile{ background-image: url(/images/damtomo/present/detail/title_bg_douga_roku02.jpg); }
.proj h3.preTile img{ width: 100%; }
.proj h4.catchTxt{ margin-bottom: 16px; font-size: 16px;
font-weight: bold; color: #e73836; line-height: 1.3; text-align: center;}
.proj .aImg{ background-color: #fdebeb; padding: 10px 20px; margin-bottom: 20px; }
#douga_pre.proj h4.catchTxt{ color: #0099cc;}
#seimitu_pre.proj h4.catchTxt{ color: #ff8000;}
#doroku_pre.proj h4.catchTxt{ color: #7ac51e;}
.proj .aImg .inner{ width: 100%; margin:0 auto; text-align: center; }
#douga_pre.proj .aImg{ background-color: #e5f5fa; }
#seimitu_pre.proj .aImg{ background-color: #fff2e6; }
#doroku_pre.proj .aImg{ background-color: #f1fae9;}
.proj .aImg h3{ line-height: 0; font-size: 0; }
.proj .aImg h3 img{ width: 140px; }
.proj .aImg p{ text-align: center; font-size: 10px; }
.proj .aImg p span{ font-family:Arial, Helvetica, sans-serif !important; }
.proj .aproInfo{ padding-top: 16px; margin-bottom: 16px; text-align: center;border-top: 5px solid #fdebeb; }
.proj .aproInfo .inner{ width: 248px; padding: 10px; border: 1px solid #fdebeb; margin:0 auto; }
.proj .aproInfo h4{ font-weight: bold; margin-bottom: 10px; }
#douga_pre.proj .aproInfo{ border-top: 5px solid #e5f5fa; }
#seimitu_pre.proj .aproInfo{ border-top: 5px solid #fff2e6; }
#douga_pre.proj .aproInfo .inner{ border: 1px solid #e5f5fa; }
#seimitu_pre.proj .aproInfo .inner{ border: 1px solid #fff2e6; }
#doroku_pre.proj .aproInfo .inner{ border: 1px solid #f1fae9; }
.proj .aproInfo .movieImg{ margin-bottom: 6px; }
.proj .entryBtn.firstChild{ margin-bottom: 15px; }

/*--------------------------- メインコンテンツ　*/
.proj .text h5{ clear: both; font-weight:bold; margin-bottom: 7px;background-color: #fdebeb; padding: 3px 10px;}
#douga_pre.proj .text h5{ background-color: #e5f5fa; }
#seimitu_pre.proj .text h5{ background-color: #fff2e6; }
#doroku_pre.proj .text h5{ background-color: #f1fae9;}
.proj .text .section{ margin: 0 10px 25px 10px; }

/* 課題曲　*/
.proj .subjectArtist .listSong{ margin-bottom: 5px;}
.proj .subjectArtist .listSong .listTitle,
.proj .subjectArtist .listSong dl{ padding-bottom: 3px; margin-bottom:3px; text-align: left; border-bottom: 1px solid #CCC; }
.proj .subjectArtist .listSong .listTitle,
.proj .subjectArtist .listSong dt{ font-weight: bold;}
.proj .subjectArtist .listSong dd.request{ text-align: right; }
.proj .subjectArtist .denmokBtn{ padding-left: 15px;}
.proj .subjectArtist span.red{ font-size: 11px; }
.proj .subjectArtist .listSong dd.request span.noDenmoku{ padding-right: 136px; }
#seimitu_pre.proj .em{ color: #ff8001; font-weight: bold; }
.proj .subjectArtist .openClose{
	width: 100%;
	text-align: center;
	padding-top: 10px;
}
.proj .subjectArtist .openClose p{
	display: block;
	width: 100%;
	cursor:pointer;
	background-color: #eeeeef;
	width: 100%;
	height: 23px;
	padding-top: 9px;
	text-align: center;
}
.proj .subjectArtist .openClose p span.opentxt{ display: block; }
.proj .subjectArtist .openClose p span.closetxt{ display: none; }
.proj .subjectArtist .openClose p.open span.opentxt{ display: none; }
.proj .subjectArtist .openClose p.open span.closetxt{ display: block; }

.proj .prize p{ line-height: 0; font-size: 0; }
.proj .prize p img{ width: 100%; }
.proj .prize ul{ padding-top: 10px; }
.proj .prize ul li{ font-size: 11px; }

/*課題曲多数でページが分かれるケースのボタン*/
.btnArea{ clear: both; margin-bottom: 10px; }
.btnArea .fl,
.btnArea .fr{ float: none; }
.btnArea .fl{ margin-bottom: 5px; }
.btnArea .fr{ text-align: center; }


/* 応募方法　*/
.proj .text .howto table{ border-collapse: collapse; width: 100%; }
.proj .text .howto table td{ width: 33%; padding-bottom: 7px; vertical-align: top }
.proj .text .howto table img{ width: 100%; }
.proj .text .howto table td span{ padding: 0 0.8em; display: block; }
.proj .text .howto table td span span.notes{ display: inline-block; padding: 0; } 
#douga_pre.proj .text .howto ol,
#seimitu_pre.proj .text .howto ol{ margin-bottom: 15px; }
#douga_pre.proj .text .howto ol li,
#seimitu_pre.proj .text .howto ol li{ margin-bottom: 10px; }
.proj .periodNotice{
	margin-top: 15px;
	padding: 15px;
	background-color: #eee;
}

#seimitu_pre.proj .emList{ margin-bottom: 15px; }
#seimitu_pre.proj .emList li{ color: #ff8000; padding-left: 1em; text-indent: -1em; }

/*課題曲ナビ*/
.proj #nav_pre ul{
	clear: both;
	margin: 0 5px 15px 5px;
}
.proj #nav_pre li{ display: block; float: left; width: 49%; line-height:0; font-size: 0; padding-bottom: 10px; }
.proj #nav_pre li.lastChild{ float: right; }
.proj #nav_pre li img{ width: 100%; }

/*------------------------------- サイドコンテンツ*/
.proj .sideInfo{
	clear:both;
	padding: 10px;
	background-color: #fdebeb;
	margin-bottom: 20px;
}
#douga_pre.proj .sideInfo{background-color: #e5f5fa;}
#seimitu_pre.proj .sideInfo{background-color: #fff2e6;}
#doroku_pre.proj .sideInfo{ background-color: #f1fae9;}
.proj .sideInfo .releaseInfo h4{ font-size: 14px; font-weight: bold; }
.proj .sideInfo .releaseInfo .infoTxt{ font-size: 11px; line-height: 1.2; margin-bottom: 5px; }	
.proj .sideInfo .karaokeDetail{ padding-top: 30px; clear: both; text-align: center; line-height:0; font-size: 0; }
.proj .sideInfo .infoArea{ clear: both; padding-top: 30px; }
.proj .sideInfo .infoArea h4{ line-height: 0; font-size: 0; border-bottom: 1px solid #595757; margin-bottom: 10px; }
.proj .sideInfo .infoArea ul li{
	padding-left: 17px;
	background-image: url(/images/damtomo/present/arrow_right.png);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	background-image: 13px 13px;
	-webkit-background-image: 13px 13px;
	-moz-background-image: 13px 13px;
}
.proj .infoArea ul li a{ font-weight: normal; text-decoration: none; }
.proj .sideInfo .jacket{ width:30%; float:left; }
.proj .sideInfo .jacket p.images{ margin-bottom: 3px; padding-right: 1em }
.proj .sideInfo .jacket p.images img{ width: 100%; }
.proj .sideInfo .jacket p{ font-size: 11px; margin-bottom: 3px; line-height: 1.1; text-align: center; }
.proj .sideInfo .spec { width:70%; float:right; word-break: break-all; }
.proj .sideInfo .spec p{ font-size: 10px; line-height: 1.2; }




/*--------------------------- module*/
.mt0{ margin-top: 0!important; }
.mt5{ margin-top: 5px!important; }
.mt10{ margin-top: 10px!important; }
.mt15{ margin-top: 15px!important; }
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 15px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.ml10 {margin-left: 10px !important;}
.notes {
	clear: both;
	font-size: 11px;
}
.aCenter {text-align: center !important;}
.aLeft {text-align: left !important;}
.images { font-weight: 0; line-height: 0; }
.font_s {font-size: 11px !important;}
.proj table .font_s {font-size: 10px !important;}
.font_m {font-size: 14px !important;}
.fontB {font-weight: bold!important;}
.warning {color: #ff0000!important;}
.attention { color: #F03!important; }
/*------------------------------ clearrFix */

.clr{ clear: both; }
.clrFix:after,
.proj .text .section:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}