@charset "utf-8";

/* ***********************************************************
 *
 * Since:     2009-06-10
 * Editor:    contents yamamoto
 * Modified:  2009-06-10 by:contents yamamoto
 *
 * ***********************************************************
 */
 
/* ---- common ----- */
 
#main .block01  {
	padding:10px 30px 30px;
	background: #FFFFFF;
	width: 720px;
	margin: 0px auto;
}

/*-- btnArea ---*/

#main .btnArea  {
	text-align:center;
	padding:25px 10px 10px;
	background: url(../common/arw.gif) no-repeat center top;
	margin-top: 10px;
}

#main .btnArea input {
	margin: 0px 10px;
}

/* =====================================================

  form

===================================================== */


#form em  {
	color: #FF6600;
	font-weight: normal;
}

#form table.formtbl {
	border-collapse:collapse;
	border-spacing:0px;
	width: 100%;
	margin: 10px 0px 5px;
	border-top: 2px solid #2F5473;
	border-bottom: 2px solid #2F5473;
	}

#form table.formtbl th {
	border-collapse:collapse;
	border-spacing:0px;
	padding: 15px 0px 15px 35px;
	text-align: left;
	width: 160px;
	border-bottom: 1px solid #CCCCCC;
	background: url(../common/check_ico.gif) no-repeat left center;
	}

	#form table.formtbl td {
	padding: 13px 5px 13px 10px;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	width: 480px;
	}

	#form table.formtbl td.domain{
	background: #FEFFD7;
	padding: 5px 0px;
	width: 715px;
	}

	#form table.formtbl td.domain p{
	text-align:center;
	padding-top: 10px;
	}

	#form table.formtbl td.domain dl {
	padding: 0px 10px 13px;
	height: 80px;
	}

	#form table.formtbl td.domain dl.ptn01 dt {
	width: 190px;
	float: left;
	padding-top: 10px;
	}

	#form table.formtbl td.domain dl.ptn01 dd {
	padding-left: 205px;
	}

	#form table.formtbl td.domain dl.ptn01 dd img {
		vertical-align:middle;
	}

	#form table.formtbl td.domain dl.ptn01 dd ul li {
	float:left;
	width:95px;
	font-size: 138.5%;
	padding: 3px 0px;
	}

	#form table.formtbl td.domain dl.ch dt {
	width: 220px;
	}

	#form table.formtbl td.domain dl.ch dd {
	background: url(../chinese/form/img/ex02.gif) no-repeat right top;
	}

	#form table.formtbl td.domain dl.ptn02 {
	height: 125px;
	}
	
	#form table.formtbl td.domain dl.ptn02 dd {
	padding: 15px 0px 10px 50px;
	background: url(../english/form/img/ex02.gif) no-repeat 320px 5px;
	}

	#form table.formtbl td.domain dl.ptn02 dd img {
		vertical-align:middle;
	}

	#form table.formtbl td.domain dl dd ul {
	margin-top: 15px;
	font-size: 93%;
	}

	#form table.formtbl td.domain dl dd ul li {
	padding: 2px;
	}
	
	#form table.formtbl td ul.gazou {
	margin: 10px 0px 13px;
	height: 59px;
	width: 480px;
	}

	#form table.formtbl td ul.gazou li {
	float:left;
	padding-right: 10px;
	}

	#form table.formtbl td ul.gazou li.re {
	padding-top:20px;
	}

	#form table.formtbl td ul.gazou li.re a {
	background: url(../common/renew_ico.gif) no-repeat left center;
	display: block;
	padding: 5px 0px 5px 25px;
	}

	#form table.formtbl td ul.sexlist li {
	float:left;
	padding-right: 40px;
	}

	#form table.formtbl td .w150 {
	width:150px;
	}

	#form table.formtbl td .w220 {
	width:220px;
	}

	#form table.formtbl td .w350 {
	width:350px;
	}


#form .block02  {
	padding:20px 30px 30px;
	background: #FFFFFF;
	width: 720px;
	margin: 10px auto 0px;
}

