@charset "UTF-8";

/****************************
*  voice_list
****************************/
#voice_list ul {
	display:block;
	margin:10px 0 0 0px;
	padding:0px 0px 0 0;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	border-bottom:1px solid #929292;
	height:25px;
}
#voice_list ul#Voice { background:url("/sdp/img/voice_list_voice.gif") no-repeat left top;}
#voice_list ul#Design { background:url("/sdp/img/voice_list_design.gif") no-repeat left top;}
#voice_list li.voice, 
#voice_list li.design {
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
	padding:5px 0px 0 0;
	font-size:12px;
	line-height:14px;
	text-align:center;
	text-decoration:none;
}
#voice_list li.voice { width:220px; }
#voice_list li.design { width:290px; }
#voice_list li a {
	text-decoration:none;
}
#voice_list li a:hover {
	text-decoration:underline;
}
#voice_list ul#default li.voice a,
#voice_list ul#default li.design a {
	color:#323232;
}
#voice_list ul#Voice li.voice a,
#voice_list ul#Design li.design a {
	color:#ffffff;
}
#voice_list ul#Design li.voice a,
#voice_list ul#Voice li.design a {
	color:#323232;
}
#voice_list dl {
	display:block;
	margin:0px 0 0 0px;
	padding:0px 0px 0 0;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
}
#voice_list dl a { color:#00ab40; }
#voice_list dl a:hover { text-decoration:none; }
#voice_list dl dt,
#voice_list dl dd {
	display:block;
	margin:0px 0 0 0px;
	padding:5px 10px;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
}
#voice_list dl dt { float:left; border-right:1px dotted #cccccc; }
/* overwrite */
#voice_list dl dt.list { border-right:2px solid #929292; background:#f2f2f2;}
#voice_list dl dt.end { border-left:2px solid #929292;}
#voice_list dl dd { float:right; }
#voice_list .borderbottom {
	margin:0px 0 0 0px;
	padding:0px 0px 0 0;
	border-bottom:1px dotted #cccccc;
}
#voice_list dl.ppLista dt a#tabAll,
#voice_list dl.ppLists dt a#tabVoting,
#voice_list dl.ppListr dt a#tabReserving,
#voice_list dl.ppListp dt a#tabSelling,
#voice_list dl.ppListe dt a#tabEnd,
#voice_list dl.ppArrangelast_update dt a#update,
#voice_list dl.ppArrangename dt a#name,
#voice_list dl.ppArrangedate dt a#date,
#voice_list dl.ppArrangepopular dt a#popular,
#voice_list dl.ppArrangeNamae dt a#namae,
#voice_list dl.ppArrangeDate dt a#date,
#voice_list dl.ppArrangeNumber dt a#number,
#voice_list dl.ppArrangeUpdate dt a#update {
	color:#333;
	text-decoration:none;
}
#voice_list p {
	display:block;
	margin:10px 0 0 10px;
	padding:0px;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
}

/****************************
*  listblock
****************************/
#listblock {
	display:block;
	margin:0px 0 0 10px;
	padding:0px;
	font-size:12px;
	line-height:14px;
}
#listblock h2 {
	display:block;
	margin:0px 0 0 0px;
	padding:10px 0;
	font-size:12px;
	line-height:14px;
	color:#f40000;
	border-bottom:1px dotted #f40000;
}

