@charset "UTF-8";

/****************************
*  #voiceblock
****************************/
#voiceblock {
	display:block;
	margin:10px 0 0 0px;
	padding:10px;
	border:2px solid #f40000;
	background:#ffffff;
}
#voiceblock h2 {
	display:block;
	margin:0 0 0 0px;
	padding:0 0 10px 0px;
	color:#f40000;
	font-size:14px;
	line-height:16px;
	border-bottom:2px solid #f40000;
}
#voiceblock h3 {
	display:block;
	margin:20px 0 0 0px;
	padding:5px 0 6px 10px;
	color:#323232;
	font-size:12px;
	line-height:14px;
	border-left:2px solid #929292;
	border-bottom:1px dotted #cacaca;
}
#voiceblock p { 
	display:block;
	margin:10px 0 0 0px;
	padding:0px;
	font-size:12px;
	line-height:16px;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}

/****************************
*  #themeblock
****************************/
#themeblock {
	display:block;
	margin:10px 0 0 0px;
	padding:10px;
	border:2px solid #f40000;
	background:#ffffff;
}
#themeblock h2 {
	display:block;
	margin:0 0 0 0px;
	padding:0 0 10px 0px;
	color:#f40000;
	font-size:14px;
	line-height:16px;
	border-bottom:2px solid #f40000;
}
#themeblock h3 {
	display:block;
	float:right;
	margin:10px 0 0 0px;
	padding:5px 0px 0 0;
	width:260px;
	text-align:center;
	background:url("/sdp/img/voice_theme_top.gif") no-repeat left top #f40000;
	border:none;
	font-size:12px;
	color:#ffffff;
}
#themeblock h3 a {
	display:block;
	margin:0px 0 0 0px;
	padding:0px 0 5px 0;
	background:url("/sdp/img/voice_theme_bottom.gif") no-repeat left bottom #f40000;
	border:none;
	color:#ffffff;
	text-decoration:none;
}
#themeblock h3 a:hover { text-decoration:underline; }
#themeblock p { 
	display:block;
	clear:right;
	margin:0px 0 0 0px;
	padding:10px 0 0 0;
	font-size:12px;
	line-height:16px;
}
#themeblock h4 {
	display:block;
	margin:10px 0 0px 0px;
	padding:5px 0 6px 10px;
	color:#323232;
	font-size:12px;
	line-height:14px;
	border-left:2px solid #929292;
	border-bottom:1px dotted #cacaca;
}

/****************************
*  #itemLead
****************************/
#itemLead {
	display:block;
	margin:10px 0px 15px 0px;
	padding:10px;
	border:1px dotted #cccccc;
	line-height:16px;
	background:#e9e9e9;
}

/****************************
*  .showCategory
*  .showTheme
*  囲みの上部：カテゴリ表示
****************************/
.showCategory,
.showTheme {
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:250px;
	background:#ffffff;
}
.showCategory { float:left; text-align:left; }
.showTheme { float:right; text-align:right; }
.showCategory span,
.showTheme span {
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	line-height:16px;
	border-style:none;
}

/****************************
*  table
*  #num
*  #data
****************************/
#voiceblock table {
	display:block;
	margin:10px 0 0 0px;
	padding:0px;
	border:none;
}
#voiceblock table#num { border-top:1px dotted #cccccc;}
#voiceblock table#data th,
#voiceblock table#data td {
	margin:0px 0 0 0px;
	padding:10px 10px;
}
#voiceblock table#num th,
#voiceblock table#num td {
	margin:0px 0 0 0px;
	padding:3px 10px;
	border-bottom:1px dotted #cccccc;
}
#voiceblock table th img.icon,
#voiceblock table td img.icon {
	padding:0 10px 0 0;
	vertical-align:middle;
}
#voiceblock table#data th { background:#e9e9e9; width:120px; }
#voiceblock table#data td { width:200px; }
#voiceblock table#num th { width:110px; border-right:1px dotted #cccccc; }
#voiceblock table#num td.c0 { width:255px; }
#voiceblock table#num td.c1 { width:150px; }
#voiceblock table#num td div.input {
	display:block;
	margin:2px 0;
	padding:0px;
	width:150px;
	background:url("/sdp/img/voice_buttonbk_bottom.gif") no-repeat left bottom #f40000;
}
#voiceblock table#num td input {
	margin:0px;
	padding:5px 0;
	border:none;
	width:150px;
	border:none;
	color:#ffffff;
	font-weight:bold;
	background:url("/sdp/img/voice_buttonbk_top.gif") no-repeat left top;
	cursor:pointer;
}
#voiceblock table a { 
	text-decoration : none;
	color:#00ab40;
}
#voiceblock table a:hover { 
	text-decoration : underline;
	color:#00ab40;
}

