@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: contents.css

		Setting of: Contents area
			1: contents setting
			2: mainContents setting
			3: contentsBtm setting
			4: 20110520�C����
	}

****************************************************************** */




/*===================================================================
	1: contents setting
===================================================================*/

div#container{
	text-align:center;
}

/* clearfix */
div#container:after{
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility:hidden;
}

div#container{ display: inline-block; }

/* no ie mac \*/
* html div#container{ height: 1%; }
div#container{ display: block; }
/* */

div#contents{
	width:900px;
	margin:0 auto;
}

div.contentsInner{
	text-align:left;
}


div#contentsTop{
	width:900px;
	height:69px;
	margin:0 auto;
	text-align:left;
}

/*===================================================================
	2: mainContents setting
===================================================================*/

div#mainContents{
	font-size:1.04em;
	line-height:1.6;
}

div#mainContents .mainContentsInner{}


/*-------------------------------------------------------------------
	.common setting
-------------------------------------------------------------------*/
.pddB20{padding-bottom:20px!important;}

div#mainContents .module{
	padding-bottom:20px;
}

/* .listModule */

div#mainContents .listModule li{
	background:url(../images/li_circle.gif) 1px 3px no-repeat;
	padding-left:16px;
}

div#mainContents .listModule li em{
	color:#ff0066;
	font-weight:normal;
}

div#mainContents .listModule li em.emphasis{
	font-weight:bold;
}

/* .explain */

div#mainContents .explain{
	background:#e8e8e8;
	padding:15px;
}

div#mainContents #commentConfirm .explain{
	margin-bottom:20px;
}


div#mainContents .explain li{
	background:url(../images/li_point.gif) 0 1px no-repeat;
	padding-left:16px;
}

/* .listVoice */

div#mainContents .listVoice .pkg{
	width:840px;
	background:url(../images/bg_listvoice.gif) 100% 100% no-repeat;
	padding-bottom:2px;
	margin-bottom:20px;
}

div#mainContents .listVoice .pkg .image{
	float:left;
	width:106px;
}

div#mainContents .listVoice .pkg .text{
	background:#f9f8d6 url(../images/bg_listvoice.gif) -106px 0 no-repeat;
	padding-top:2px;
	float:left;
	width:734px;
	min-height:64px;
	_height:64px;
}

div#mainContents #commentEdit .listVoice .pkg,
div#mainContents #commentConfirm .listVoice .pkg{
	background:url(../images/bg_listvoice2.gif) 100% 100% no-repeat;
}

div#mainContents #commentEdit .listVoice .pkg .image,
div#mainContents #commentConfirm .listVoice .pkg .image{
	width:120px;
}

div#mainContents #commentEdit .listVoice .pkg .text,
div#mainContents #commentConfirm .listVoice .pkg .text{
	background:#f9f8d6 url(../images/bg_listvoice2.gif) -120px 0 no-repeat;
	width:720px;
	min-height:80px;
	_height:80px;
}


div#mainContents .listVoice .pkg .text p.entry{
	padding:10px 15px;
	font-weight:bold;
	color:#e60012;
}

div#mainContents .listVoice .pkg .text p.post{
	padding:0 15px 5px;
	text-align:right;
	color:#a6a6a6;
	font-size:0.86em;
}

div#mainContents .listVoice li .text p.post span{
	color:#333;
}

/* .paging */

div#mainContents .paging{
	text-align:center;
}

div#mainContents .paging span{
	padding:0 5px;
}

div#mainContents .paging span img{
	vertical-align:text-top;
}

div#mainContents div.paging p.pageNo em,
div#mainContents div.paging p.pageNo b,
div#mainContents div.paging p.pageNo a{
	border:1px solid #d0d0d0;
	padding:6px 9px;
	margin:0 -0.05em;
	font-weight:normal;
	vertical-align:middle;
	font-weight:bold;
	_padding:3px 9px;
	_margin:1px -0.05em;
	zoom:1;
}

div#mainContents div.paging p.pageNo em,
div#mainContents div.paging p.pageNo b{
	background:#000000;
	color:#FFF;
}

div#mainContents div.paging p.pageNo a{
	background:#FFF;
	color:#000;
	text-decoration:none;
}

