@charset "EUC-JP";

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

   =01 Content

-------------------------------------------------------- */
*{
	font-size:100%;
}

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd,label {
	margin: 0;
	padding: 0;
}

body {
	background: #000;
	color: #333;
	text-align: center;
	font-size: 83%;
}

img{
	border: 0;
}

ul,ol{
	list-style: none;
}

a {
	color: #017ef4;
}

a:hover {
	color: #5cacf7;
}

div#containerIndex {
	position:absolute;
	left: 50%;
	top: 50%;
	margin-left: -455px;
	margin-top: -230px;
	width:900px;
	height:460px;
	background:#000;
}

div#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	padding: 10px 0 20px;
}

/* header */
div#header {
	position: relative;
	margin-bottom: 8px;
	zoom: 1;
}

div#header p.supportedby {
	text-align: right;
}

div#header ul.globalNavi li {
	float: left;
	display: inline;
}

div#header ul.globalNavi li.gNaviQa,
div#header ul.globalNavi li.gNaviResult {
	margin-left: 25px;
}

div#header ul.globalNavi li a {
	display: block;
	height: 38px;
	text-indent: -9999px;
	background-image: url(/img/portal/award/btn_navi2.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

div#header ul.globalNavi li.gNaviResult a {
	width: 121px;
	background-position: 0 0;
}

div#header ul.globalNavi li.gNaviNominate a {
	width: 173px;
	background-position: -121px 0;
}

div#header ul.globalNavi li.gNaviAbout a {
	width: 141px;
	background-position: -294px 0;
}

div#header ul.globalNavi li.gNaviQa a {
	width: 71px;
	background-position: -435px 0;
}

div#header ul.globalNavi li.gNaviResult a:hover {
	background-position: 0 -38px;
}

div#header ul.globalNavi li.gNaviNominate a:hover {
	background-position: -121px -38px;
}

div#header ul.globalNavi li.gNaviAbout a:hover {
	background-position: -294px -38px;
}

div#header ul.globalNavi li.gNaviQa a:hover {
	background-position: -435px -38px;
}

div#header ul.globalNavi li.gNaviResult a.selected {
	background-position: 0 -76px;
}

div#header ul.globalNavi li.gNaviNominate a.selected {
	background-position: -121px -76px;
}

div#header ul.globalNavi li.gNaviAbout a.selected {
	background-position: -294px -76px;
}

div#header ul.globalNavi li.gNaviQa a.selected {
	background-position: -435px -76px;
}




div#header ul.globalNavi {
	position: absolute;
	right: 0;
	bottom: 0;
}

div#footer {
	padding-top: 10px;
	text-align: center;
	color: #aaa;
}

div#footer address {
	font-style: normal;
	padding-top: 5px;
}

div#content div#main {
	width: 650px;
	float: left;
}

div#content div#sub {
	width: 230px;
	float: right;
	padding-top: 30px;
}


/* TOP */
div#topContent {
	background: url(/img/portal/award/main_image2.jpg) no-repeat left top;
	height: 380px;
	margin-bottom: 10px;
}

ul.topBtns {
	padding: 282px 0 0 505px;
}

ul.topBtns li {
	float: left;
	display: inline;
	margin: 0 3px;
}