#form .block02 ul.ctn  {
	background: url(../common/ctn_ico.gif) no-repeat left center;
	padding: 3px 5px 3px 40px;
	margin-bottom: 10px;
}

#form .block02 ul.ctn li  {
	padding: 2px;
}

#form .block02 ul.ctn li span  {
	color: #FF0000;
}

#form .block02 iframe {
	border: 1px solid #999999;
}

/*-- btnArea ---*/

#form .btnArea  {
	text-align:center;
	padding:25px 10px 10px;
	background: url(../common/arw.gif) no-repeat center top;
	margin-top: 10px;
}


#form .btnArea input {
	margin: 0px 10px;
}

/*-- check ---*/

#form table.formtbl .chk {
	font-weight: bold;
	color: #3366CC;
	padding-top: 15px;
	padding-bottom: 15px;
	}

#form table.formtbl td.domain dl.chk {
	height:40px;
	}

#form table.formtbl td.domain dl.chk dt {
	padding-bottom: 0px;
	width: 210px;
	}

#form table.formtbl td.domain dl.chk dd {
	font-weight: bold;
	color: #3366CC;
	background: url(none);
	font-size: 116%;
	padding-top: 20px;
	padding-bottom: 5px;
	}

#form table.formtbl td.domain dl.chk dd.er {
	padding-top: 20px;
	}
	

/*-- input ---*/

#form table.formtbl td input,
#form table.formtbl td textarea,
#form table.formtbl td select {
	padding: 1px;
	border: 1px solid #7899B5;
	background: #F7F7F7;
	margin-right: 5px;
	line-height: 100%;
}

/*-- ok ---*/

#form .block01 h3.ok {
	text-align: center;
	margin: 20px 0px;
}


	#form .okwaku p {
	text-align: center;
	margin-bottom: 25px;
	}
		
/*-- error ---*/

#form table.formtbl .er {

	font-weight: bold;
	color:#FF0000;
	padding-top: 15px;
	padding-bottom: 15px;
	}

#form table.formtbl td.domain dl dd.er {
	font-weight: bold;
	color:#FF0000;
	background: url(none);
	padding-top: 15px;
	padding-bottom: 5px;
	}

#form .block01 .ertxt {
	background: url(../common/er_ico02.gif) no-repeat left top;
	padding: 2px 5px 2px 30px;
}

#form .block01 .ertxt span {
	color:#FF0000;
}

#form .block01 .ertxt span.redb {
	font-weight: bold;
	padding-right: 15px;
	font-size: 108%;
}

#form .block01 h3.er {
	text-align: center;
	font-size: 123.1%;
	font-weight: bold;
	border-top: 2px dotted #FF0000;
	padding: 20px 0px;
	border-bottom: 2px dotted #FF0000;
	margin: 20px 40px 35px;
	background: url(../common/er_ico.gif) no-repeat 15px 15px;
}

#form .block01 h3.er span {
	color: #FF0000;
	padding: 0px 10px;
}

	#form .erwaku p {
	text-align: center;
	margin-bottom: 30px;
	}

#form .block01 .riset {
	margin: 10px 40px 40px;
	font-size: 108%;
}

#form .block01 .riset a {
	margin: 0px 0px 0px 2px;
	background: url(../japanese/flow/img/arw02.gif) no-repeat left center;
	padding: 2px 2px 2px 20px;
	line-height: 180%;
	letter-spacing: 1px;
}

#form .backb {
	text-align:center;
	margin: 20px 0px;
}

#form .mag {
	margin: 25px 50px 10px;
	padding: 15px 10px;
	border-top: 1px solid #9A9CAB;
	border-bottom: 1px solid #9A9CAB;
	color: #3E4F62;
	font-size: 108%;
}

#form ul.bnr {
	margin:20px 0px;
	;
	padding-left: 17px;
}

#form ul.bnr li {
	float: left;
	padding-right: 0px;
	padding-left: 4px;
}

/* =====================================================

  prohibition

===================================================== */

#prohibition .block01 ul.rule {
	background: url(../japanese/prohibition/img/kinshi.gif) no-repeat right top;
	margin: 10px 10px 30px;
}

