﻿@charset "utf-8";

/*------------------------------------------------------------
news をベースに 「読み物」「学習」「コミュニティ」「部屋」「お知らせ」「その他」専用css


body
	.header
		.search	灰色部分
		.menu	メニュー
	.main						relative
		.contents	コンテンツ	margin-left
		.sidemenu	サイド		absolute
	.footer
	
-------------------------------------------------------------*/


/* - .main - */
/* - .contents - */		
	
	
	.entryhead, .storyhead{
		border-left:9px solid #999999;
	}	
	
	
	
	
	ul.corners{
		list-style-type: none;
		margin:0;padding:0;
		text-align:center;
	}
	
	ul.corners li{
		margin:0;padding:0;
		padding-bottom:3px;
	}	




/*大発見*/





	.hirobaentry{
		padding: 0 69px 3em 69px;
	}

		.hirobaentry .date{
			background-image: url(../images/kalog_entry_datebg.gif);
			background-repeat: no-repeat;
			line-height:25px;
			padding:0px 0 0 8px;
			overflow:hidden;
			height:25px;
		}
		.hirobaentry .title{
			padding:12px 0 11px 0;
			position:relative;
		}
		.hirobaentry .title a {
     		text-decoration:none;
		}
		.hirobaentry .title span {
		    font-size:12px;
			position:absolute;
			right: 0;
			bottom: 11px;
		}
		
		.hirobaentry .rainbowline{
			background-image: url(../images/kalog_entry_line.gif);
			background-repeat: no-repeat;
			overflow:hidden;
			height:4px;
		}
		
		
		.hirobaentry .entry{
			margin-top:38px;
		}
		
			.hirobaentry .entry .photo{
				border:5px solid #E6E6E6;
				display:inline;
				float:right;
				margin:0 0 16px 16px;
			}
			.hirobaentry .entry .photo img{
				border:1px solid #000;
			}			
				
				
		/*  コメント */	
		.hirobaentry .comment{
			margin:0px 30px 0px 20px;		
			padding:0px 0px 34px 0px;

			background-image: url(../images/hiroba_commentline.gif);
			background-repeat: repeat-x;
			background-position:0 100%;
			clear:both;
		}
	
			.hirobaentry img.b1{
				border:1px solid #E6E6E6 ! important;
			}
			
			.hirobaentry .comment ul.commenttitleblock{
				list-style-type: none;
				margin:0;padding:0;
				padding-top:32px;
			}
				.hirobaentry .comment ul.commenttitleblock li{
					list-style-type: none;
					float: left;
					margin:0;padding:0;
				}
	

	
	
						
			.hirobaentry .comment .commenttitle{
				color:#FF7800;
			}
				.hirobaentry .comment .point a{
					color:#FF7800;
					text-decoration:none;
				}			
			
			.hirobaentry .comment .sendpoint{
				clear:both;
				margin-top:12px;
				padding:6px 30px 6px 0;
				background-color:#ECEAE4;
				text-align:right;
				display:none;
			}
			.hirobaentry .comment .sendpoint form{
				display:inline;
			}			
				
				
				
						
			.hirobaentry .comment .message{
			
			}
			
			.hirobaentry .comment ul.message{
				list-style-type: none;
				margin:0;padding:0;
				clear:both;
				padding-top:16px;
				width:100%;
			}
				.hirobaentry .comment ul.message li{
					list-style-type: none;
					float: left;
					margin:0;padding:0;
				}
						
								
				
			.hirobaentry .comment .name{
				text-align:right;
				padding-top:12px;
				clear:both;
				width:100%;
			}	
			
			.hirobaentry .comment .icon{
			
			}	
			
			.hirobaentry .comment .image{
			
			}		
			

		.hirobaentry .sendcomment, #newthreadarea .sendcomment{
			padding:20px 20px 6px 20px;
			background-image: url(../images/hiroba_sendcomment_bg.gif);
			background-repeat: repeat-y;
			background-position:0 0%;
		}	
		
		.hiroba_use_colum{
			padding:26px 47px 30px 35px;
			background-image: url(../images/hiroba_sendcomment_bg.gif);
			background-repeat: repeat-y;
			background-position:0 0%;
		}
				
			
		#newthreadarea{
			margin:20px 69px 0 69px;			
		}		
			
		.hirobaentry .dotline, #newthreadarea .dotline{
			background-image: url(../images/hiroba_commentline.gif);
			background-repeat: repeat-x;
			overflow:hidden;
			height:4px;
		}
				
				
		.otherthreads{
			padding:0 70px 0 70px;
		}		
				
		.otherthreads_more{
			padding:15px  70px 0 70px;		
		
		}			
			
								


.cl{
	clear:both;
	height:1px;
	overflow:hidden;
}




/*    かきこ　　　*/

.kakiko{
	background-color:#ECECE4;
	padding:10px 0 10px 0 ;
}

.kakikopoint{
	padding:0px 20px 0px 0 ;
}
	.kakikopoint a{
					color:#FF7800 !important;
					text-decoration:none !important;
	}

.kakikoentry{
			
}

.kakikotitle{
	padding:16px 0 11px 20px;
				
}

.kakikoname{
	text-align:right;
	padding-right:20px;
	clear:both;
	width:100%;
}


			.kakikosendpoint{
				clear:both;
				margin:12px 20px 0 20px;
				padding:6px 10px 6px 0;
				background-color:#DCDCD7;
				text-align:right;
				display:none;
			}
			.kakikosendpoint form{
				display:inline;
			}




.iconframe{
	background-color:white;padding:5px;
}



/*    トップ一覧　　*/

.com{
	margin-top:7px;
	text-align:center;
}
.com table {
  text-align:left;
  margin: 0 auto;
}
.com table.topic {
  background: url(/images/hiroba_com_thead.gif) no-repeat 0 0 #fff;
  width: 604px;
  margin-bottom: 5px;
}
.com table.topic th, .com table.topic td {
  text-align: left;
  font-size: 11px;
  line-height: 13px;
}
 .com table.topic th {
 padding-bottom: 10px;
}
.com thead {
  color: #fff;
}
.com thead th {
  font-weight: normal;
}
.com thead th.title {
  font-weight: bold;
}
.com thead th.title a {
color:#fff;
}
.com thead th.time, .com thead th.name {
  border-left: 1px solid #fff;
}
.com table.topic .name, .com table.topic .time {
  text-align: center;
}
.com table.topic .coment, .com table.topic .title {
  text-align: left;
}
.com table.topic .pic {
  padding-bottom: 5px;
}
.com table.topic .pic table.img {
  width:82px;
  _width: 96px;
  height: 82px;
  _margin-top: 1px;
}
.com table.topic .pic table.img td {
  text-align:center;
  vertical-align:center;
}
.com table.topic .pic span {
  display: block;
  text-align: center;
}