ul.topBtns li.btnNominate a {
	display: block;
	width: 324px;
	height: 63px;
	background-image: url(/img/portal/award/btn_5.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

ul.topBtns li.btnNominate a:hover {background-position: 0 -63px;}

ul.topBtns li.btnResult a {
	display: block;
	width: 257px;
	height: 68px;
	background-image: url(/img/portal/award/btn_8.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

ul.topBtns li.btnResult a:hover {background-position: 0 -68px;}

div#topOutline {
	background: url(/img/portal/award/column1_middle.gif) repeat-y left top;
}

div.outlineWrap {
	background: url(/img/portal/award/column1_bottom.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

div.outlineSection {
	float: left;
	display: inline;
	width: 293px;
}

div.oulineStandard {
	margin: 0 10px;
	width: 294px;
}

div.outlineSection dl dd {
	line-height: 1.6;
	padding: 0 20px;
}

div.outlineSection dl dd span {
	color: #d80202;
}


/* about */
div.contentAbout {
	background: url(/img/portal/award/image_about.jpg) no-repeat left top;
}

div.whiteBox {
	background: url(/img/portal/award/column2_top.gif) no-repeat left top;
	padding-top: 7px;
}

div.whiteBox2 {
	background: url(/img/portal/award/column2_bottom.gif) no-repeat left bottom;
	padding: 0 0 30px;
}

div.whiteBoxBody {
	background: #fff;
	padding: 0 5px;
	zoom: 1;
}

div.contentAbout #main {
	padding-top: 300px;
}
div.aboutSection {
	padding-bottom: 20px;
}

div.aboutSection h2 {
	padding-bottom: 10px;
}

div.aboutSection p.message {
	line-height: 1.4;
	padding: 0 15px;
}

div.aboutSection ol.privilege {
	padding-top: 10px;
	text-align: center;
}

div.aboutSection ol.privilege li {
	display: inline;
	margin: 0 3px;
}

div.aboutSection ul.notice {
	padding: 0 15px;
	line-height: 1.4;
	list-style: none disc outside;
	margin-left: 15px;
}

div.aboutSection p.aboutText {
	padding: 0 15px;
}

div.aboutSection p.flow {
	text-align: center;
}

p.btnEntryRed {
	text-align: center;
}

p.btnEntryRed a {
	display: block;
	width: 250px;
	height: 54px;
	margin: 0 auto;
	background-image: url(/img/portal/award/btn_2.gif);
	background-repeat: no-repeat
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

p.btnEntryRed a:hover {
	background-position: 0 -54px;
}


/* Q&A */
div.contentQa div#main {
	padding-top: 30px;
}

div.contentQa div.whiteBox {
	padding-top: 15px;
}

div.qaBox {
	padding: 0 6px 15px;
}

div.qaBox h2 {
	padding: 10px 10px 10px 50px;
	margin-bottom: 10px;
	background: url(/img/portal/award/q.gif) no-repeat left top;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}

div.qaBox p {
	line-height: 1.4;
	margin-left: 30px;
	padding: 0 10px 0 40px;
	background: url(/img/portal/award/a.gif) no-repeat left top;
}

div.qaBox  {

}


/* entry reccomend */
div.contentEntry {
	background: url(/img/portal/award/image_apply.jpg) no-repeat left top;
}

div.contentEntry div#main {
	padding-top: 270px;
}

div.contentRecommend {
	background: url(/img/portal/award/image_recommend.jpg) no-repeat left top;
}

div.contentRecommend div#main {
	padding-top: 270px;
}

div.entryForm {
	background: url(/img/portal/award/column3_top.gif) no-repeat left top;
	padding-top: 10px;
}

div.entryForm2 {
	background: url(/img/portal/award/column3_bottom.gif) no-repeat left bottom;
	padding-bottom: 10px;
}

div.entryForm form {
	background: #ebebeb;
	padding: 10px 30px 20px;
	text-align: center;
}

div.entryForm table {
	border-collapse: collapse;
	margin: 0 auto;
}

div.entryForm table th,
div.entryForm table td {
	vertical-align: top;
	padding: 5px;
	line-height: 1.3;
}

div.entryForm table th {
	text-align: right;
}

div.entryForm table th span {
	font-size: 83%;
	font-weight: normal;
	display: block;
}

div.entryForm table td {
	width: 410px;
	text-align: left;
}

div.entryForm table td input.text,
div.entryForm table td textarea {
	border: 1px solid #999;
	padding: 5px;
	width: 400px;
}

div.entryForm table td input.text2 {
	border: 1px solid #999;
	padding: 5px;
	width: 200px;
}

div.entryForm table td select {
	border: 1px solid #999;
}

div.entryForm table td table.pvTable {
	border-collapse: collapse;
}

div.entryForm table td table.pvTable th {
	white-space: nowrap;
	width: 1%;
	padding: 0 5px 5px 0;
	font-weight: normal;
}

div.entryForm table td table.pvTable td {
	padding: 0 0 5px 0;
}

div.entryForm table td .counter{ 
	color: #333;
}

div.entryForm table td .warning {
	color: #d80202;
}

div.entryForm table td .exceeded{
	color: #e00
}

div.entryForm table tr.marginTop th,
div.entryForm table tr.marginTop td {
	padding-top: 40px;
}

ul.entryBtns {
	padding-top: 20px;
	text-align: center;
}

ul.entryBtns li {
	display: inline;
	margin: 0 10px;
}

ul.entryBtns li input {
	color: #fff;
	background: #000;
	border: 1px solid #000;
	padding: 5px 10px;
	width: 200px;
	font-size: 126%;
	font-weight: bold;
	letter-spacing: 2px;
}

ul.entryBtns li input:active {
	position: relative;
	top: 1px;
	left: 1px;
}

ul.errorsList {
	text-align: left;
	border: 1px solid #d80202;
	padding: 10px;
	margin-bottom: 10px;
	color: #d80202;
}

p.finish {
	padding-bottom: 30px;
	font-weight: bold;
	font-size: 111%;
}


/* nomination */
div.contentNomination {
	background: url(/img/portal/award/image_nomination.jpg) no-repeat -90px -85px;
}

div.contentNomination div#main {
	padding-top: 270px;
}

div.nominationBox {
	padding: 15px 10px 15px 20px;
	margin: 0 10px;
	border-bottom: 1px dotted #818181;
	
}

h2.nominateTitle {
	font-size: 126%;
	padding-bottom: 7px;
	float: right;
	width: 316px;
	display: inline;
}

h2.nominateTitle span {
	display: block;
	padding-bottom: 1px;
	font-weight: normal;
	font-size: 12px;
}	

h2.nominateTitle span strong {
	margin-right: 10px;
}

p.nominateImage {
	float: left;
	width: 250px;
	text-align: right;
}

p.nominateText {
	float: right;
	width: 316px;
	font-size: 111%;
	line-height: 1.4;
	padding-bottom: 5px;
}

ul.nominateBtns {
	float: right;
	width: 316px;
}

ul.nominateBtns li {
	float: right;
	display: inline;
	margin-left: 5px;
}

ul.nominateBtns li.btnRt a {
	display: block;
	width: 129px;
	height: 41px;
	background-image: url(/img/portal/award/btn_6.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

ul.nominateBtns li.btnAssist a {
	display: block;
	width: 149px;
	height: 41px;
	background-image: url(/img/portal/award/btn_6.gif);
	background-repeat: no-repeat;
	background-position: -134px 0;
	text-indent: -9999px;
	overflow: hidden;
}

ul.nominateBtns li.btnRt a:hover{
	background-position: 0 -41px;
}

ul.nominateBtns li.btnAssist a:hover {
	background-position: -134px -41px;
}

div.individual {
	padding: 10px 0;
}

div.individual h2 {
	background: url(/img/portal/award/title_base.gif) no-repeat left top;
	height: 70px;
	font-size: 20px;
	padding: 0 20px;
	margin-bottom: 10px;
	color: #fff;
}

div.individual h2 span {
	display: block;
	padding: 13px 0 3px;
	font-weight: normal;
	font-size: 14px;
}

div.individual h2 span strong {
	margin-right: 10px;
}

div.individual h2 a {
	color: #fff;
	text-decoration: none;
}

div.individual h2 a:hover {
	text-decoration: underline;
}

div.blogDetail {
	padding: 0 10px;
}

p.detailImage {
	float: left;
	width: 251px;
	text-align: right;
}

p.detailImage img {width:251px;height:155px;}

p.detailText {
	float: right;
	width: 346px;
	font-size: 111%;
	line-height: 1.4;
	padding-bottom: 5px;
}

ul.detailBtns {
	float: right;
	width: 346px;
}

ul.detailBtns li a {
	width: 159px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	background-image: url(/img/portal/award/btn_4.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
}

ul.detailBtns li a:hover {
	background-position: 0 -40px;
}

div.recentEntry div.sidebody {
	background: url(/img/portal/award/icon.gif) no-repeat 5px 7px;
	padding: 0 0 5px 20px;
	font-size: 111%;
}

div.otherBox {
	margin: 0 10px 15px;
}

h3.otherTitle {
	font-size: 111%;
	border-bottom: 2px solid #000;
	padding: 0 5px 2px;
	margin-bottom: 10px;
}

p.commentText {
	font-size: 111%;
	padding: 0 5px 10px;
}

p.btnComment a {
	width: 259px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	background-image: url(/img/portal/award/btn_7.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 180px;
}

p.btnComment a:hover {
	background-position: 0 -50px;
}

div.misawaBox {
	border: 1px solid #000;
	padding: 10px;
	margin: 0 10px 20px;
}

p.misawaImage {
	padding-bottom: 20px;
	text-align: center;
}

p.misawaText {
	padding: 0 0 10px;
	line-height: 1.4;
}

p.misawaFrom {
	text-align: right;
}


div.contentResult {
	background: url(/img/portal/award/image_result.jpg) no-repeat 0 -55px;
}

div.contentResult div#main {
	padding-top: 270px;
}

div.resultListBox {
	margin-bottom: 10px;
}

ul.resultList {
	text-align: center;
	padding-top: 10px;
}

ul.resultList li {
	display: inline;
}

ul.resultList li img {
	margin: 0 10px;
}

div.blogSubTitle {
	padding: 0 5px 3px;
}

div.resultMedia div.blogTitle {
	background: url(/img/portal/award/title_base2.gif) no-repeat left top;
}

div.resultMedia div.blogTitle h2 {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}

div.resultMedia div.blogTitle h2 span {
	display: inline;
	padding-bottom: 0;
	font-weight: bold;
	font-size: 18px;
	margin-right: 10px;
	color: #e2e2e2;
	font-family: serif;
}

div.resultMedia div.blogTitle h2.result1 {
	background: url(/img/portal/award/medal_gold.gif) no-repeat 10px center;
	padding-left: 40px;
}

div.resultMedia div.blogTitle h2.result2 {
	background: url(/img/portal/award/medal_silver.gif) no-repeat 10px center;
	padding-left: 40px;
}

div.resultMedia div.blogTitle h2.result3 {
	background: url(/img/portal/award/medal_bronze.gif) no-repeat 10px center;
	padding-left: 40px;
}

div.resultMedia div.blogDetail {
	padding-bottom: 10px;
}

p.tweetText {
	padding: 0 5px;
}

p.btnTweet {
	text-align: center;
	padding: 20px 10px 0;
}

ul.prizeList {
	list-style-type: disc;
	padding-left: 20px;
}

ul.prizeList li {
	margin-bottom: 3px;
}

p.reasonText {
	line-height: 1.4;
	padding: 0 5px;
}

/* sub */
div#sub p.prize {
	text-align: center;
	padding-bottom: 15px;
}

div#sub div.news {
	padding-bottom: 20px;
}

div#sub div.news table {
	border-collapse: collapse;
}

div#sub div.news table th,
div#sub div.news table td {
	vertical-align: top;
	padding: 5px;
	color: #fff;
	line-height: 1.3;
}