#prohibition .block01 ul.rule li {
	padding: 2px 2px 10px;
}

#prohibition .block01 ul.rule li ul.inner {
	padding: 10px 0px 20px 45px;
}

#prohibition .block01 ul.rule li ul.inner li {
	font-size: 108%;
	font-weight: bold;
	background: url(../japanese/prohibition/img/batsu.gif) no-repeat left center;
	padding: 10px 0px 10px 30px;
}

#prohibition .block01 ul.rule li ul.inner02 {
	padding: 10px 0px 5px 40px;
}

#prohibition .block01 ul.rule li ul.inner02 li {
	font-size: 108%;
	line-height: 145%;
}

#prohibition .block01 ul.rule li ul.inner02 li a {
		background: url(../common/arw02.gif) no-repeat left center;
		padding-left: 14px;
}



/* =====================================================

  flow

===================================================== */

#flow .block01 dl {
	border-top: 2px dotted #999999;
	padding: 25px 0px 20px;
}

#flow .block01 dl dt {
}

#flow .block01 dl dd {
	padding-left: 40px;
	background: url(../japanese/flow/img/arw.gif) no-repeat left top;
	margin-top: 5px;
}

#flow .block01 dl.inner01 {
	border-top-style: none;
	padding-top: 10px;
}


/*-- japanese ---*/

#flow .japanese dl.inner02 {
	background: url(../japanese/flow/img/illust02.gif) no-repeat right center;
}

#flow .japanese dl.inner03 {
	background: url(../japanese/flow/img/illust03.gif) no-repeat right center;
}

#flow .japanese dl.inner04 {
	background: url(../japanese/flow/img/illust04.gif) no-repeat right center;
}

#flow .japanese dl.inner05 {
	background: url(../japanese/flow/img/illust05.gif) no-repeat right center;
}

/*-- chinese ---*/

#flow .chinese dl.inner02 {
	background: url(../chinese/flow/img/illust02.gif) no-repeat right center;
}

#flow .chinese dl.inner03 {
	background: url(../chinese/flow/img/illust03.gif) no-repeat right center;
}

#flow .chinese dl.inner04 {
	background: url(../chinese/flow/img/illust04.gif) no-repeat right center;
	padding-bottom: 40px;
}

#flow .chinese dl.inner04 dd {
	padding-top: 10px;
}

#flow .chinese dl.inner05 {
	background: url(../chinese/flow/img/illust05.gif) no-repeat right center;
}


/*-- english ---*/

#flow .english dl.inner02 {
	background: url(../english/flow/img/illust02.gif) no-repeat right center;
	padding-bottom: 45px;
}

#flow .english dl.inner02 dd {
	padding-top: 15px;
}

#flow .english dl.inner03 {
	background: url(../english/flow/img/illust03.gif) no-repeat right center;
}

#flow .english dl.inner04 {
	background: url(../english/flow/img/illust04.gif) no-repeat right center;
}

#flow .english dl.inner05 {
	background: url(../english/flow/img/illust05.gif) no-repeat right center;
}


#flow .block01 dl dd a.arw {
	margin: 0px 10px 0px 20px;
	background: url(../japanese/flow/img/arw02.gif) no-repeat left center;
	font-size: 108%;
	padding: 2px 2px 2px 20px;
	line-height: 180%;
	letter-spacing: 1px;
}


/* =====================================================

  prize

===================================================== */

#prize .block01 {
	margin-bottom:10px;
	padding-bottom: 15px;
}

#prize .block01 p {
	text-align: center;
}

#prize .block01 .inner02 {
	padding-top: 5px;
	margin: 20px auto 10px;
	width: 690px;
	border-top: 2px dotted #999999;
}

#prize .block01 .riset {
	width: 670px;
	margin: 0px auto 20px;
	text-align: left;
	padding-left: 20px;
}

#prize .block01 .riset a {
	margin: 0px 0px 0px 2px;
	background: url(../japanese/flow/img/arw02.gif) no-repeat left center;
	font-size: 108%;
	padding: 2px 2px 2px 20px;
	line-height: 180%;
	letter-spacing: 1px;
}