div#mainContents div.paging p.pageNo a:hover{
	background:#000000;
	color:#FFF;
	text-decoration:none;
}


div#mainContents div.paging p.pageNo span a,
div#mainContents div.paging p.pageNo span a:hover{
	border:none;
	padding:0 1px;
	margin:0;
	background:#FFF;
}


/*-------------------------------------------------------------------
	.unitMain setting
-------------------------------------------------------------------*/

div#mainContents .unitMain{
	margin-bottom:15px;
	zoom:1;
}

div#mainContents .unitMain noscript div,
div#mainContents .unitMain #mainFlash{
 	width:900px;
	height:356px;
	overflow:hidden;
  }

div#mainContents .unitMain #calendarArea{
	background:url(../images/bg_calendar.gif) 0 0 no-repeat;
	padding:0 30px;
	height:94px;
}

div#mainContents .unitMain #calendarArea dl dt{
	float:left;
	width:156px;
}

div#mainContents .unitMain #calendarArea dl dd{
}

/* #calendarDay */
div#mainContents .unitMain #calendarArea dl dd#calendarDay{
	height:50px;
	overflow:hidden;
	padding-left:20px;
}

div#mainContents .unitMain #calendarArea dl dd#calendarDay ul.pkg{
	width:660px;
}

div#mainContents .unitMain #calendarArea dl dd#calendarDay .pkg li{
	float:left;
	width:93px;
}

div#mainContents .unitMain #calendarArea dl dd#calendarDay .pkg li p{
	padding:5px 0 0 0;
	position:relative;
}

div#mainContents .unitMain #calendarArea dl dd#calendarDay .pkg li.today p{
	padding:5px 0 0 9px;
}

div#mainContents .unitMain #calendarArea dl dd#calendarDay .pkg li p .mark{
	position:absolute;
	left:5px;
	top:-2px;
}

div#mainContents .unitMain #calendarArea dl dd#calendarDay .pkg li.today p .mark{
	position:absolute;
	left:22px;
	_left:12px;
	top:-2px;
}

/* #calendarPeriod */
div#mainContents .unitMain #calendarArea dl dd#calendarPeriod{
	height:40px;
	overflow:hidden;
	text-align:center;
	width:684px;
	_width:auto;
	position:relative;
}

div#mainContents .unitMain #calendarArea dl dd#calendarPeriod p,
div#mainContents .unitMain #calendarArea dl dd#lotResetText{
	text-align:center;
}


/*-------------------------------------------------------------------
	.unit setting
-------------------------------------------------------------------*/

div#mainContents .unit{
	background:url(../images/bg_unit.gif) 100% 100% no-repeat;
	padding-bottom:20px;
	margin-bottom:20px;
	width:900px;
}

div#mainContents .unit h2{}

div#mainContents .unit .unitInner{
	background:url(../images/bg_unit.gif) 0 0 repeat-y;
	padding:20px 30px 0;
	_width:900px;
}

/* .formUnit */

div#mainContents .formUnit dl{
	padding:15px 2px;
}

div#mainContents .formUnit .listVoice{
	background:url(../images/bg_dot.gif) 0 0 repeat-x;
	padding-top:25px;
	margin-bottom:20px;
}

div#mainContents .formUnit dl dt{
	width:113px;
	float:left;
	clear:both;
	margin-bottom:15px;
}

div#mainContents .formUnit dl dt img{
	margin-left:13px;
}

div#mainContents .formUnit dl dd{
	padding-left:113px;
	margin-bottom:15px;
}

div#mainContents .formUnit dl dd.error{
	color:#E70012;
	font-weight:bold;
}

div#mainContents .formUnit dl dd p{
	width:580px;
}

div#mainContents .formUnit dl dd input{width:300px; font-size:1.04em; padding:5px; _height:2em;}
div#mainContents .formUnit dl dd #i_commentEdit{width:555px; overflow:hidden;}
div#mainContents .formUnit .beforedit{color:#666666;}


div#mainContents .formUnit .button{
	background:url(../images/bg_dot.gif) 0 0 repeat-x;
	padding-top:25px;
	text-align:center;
}

