/* てんじん　ユーザー  */

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

.password {
	ime-mode: disabled;
}

.afterClear div:after{
	clear:both;
}

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

/* Body部分の囲みのタイトル */
.boxBodyTitle {
	font-size:medium;
	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部分の中の囲み */
.boxBody2{
	padding:2px;
	margin:16px 2px 2px 2px;
	font-size:80%;
}

/* Body部分の中の囲みのタイトル */
.boxBody2Title{
	font-size: 100%;
	font-weight: bold;
}

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

/* 付随的な説明 */
.boxAttendant{
	padding:2px;
	margin:2px;
	font-size:80%;
	color: gray;
}

/* 付随的な説明　強調 */
.boxAttendantStrong{
	padding:2px;
	margin:2px;
	font-size:80%;
	color: orange;
}

/* Body部分の中の囲み */
.boxMailForm{
	padding:2px;
	margin:2px;
	font-size:100%;
	line-height:150%;
	background-color: #CCFF99;
	border-color: #CCFF99;
	border-style: ridge;
	border-width: 3px;
}

/* 項目の強調 */
.boxStrong {
	font-weight: bold;
}

/* 項目の強調2 */
.boxStrong2 {
	font-weight: bold;
	color: red;
}

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

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

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

/* INFOの囲み */
.boxInfo {
	padding:4px;
	margin:2px;
}

/* INFO内の項目タイトル */
.boxInfoTitle {
	font-weight:bold;
}	

/* INFO内の記事の囲み */
.boxInfoMessage {
	padding:2px;
	margin:2px;
	font-size:80%;
}

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

/* メールの内容 */
.boxMailData{
	padding:2px;
	margin:2px;
	border: solid 1px #66CC66
}

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

/* サブメニュー */
.boxSubMenu {
	padding:2px;
	margin:2px;
}

/* サブメニューの分類見出し */
.boxSubMenuTitle {
	padding:2px;
	margin:2px;
	font-size:80%;	
}

/* フッター */
.boxFooter{
	text-align:center;
	padding:2px;
	margin:2px;
	font-size:80%;
}


/* サブメニューの項目 */
.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;
}

/* リンクをボタン風にする */
.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%;
}

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

/* ログインの入力ボックス部分 */
.loginBox{
	margin:4px;
	padding:5px 5px 5px 5px;
}

/* ログインのタイトル部分 */
.loginTitle{
	font-size:80%;
	padding:4px;
	margin:0px;
	font-weight:bold;
	color: black;
	background-color: #DEB887;
	border: solid 3px #996666;
}

.loginInput{
	background-color: #996666;	
	border: solid 2px #996666;	
}

/* ログインのタイトル フォームからログインの流れ */
.loginTitle2 {
	padding:3px 3px 1px 3px;
	margin:3px 2px 0px 2px;
	font-size:75%;
	font-weight:bold;
	color: white;
	background-color: #996666;
	width: 80%;
}

/* ログインの入力 */
.loginInput2 {
	padding:3px;
	margin:0px 2px 3px 2px;
	font-size:80%;
	border: solid 2px #996666;
	background-color: #DEB887;
}

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

/* パーツのタイトル */
.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;
}

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

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

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

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

/* 入力部分の項目部分 */
.boxMidashi{
	padding:2px 2px 1px 3px;
	margin:3px 2px 0px 2px;
	font-size:80%;
	font-weight:bold;
	color: white;
	background-color: #996666;
	width: 12em;
}

/* 入力部分の件名、本文の囲み */
.boxInputContent{
	padding:3px;
	margin:0px 2px 3px 2px;
	font-size:90%;
	border: solid 2px #996666;
	background-color:#F5F5F5;	
}

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

/* Body部分の中の囲み */
.topBody{
	padding:2px;
	margin:16px 2px 2px 2px;
	font-size:100%;
	background-color:#E0FFFF;
}

/* Body部分の中の囲みのタイトル */
.topBodyTitle{
	font-size: 100%;
	font-weight: bold;
	background-color:#7FFFD4;
}

.topContent{
	padding:2px;
	margin:2px 2px 2px 16px;
}