/*  */

/*
 *　大枠の囲み
 */

/* Header部分の囲み */
.boxHeader{
	text-align:center;
	padding:2px;
	margin:2px;
}

/* SubMenu部分の囲み */
.boxSubMenu{
	padding:2px;
	margin:2px;
}

/* Body部分の囲み */
.boxBody{
	padding:2px;
	margin:2px;
}

/* Info部分の囲み */
.boxInfo{
	padding:2px;
	margin:2px;
}

/* Header部分の囲み */
.boxFooter{
	text-align:center;
	padding:2px;
	margin:2px;
	font-size:80%;
}

/* menuの囲み */
.boxMenu{
	font-size:80%;	
	padding:2px;
	margin:2px;
}

#menuLeft{
	float:left;
	width:200px;
}

#menu2{
	text-align:left;
	margin-left:5px;
	padding-top:15px;
	font-size:80%;
}

#menuBottom{
	clear:left;
}

/* ********************************************** */

/* パーツのタイトル */
.boxPartTitle {
	padding:3px 3px 1px 3px;
	margin:3px 2px 0px 2px;
	font-size:75%;
	font-weight:bold;
	color: white;
	background-color:#66CC66;
	width: 80%;
}

/* パーツの囲み */
.boxPart {
	padding:3px;
	margin:0px 2px 3px 2px;
	font-size:80%;
	border: solid 2px #66CC66;
	background-color:#E6F5FF;
}

/* ********************************************** */

/* パーツのタイトル */
.infoPartTitle {
	padding:3px 3px 1px 3px;
	margin:3px 2px 0px 2px;
	font-size:75%;
	font-weight:bold;
	color: white;
	background-color: #DDA0DD;
	width: 80%;
}

/* パーツの囲み */
.infoPart {
	padding:3px;
	margin:0px 2px 3px 2px;
	font-size:80%;
	border: solid 2px #DDA0DD;
	background-color:#E6E6FA;
}

/* ********************************************** */

/* プレビュー内の記事の囲み */
.boxPreviewTopic {
	padding:2px;
	margin:2px;
	border: none;
}

/* プレビュー部分の項目部分 */
.boxPreviewMidashi{
	padding:3px 3px 1px 3px;
	margin:3px 2px 0px 2px;
	font-size:100%;
	font-weight:bold;
	color: white;
	background-color: #996666;
	width: 20em;
}

/* プレビュー部分の件名、本文の囲み */
.boxPreviewContent{
	padding:3px;
	margin:0px 2px 3px 2px;
	width:99%;
	overflow:auto;
	font-size:100%;
	border: solid 2px #996666;
	background-color:#F5F5F5;	
}

/* ********************************************** */

/* コメントブロックのタイトル */
.boxCommentTitleW {
	width: 80%;
}
.boxCommentTitle {
	padding:3px 3px 1px 3px;
	margin:5px 2px 0px 2px;
	font-size:75%;
	font-weight:bold;
	color: black;
	background-color: #CCCCCC;
}

/* コメントの囲み */
.boxComments{
	padding:5px;
	margin: 0px 2px 2px 2px;
	border: solid 2px #CCCCCC;
}

/* コメントの囲み */
.boxComment{
	width:99%;
	overflow:auto;
	padding:2px;
	margin:2px 2px 6px 2px;
	border-bottom: solid 2px #CCCCCC;
	border-right: solid 2px #CCCCCC;
}

/* 検索結果の囲み */
.boxCommentSearch{
	width:97%;
	overflow:auto;
	padding:2px;
	margin:4px;
	border: solid 2px #CCCCCC;
}

/* コメントのタイトル部分 */
.commentTitle {
	font-weight:normal;
}

/* コメントの本文 */
.boxCommentContent {
	padding:2px;
	margin:2px;
	font-size:90%;
}

/* ********************************************** */

/* オフセット制御関係 */
.boxOffset {
	padding:2px;
	margin:2px;
	text-align:right;
	font-size:70%;
}

/* ********************************************** */

/* 記事の囲み */
.boxTopicContent{
	width:99%;
	overflow:auto;
	padding:2px;
	margin:2px;
	font-size:90%;
}

/* ********************************************** */

/* サブメニューの項目 */
.submenulikebtn A{
	display:block;
	padding: 3px 3px 3px 3px;	
	color: #000000;
  text-decoration : none;
  border-width : 3px;
  border-style : outset;  
  background-color : #CCFF66;
  border-color : #CCFF66;
  	font-size:80%;	
  font-weight : bold;
}
.submenulikebtn A:hover{
	padding: 3px 3px 3px 3px;	
	color: #000000;
  text-decoration : none;
  border-top-width : 3px;
  border-style : inset;
  background-color : #CCFF66;
  border-color : #CCFF66;
	font-size:80%;	
  border-width : 3px;
}

.submenuIndex{
	padding:1px;
}	

/* ********************************************** */

/* Body部分の囲みのタイトル */
.boxBodyTitle {
	padding:3px 3px 1px 3px;
	margin:3px 2px 0px 2px;
	font-weight:bold;
	color: black;
	background-color:#F5F5F5;
	width: 80%;
}

