@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  top.css
 style info :  top
=================================================================== */

/*----------------------------------------------------
	#title
----------------------------------------------------*/
#contents .ttl-area{
	width:950px;
	height:500px;
	background:url(../image/ttl-top.jpg) no-repeat top center;
	position:relative;
}

#contents .ttl-area h1,#contents .ttl-area .day{text-indent:-9999px;}

#contents .ttl-area .lead{
	line-height: 140%;
	color:#330000;
	width:305px;
	position:absolute;
		left:20px;
		top:185px;
}

#contents .ttl-area .winner{
	width:250px;
	position:absolute;
		left:350px;
		top:260px;
}
#contents .ttl-area .winner{
	text-indent:-9999px;
	width:250px;
	height:240px;
	position:absolute;
		left:350px;
		top:190px;
}
#contents .ttl-area .winner a{
	width:250px;
	height:240px;
	display:block;
	text-decoration:none;
}
#contents .ttl-area .winner:after {
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both; 
}
#contents .ttl-area .winner img{
	width:110px;
	float:left;
	margin-right:5px;
}
#contents .ttl-area .winner .right{
	text-indent:-9999px;
	width:100px;
	float:left;
}
#contents .ttl-area .winner .right p{
	width:100px;
	height:120px;
}
#contents .ttl-area .winner .right p{
	width:100px;
	height:120px;
	background:url(../image/name.jpg) no-repeat;
}
#contents .ttl-area .winner .right .big-btm{
	width:100px;
	height:31px;
	background:url(../image/big-btm.jpg) no-repeat;
}
#contents .ttl-area .winner .right .big-btm a{
	width:100px;
	height:31px;
	display:block;
	text-decoration:none;
}
#contents .ttl-area .winner .right .big-btm a:hover{
	background:url(../image/big-btm-over.jpg) no-repeat;
}
/*----------------------------------------------------
	#pre
----------------------------------------------------*/
#contents #pre{
	width:950px;
	height:436px;
	background:url(../image/pre.jpg) no-repeat top center;
	margin-bottom:10px;
}
#contents #pre h2{
	text-indent:-9999px;
	width:950px;
	height:40px;
}
#contents #pre .at{
	font-size:10px;
	width:305px;
	padding-left:625px;
	line-height: 130%;
	margin-bottom:10px;
}
#contents #pre .line01{
	width:735px;
	margin-left:215px;
	margin-bottom:15px;
}
#contents #pre .line02{
	width:938px;
	margin-left:12px;
}
#contents #pre .line01:after {
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both; 
}
#contents #pre .line02:after {
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both; 
}

#contents #pre img{
	float:left;
}
#contents #pre .line02 img{
	float:left;
	margin-right:6px;

}
/*----------------------------------------------------
	#oubo
----------------------------------------------------*/
#contents #oubo{
	width:950px;
	background-color:#FEF5D5;
	padding-bottom:15px;
}
#contents #oubo:after {
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both; 
}
#contents #oubo .ttl{
	width:950px;
	height:65px;
	background:url(../image/oubo-bg.jpg) repeat-x;
}
#contents #oubo .ttl:after {
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both; 
}
#contents #oubo .ttl h3{
	float:left;
	text-indent:-9999px;
	width:366px;
	height:65px;
	background:url(../image/oubo-ttl.gif) no-repeat;
	margin-right:20px;
}
#contents #oubo .ttl p{
	float:left;
	text-indent:-9999px;
	width:258px;
	height:65px;
	background:url(../image/oubo-at.gif) no-repeat center left;
}
#contents #oubo .left{
	float:left;
	text-indent:-9999px;
	width:448px;
	height:588px;
	background:url(../image/oubo-write.gif) no-repeat top right;
	margin-right:22px;
	padding-left:15px;
	margin-bottom:15px;
}
#contents #oubo .right{
	float:left;
	width:424px;
	height:588px;
	background:url(../image/oubo-send.gif) no-repeat;
	margin-bottom:15px;
	padding-left:24px;
}
#contents #oubo .right h4{
	text-indent:-9999px;
	width:424px;
	height:74px;
}
#contents #oubo .right .howto01{
	text-indent:-9999px;
	width:400px;
	height:33px;
	background:url(../image/howto01.gif) no-repeat;
	margin-bottom:5px;
}
#contents #oubo .right .howto02{
	text-indent:-9999px;
	width:400px;
	height:33px;
	background:url(../image/howto02.gif) no-repeat;
	margin-bottom:5px;
}
#contents #oubo .right p{
	line-height:1.5em;
	font-size:12px;
	width:400px;
	margin-bottom:10px;
	color:#330000;
}
#contents #oubo .right p span{
	font-weight:bold;
	font-size:14px;
	color:#000;
}
#contents #oubo .right .inner{
	width:400px;
}
#contents #oubo .right .inner:after {
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both; 
}
#contents #oubo .right .inner p{
	line-height:1.5em;
	float:left;
	width:265px;
	margin-bottom:10px;
}
#contents #oubo .right .inner img{
	float:right;
	width:128px;
	margin-bottom:10px;
}
#contents #oubo .right .inner span{
	color:#666;
	font-size:10px;
	font-weight:normal;
}
#contents #oubo .right .country{
	color:#EF2C88;
	font-weight:bold;
	margin-bottom:2px;
}
#contents #oubo .right table{
	color:#330000;
	font-size:12px;
	line-height:1.5em;
	margin-bottom:10px;
}
	
/*----------------------------------------------------
	#btm
----------------------------------------------------*/
#contents .btm{
	width:492px;
	height:65px;
	background:url(../image/btm.jpg) no-repeat;
	margin-bottom:10px;
	padding:19px 0 0 458px;
}
#contents .btm a{
	text-indent:-9999px;
	display:block;
	text-decoration:none;
	width:330px;
	height:45px;
}
#contents .btm a:hover{
	background:url(../image/btm-over.jpg) no-repeat;
}
	
/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents .read{
	width:840px;
	background:url(../image/footer.jpg) no-repeat 0 20px;
	padding:20px 0 0 110px;
	font-size:12px;
	line-height:1.5em;
	margin-bottom:20px;
}
#contents .read .ttl{
	text-indent:-9999px;
	height:25px;
}
/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer{
	width:950px;
	text-align:center;
	font-size:10px;
	border-top:1px solid #fff;
	padding-top:10px;
}
/*----------------------------------------------------
	#20091120
----------------------------------------------------*/
#contents .btn-up{
	text-indent:-9999px;
	width:950px;
	height:71px;
	background:url(../image/btn-up.jpg) no-repeat;
	padding-top:28px;

}
#contents .btn-up a{
	display:block;
	text-decoration:none;
	width:330px;
	height:60px;
	margin-left:458px;
}
#contents .btn-up a:hover{
	background:url(../image/btn-up-over.jpg) no-repeat;
}