div#mainContents .formUnit .button p{
	display:inline;
}

div#mainContents .button div{
	height:66px;
	padding-top:7px;
}

div#mainContents #commentEdit .button div{
	background:url(../images/bg_btn_commentedit.gif) 50% 0 no-repeat;
}

div#mainContents #commentConfirm .button div{
	background:url(../images/bg_btn_commconfirm.gif) 50% 0 no-repeat;
}

div#mainContents #commentConfirm .button div p{
	padding:0 3px;
}

div#mainContents .module h3{
	margin-bottom:10px;
}

/* #numberModule */
div#mainContents #numberModule{
	padding:0;
	position:relative;
}

div#mainContents #numberModule h3{
	margin-bottom:20px;
}

div#mainContents #numberModule p{
	text-align:center;
	margin:20px 0;
}

div#mainContents #numberModule .fukidashi{
	background:url(../images/fukidashi.png) no-repeat;
	width:137px;
	height:74px;
	position: absolute;
	left:400px;
	top:10px;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fukidashi.png', sizingMethod=scale);
	_width:137px;
	_height:74px;
}

div#mainContents #numberModule .fukidashi2{
	background:url(../images/fukidashi.png) no-repeat;
	width:137px;
	height:74px;
	position: absolute;
	left:400px;
	top:160px;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fukidashi.png', sizingMethod=scale);
	_width:137px;
	_height:74px;
}

/* photoText2up */

div#mainContents .photoText2up ul.pkg{
	width:840px;
	padding-bottom:15px;
}
div#mainContents .photoText2up .pkg li{
	width:400px;
	float:left;
}
div#mainContents .photoText2up .pkg li.first{
	margin-right:40px;
}

div#mainContents .photoText2up .pkg li h3{
	background:#f9f8d6;
	font-size:1.3em;
	margin-bottom:14px;
}

div#mainContents .photoText2up .pkg li h3 span{
	display:block;
	padding:2px 5px;
}

div#mainContents .photoText2up .pkg li div.pkg{
	width:400px;
}
div#mainContents .photoText2up .pkg li div.pkg .image{
	float:left;
	width:170px;
}
div#mainContents .photoText2up .pkg li div.pkg .text{
	float:right;
	width:230px;
}

/*-------------------------------------------------------------------
	.unitNotes setting
-------------------------------------------------------------------*/

div#mainContents .unitNotes{
	background:#FFF url(../images/bg_unitnotes.gif) 100% 100% no-repeat;
	padding-bottom:20px;
	margin-bottom:20px;
	width:900px;
}

div#mainContents .unitNotes .unitInner{
	padding:0 30px;
}

/*-------------------------------------------------------------------
	#errorPage setting
-------------------------------------------------------------------*/

#errorPage {
	background:#FFF;
}

#errorPage #wrapper{
	background:url(../images/bg_body.gif) 0 0 repeat;
}

#errorPage  div#mainContents{
	margin-top:30px;
}

div#mainContents .errorUnitTop{
	background:url(../images/bg_errorunittop.gif) 0 0 no-repeat;
	width:900px;
	height:35px;
}

div#mainContents .errorUnit .unitInner{
	padding:0 30px;
}

div#mainContents .errorUnit .unitInner p{
	font-weight:bold;
	color:#E70012;
	font-size:1.2em;
	margin-bottom:25px;
	text-align:center;
}

div#mainContents .errorUnit .button{
	text-align:center;
}

div#mainContents .errorUnit .button p{
	background:url(../images/bg_uniterror_btn.gif) 0 50% no-repeat;
	width:337px;
	margin:0 auto;
	padding:6px 0;
}

div#mainContents .errorUnit{
	margin-bottom:55px;
}



/*-------------------------------------------------------------------
	#kujiPage setting
-------------------------------------------------------------------*/

#kujiPage div#mainContents #mainImg{
	background:url(../images/bg_btn_notice.gif) 0 100% no-repeat;
	height:404px;
}

#kujiPage div#mainContents #mainImg .button{
	margin-left:236px;
}

#kujiPage div#mainContents #mainImg .button p{
	padding:11px 10px 0;
}