/* =====================================================

  gtld

===================================================== */

#gtld .block01 {
	padding-top: 2px;
}

#gtld .block01 dl.inner01 {
	background: url(../japanese/gtld/img/gtld_ico.gif) no-repeat left top;
	padding-left: 60px;
	margin-top: 20px;
	border-top: 2px dotted #CCCCCC;
}

#gtld .block01 dl.inner01 dt {
	padding: 18px 0px 13px;
}

#gtld .block01 dl.inner01 dd {
	font-size: 108%;
	letter-spacing: 1px;
}

#gtld .block01 dl.inner01 dd .zu {
	margin: 10px 0px 0px;
}

#gtld .block01 dl.end {
	border-top: 2px dotted #CCCCCC;
	border-bottom: 2px dotted #CCCCCC;
	padding-bottom: 15px;
}

#gtld .block01 dl.inner02 {
	margin: 25px auto 20px;
	width: 712px;
	background: url(../japanese/gtld/img/gtld_freebg.gif) repeat-y center top;
}

#gtld .block01 dl.inner02 dd {
	background: url(../japanese/gtld/img/gtld_free02.gif) no-repeat left bottom;
	padding: 20px 40px 40px;
	font-size: 108%;
	letter-spacing: 1px;
}

#gtld .block01 dl.inner02 dd .arw {
	background: url(../japanese/gtld/img/arw.gif) no-repeat center bottom;
	padding-bottom: 22px;
	margin-bottom: 10px;
}

#gtld .block01 dl.inner02 dd span {
	color: #CC0000;
}


/* =====================================================

  riset

===================================================== */

#riset .block01 {
	padding-bottom: 60px;
}

#riset .block01 h3 {
	margin: 20px 0px;
}

#riset .block01 .text {
	font-size: 108%;
	margin-top: 10px;
}

#riset .block01 ul.flow {
	margin: 15px 0px;
	padding-left: 5px;
	border-bottom: 2px dotted #999999;
	padding-bottom: 10px;
}

#riset .block01 ul.flow li {
	padding: 3px 5px 3px 27px;
	font-size: 108%;
	margin-bottom: 7px;
	line-height: 125%;
	letter-spacing: 1px;
}

#riset .block01 ul.flow li.n01 {
	background: url(../japanese/riset/img/riset_01.gif) no-repeat left top;
}

#riset .block01 ul.flow li.n02 {
	background: url(../japanese/riset/img/riset_02.gif) no-repeat left top;
}

#riset .block01 ul.flow li.n03 {
	background: url(../japanese/riset/img/riset_03.gif) no-repeat left top;
}

#riset .block01 ul.flow li.n04 {
	background: url(../japanese/riset/img/riset_04.gif) no-repeat left top;
}

#riset .block01 ul.flow li.n05 {
	background: url(../japanese/riset/img/riset_05.gif) no-repeat left top;
}

#riset .block01 ul.flow li.n06 {
	background: url(../japanese/riset/img/riset_06.gif) no-repeat left top;
}

#riset .block01 ul.flow li a.arw {
	margin: 0px 0px 0px 2px;
	background: url(../japanese/flow/img/arw02.gif) no-repeat left center;
	font-size: 108%;
	padding: 2px 2px 2px 20px;
	line-height: 180%;
	letter-spacing: 1px;
}

#riset .block01 ul.flow li img {
	vertical-align: middle;
	margin-right: 5px;
}

#riset .block01 .atn {
	padding: 10px 0px 10px 50px;
	margin: 10px 0px 20px;
	border-top: 2px dotted #999999;
	border-bottom: 2px dotted #999999;
	background: url(../japanese/riset/img/atn.jpg) no-repeat left center;
}

#riset .block01 .atn p {
	color: #CC3300;
	font-size: 93%;
}

#riset .block01 .atn a.arw {
	margin: 0px 0px 0px 2px;
	background: url(../japanese/flow/img/arw02.gif) no-repeat left center;
	font-size: 108%;
	padding: 2px 2px 2px 20px;
	line-height: 180%;
	letter-spacing: 1px;
}

