@charset "Shift_JIS";

/***********************************************/
/* FileName: container.css                     */
/* data:2012/04/23                             */
/***********************************************/


html{ overflow-x: hidden; overflow-y: scroll;}

/*1.container
***************************************/
#container{
	margin:0 auto;
	padding:0;
	width:876px;
	text-align: left;
}


/*2.header
***************************************/
#header{
	text-align:left;
	margin:0 0 24px;
	padding: 10px 0 0;
}
		
#header ul{
	margin:0;
	padding:0;
	overflow:hidden;
	zoom:1;

	}
#header li{
	float:left;
	margin: 0;
	}	
#header li.application{
	margin-left:10px;
	}	
	
#header div.title-area{
	padding:0 0 20px;
	margin:0 0 10px;
	width: 876px;
	overflow:hidden;
	zoom:1;
	background: url(../_img/bg_title.gif) no-repeat left bottom;
	}
#header div.title-area h1{
	padding: 0 10px;
	margin:0;
	float:left;
	width: 500px;
	}
#header div.title-area ul.sns{
	margin: 0;
	padding: 0;
	text-align: right;
	}
#header div.title-area ul.sns li{
	margin: 0 0 0 10px;
	padding: 0;
	float: none;
	display: inline;
	}
#header div.title-area ul.sns li img{
	vertical-align:top;
	}		

/*3.contents
***************************************/
#contents{
	margin:0;
	padding:0;
	text-align:left;
}
	
/*5.main
***************************************/
#contents #main{
	margin: 0;
	padding-bottom: 25px;
	}
a.outside{
	}
a.outside img{
	vertical-align:-3px;
	margin-left:5px;
	}	

/*7.flow
***************************************/
#contents .flow-box{
	overflow:hidden;
	zoom:1;
	background:url(../_img/bg_title.gif) no-repeat left bottom;
	padding: 0 0 20px;
	}
.flow-box div{
	float:left;
	width:150px;
	}
.flow-box div p{
	margin:0;
	}	
.flow-box p.arrow{
	float:left;
	width:6px;
	margin:0 12px;
	}
.flow-box div dl{
	margin:3px 0 0;
	}		 		
.flow-box div dt{
	margin:0 0 15px;
	}
.flow-box div dd{
	line-height:1.4;
	color:#666;
	}		
.flow-box div.flow2{
	background:url(../2012/flow/_img/img_flow2.gif) no-repeat left bottom;
	padding-bottom: 110px;
	} 
.flow-box div.flow4{
	background:url(../2012/flow/_img/img_flow4.gif) no-repeat center bottom;
	padding-bottom: 110px;
	} 
	
/*7.guideline
***************************************/
#contents .guideline-box{
	overflow:hidden;
	zoom:1;
	padding: 0 0 20px;
	}
#contents .guideline-box dl.flow{
	margin: 0 0 40px;
	padding: 0;
	}
#contents .guideline-box dl.flow dt{
	float: none;
	}
#contents .guideline-box dl.flow dd{
	margin: 0;
	}
#contents .guideline-box dl.flow ul{
	overflow:hidden;
	zoom:1;
	}
#contents .guideline-box dl.flow li{
	float:left;
	margin:0;
	}	
.guideline-box h2{
	margin:0 0 15px;
	}
.guideline-box p{
	font-weight:bold;
	font-size:120%;
	margin:0 0 15px;
	}
.guideline-box p.format{
	text-align:center;
	}	
.guideline-box .caution{
	font-weight:normal;
	font-size:100%;
	}
.guideline-box .caution span{
	color:#CC3300;
	font-size: 110%;
	}
.guideline-box dl{
	overflow:hidden;
	zoom:1;
	font-weight:bold;
	font-size:120%;
	margin:0 0 30px;
	}				
.guideline-box dt{
	float:left;
	width:140px;
	line-height: 1.8;
	}
.guideline-box dd{
	margin:0 0 0 150px;
	line-height: 1.8;
	}
.guideline-box ul.caution{
	margin:0 0 30px;
	}
.guideline-box ul.caution li{
	text-indent:-15px;
	margin:0 0 0 15px;
	}
.guideline-box ul.caution li span{
	color:#CC3300;
	font-size:100%;
	}
.guideline-box .close{
	margin:0 0 30px;
	}					
/*7.theme
***************************************/	
#contents .theme-box{
	overflow:hidden;
	zoom:1;
	}
