@charset "UTF-8";
/* for jot style, created by MEGU */

/* +++  JOT FORM SECTION +++ */
img {
	border:0px none transparent;
}
form fieldset {
	border:0px;
}
.jot_form_sec{
	margin-bottom:1em;
}
.jot_form_sec h3{
}
.jot_form_sec form{
	margin-bottom:1em;
}
.jot_form_sec .jot-err {
	border: 1px solid red;
	font-weight: bold;
	color: red;
	padding: 5px;
	margin-bottom: 10px;
}
.jot_form_sec .jot-cfm {
	border: 1px solid green;
	font-weight: bold;
	color: green;
	padding: 5px;
	margin-bottom: 10px;
}
.jot_form_sec .jot-mode {
	margin:0px 24px 1em 48px;
	background-color:#022;
	border:1px solid #066;
	padding:8px;
}
.jot_form_sec .jot-mode dl {
	margin:0px;
}
.jot_form_sec .jot-mode dl dt {
  margin: 0px;
  display: block;
  clear: left;
  float: left;
  width: 10em;
}
.jot_form_sec .jot-mode dl dd {
  margin: 0px;
  margin-left: 11em;
}
.jot_form_sec form {
	clear:left;
}
.jot_form_sec form legend {
	display:none;
}
.jot_form_sec form .required {
	color:#c00;
	font-weight:bold;
}
.jot_form_sec form dl {
 color: #ccc;
 line-height: 1em;
 overflow: auto;
 margin: 0px 16px 0px 40px;
}
.jot_form_sec form dl dt {
 font-weight: normal;
 /* for macIE \*/
 float: left;
 clear: left;
 width: 10em;
 /*  */
 padding: 0.75em 0.5em 0.5em;
 display: block;
}
.jot_form_sec form dl dd {
	margin:0px;
	/* for macIE \*/
	margin-left:10.25em;
	/*  */
	padding:0.5em;
	display:block;
}
/* for winIE \*/
* html div.formstyle dl dd {
	margin:0px 0px 0px 10.5em;
}
/*  */
.jot_form_sec form input {
 color: #eee;
 background-color: #333;
 width: 95%;
 line-height: 1em;
 padding: 0.25em;
	border:0px;
}
.jot_form_sec form textarea {
 color: #eee;
 background-color: #333;
 width: 95%;
 line-height: 1em;
 padding: 0.25em;
	border:0px;
}
/*  \*/
* html .jot_form_sec form textarea {
 width: 300px;
}
* html .jot_form_sec form input {
 width: 300px;
}
/*  */

.jot_form_sec form dl dd ul li{
	margin-bottom:0.5em;
	list-style:none;
}
.jot_form_sec form dl dd.vericode ul li img{
 border: 3px solid #066;
}
.jot_form_sec form dl dd.vericode ul li input{
 width: 145px;
 margin-left: 3px;
}
/*  \*/
* html div.formstyle dl dd.vericodeimg ul li input {
	width:148px;
}
/*  */
.jot_form_sec form dl dt.submit {
	display:none;
	/* for MacIE \*/
	display:block;
	border:0px;
	/*  */
}
.jot_form_sec form dl dt.submit {
display:none;
}
.jot_form_sec form dl dd.submit {
	padding-left:1.5em;
	border-top-color:#006;
}
.jot_form_sec form dl dd.submit label {
display:none;
}
.jot_form_sec form dl dd.submit input {
 font-weight: bold;
 width: 4em;
 padding: 0.5em;
	margin-right:8px;
}

/* +++ JOT SUBSCRIPTION SECTION +++ */
.jot_subscribe_sec {
}

/* +++ JOT MODERATION SECTION +++ */
.jot_mode_sec {
}

/* +++ JOT NAVIGATION SECTION +++ */
.jot_nav_sec {
}
.jot_nav_sec ul li{
	display:inline;
}

/* +++ JOT COMMENT LIST SECTION +++ */
.jot_comment_sec {
 clear:both;
 color: #ccc;
 margin: 0px 36px;
}
.jot_comment_sec p {
	margin:0px;
}
.jot_comment_sec ul {
	margin:0px;
}

.jot_comment_sec .jot-row {
	background-color: #222;
	margin-bottom: 10px;
	border: 1px solid #666;
	padding: 5px;
}
.jot_comment_sec .jot-row-alt {
	background-color: #333;
}
.jot_comment_sec .jot-row-author { /* manager */
	background-color: #220;
}
.jot_comment_sec .jot-row-me { /* oneself */ 
	background-color: #300;
}
.jot_comment_sec .jot-row-up { /* unpublished */
	border: 1px dotted red;
}
.jot-row-new { /* これなんでしょう？ */
	border: 1px dotted green;
}
.jot_comment_sec .jot-comment-no {
 float: left;
 font-weight: bold;
 font-style: italic;
 width: 3em;
}
.jot_comment_sec .jot-row h4{
 float: left;
 width: 360px;
 margin-left: 0px;
}
.jot_comment_sec .jot-row h4 img{
	vertical-align:bottom;
	margin-right:3px;
}
.jot_comment_sec p.jot-posted-date{
  clear: both;
  text-align: right;
  margin-top: 2px;
}
.jot_comment_sec ul.jot-postedby {
	float:left;
	width:76px;
	margin-top:-12px;
}
.jot_comment_sec ul.jot-postedby li{
	list-style:none;
	line-height:1em;
}
.jot_comment_sec hr {
	clear:left;
	margin-top:8px;
	border: 1px solid #666;
}

.jot_comment_sec .jot-mod {
	float:right;
	width:40px;
}
.jot_comment_sec .jot-mod img {
	margin-right:4px;
}
.jot_comment_sec .jot-mod-edit {
	float:right;
	width:20px;
}
.jot_comment_sec .jot-mod-edit img {
	margin-right:4px;
}
.jot_comment_sec div.jot-message {
	margin:8px 16px 8px 84px;
	padding-top:8px;
	padding-bottom:16px;
	border-top:1px solid #000;
}
.jot_comment_sec .jot-message p {
	margin:0px 8px;
}
.jot_comment_sec .footer {
	clear:left;
	text-align: right;
	font-style:italic;
	margin-right:1em;
}

.jot_comment_sec .jot-editby {
	clear:left;
	text-align: right;
	font-style:italic;
	margin-right:1em;
}

.jot-extra {
	text-align: right;
	font-style:italic;
	margin-right:1em;
}
.jot-extra ul {
	list-style:none;
}
/*

.jot-mod a:hover {background-color: #666666;color: #666666;}
 {padding: 2px;overflow: auto;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-subscribe {margin-bottom: 10px;}
.jot-user {float: left;width: 80px; }
.jot-content {margin-left: 80px;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;} */