div#sub div.news table th {
	font-weight: normal;
	font-size: 83%;
	text-align: left;
	white-space: nowrap;
	color: #ccc;
}

div#sub p.btnEntry {
	padding-bottom: 10px;
}

div#sub p.btnEntry a {
	display: block;
	width: 229px;
	height: 51px;
	background-image: url(/img/portal/award/btn_3.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	text-indent: -9999px;
}

div#sub p.btnEntry a:hover {
	background-position: 0 -51px;
}

div#sub p.btnRecommend {
	padding-bottom: 20px;
}

div#sub p.btnRecommend a {
	display: block;
	width: 229px;
	height: 51px;
	background-image: url(/img/portal/award/btn_3.gif);
	background-repeat: no-repeat;
	background-position: -229px 0;
	overflow: hidden;
	text-indent: -9999px;
}

div#sub p.btnRecommend a:hover {
	background-position: -229px -51px;
}

div#sub div.twitter {
	margin-bottom: 20px;
	padding: 5px 0;
	border: 1px solid #525252;
}

div#sub p.blogLogo,
div#sub p.wwwLogo {
	text-align: center;
	padding-bottom: 20px;
}


p.entryEnd {
	padding: 100px 0 90px;
}


/* clearfix */
div#header ul.globalNavi,
ul.topBtns,
div.outlineWrap,
div#content,
div.nominationBox,
ul.nominateBtns,
div.blogDetail {
	zoom: 1;
}

div#header ul.globalNavi:after,
ul.topBtns:after,
div.outlineWrap:after,
div#content:after,
div.nominationBox:after,
ul.nominateBtns:after,
div.blogDetail:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}