/* デイリーアンケー豚 INDEX----------------

	1.共通
	2.左列
	3.最新のコメント一覧　ポップアップ用
	4.右列
	5.overture
	6.PRバナー注意文　ポップアップ用
	7.おすすめキャンペーン
	8.コメント上のPRエリア
	9.hotspot
	10.hotspot list
	11.hotspot修正（2011/09/07）

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

/*===== 1.共通 =====*/

#d_enq
	{
	color: #333333;
	font-size: small;
	}

.bold {
	font-weight: bold;
	}
	
.red {
	font-weight: bold;
	color:#FF0000;
	}
img {
	border: 0;
	}

#contentsArea .clear { clear: both; }

/*===== 2.左列 =====*/

#d_enq .d_enqLeft
	{
	float: left;
	padding: 0 0 0 10px;
	width: 399px;
	}
	
#d_enq .d_enqLeft .graphArea
	{
	background: #CCCCCC;
	margin: 10px 0 0 0;
	padding: 5px;
	}
	
#d_enq .d_enqLeft .graphArea .graphMain
	{
	background: #FFFFFF;
	height: 100%;
	padding: 10px 5px 10px 5px;
	}
	
#d_enq .d_enqLeft .graphMain h4
	{
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	border-color: #CC0000;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 5px 6px 5px;
	}
	
#d_enq .d_enqLeft .graphMain .date
	{
	/* 投票日 and 投票総数 */
	font-size: 11px;
	margin: 0 auto;
	text-align: right;
	width: 369px;
	}
	
#d_enq .d_enqLeft .graphMain .graphTable
	{
	clear: both;
	margin: 20px auto 0 auto;
	width: 369px;
	}
	
#d_enq .d_enqLeft .graphMain .graphTable td
	{
	padding: 4px 0;
	}
	
#d_enq .d_enqLeft .graphMain .graphTable .graph
	{
	/* グラフ */
	background: url(../images/daily_enq/graph_bg.gif) repeat-y;
	padding: 0 0 0 1px;
	width: 151px;
	}
	
#d_enq .d_enqLeft .graphMain .percent
	{
	/* パーセント */
	font-size: 11px;
	text-align: right;
	width: 37px;
	}
	
/* コメント投稿フォーム */
.comment_form
	{
	background: #FFFBEC;
	border: 1px solid #CCCCCC;
	margin: 20px auto 0 auto;
	padding: 10px 15px;
	width: 331px;
	}
	
.comment_form .user_comment
	{
	height: 70px;
	width: 331px;
	}
	
.comment_form .age_tbox
	{
	height: 12px;
	margin: 1px 2px 0 0;
	width: 40px;
	}
	
.comment_form li
	{
	float: left;
	line-height: 1.0em;
	margin: 10px 25px 5px 0;
	}
	
.graphMain .submit_btn
	{
	margin: 12px 0 5px 0;
	text-align: center;
	}

/* コメント投稿についての注意事項 */
#d_enq #attention {
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	line-height: 1.3em;
	margin: 10px auto 0px auto;
	padding: 8px 10px;
	width: 341px;
	}

#d_enq #attention .ttl {
	font-weight: bold;
	margin: 0 0 3px 0;
	}

/* 最新のコメント */

.commentArea
	{
	font-size: small;
	margin: 15px auto 0 auto
	}

.commentArea h5
	{
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	border-color: #CC0000;
	font-size: small;
	margin: 0 0 10px 0;
	padding: 0 5px 3px 5px;
	}
	
.goto_all
	{
	font-size: 11px;
	padding: 0 5px;
	position: relative;
	text-align: right;
	top: -28px;
	}
	
.goto_more
	{
	margin: 10px 0 15px 0;
	padding: 0 10px;
	text-align: right;
	}
	
.commentArea dl
	{
	padding: 0 10px;
	}
	
.commentArea dt
	{
	font-size: 11px;
	margin: 0;
	}
	
.commentArea dd
	{
	background: url(../images/daily_enq/dot_2c.gif) left bottom repeat-x;
	margin: 7px 0 10px 0;
	padding: 0 0 15px 0;
	}