#kujiPage div#mainContents .unitMain .read{
	text-align:center;
}

#kujiPage div#mainContents .loginButton{
	background:url(../images/bg_login_btm.gif) 0 0 no-repeat;
	margin-left:236px;
	width:430px;
}

#kujiPage div#mainContents .loginButton p{
	padding:11px 10px;
}

#kujiPage div#mainContents .loginButton .read p{
	background:none;
	padding:0 0 10px;
}


/*===================================================================
	3: contentsBtm setting
===================================================================*/

#contentsBtm{
	width:900px;
	margin:0 auto 50px;
	text-align:center;
}

#contentsBtm .pagetoplink{
	text-align:right;
}


/*===================================================================
	4: 20110520�C����
===================================================================*/

div#mainContents #unitWrapper{
	padding:0 0 22px;
	zoom:1;
}

body#kujiPage div#contents div#mainContents #main_img{
	background:url(../images/bg_btn_notice_04_131224.gif) 0 100% no-repeat;
	height:404px;
}

#kujiPage div#contents div#mainContents #main_img .button{
	margin-left:253px;
}

#kujiPage div#contents div#mainContents #main_img .button p{
	padding:7px 11px 0;
}

div#mainContents #unitWrapper .unitLeft{
	background:url(../images/bg_outlinecamp.gif) 100% 100% no-repeat;
	padding-bottom:20px;
	margin:0;
	width:575px;
	float:left;
}

div#mainContents #unitWrapper .unitLeft .unitInner{
	background:url(../images/bg_outlinecamp.gif) 0 0 repeat-y;
	padding:20px 30px 0;
	_width:575px;
	zoom:1;
}

body#kujiPage div#mainContents .listModule li {
	background: url(../images/li_circle.gif) 1px 0.45em no-repeat;
}
body#kujiPage div#mainContents .listModule li .ph{
	float:right;
	margin:0 0 0 10px;
}

body#kujiPage div#mainContents .explain li {
	background: url(../images/li_point.gif) 0 0.25em no-repeat;
}

div#mainContents #unitWrapper .unitRight{
	background:url(../images/bg_winners_voice.gif) 100% 100% no-repeat;
	padding-bottom:20px;
	margin:0;
	width:305px;
	float:right;
	zoom:1;
}

div#mainContents #unitWrapper .unitRight .tabview li{
	float:left;
}

div#mainContents #unitWrapper .unitRight .tabview li a{
	display:block;
	width:152px;
	height:69px;
	text-indent:-9999px;
	background:url(../images/btn_tab.gif) no-repeat;
	overflow:hidden;
}

div#mainContents #unitWrapper .unitRight .tabview li.last a{
	width:153px;
	background-position:0 -138px;
}

div#mainContents #unitWrapper .unitRight .tabview li a.selected{
	background-position:0 -69px;
}

div#mainContents #unitWrapper .unitRight .tabview li.last a.selected{
	background-position:0 -207px;
}


div#mainContents #unitWrapper .unitRight .unitInner{
	background:url(../images/bg_winners_voice.gif) 0 0 repeat-y;
	padding:5px 25px 0;
	_width:305px;
	zoom:1;
}

div#mainContents #unitWrapper .unitRight #unlogin,
div#mainContents #unitWrapper .unitRight .err{
	padding:30px 52px 0;
	text-align:center;
	min-height:898px;
}

div#mainContents #unitWrapper .unitRight .err .red{
	color:#F00;
	font-weight:bold;
}

div#mainContents #unitWrapper .unitRight #unlogin .btn{
	display:block;
	margin:15px 0 0;
}

div#mainContents #unitWrapper .unitRight #unlogin p{
	font-weight:bold;
}

div#mainContents #unitWrapper .unitRight #archive{
	padding-top:10px;
}

div#mainContents #unitWrapper .unitRight #archive .ttl{
	color:#fff;
	padding:9px 11px;
	text-align:center;
	background:url(../images/result_head.gif) no-repeat #000;
}

div#mainContents #unitWrapper .unitRight #archive .ttl span{
	float:left;
}

div#mainContents #unitWrapper .unitRight #archive .ttl span.nav{
	width:10px;
	height:15px;
}