#riset .block01 .cmt {
	text-align:center;
}

#riset .block01 .waku {
	border: 3px solid #D2D2D2;
	padding: 30px 25px 30px 35px;
	margin-top: 10px;
}

#riset .block01 .waku img.email {
	float: left;
	margin-top: 10px;
}

#riset .block01 .waku input {
	float: left;
}

#riset .block01 .waku input.dsn {
	padding: 3px;
	border: 1px solid #7899B5;
	background: #F7F7F7;
	margin-right: 5px;
	line-height: 100%;
	margin-top: 7px;
	width: 280px;
}

#riset .block01 .waku input.btn {
	margin-left: 5px;
}

#riset .check h3 {
	text-align: center;
	font-size: 123.1%;
	font-weight: bold;
	border-top: 2px dotted #333333;
	padding: 20px 0px;
	border-bottom: 2px dotted #333333;
	margin: 20px 40px 35px;
}

#riset .check p {
	text-align: center;
}

#riset .check .email {
	font-size: 123.1%;
	color: #FF0000;
	font-weight: bold;
	margin-bottom: 50px;
}


#riset .error h3 {
	text-align: center;
	font-size: 123.1%;
	font-weight: bold;
	border-top: 2px dotted #FF0000;
	padding: 20px 0px;
	border-bottom: 2px dotted #FF0000;
	margin: 20px 40px 35px;
	background: url(../common/er_ico.gif) no-repeat 15px 15px;
	color: #FF0000;
}

#riset .error p {
	text-align: center;
}

#riset .error .email {
	font-size: 123.1%;
	color: #FF0000;
	font-weight: bold;
	margin-bottom: 50px;
}

#riset .sendok h3 {
	text-align: center;
}

#riset .sendok p.text {
	width: 640px;
	margin: 25px auto 40px;
	line-height: 180%;
	padding: 2px;
}

#riset .sendok p.text02 {
	text-align: center;
	font-size: 108%;
	line-height: 160%;
}

#riset .sendok p.btn {
	text-align: center;
	margin: 10px 0px 30px;
}

#riset .sendok .atn {
	width: 590px;
	margin: 20px auto 0px;
}

/*-- cookie ---*/

#cookie .block01 {
	padding-bottom: 60px;
}

#cookie .text{
	font-size: 108%;
	margin-top: 10px;
}


#cookie dl.cookiemenu{
	background: #F5F5F5;
	padding: 7px 0px 0px 7px;
	margin: 10px 0px 20px;
}

#cookie dl.cookiemenu dt{
	padding: 0px;
	width: 88px;
	float: left;
	margin: 0px;
}

#cookie dl.cookiemenu dd{
	padding: 0px;
	margin: 0px;
}

#cookie dl.cookiemenu dd ul{
	height: 30px;
	padding-bottom: 6px;
}

#cookie dl.cookiemenu dd ul li{
	float: left;
	padding-right: 3px;
	font-size: 0;
}

#cookie h3 {
	margin: 10px 0px;

}

#cookie h4 {
	background: #F5F5F5;
	border-top: 2px solid #356F7A;
	padding: 5px;
	font-size: 108%;
	font-weight: bold;
	color: #2E6874;
	margin: 10px 0px;
}

#cookie dl.flow{
	margin-top: 10px;
}

#cookie dl.flow dt{
	width: 290px;
	float: left;
	font-size: 116%;
	border-top: 1px dotted #999999;
	padding: 15px 8px 0px 5px;
}

#cookie dl.flow dd{
	width: 414px;
	float: left;
	border-top: 1px dotted #999999;
	padding: 5px 0px;
}

#cookie ul.flow02{
	margin-top: 15px;
}

#cookie ul.flow02 li{
	padding: 5px;
	font-size: 116%;
	line-height: 130%;
}

#cookie .ptop{
	text-align:right;
	clear: both;
	margin: 20px 0px 30px;
	border-top: 1px dotted #666666;
	padding: 3px;
}

/*-- realtime ---*/

