@charset "UTF-8";

/* PRESENT
##################################### */

h2#h2-present {
	width: 675px; height: 40px;
	background: url(../present/img/h2_present.gif) no-repeat;
	text-indent: -9999px;
}
h2#h2-present_none {
	width: 675px; height: 40px;
	background: url(../present/img/h2_present_none.gif) no-repeat;
	text-indent: -9999px;
}

h2#h2-present-large {
	width: 1000px; height: 40px;
	background: url(../present/img/h2_present_large.gif) no-repeat;
	text-indent: -9999px;
}

div#box-present {
	width: 635px;
	padding: 0 20px 20px 20px;
	background: #fff;
}

	ul#present-list li {		
		padding: 20px 0;
		height: 100%;
		border-bottom: 1px solid #eaeaea;
		overflow: hidden;
	}
	
		ul#present-list li img.thum {
			float: left;
			width: 210px;
			border: 5px solid #dddddd;
		}
		
		ul#present-list li div.col-right {
			float: right;
			width: 400px;
			overflow: hidden;
		}
		
			ul#present-list li div.col-right h4 {
				font-weight: bold;
				font-size: 108%;
				color: #ad1818;
			}
		
			ul#present-list li div.col-right p.content {
				padding: 8px 0 10px 0;
				border-bottom: 1px dotted #eaeaea;			
			}
			
			ul#present-list li div.col-right p.deadline{
				float: left;
				margin-top: 15px;
				font-weight: bold;
			}
			ul#present-list li div.col-right p.btn-detail{
				float: right;
				margin-top: 10px;
				width: 125px; height: 22px;
			}
				ul#present-list li div.col-right p.btn-detail a{
					display: block;
					width: 125px; height: 22px;
					background: url(../present/img/btn_detail.gif) left top no-repeat;
					text-indent: -9999px;
				}
				ul#present-list li div.col-right p.btn-detail a:hover{
					background-position: bottom;
				}



/* PRESENT詳細ページ
##################################### */

div#box-present-detail {
	width: 635px;
	padding: 20px;
	background: #fff;
	line-height: 1.4;
}


	div#box-present-detail div#present-item{
		margin: 20px auto 10px auto;
		padding: 20px 0;
		width: 635px;
		border-top: 1px dotted #555555;
		overflow: hidden;
	}
		div#box-present-detail div#present-item img.thum{
			float: left;
			width: 210px;
			border: 5px solid #dddddd;
		}
		div#box-present-detail div#present-item div.text-item{
			display: inline;
			float: left;
			margin-left: 20px;
		}
			div#present-item div.text-item p{
				padding-bottom: 10px;
			}
				div#present-item div.text-item span.prize{
					color: #ad1818;
					font-size: 120%;
					font-weight: bold;
					clear:both;
				}
				div#present-item div.text-item span.prizeBlack{
					color: #333333;
					font-size: 120%;
					font-weight: bold;
				}
				
				
				
	
	div#box-present-detail div#box-pattern{
		padding: 20px;
		width: 595px;
		background: url(../present/img/bg_pattern.gif);
		text-align: center;
	}
	
		div#box-present-detail div#box-pattern span.deadline-apply{
			font-size: 120%;
			font-weight: bold;
		}
		div#box-present-detail div#box-pattern a{
			display: block;
			margin: 10px auto;
			width: 199px; height: 51px;
			background: url(../present/img/btn_apply.gif) left top no-repeat;
			text-indent: -9999px;
		}
		div#box-present-detail div#box-pattern a:hover{
			background-position: bottom;
		}
	
	div#box-present-detail div#box-pattern-mini{
		padding: 20px;
		width: 250px;
		background: url(../present/img/bg_pattern.gif);
		/*text-align: center;*/
	}
		div#box-present-detail div#box-pattern-mini span.deadline-apply{
			font-size: 120%;
			font-weight: bold;
		}
		div#box-present-detail div#box-pattern-mini a{
			display: block;
			margin: 10px auto;
			width: 199px; height: 51px;
			background: url(../present/img/btn_apply.gif) left top no-repeat;
			text-indent: -9999px;
		}
		div#box-present-detail div#box-pattern-mini a:hover{
			background-position: bottom;
		}
		div#box-present-detail div#box-pattern-mini a.entry{
			display: block;
			margin: 10px auto;
			width: 199px; height: 51px;
			background: url(../present/img/btn_entry.gif) left top no-repeat;
			text-indent: -9999px;
		}
		div#box-present-detail div#box-pattern-mini a.entry:hover{
			background-position: bottom;
		}
	