/****************************
*  listblock .voice_block
****************************/
#listblock .voice_block {
	display:block;
	float:left;
	margin:10px 10px 0 0px;
	padding:0px;
	width:290px;
	height:120px;
	overflow:hidden;
}
#listblock .voice_block .day {
	display:block;
	margin:0px 0px 0 0px;
	padding:0px;
	font-size:10px;
	line-height:12px;
}
#listblock .voice_block h5,
#listblock .voice_block .name {
	display:block;
	float:left;
	margin:5px 0px 10px 0px;
	padding:0px;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	height:15px;
}
#listblock .voice_block h5 { width:50px;}
#listblock .voice_block .name { width:210px;}
#listblock .voice_block .voice {
	display:block;
	clear:left;
	margin:0px 0px 0 0px;
	padding:10px;
	_padding:5px 10px 10px 10px;
	font-size:12px;
	line-height:14px;
	background:#e9e9e9;
}
#listblock .voice_block .voice p {
	display:block;
	margin:0px 0px 0 0px;
	padding:0px;
	font-size:12px;
	line-height:14px;
	text-align:right;
}
#listblock .voice_block .voice p a {
	display:block;
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:12px;
	line-height:14px;
	text-align:left;
	height:30px;
	overflow:hidden;
}
#listblock .voice_block a {
	text-decoration : underline;
	color:#00ab40;
}
#listblock .voice_block a:hover { text-decoration : none;}

/****************************
*  listblock .design_block
****************************/
#listblock .design_block {
	display:block;
	float:left;
	margin:10px 10px 0 0px;
	padding:5px;
	width:128px;
	_width:125px;
	height:160px;
	overflow:hidden;
	border:1px dotted #cccccc;
}
#listblock .design_block p {
	display:block;
	margin:0px 0px 0 0px;
	padding:0px;
	text-align:center;
}
#listblock .design_block p.item_img {
	height:100px;
	overflow:hidden;
}
#listblock .design_block p.item_status {
	padding:5px 0;
	background:#e9e9e9;
}
#listblock .design_block p.item_status a { color:#323232; }
#listblock .design_block p.item_status a:hover { text-decoration:none; }
#listblock .design_block p.item_name { padding:5px 0; height:30px; overflow:hidden;}
#listblock .design_block p.item_name a { color:#00ab40; }
#listblock .design_block p.item_name a:hover { text-decoration:none; }

/****************************
*  listblock .statusitem_block
****************************/
#listblock .statusitem_block {
	display:block;
	float:left;
	margin:10px 10px 0 0px;
	padding:5px;
	width:178px;
	_width:175px;
	height:240px;
	overflow:hidden;
	border:1px dotted #cccccc;
}
#listblock .statusitem_block p {
	display:block;
	margin:0px 0px 0 0px;
	padding:0px;
	text-align:center;
}
#listblock .statusitem_block p.item_img {
	height:150px;
	overflow:hidden;
}
#listblock .statusitem_block p.item_status {
	padding:5px 0;
	background:#e9e9e9;
}
#listblock .statusitem_block p.item_vote {
	padding:5px 0;
	text-align:right;
}
#listblock .statusitem_block p.item_status a { color:#323232; }
#listblock .statusitem_block p.item_status a:hover { text-decoration:none; }
#listblock .statusitem_block p.item_name { padding:5px 0;}
#listblock .statusitem_block p.item_name a { color:#00ab40; }
#listblock .statusitem_block p.item_name a:hover { text-decoration:none; }

/****************************
*  #makeproduct_tab
****************************/
#makeproduct_tab ul {
	display:block;
	margin:10px 0 0 0px;
	padding:0px 0px 0 0;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	border-bottom:1px solid #929292;
	height:28px;
}
#makeproduct_tab li {
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px;
	width:155px;
}
#makeproduct_tab li a {
	display:block;
	margin:0px 5px 0px 0px;
	padding:8px 0px;
	text-decoration:none;
	font-size:12px;
	line-height:12px;
	text-align:center;
	text-decoration:none;
}
#makeproduct_tab li.on a { color:#323232; background:url("/sdp/img/makeproduct_tab_on.gif") no-repeat left top;}
#makeproduct_tab li.off a { color:#ffffff; background:url("/sdp/img/makeproduct_tab_off.gif") no-repeat left top;}
#makeproduct_tab li a:hover {
	text-decoration:underline;
}