.answer1 { color: #FF3600; }
.answer2 { color: #00C0FF; }
.answer3 { color: #009900; }
.answer4 { color: #9933CC; }
.answer5 { color: #CC9900; }
.answer6 { color: #62D8CB; }
.answer7 { color: #3399FF; }
.answer8 { color: #FF6600; }
.answer9 { color: #8AC21F; }
.answer10{ color: #FF66FF; }


/*===== 3.最新のコメント一覧　ポップアップ用 =====*/

.commentArea_pop
	{
	border-bottom: 1px dotted #CCCCCC;
	font-size: small;
	margin: 30px auto 0 auto;
	width: 510px
	}
	
.commentArea_pop_hs
	{
	border-bottom: 1px dotted #CCCCCC;
	font-size: small;
	margin: 30px auto 0 auto;
	width: 210px
	}

.commentArea_pop h5
	{
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	border-color: #CC0000;
	font-size: small;
	margin: 0 0 10px 0;
	padding: 0 5px 3px 5px;
	}
	
.commentArea_pop .h5
	{
	font-weight: normal;
	margin: 0 0 0 5px;
	}
	
.commentArea_pop dl
	{
	margin: 20px 0 0 0;
	padding: 0 10px;
	}
	
.commentArea_pop dt
	{
	font-size: 11px;
	margin: 0;
	}
	
.commentArea_pop dd
	{
	background: url(../images/daily_enq/dot_2c.gif) left bottom repeat-x;
	margin: 7px 0 10px 0;
	padding: 0 0 15px 0;
	}
	

.hotspotlist {
	margin:12px auto 0px auto;
	width:560px;
	text-align:center;
	border:0px;
	font-size:small;
}

.hotspotlist ld {
margin:0px;
padding:0px;
border:0px;
}

.hotspotlist dt {
	display:block;
	float:left;
	margin:0px 0px 0px 5px;
	padding:0px;
	list-style:none;
	color: #FF0000;
}

.hotspotlist dd {
display:block;
float:left;
margin:0px 0px 0px 20px;
padding:0px;
list-style:none;
}


/*===== 4.右列 =====*/

#d_enq .d_enqRight
	{
	float: left;
	margin: 10px 0 0 10px;
	width: 250px;
	}

/* 過去の投票結果 */

.archiveArea
	{
	border: 1px solid #CCCCCC;
/*	margin: 10px 0 0 0;*/
	padding: 10px;
	}
	
.archiveArea ul
	{
	padding: 0 5px;
	}
	
.archiveArea li
	{
	background: url(../images/daily_enq/archive_li_mark.gif) left top no-repeat;
	margin: 0 0 6px 0;
	padding: 0 0 0 1.0em;
	}


.archiveArea h5
	{
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	border-color: #CC0000;
	font-size: small;
	margin: 0 0 10px 0;
	padding: 0 5px 3px 5px;
	}
	
/* 240*240 バナー */
#d_enq .d_enqRight .prArea1
	{
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 4px
	}
	
#d_enq .d_enqRight .prArea1 .txt1
	{
	font-size: 11px;
	margin: 7px 0 2px 0;
	text-align: center;
	}
	
#d_enq .d_enqRight .prArea1 .txt2
	{
	font-size: 11px;
	margin: 0 0 2px 0;
	text-align: center;
	}
	
#d_enq .d_enqRight .prArea1 .point
	{
	color: #FF0000;
	}


#d_enq .d_enqRight .prArea2
	{
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	margin: 10px 0 0 0;
	padding: 4px
	}

/*===== 5.overture =====*/

#contentsArea .defRightArea .ot {
width:639px;
margin:10px auto 0px auto;
color:#333333;
}


#contentsArea .defRightArea .ot p a {
    margin-top:5px;
	line-height:120%;
	text-align:left;
	background:url(/images/contents/spacer.gif);
	width:630px;
	display:block;
	text-decoration:none;
	font-size:small;
}

#contentsArea .defRightArea .ot p a span {
	color:#333333;
}

#contentsArea .defRightArea .ot p .ad {
color:#666666;
}

/*===== 6.PRバナー注意文　ポップアップ用 =====*/

.pr_warning
	{
	border-bottom: 1px dotted #CCCCCC;
	font-size: small;
	margin: 30px auto 0 auto;
	width: 500px
	}
.pr_warning .body
	{
	border-left: 4px solid #FF0000;
	border-right: 4px solid #FF0000;
	}
.pr_warning .warning2
	{
	line-height:140%;
	margin: 0 0 10px 0;
	}
.pr_warning .warning2 .body
	{
	padding:10px 40px 3px 40px;	
	border-right:4px solid #FF0000;
	border-left:4px solid #FF0000;
	background:#FFFBEC;
	}
.pr_warning .attention
	{
	margin: 0 auto 10px auto;
	padding:15px;
	line-height:140%;
	}
.pr_warning .header
	{
    margin:0px 0px 10px 0px;
	}

/*===== 7.おすすめキャンペーン =====*/

#enq_osusume {
	border: 1px solid #CCCCCC;
	background: #F6F6F6;
	margin: 10px 0 0 0;
	padding: 10px 0;
	}
#enq_osusume .contents {
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0 auto;
	width: 238px;
	}
#enq_osusume .contents .pt {
	color: #FF3300;
	}
#enq_osusume .contents li {
	line-height: 1.2em;
	list-style: none;
	padding: 6px 8px;
	}
#enq_osusume .contents .li1 {	/* 1段目と3段目 */
	background: url(../images/daily_enq/dot_2c.gif) left bottom repeat-x;
	}
#enq_osusume .contents .li2 {	/* 2段目と4段目 */
	background: #FFFBEC url(../images/daily_enq/dot_2c.gif) left bottom repeat-x;
	}