/****************************
*  #blogcode
*  ブログのコード
****************************/
#blogcode { 
	float: left;
	display:block;
	margin:10px 0 0 0;
	padding:10px;
	border:1px dotted #cccccc;
	color:#000000;
	font-weight:normal;
	width:400px;
}
#blogcode h3 {
	border:none;
	margin:0px;
	padding:0;
}
#blogcode h3 a { font-weight:normal; margin:0 5px;}
#blogcode table th { font-weight:normal; width:100px; }
#blogcode form {
	display:block;
	margin:0px 0 0 0;
	padding:0;
}
#blogcode input {
	/*margin:0px 0 0 10px; mod 20100317 T.SAKAKI*/
    margin: 0;
	padding:2px;
	/*width:370px; mod 20100317 T.SAKAKI*/
    width: 280px;
	border:1px solid #cccccc;
}

/****************************
*  賛同数のバー
****************************/
.item_status {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.item_status .status_text {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
}
.gaugeOuterL {
	margin:0px 0 0px 0;
	margin-left :0px ;
	padding: 0px;
	height : 20px;
	color:#ffffff;
	background:#e9e9e9;
}
.gaugeTransL {
	background-color:transparent;
	position: relative;
	top:-20px;
	height:20px;
}
.gaugeBar {
	display:block;
	height : 16px;
	margin: 0px;
	padding:2px 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#f40000;
	text-align : center ;
	color:#fff;
}
.gaugeBarTotal {
	height : 20px;
	margin: 0px;
	padding:0px;
	font-size: 10px;
	line-height:1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:#f40000;
}
.voteNumberExpired {
	color:#aaa;
	font-size:90%;
}

/****************************
*  #purchase
*  お取り次ぎアイテム
****************************/
#purchase {
	display:block;
	margin:10px 0 0 0;
	padding:10px;
	border:1px dotted #cccccc;
	color:#000000;
	font-weight:normal;
}
#purchase h2 {
	display:block;
	margin:0px 0 0 0;
	padding:0px 0 10px 10px;
	border-bottom:1px dotted #f20000;
	color:#f20000;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
}
#purchase .itemphoto {
	display:block;
	margin:15px 0 0 0;
	padding:0px 0 0px 10px;
}
#purchase h3 {
	display:block;
	margin:15px 10px 0 10px;
	padding:10px 20px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	background-image:none;
	background-color:#e9e9e9;
}
#purchase dl {
	display:block;
	margin:0px 0px 0 0px;
	padding:0px 0px;
}
#purchase dl dt,
#purchase h4 {
	display:block;
	margin:15px 10px 0 10px;
	padding:5px 0px 5px 10px;
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	border-left:2px solid #929292;
	border-bottom:1px dotted #cacaca;
}
#purchase dl dd {
	display:block;
	margin:10px 10px 0 20px;
	padding:0px;
	font-weight:normal;
	font-size:12px;
	line-height:14px;
}
#purchase ul {
	display:block;
	margin:15px 10px 0 40px;
	padding:0px;
	font-weight:normal;
	font-size:12px;
	line-height:14px;
}
#purchase ul li {
	margin:10px 0px 0 0px;
	padding:0px;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	list-style:decimal;
}
#purchase p {
	display:block;
	margin:15px 0px 5px 0px;
	padding:0px;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	text-align:center;
}

/****************************
*  twitter and facebook
****************************/
.social-buttons { float:right; overflow:hidden; margin-bottom:20px; height:70px; }
.social-button { float:left; margin-right: 10px }