/****************************
*  #makeproduct_comment
****************************/
#makeproduct_comment {
	display:block;
	margin:10px 0 0 0px;
	padding:0px 0px 0 0;
}
#makeproduct_comment p {
	display:block;
	margin:10px 0 0 0px;
	padding:0px 0px 0 0;
	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+ */
}
#makeproduct_commentleft {
	display:block;
	float:left;
	margin:0px 0 0 0px;
	padding:0px 0px 0 0;
	width:285px;
}
#makeproduct_commentright {
	display:block;
	float:right;
	margin:0px 0 0 0px;
	padding:0px 0px 0 0;
	width:285px;
}
#makeproduct_comment h4 {
	display:block;
	margin:20px 0 0 5px;
	padding:0;
	font-size:12px;
}
#makeproduct_comment table#spec {
	display: block;
	margin:5px 0 0 0px;
	border:none;
}
#makeproduct_comment table#spec th,
#makeproduct_comment table#spec td {
	margin:0px 0 0 0px;
	padding:10px 10px;
}
#makeproduct_comment table#spec th { background:#e9e9e9; }

/****************************
*  .allcommentView
****************************/
.allcommentView {
	display:block;
	margin:10px 0;
	padding:0px 0;
	text-align:right;
}

/****************************
*  #pagenavi
*  .pagenavi
****************************/
#pagenavi,
.pagenavi {
	text-align:right;
}
#pagenavi p a,
.pagenavi p a {
	color:#00ab40;
}
#pagenavi p a:hover,
.pagenavi p a:hover { 
	text-decoration:none;
}

/****************************
*  .comment
*  この声へのコメント一覧箇所
****************************/
.comment {
	display:block;
	margin:10px 0 0 5px;
	padding:0px 0 0 0;
}
.comment .subject .text {
	display:block;
	margin:0px 0 0 0px;
	padding:5px 0;
	font-weight:bold;
	border-bottom: 2px solid #cccccc;
/*	white-space : pre ;*/
	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 */
	line-break : strict ;
	word-break : break-all ;
	word-wrap : break-word;      /* IE 5.5+ */
}
.comment .subject { font-weight:bold; }
.comment pre {
	white-space: pre-wrap; 
/*	white-space : pre ;*/
	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 */
	line-break : strict ;
	word-break : break-all ;
	word-wrap : break-word;      /* IE 5.5+ */
	line-height:16px;
}
.comment .handle {
	display:block;
	margin:0px 0 0 0px;
	padding:5px 0;
	border-top: 1px dotted #cccccc;
}
.comment .handle .small {
	display:block;
	margin:0px 0 0 0px;
	padding:5px 0;
	font-size:10px;
	line-height:12px;
}

/****************************
*  #random_voice
*  タイトル部分
*  .randomVoice
*  ランダムに表示される部分
****************************/
#random_voice {
	display:block;
	margin:10px 0 0 0px;
	padding:10px 0px;
	background:url("../img/random_voice_bottom.gif") no-repeat left bottom #cccccc;
}
#random_voice h3 {
	display:block;
	margin:0px 0 0 0px;
	padding:0px 10px;
	font-size:12px;
	line-height:14px;
	background:#cccccc;
}
#random_voice p {
	display:block;
	margin:0px 0 0 0px;
	padding:5px 10px 10px 10px;
	font-size:12px;
	line-height:14px;
	background:#cccccc;
}
#voice #no_voice p {
	display:block;
	margin:0px 0 0 40px;
	padding:5px 0px 0px 0px;
	font-size:12px;
	line-height:14px;
	background:#cccccc;
}
.randomVoice {
	display:block;
	margin:0px 0 0 0px;
	padding:0 0px;
}
.voiceIcon {
	display:block;
	float:left;
	margin:0px 0px 0 0px;
	padding:5px 10px;
}
.randomVoiceText {
	display:block;
	float:left;
	margin:0px 0px 0 0px;
	padding:5px 0px;
/*	white-space : pre ;*/
	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 */
	line-break : strict ;
	word-break : break-all ;
	word-wrap : break-word;      /* IE 5.5+ */
}
.randomVoiceNum {
	display:block;
	float:right;
	margin:0px 0px 0 0px;
	padding:5px 0px;
}