/* PRESENT詳細ページ(large)
##################################### */

div#box-present-detail-large {
	width: 1000px;
	padding: 20px;
	background: #fff;
	line-height: 1.4;
}
	div#box-present-detail-large-bottom {
		clear: both;
	}
		
/* PRESENT_NOTICE
##################################### */

h2#h2-notice {
	width: 675px; height: 40px;
	background: url(../present/img/h2_notice.gif) no-repeat;
	text-indent: -9999px;
}

	div#box-present-detail div#box-pattern2{
		margin-top: 20px;
		padding: 20px;
		width: 595px;
		background: url(../present/img/bg_pattern.gif);
		text-align: center;
	}
		div#box-present-detail div#box-pattern2 ul{
			list-style: none;
			width: 595px;
			text-align: left;
		}
			div#box-present-detail div#box-pattern2 ul li{
				margin: 10px 0;
				padding: 0 0 0 15px;
				width: 580px;
				background: url(../present/img/icon_notice.gif) 0 5px no-repeat;
			}
			div#box-present-detail span.apply-notice{
				color: #ad1818;
				font-weight: bold;
			}
			div#box-present-detail span.small{
			font-size:80%;
			}

/* 20091001 */

div#box-flash-20091001 {
	float: left;
	width: 532px; height: 682px;
}
	div#box-flash-20091001 h3 {
		margin-bottom: 20px;
	}
	div#box-flash-20091001 img.img-left {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	div#box-flash-20091001 hr {
		height: 1px;
		background: #ddd;
		color: #ddd;
		border: none;
	}
	div#box-flash-20091001 strong {
		font-size: 115%;
		color: #ad1818;
	}
	a#btn-apply {
		display: block;
		float: left;
		margin-top: 20px;
		width: 199px; height: 51px;
		background: url(../present/img/20091001/btn_apply.gif) left no-repeat;
		text-indent: -9999px;
	}
	a:hover#btn-apply {
		background-position: right;
	}

div.box-key {
	float: left;
	margin-bottom: 20px;
	padding-left: 18px;
	width: 410px;
}
	div.box-key h4 {
		padding: 5px 0 0 10px;
		width: 410px; height: 26px;
		background: url(../present/img/20091001/h4.gif) no-repeat;
		color: #fff;
		font-weight: bold;
	}
	div.box-key ul {
		width: 408px;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
		div.box-key ul li {
			display: block;
			padding: 3px 10px;
			width: 388px;
		}
		div.box-key ul li.odd {
			background: #fff;
		}
		div.box-key ul li.even {
			background: url(../present/img/20091001/bg_even.gif) repeat;
		}
			div.box-key ul li strong {
				margin-right: 10px;
			}

/* 0924 */

/*a#link-notice {
	display: block;
	margin-top: 20px;
	padding: 10px 0;
	background: url(../present/img/bg_pattern.gif) repeat;
	text-align: center;
}
*/
/* 1102 */
/*a.btn-detail {
	display: block;
	margin-top: 10px;
	width: 125px; height: 22px;
	background: url(../osusume/img/btn_detail.gif) top;
	text-indent: -9999px;
}
a:hover.btn-detail {
	background-position: bottom;
}

div.box-text-small a {
	color: #555;
}
*/
/* 1127 */
/*div#present-item div.text-item p.txt-l{
padding-bottom: 10px;
float:left;
}
div#present-item div.text-item p.txt-r{
padding: 0 0 10px 50px;
float:left;
}

div#box-present-detail div#present-info{
width: 635px;
clear:both;
}
	
div#box-present-detail div#present-info img.thum{
float: right;
border: 5px solid #dddddd;
margin:0 0 0 15px;
}
*/

/* 0104 */
div#present-item div.text-item div.txt-l{
padding-bottom: 10px;
float:left;
}
div#present-item div.text-item div.txt-r{
padding: 0 0 10px 50px;
float:left;
}