#realtime .voteBlock {
	float:left;
	width:465px;
}

	#realtime  .voteBlock table.tbl{
		font-size: 100%;
		border-collapse: collapse;
		width: 100%;
		border: 1px solid #CCCCCC;
	}
	
		#realtime .voteBlock table.tbl th {
		padding: 5px 10px;
		text-align:right;
		background: #EFF4FA;
		font-weight: bold;
		color: #334D64;
		border-bottom:1px solid #CCCCCC;
		}
	
		#realtime .voteBlock table.tbl th.bg01 {
		background: #2B4D6A;
		padding: 3px;
		text-align: center;
		color: #FFFFFF;
		font-weight: normal;
		border-left: 1px solid #EFF4FA;
		}
		
		#realtime #main table.tbl td {
		padding: 8px 0px 8px 10px;
		border-bottom:1px solid #CCCCCC;
		text-align:left;
		line-height:140%;
		background:#FFFFFF;
		white-space:nowrap;
		font-size: 116%;
		font-weight: bold;
		}
	
		#realtime .voteBlock table.tbl td.noline {
		border-style: none;
		}
	
		#realtime .voteBlock .txtNum {
		width:3.8em;
		float:left;
		padding:3px 10px 0 0;
		color: #CC3300;
		font-weight:bold;
		font-size: 85%;
		text-align: right;
		 }
	
		#realtime .voteBlock .graph {
			float:left;
			position: relative; /* IE is dumb */
			width: 235px;
			padding: 2px;
		}
	
		#realtime .voteBlock .graph .bar {
			float:left;
			margin-right:0.2em;
			display: block;
			background: #CC3300;
			text-align: center;
			color: #f0ffff;
			height: 1.0em;
			line-height: 1.3em; 
		}

#realtime .side {
	float:right;
	width:230px;
}

	#realtime .side .comment {
	background: #EEF4F9;
	border: 1px solid #D7E4F0;
	padding: 6px;
	}

	#realtime .side .comment ul {
	}

	#realtime .side .comment ul li {
	padding-bottom: 10px;
	line-height: 130%;
	}
	
	#realtime .side .comment ul li .tit {
	background: #FFFFFF;
	padding: 1px 4px 1px 5px;
	margin-bottom: 2px;
	color: #2F5574;
	font-size: 108%;
	}

	#realtime .side .comment ul li .tit span {
	font-size: 77%;
	color: #6B9BAB;
	margin-right: 10px;
	}

	#realtime .side .comment ul li .voter {
	font-size: 77%;
	color: #6B9BAB;
	margin: 5px 0px;
	}

	#realtime .side .comment ul li .voter span {
	color: #999999;
	padding: 3px 0px 0px;
	margin-left: 5px;
	}

/*-- judge ---*/

#judge #wrapper {
	width: 740px;
	padding: 10px;
	margin: 10px auto;
}

#judge #main {
	background: #FFFFFF;
	width: 720px;
	padding: 10px;
}

#judge #main h1 {
	margin-bottom: 10px;
}

#judge #main .block {
	margin: 15px;
	border-bottom: 1px solid #eeeeee;
	padding: 10px 0px 20px;
}

#judge #main .block .photo {
	float:left;
	padding-right: 25px;
	width: 160px;
}

#judge #main .block .box {
	overflow: hidden;
}

#judge #main .block h2 {
	background: #FFFFFF;
	width: auto;
	font-size: 123.1%;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: bold;
}

#judge #main .block h2 span {
	font-size: 77%;
	border-left: 1px solid #eeeeee;
	margin-left: 10px;
	padding-left: 10px;
	color: #666666;
}

#judge #main .block .hp {
	margin-bottom: 15px;
	margin-top: -10px;
}


#judge #main .block dl dt {
	background: #DEE9F1;
	padding: 1px 1px 1px 5px;
	color: #597999;
	margin: 10px 0px 5px;
	font-size: 93%;
}

#judge #main .block dl dd {
	color: #465E75;
}

#judge #main .closeb {
	text-align:center;
	padding: 10px;
	background: #eeeeee;
	margin-top: 30px;
}