/* Body部分の囲み */
.boxBodyContent {
	padding:3px;
	margin:0px 2px 3px 2px;
	font-size:80%;
	border: solid 2px #F5F5F5;
	background-color: white;
}

/* Body部分の囲み */
.boxBodyContent2 {
	padding:3px;
	margin:0px 2px 3px 2px;
	border: solid 2px #F5F5F5;
	background-color: white;
}

/* 説明 */
.hpTopInfo {
	font-size: 80%;
}

.rss{
	font-size:90%;
	color:white;
	background-color:#F4A460;
	border: solid 2px #F5DEB3;    
}

/* ********************************************** */

/* ポイント表示部分 */
.boxPoint{
	background-color:#FFFF99;
	margin-bottom:2px;
	padding:2px;
	border: 1px dashed #FF0000;
}

/* ポイント制御部分 */
.btnPoint{
	margin-bottom:1px;
	padding:2px;
	border: 1px solid red;
}
.btnPoint2{
	margin-bottom:1px;
	padding:2px;
	border: 3px solid red;
}

/* 評価の部分の見出し */
.evalMessage{
	font-size:12pt;
	font-weight:bold;
	padding-top:2px;
	padding-left:2px;
}

.totalPoint{
	font-size:90%;
	font-weight:bold;
}

.etcPoint{
	font-size:70%;
}

/* ********************************************** */

/* 注意書き */
.smallNote{
	font-size:70%;
	color:orange;
}

/* 記事のURLタイトル部分 */
.titleUrl{
	font-size:12pt;
	background-color:#CCFF66;
	width:378px;
	overflow-x:auto;
}

/* コメント部分 */
.comment{
	font-size:10pt;
	margin:3px;
	width:376px;
	line-height:120%;
	overflow:auto;
}

/* ********************************************** */

/* 分野の階層 */
.categoryDir{
	font-weight:bold;
	margin:3px;
	padding:3px;
	background-color:#E6E6FA;
}

/* ********************************************** */

/* 記事の囲み */
.boxTopic{
	padding:5px;
	margin:2px;
	border: solid 2px #CCCCCC
}

/* 記事制御関係の囲み */
.boxTopicCtrl{
	text-align: right;
	font-size:65%;
}


/* コメントの制御の囲み */
.boxCommentCtrl{
	text-align: right;
	font-size:65%;	
	padding:2px;
	margin:2px;
}

/* 記事リストの囲み */
.boxContents{
	border: ridge 5px #808080;
}

/* ツリー表示の囲み */
.boxTopicTree {
	padding:2px;
	margin:2px;
	font-size:80%;
	border: solid 1px #66CC66
}

/* ツリーのひとつひとつの囲み*/
.boxTopicLeaf {
	padding:2px;
	margin:2px;
	border: solid 1px #66CC66
}

/* ツリーのひとつひとつの囲み（通常）  */
.boxTopicLeafNormal {
	padding:2px;
	margin:2px;
	border: solid 1px #66CC66
}

/* ツリーのひとつひとつの囲み（強調）  */
.boxTopicLeafStrong {
	padding:2px;
	margin:2px;
	font-weight:bold;
	border: solid 1px #66CC66
}

/* BODY部分におけるボタンの囲み */
.boxBodyButton {
	padding:2px;
	margin:2px;
}

/* 見出し関係 */
.title {
	font-weight:bold;
	font-size:medium;
}

/* 制御ブロック内の情報部分 */
.ctrlFormInfo{
	padding:2px;
	margin:2px;
	font-size:80%;
	color:#FF9900;
	border: solid 1px #66CC66
}

/* エラーボックス */
.boxError {
	color: #ff0000;
}

/* リンクをボタン風にする */
.likebtn A{
	margin: 3px;
	padding: 3px 3px 3px 3px;	
  	color: #000000;
  text-decoration : none;
  border-width : 3px;
  border-style : outset;  
  background-color : #CCCCCC;
  border-color : #C0C0C0;
  font-weight : bold;
  	height:120%;	
	line-height:120%;
}
.likebtn A:hover{
	margin: 3px;
	padding: 3px 3px 3px 3px;	
	color: #000000;
  text-decoration : none;
  border-top-width : 3px;
  border-style : inset;
  background-color : #C0C0C0;
  border-color : #C0C0C0;
  border-width : 3px;	
  	height:120%;
	line-height:120%;
}

/* リンク画像をボタン風にする */
.likebtnI a{
	margin: 0px;
	padding: 0px;	
  	color: #000000;
  text-decoration : none;
  border-width : 2px;
  border-style : outset;  
  border-color : #C0C0C0;
}
.likebtnI a:hover{
	margin: 0px;
	padding: 0px;	
	color: #000000;
  text-decoration : none;
  border-style : inset;
  border-color : #C0C0C0;
  border-width : 2px;	
}

/* ログイン部分 */
#inputOpenId{
	width:120px;
	background: #FFFFFF url('image/login-bg.gif') no-repeat scroll 0pt 50%;
	padding-left: 18px;
}

#formOpenId{
	display:inline;
}