div#present-item div.text-item p.ph{ margin-top:10px;}
div#present-item div.text-item p.ph span{ font-size:80%;}

div#present-item div.text-item dl { clear:both;}
div#present-item div.text-item dt { float:left; clear:both; line-height:20px;}
div#present-item div.text-item dd { padding-left:50px; text-indent:-3px; line-height:20px;}

div#present-item p.end{ color: #ad1818; font-size: 120%; font-weight: bold; clear:both;}



/*0121*/
div#box-present-detail div#present-item02{ overflow: hidden; padding-bottom:15px;}
div#box-present-detail div#present-item02 span.prize{color: #ad1818; font-size: 120%; font-weight:bold;}

div.phBox-rome{ float:right; background-color:#dddddd; width:240px; margin-bottom:20px;}
div.phBox-rome img.thum{ width: 230px; border: 5px solid #dddddd;}
div.phBox-rome p{ margin:0; padding:0 5px 5px; font-size:80%;}
div.phBox-rome p.cap{ font-size:80%; background-color:#FFFFFF;}

div.text-item-rome{
display: inline;
float: left;
width:355px;
}
div.text-item-rome span.prize{
color: #ad1818;
font-size: 120%;
font-weight: bold;
clear:both;
}

/*0303*/
div.text-item_bonekickers{}
div.text-item_bonekickers span.prize{ color:#ad1818; font-size:120%; font-weight:bold; clear:both;}
div.phBox_bonekickers{ width:205px; margin:0 10px 20px 0; float:left; background-color:#dddddd;}
div.phBox_bonekickers img.thum{ width: 195px; border: 5px solid #dddddd;}
div.phBox_bonekickers p{ margin:0; padding:0 5px 5px; font-size:80%;}
div.phBox_bonekickers-l{ width:205px; margin:0 0 20px 0; float:left; background-color:#dddddd;}
div.phBox_bonekickers-l img.thum{ width: 195px; border: 5px solid #dddddd;}
div.phBox_bonekickers-l p{ margin:0; padding:0 5px 5px; font-size:80%;}

/*0306*/
div.text-item_poirot{ display: inline; float: left; width:280px;}
div.text-item_poirot span.prize{ color: #ad1818; font-size: 120%; font-weight: bold; clear:both;}
div.phBox_poirot{ float:right; background-color:#dddddd; width:318px; margin-bottom:20px;}
div.phBox_poirot img.thum{ width: 308px; border: 5px solid #dddddd;}
div.phBox_poirot p{ margin:0; padding:0 5px 5px; font-size:80%;}

/*0314*/
div.text-item_morse{ display: inline; float: left; width:280px; padding-bottom:10px;}
div.text-item_morse span.prize{ color: #ad1818; font-size: 120%; font-weight: bold; clear:both;}
div.phBox_morse{ float:right; background-color:#dddddd; width:318px; margin-bottom:20px;}
div.phBox_morse img.thum{ width: 308px; border: 5px solid #dddddd;}
div.phBox_morse p{ margin:0; padding:0 5px 5px; font-size:80%;}


/*0414*/
div#present-item2{ padding:10px 0; background: url(../present/img/bg_pattern.gif);}
div#present-item2 span.prizeBlack{ color: #333333; font-size: 120%; font-weight: bold;}
div#box-present-detail div#present-item img.thum_malmaga{ float: left; width: 250px; border: 5px solid #dddddd;}


/*0419*/
img.thum_agatha{ width: 226px; float:right; margin-left:10px; border: 5px solid #dddddd;}

/*0517*/
img.thum_prisoner{ width: 225px; float:right; margin-left:10px; border: 5px solid #dddddd;}
img.thum_prisoner_l{ width: 165px; float:left; margin-right:10px; border: 5px solid #dddddd;}


/*0801*/
img.thum_tudors_l{ width:265px; float:left; margin-right:10px; border: 5px solid #dddddd;}


/* copyright */
div#copyright {
/*RF20100304*/
/*font-size: 12px;*/
color: #999;
}






/*clearfix*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}

.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}