/*===== 8.コメント上のPRエリア =====*/

#d_enq #pr_234 {
	background: #F5F5F5 url(../images/daily_enq/pr234_bg.gif) left center no-repeat;
	border: 1px solid #CCCCCC;
	margin: 15px auto 0 auto;
	padding: 10px 0;
	text-align: center;
	}


/*===== 9.hotspot =====*/


.hotspot
	{
	border: 2px solid #00CCFF;
	margin: 0 0 10px 0;
	padding: 10px;
	}
	
.hotspot ul
	{
	padding: 0 5px;
	}
	
.hotspot li
	{
	background: url(../images/daily_enq/archive_li_mark.gif) left top no-repeat;
	margin: 0 0 6px 0;
	padding: 0 0 0 1.0em;
	}


.hotspot h5
	{
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	border-color: #00CCFF;
	font-size: small;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 0 5px 3px 5px;
	}
	
.hotspot h6
    {
	font-size:small;
	font-weight:bold;
	margin:3px 0px 3px 5px;
	}
	
	
/*===== 10.hotspot list=====*/


#header_hs
	{
	width: 640px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	font-size:small;
	}
	
.wrap_poplist {
width:640px;
margin:0px auto;
}	
	
.wrap_poplist .commentArea_pop
	{
	float:left;
	font-size: small;
	margin: 30px auto 0 auto;
	width: 440px;
	}

.wrap_poplist .wordlist
	{
	float:right;
	border: 1px solid #00CCFF;
	margin: 45px 0 10px 0;
	padding: 10px;
	width:160px;
	}
	
.wrap_poplist .wordlist ul
	{
	padding: 0 5px;
	}
	
.wrap_poplist .wordlist li
	{
	background: url(../images/daily_enq/archive_li_mark.gif) left top no-repeat;
	margin: 0 0 6px 0;
	padding: 0 0 0 1.0em;
	font-size:small;
	}


.wrap_poplist .wordlist h5
	{
	border-style: solid;
	border-width: 0px 0px 3px 0px;
	border-color: #00CCFF;
	font-size: small;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding: 0 5px 3px 5px;
	}
	
.wrap_poplist .wordlist h6
    {
	font-size:small;
	font-weight:bold;
	margin:3px 0px 3px 5px;
	}
	
#realusSmallCI_daily
	{
	width: 440px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	text-align: center;
	}	

/*===== 11.hotspot修正（2011/09/07）=====*/
.hotspot02
	{
	border: 2px solid #00CCFF;
	padding: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}
#contentsArea .defRightArea .hotspot02 {
	margin:0px auto 10px auto;
	padding:0px;
	width:639px;
	text-align:center;
	font-size:12px;
	border:0px;
}


#contentsArea .defRightArea .hotspot02 form {
	line-height: 26px;
}
#contentsArea .defRightArea .hotspot02 ul {
	display:block;
	margin-left:0px;
	list-style:none;
	margin-bottom: 0px;
	width: 459px;
	background-image: url(../images/keywords.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 180px;
	height: 26px;
}

#contentsArea .defRightArea .hotspot02 li {
	display:block;
	float:left;
	margin-left:15px;
	list-style:none;
	background:none;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contentsArea .defRightArea .hotspot02 .attention {
	width: 631px;
	text-align: center;
	padding: 5px;
	color: #FFFFFF;
	background-color: #3992ff;
	clear: both;
}