@charset "utf-8";

/* ------------------------------------------

Style Name: site.css
Since:      2009-07-25
Auther:     Miki Ishijima

-------------------------------------------*/

/* ------------------------------------------

 *  1.regular tags style
 *  2.layout and background
 *  3.tmplate style
 *  4.formdesign

-------------------------------------------*/

/* @group regular tags style */

body{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	font: 14px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif, "Hiragino Kaku Gothic Pro";
	background: url(images/bg_body.jpg) repeat-x;
}

h1{
	margin: 0;
	padding: 0;
}

h2{
	margin:0px 0 15px 0;
}

h3{
	clear: left;
	margin: 20px 0;
}

ul{
	padding-left: 20px;
}

a:hover{
	color: #ff1b91;
}

a:link,
a:active{
	outline: none;
}

a img{
	border: none;
}

/* @end */


/* @group layout and background */

#Header{
	height: 310px;
	background: url(images/bg_header.jpg) no-repeat center top;
}

#Wrapper{
	background: url(images/bg_wrapper.jpg) no-repeat center top;
}

#GlobalNavi{
	position: relative;
	top: -10px;
	left: -4px;
	width: 650px;
	margin: 0 auto 0 ;
	padding: 0;
}

#GlobalNavi li{
	display: inline;
}

#Maincolumn{
	margin-top: -25px;
	background: url(images/bg_maincolumn.gif) no-repeat center 200px;
}

#Contents{
	width: 600px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
}

#Entry{
	overflow: hidden;
}

.Section{
	float: left;
	width: 280px;
}

* html body .Section{
	margin-bottom: 60px;
}

#Presentation{
	padding-right: 10px;
	border-right: 1px dotted #cccccc;
}

#Wishsaporter{
	padding-left: 10px;
}

#FooterCatch{
	height: 331px;
	background: url(images/footer_catchcopy.jpg) no-repeat center top;
}

#Footer{
	overflow: hidden;
	padding: 30px;
	background: #2f81b3 url(images/bg_footer.jpg) no-repeat center top;
}

/* @end */

/* @group tmplate style */

#Header p{
	margin: 0;
	padding: 0;
}

* html body #Header p{
	position: relative;
	top: -7px;
}

*:first-child+html #Header p{
	margin-top: -7px;
}

.catchcopy{
	margin-bottom: 20px;
	text-align: center;
}

.miniNavi{
	margin: 40px 0 10px 0;
	text-align: center;
}

.section{
	margin: 20px 0 60px;
}

.option{
	font-size: x-small;
	line-height: 1.5;
}

.gototop{
	margin: 50px 0 0 0;
	padding: 10px;
	font-size: small;
	text-align: center;
	border-top:1px dotted #cccccc ;
}

#FooterCatch{
	height: 331px;
	text-indent: -9999px;
}

#Footer a{
	color:#FFFFFF;
}

#Copyright{
		clear: both;
		margin-bottom: 30px;
		padding-top: 20px;
		color: #FFFFFF;
}

#Copyright p{
	margin: 0;
}

/* @end */


/* @group formdesign */

table{
	clear: both;
}

table td,
table th{
	text-align: left;
	padding: 5px;
}

table th{
	width:120px;
}

table th.alert{
	border-left: 5px solid #CC0000;
}

table p{
		margin: 0;
}

table p.option{
	font-weight: normal;
	text-align: left;
}

table td p{
	font-size: smaller;
	line-height: 1.2;
}

input,
textarea,
select{
	width: 420px;
	padding: 5px;
	font-size: 14px;
	background: url(images/bg_form.gif) repeat-x 0 top;
	border: 1px solid #c8c5c5;
}

.btns{
	margin-top: 20px;
	text-align: center;
}

.btns button{
	margin-top: 20px;
	background: none;
	border: none;
}

/* @end */

/* @group Toppage */

dt{
	float: left;
	width: 5em;
	height: 25px;
	padding: 0 0 0 20px;
	font-weight: bold;
	border-bottom: 1px dotted #cccccc;
	background: url(images/listicon.gif) no-repeat left top;
}

dd{
	margin:0 0 15px 0px;
	height: 25px;
	border-bottom: 1px dotted #cccccc;
}

ul.sponserS{
	overflow: hidden;
	width: 500px;
	margin: 0 0 30px 0;
	padding: 0;
	list-style-type: none;
}

ul.sponserS li{
	float: left;
	height: 70px;
	padding: 0  10px 0;
}

ul.sponser{
	overflow: hidden;
	height: 160px;
	margin: 10px auto 0;
	padding: 0;
}

