@charset "utf-8";



/*////////////////////////////////////////////////////////////////////////*/
/* clip */
/*////////////////////////////////////////////////////////////////////////*/


#mainContent{
  width:100%;
}


.main_head {
  width:900px;
  margin: 0 auto;

}

.main_head h2 {
  float:left;
  width:300px;
}

.tool {
  float:right;
  width:260px;
}

/*クリップ編集、削除ボタン*/
.main_head .tool .clip_editing a,
.main_head .tool .clip_minus a {
	background-repeat:no-repeat;
	color:#444444;
	display:block;
	height:17px;
	margin-top:3px;
	padding-left:9px;
	padding-top:5px;
	text-align:center;
	width:121px;
	text-decoration: none;	
}
.main_head .tool .clip_editing a {
    background-image:url(/images/item/editing_button.gif);
	float: left;
}
.main_head .tool .clip_minus a {
    background-image:url(/images/item/clip_minus.gif);
    float: right;
}
/*ここまで*/

.content {
    clear:both;
	font-size:105%;
	width:884px;
    margin: 0px auto;
	padding: 8px;
	border: 1px solid #AEB3B7;
}
.content .line {
  clear:both;
  height:8px;
  font-size:0;
  border-bottom:#a70503 1px dotted;
  margin:8px 0;
  padding:0;
}
.content .blocktitle {
  margin:0 0 8px 0;
  font-size:14px;
  font-weight:bold;
  color:#333;
}
.content .btnarea{
  margin:0 auto;
  padding:10px 0;
  width:300px;
  text-align:center;
}
.content .formtxtfield {
  width:300px;
  border:1px solid #cccccc;
}
.content .select {
  margin:0 0 5px 0;
  width:300px;
  border:1px solid #cccccc;
}
.content .file {
  width:300px;
  border:1px solid #cccccc;
}
.content .thumbnail {
  margin:5px;
  padding:5px;
  background-color:#EEE;
}
.content_comment{
}
.content_comment .comment_form{
  width:590px;
  margin:0 auto;
  padding:0 0 10px 0;
  text-align:center;
  background-color:#EEE;
}
.content_comment .comment_form ul{
  margin:0 0 0 5px;
  padding:0;
  list-style-type:none;
}
.content_comment .comment_form li{
  float:left;
  margin:5px 1px 5px 0;
  padding:0;
}
.content_comment .comment_form li a span{
  display:none;
}
.content_comment .comment_form li a{
  display:block;
  width:30px;
  height:30px;
}
.content_comment .comment_form li a.strong{
background:url(/images/commentform_strong.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.icon{
background:url(/images/commentform_icon.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.em{
background:url(/images/commentform_em.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.del{
background:url(/images/commentform_del.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.ulist{
background:url(/images/commentform_ulist.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.olist{
background:url(/images/commentform_olist.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.link{
background:url(/images/commentform_link.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.code{
background:url(/images/commentform_code.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.blockquote{
background:url(/images/commentform_blockquote.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.youtube{
background:url(/images/commentform_youtube.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.nicovideo{
background:url(/images/commentform_nicovideo.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.slideshare{
background:url(/images/commentform_slideshare.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.kakaku{
background:url(/images/commentform_kakaku.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.googledocs{
background:url(/images/commentform_googledocs.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.h1{
background:url(/images/commentform_h1.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.h2{
background:url(/images/commentform_h2.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.h3{
background:url(/images/commentform_h3.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a.hrule{
background:url(/images/commentform_hr.gif) no-repeat 0px 0px;
}
.content_comment .comment_form li a:hover {
background-position: 0px -30px;
}
.content_comment .comment_form li a:active {
background-position: 0px -60px;
}
.content_comment .comment_form .textarea{
  clear:both;
  width:580px;
  margin:0 auto;
  padding:0;
}
.content_comment .comment_form .comment{
  width:570px;
  height:300px;
  margin:0;
  padding:0;
  font-size:12px;
  border:1px solid #cccccc;
}



.content .new {
margin:10px 0 0 0;
padding:0;
line-height:100%;
list-style-type:none;
font-size:14px;
}
.content .rating {
margin:10px 0 0 0;
padding:0;
line-height:100%;
list-style-type:none;
font-size:14px;
}
.content .add {
margin:0;
padding:0;
list-style-type:none;
font-size:10px;
}
.content .add a {
text-decoration:none;
color:#cc9999;
}
.content .add a:hover {
text-decoration:underline;
color:#000;
}
.content .blocktitle {
margin:0 0 8px 0;
font-size:14px;
font-weight:bold;
color:#333;
}




/*////////////////////////////////////////////////////////////////////////*/
/* クリップしてる人々ページ */
/*////////////////////////////////////////////////////////////////////////*/

#clip_people_mainContent {
	float:left;
	width:680px;
	padding-bottom: 10px;
	margin: 34px 20px 0px 0px;
}

#clip_people_mainContent .clip_people_main_head {
	height:33px;
	background-image: url(/images/main_head_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-width: 1px;
	border-style: solid solid none solid;
	border-color: #cccccc;
	margin-top: 16px;
	width: 678px;
	margin-bottom: 8px;
}

#clip_people_mainContent .clip_content {
   width: 678px;
}

.clip_content .rating,
.clip_content .new {
  line-height:100%;
  list-style-type:none;
  font-size:16px;
  clear: both;
  margin: 12px 0 0 0;
  padding:0;
  
}



.clip_content .add {
  padding:2px;
  margin-bottom:5px;
  list-style-type:none;
  font-size:10px;
  color:#333333;
  background-color: #e5e5e5;
}