div#mainContents #unitWrapper .unitRight #archive .ttl .month{
	width:213px;
	padding:2px 0 0;
	font-weight:bold;
	line-height:1;
}

div#mainContents #unitWrapper .unitRight #archive .ttl .next{
	float:right;
}

div#mainContents #unitWrapper .unitRight #archive .tableWrap{
	padding-bottom:5px;
	background:url(../images/result_btm.gif) no-repeat 50% 100%;
}

div#mainContents #unitWrapper .unitRight #archive table{
	width:255px;
	background:#fff;
}

div#mainContents #unitWrapper .unitRight #archive th,
div#mainContents #unitWrapper .unitRight #archive td{
	padding:5px 0;
	border-right:1px solid #d8d8d8;
	text-align:center;
	vertical-align:middle;
}

div#mainContents #unitWrapper .unitRight #archive table .headding{
	border-bottom:1px solid #e8e098;
}

div#mainContents #unitWrapper .unitRight #archive table th{
	padding:13px 0;
	border-right:1px solid #ded9a7;
	background:#f9f4bc;
}

div#mainContents #unitWrapper .unitRight #archive table th.last,
div#mainContents #unitWrapper .unitRight #archive table td.last{
	border-right:none;
}

div#mainContents #unitWrapper .unitRight #archive table .odd{
	background:#f3f3f3;
}

div#mainContents #unitWrapper .unitRight #archive table .date{
	font-weight:bold;
	font-size:0.86em;
}

div#mainContents #unitWrapper .unitRight #archive table .date span{
	font-weight:normal;
}

div#mainContents #unitWrapper .unitRight #archive table .atari{
	background:#ffd0d0;
}

div#mainContents #unitWrapper .unitRight #archive table .atari td{
	border-right-color:#e3b9b9;
}

div#mainContents #unitWrapper .unitRight #archive table .atari .time{
	/*width:79px;*/
	font-size:0.86em;
}

div#mainContents #unitWrapper .unitRight #archive table .atari .time img{
	margin:3px 3px 0 0;
	vertical-align:text-bottom;
}

div#mainContents #unitWrapper .unitRight #archive table .atari .time .ico{
	display:block;
	margin:3px 0 0;
	padding:0 0 0 3px;
}

div#mainContents #unitWrapper .unitRight #archive table .time em{
	color:#f00;
}

div#mainContents #unitWrapper .unitRight #archive table .sun{
	color:#f06
}

div#mainContents #unitWrapper .unitRight #archive table .sat{
	color:#0084ff;
}

div#mainContents #unitWrapper .unitRight .unitInner .listVoice li{
	width:255px;
	background:url(../images/bg_winners_voice_comment.gif) 0 0 no-repeat;
	margin:5px 0 0;
	/margin:10px 0 0;
	padding:3px 0 0;
}

div#mainContents #unitWrapper .unitRight .unitInner .listVoice .pkg .text{
	width:255px;
	background:url(../images/bg_winners_voice_comment.gif) 100% 100% no-repeat #FFFFFF;
	float:none;
	font-size:0.93em;
	padding:0 0 3px;
}

div#mainContents #unitWrapper .unitRight .unitInner .listVoice .pkg .text p.entry {
    color: #E60012;
    font-weight: bold;
    padding:5px 12px 3px;
}

div#mainContents #unitWrapper .unitRight .unitInner .listVoice .pkg .text p.entry img{
	vertical-align:text-top;
	margin:0 3px 0 0;
}

div#mainContents #unitWrapper .unitRight .unitInner .listVoice .pkg .text .post span.date{
	color:#A6A6A6;
}

body#kujiPage div#contents div#mainContents .login_button{
	background:url(../images/bg_login_btm_02.gif) 0 0 no-repeat;
	margin-left:255px;
	width:392px;
}

#kujiPage div#contents div#mainContents .login_button p{
	padding:7px 11px;
}

/*-------------------------------------------------------------------
	.socialplugins
-------------------------------------------------------------------*/

.socialplugins{
   padding:5px 0 14px;
   text-align:center;
}
.socialplugins ul li{
   display:inline;
   vertical-align:middle;
   padding-right:5px;
}