ul.sponser li{
	float: left;
	width: 147px;
	height: 50px;
	margin-right: 1px;
	margin-bottom: 5px;
	list-style-type: none;
}

ul.presenter{
	width: 590px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.presenter li{
	margin: 10px 0 0;
	padding-left: 20px;
	border-bottom: 1px dotted #ccc;
	background: url(images/listicon2.gif) no-repeat left top;
}

ul.presenter li.vote{
	background: url(images/listicon.gif) no-repeat left top;
}

ul.presenter li p{
	margin-bottom: 10px;
	font-size: smaller;
	line-height: 1.4;
}

p.option{
	margin: 15px 0;
	font-size: small;
	text-align: right;
}

p.entrytxt{
	height: 130px;
}

#UstBtn{
	margin-bottom: 0;
	text-align: center;
}

table{
	clear: both;
	width: 590px;
	margin-bottom: 10px;
	font-size: 14px;
	border-collapse: collapse;
}

table td,
table th {
	text-align: left;
	border: 1px #f1edbf solid;
}

table th{
	color: #000;
	font-weight: bold;
	text-align: center;
	background-image: url(images/bg_prizetable_th.gif);
}

#prize{
	padding-left: 60px;
	font-weight: bold;
	background: url(images/bg_prizetable.gif) no-repeat;
}

/* @end */



/* @group wishsaporter */

#saporter h3.taishou{
	float: left;
	width: 100px;
	margin: 20px 0 0;
}

#saporter .target{
	float: left;
	width: 475px;
	margin: 20px 0 0;
	margin-bottom: 40px;
}

#saporter .target div{
	margin-bottom: 10px;
	padding: 0 10px;
	background: url(images/bg_graystripe.gif);
	border: 1px solid #cccccc;
}

.banner{
	height: 230px;
	overflow: hidden;
	margin-bottom: 20px;
}

.banner .Section.pict{
	width: 200px;
	clear: left;
	float: left;
	margin-right: 20px;
}

.banner .Section.pict p{
	margin: 0;
	text-align: center;
}

.banner .Section.sourcecode{
	width: 360px;
}

.banner .Section.sourcecode p{
	margin: 0;
}

.banner .Section.sourcecode textarea{
	width: 90%;
	height: 90px;
}
/* @end */

/* @group vote */

#vote table{
	overflow: hidden;
	width: 580px;
	margin-top: 30px;
	background:none;
	border-bottom: 1px dotted #ccc;
}

#vote table#vote th,
#vote table#vote td{
	border-bottom: 1px dotted #ccc;
	background:none;
}

#vote table #entrybody{
	width: 300px;
	color: #666;
	font-size: small;
	padding: 20px 10px;
	line-height: 1.4;
	background:none;
}

/* @end */

/* @group Judge */

.judgesection{
	clear: right;
	overflow: hidden;
	margin: 20px 0 40px;
}

.pict{
	width: 150px;
	height: 160px;
	padding-right: 20px;
	float: left;
}

.pict img{
	padding: 3px;
	border: 1px solid #ccc;
}

.judgearea{
	width: 410px;
	float: right;
}

.judgename{
	margin-bottom: 10px;
	font-size: large;
	font-weight: bold;
	padding-left: 20px;
	background: url(images/listicon.gif) no-repeat left top;
}

.judgetitle{
	margin-bottom: 10px;
	font-size: small;
	border-bottom: 1px dotted #ccc;
}

.judgetxt{
	font-size: small;
	line-height: 1.4;
}


/* @end */

/* @group presenter */

#presenter h3{
	height: 35px;
	margin: 0;
	padding: 10px 0 0 35px;
	background: url(images/ttls_presentername.gif) no-repeat;
}

#presenter h4{
	margin: 0 0 10px;
	padding: 5px;
	text-align: center;
	background: #efefef;
	border: 1px solid #ccc;
}

#presenter h4 a{
	color: #333333;
}

#presenter h5{
	padding: 20px 0 10px;
	font-size: larger;
}

#presenter .section .pict{
	float: left;
	width: 220px;
}

#presenter .section .pictprofile{
	float: left;
	width: 134px;
}

#presenter .section .pictprofile img{
	padding: 3px;
	border: 1px solid #ccc;	
}

#presenter .wish{
	clear: both;
	margin-top: 10px;
	padding: 10px 10px 10px 80px;
	background: #d6f4ff url(images/presenter/bg_wish.gif) no-repeat left top;
	border: 1px solid #92d7f1;
}

#presenter .wish h5{
	margin: 10px 0;
	padding: 0;
}

/* @end */