#contents .theme-box div.section{
	float:right;
	width: 550px;
	margin:0 20px 0 0;
	display: inline;
	}
#contents .theme-box div.section h2{
	padding: 10px 0 0;
	margin: 0 0 15px;
	}
#contents .theme-box div.section dl{
	margin: 0 0 15px;
	}
#contents .theme-box div.section dt{
	}
#contents .theme-box div.section dd{
	}
#contents .theme-box div.section p{
	}
#contents .theme-box p.mark{
	float:left;
	width: 280px;
	}
	
/*7.works
***************************************/	
#contents .works-box{
	width:870px;
	padding-bottom: 20px;
	}
#contents .works-box ul.page-navi{
	overflow:hidden;
	zoom:1;
	margin: 0 -15px 24px 0;
	}
#contents .works-box ul.page-navi li{
	float:left;
	margin:0 15px 0 0;
	display: inline;
	}		
#contents .works-box .works{
	overflow:hidden;
	zoom:1;
	}
#contents .works-box .works h2{
	margin:0 0 22px;
	padding: 0;
	}	
#contents .works-box .works h3{
	margin:0 0 15px;
	}	
.works div.grandprix{
	float:left;
	width:320px;
	}
.works div.grandprix dl{
	font-size:110%;
	margin:15px 0 0;
	}
.works div.grandprix dt{
	background:url(../2011/_img/bg_title01.gif) no-repeat left 4px;
	padding:0 0 0 15px;
	margin: 0 0 10px;
	line-height:1.3;
	}
.works div.grandprix dd{
	background:url(../2011/_img/bg_title01.gif) no-repeat left 4px;
	padding:0 0 0 15px;
	margin: 0;
	line-height:1.4;
	}			
.works div.winning {
	float:right;
	width:510px;
	}
.works div.winning ul{
	margin:0 -30px 0 0;
	}
.works div.winning li{
	float:left;
	margin: 0 30px 0 0;
	display: inline;
	width: 150px;
	}
	
/* IE6 */	
*html .works div.winning li{
	margin-right:20px;
	}	
/* IE7 */	
*:first-child+html .works div.winning li {
	margin-right:20px;
}	

.works div.winning li img{
	margin:0 0 10px;
	}					
.works div.winning li span{
	display:block;
	background:url(../2011/_img/bg_title02.gif) no-repeat left top;
	padding:0 0 0 12px;
	margin:0 0 25px;
	line-height:1.2;
	font-size: 85%;
	}	
	
/*7.judge
***************************************/
#contents .judge-box{
	overflow:hidden;
	zoom:1;
	}
#contents .judge-box ul.page-navi{
	overflow:hidden;
	zoom:1;
	margin: 0 -15px 24px 0;
	}
#contents .judge-box ul.page-navi li{
	float:left;
	margin:0 15px 0 0;
	display: inline;
	}	
#contents .judge-box div.section{
	float:right;
	width: 550px;
	margin:0 20px 0 0;
	display:inline;
	}
#contents .judge-box div.section h2{
	padding: 10px 0 0;
	margin: 0 0 15px;
	}
#contents .judge-box div.section dl{
	margin: 0 0 15px;
	}
#contents .judge-box div.section dt{
	}
#contents .judge-box div.section dd{
	}
#contents .judge-box div.section p{
	margin: 0 0 15px 10px;
	}
	
#contents p.onodesignttl{
	margin: 20px 0 0px 20px;
	}
#contents p.onodesigncaption{
	margin: 20px 0 0px 20px;
	}
#contents div.onodesign{
	margin:20px 0 20px 20px;
	overflow: hidden;
	_zoom:1;
	}
#contents div.onodesign p.onodesignimg{
	width: 510px;
	float: left;
}
#contents div.onodesign p.onodesigntxt{
	width: 320px;
	float: right;
}
#contents div.onodesign p.onodesigntxt span{
	font-size: 14px;
}
	
#contents .judge-box p.photo{
	float:left;
	width: 248px;
	margin: 0 0 0 20px;
	display: inline;
	}
#contents .judge-box p.outside{
	}
#contents .judge-box p.outside a{
	background:url(../_img/ico_link.gif) no-repeat right 2px;
	padding:0 30px 0 0;
	}
*html #contents .judge-box p.outside a{
	background:url(../_img/ico_link.gif) no-repeat right 4px;
	padding:5px 30px 0 0;
	}			

/* thickboxcheck
****************************************/
/*
.thickboxframe{
	visibility:hidden;
	}
*/