/* common */

html,body {
	margin: 0;
	padding: 0
}
body {
	color: #301303;
	font-size: medium;
	background-color: #B0D77D;
	font-family:sans-selif;
}
pre {
	margin: 1em;
	padding: 1em;
	border: 1px dashed #122CA0;
}
blockquote ,q{
	margin: 1em;
	padding:0.3em 1em;
	border: 1px solid #401200;
	background-color: #e7d7a0;
}
q{
	margin: 0;
	padding: 0.2em 0.3em;
	border-style: dashed;
}
p {
	text-indent: 1em;
	margin-right: 5px;
	line-height:1.3;
}
textarea { 
	font-family:sans-selif;
}
#container {
	margin: 0;
	padding: 0;
	width: 760px;
	background-color: #E6F1FF;
	background-image: url(http://www.asablo.jp/css/common2r/green/bg_01.gif);
	background-repeat:repeat
}
#head {
	margin: 0;
	color: #45651B;
	background-color: #EEF4AC;
	background-image: url(http://www.asablo.jp/css/common2r/green/h1bg.jpg);
	background-repeat: no-repeat;
	width: 760px;
	height: 150px;
	text-indent:1em;
	line-height:3.5;
	font-size:24px;
	font-weight:bold;
}
#head h1 {
	margin-top: 0;
	margin-left: 0;
	font-size:24px;
}
#head h1 a {
	color:#45651B;
	background-color: transparent;
}
#head h1 img {
         border: none;
}
#center {
	float: left;
	padding: 0;
	border: none;
	width: 580px;
}
#left {
	float: left;
	margin-left: 0;
	padding: 0;
	width: 180px;
}
#right {
	float: left;
	margin-left: 0;
	padding: 0;
	width: 180px;
}
#footer {
	clear:both;
	width: 760px;
	color: #122CA0;
	text-indent:1em;
}
#footer a img {
    border: none;
}
.sidebar {
	margin-top: 1em;
	margin-left: 5px;
	margin-right: 5px;
	height:100%;
}
#main {
	margin-top: 0;
	margin-left: 10px;
	margin-right: 5px;
	padding:0;
	background-color: #FAFFD8;
	background-image: url(http://www.asablo.jp/css/common2r/green/bg_02.gif);
	background-repeat:no-repeat
}
.msg {
	margin-bottom: 2em;
}
.msg-title {
	font-size: medium;
	color:#45651B;
	line-height:1.5;
	font-weight:bold;
	text-indent:4px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	border-bottom: 2px solid #B0D77D;
	margin-top: 0;
}
.msg-date {
	font-size: small;
	color:#7CB62F;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
}
.msg-body {
	padding-left:10px;
}
.msg-body h2 {
	padding-left: 1em;
	border-bottom: solid 1px #B1B1B1;
	border-left: solid 2px #B1B1B1;
}
.msg-body h3 {
	border-bottom: solid 1px #B1B1B1;
	margin: 1em 0 0 0;
	background-color: #daffd0;
	padding: 0.4em 1em 0.2em;
}
.msg-body h4 {
	border-bottom: dashed 1px #B1B1B1;
}
.msg-body p{
	margin: 0.2em 5px;

}
.msg-footer {
	text-align: right;
	font-size: small;
	padding-top: 2px;
	border-top: solid 1px #EEF4AC;
}
.comment-caption {
}
.date {
	font-size: small;
	color:#919191;
	line-height:1.5;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
}
.main {
	font-size: small;
	color:#333333;
	line-height:1.3;
	padding-bottom:20px;
}
.comments {
	font-size: small;
	color: #122CA0;
	line-height: 2;
}
.mod-caption {
	font-size: small;
	color:#45651B;
	line-height:1.3;
	font-weight:bold;
	text-align:left;
	padding-top:2px;
	padding-left:4px;
	background-color: #B5E872;
	margin-top: 16px;
}
.mod-message .mod-caption a {
	text-decoration: none;
	color: #45651B;
}
.mod-message .mod-caption a:hover {
	text-decoration: none;
	color: #45651B;
}
.mod-text {
	font-size: small;
	color:#333333;
	text-align: left;
	line-height: 1.3;
}
.mod ul {
	margin-left: 0;
	padding-left: 0;
}

.mod ul li {
	margin-left: 0;
	font-size: small;
	padding-left: 1em;
	list-style-type: none;
}
.calendar {
	font-size: x-small;
	border: none;
	width: 170px;
	height: 140px;
	text-align: center;
	background-color: #B5E872;
}
.calendar-title {
	font-size: small;
	color:white;
	line-height:1.3;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	background-color: #89B74E;
}
.calendar-sun-name {
	color: #FF854F;
}
.calendar-wday-name {
	color: #45651B;
}
.calendar-sat-name {
	color: #122ca0;
}
.calendar-row {
}
.calendar-cell {
	color:#555555;
	text-align:center;
	vertical-align: top;
}
.calendar a {
	font-weight: bold;
	text-decoration: underline;
}
a {
	text-decoration: none;
	color: #45651B;
}
a:hover {
	text-decoration: underline;
	color: #FFBA00;
}
.comment-caption {
	border-top: solid 1px #FFD271;
	padding: 0.5em 1em;
	font-weight: bold;
	font-size: small;
	border-bottom: none;
}
.comment-title {
	font-size: small;
	margin:4px;
	padding: 0.2em;
	color:#58401B;
	background-color: #EEF4AC;
}
.comment-body {
	font-size: small;
	padding: 0.2em 1em 0.7em 1em;
}
.comment-form {
	font-size: small;
	padding: 0.2em 1em 0.7em 1.2em;
}
.tb-caption {
	border-top: solid 1px #FFD271;
	padding: 0.5em 1em;
	font-weight: bold;
	font-size: small;
	border-bottom: none;
}
.tb-title {
	font-size: small;
	margin:4px;
	padding: 0.2em;
	color:#58401B;
	background-color: #EEF4AC;
}
.tb-url {
	padding: 0.5em 2em;
	font-size: small;
}
.tb-body {
	font-size: small;
	padding: 0.2em 1em 0.7em 1em;
}
.navi {
	width: 100%;
	text-align: right;
}
.navi-prev {
}
.navi-next {
}

/* end of stylesheet */
/* user area */
ul{
   margin-top:0.2em;
   margin-bottom:0.2em;
}
dl{
   border-color: brwon;
   border-style: solid;
   border-width: thin;
   margin: 1em;
}
dt{
 color:brwon;
 background-color:#e3d3c1;
 margin-left:0;
 padding: 0.2em 1em;
}
dd{
 color: black;
 background-color:white;
 padding: 0.2em 1em 0.2em 2em;
 margin-left:0;
}
dt:after{
	content: "：";
}
p{
   margin-top:1em;
   margin-bottom:1em;
}
p.site{
	margin-left: 1em;
	text-indent: 0;
	font-style:italic ;
}
table{
   margin-top:1.5em;
   background-color: white;
}
caption{
   margin-bottom: 0;
   padding-bottom:0;
}
th{
   text-align:center;
}
td{
   text-align:right;
}
div.offtopic {
	color:navy;
	background-color:#778899;
	font-style:normal;
	margin:0.5em;
	padding:0.5em 1em;
	border-color:#0000cd;
	border-style:solid;
	border-width:thin
}
div.offtopic p{
	margin:0;
	padding:0;
}
div.note,p.note,ul li p.note{
	color:#150022;
	background-color:#add8e6;
	font-style:normal;
	margin:0.5em;
	padding:0.5em 1em;
	border-color:#483d8b;
	border-style:solid;
	border-width:thin;
}
.note p{
	margin:0;
	padding:0;
}
.note p strong{
 color:red;
 font-size:1.2em;
 font-weight:bold;
}
p.idea{
	color: maroon;
	font-style:underline;
}


blockquote p{
   margin:0;
}
li p.note,li p{
   margin:0;
  padding:0;
   text-indent:0;
}
div.novel,div.story{
	color:black;
	background-color:#fafad2;
	font-style:normal;
	padding:0.5em 1em;
	border-color:#556b2f;
	border-style:solid;
	margin: 1em;
	border-width:thin;
	font-family: fantasy;
}
.novel p{
	
}
.example{
	background-color:#dddddd ;
	padding: 0.2em 1em;
	border-color: black;
	border-width: thin;
	border-style: ridge;
}
div.qa{
	border-color: #808000;
	border-width: thin;
	border-style: solid;
	background-color: #ffffd7;
	color:black;
	padding: 0.3em;
	margin:1em ;
}
p.q:before{
	content: "Q. ";
	color: red;
}
p.a:before{
	content: "A. ";
	color: blue;
}
p.q{
	color: #910000;
	margin: 1.2em;
	text-indent: -1em;
}
p.a{
	margin: 0.2em 2em;
	color: #004080;
	text-indent: -1em;
}
li p{
   padding-left:0;
   margin-left:0;
}
.caution{
   text-decoration:underline;
   colir:red
   background-color:#bce0fe;
}
div.ec-comment{
   padding:0.5em;
}
div.ec-comment p{
   margin: 0.3em 0 ;
   padding: 0;
   text-indent: 0;

}
div.ec-comment div.tanakahidetomi{
   padding:0.5em;
   color: black;
   background-color: #d9d579;
}
div.ec-comment div.itok{
   padding:0.5em;
   color: black;
   background-color: #9cca8e;
}
div.ec-comment div.yamagata{
   padding:0.5em;
   color: black;
   background-color:#99bbba;
}
div.ec-comment div.baatarism{
   padding:0.5em;
   color: black;
   background-color:#cbd9f5;
}
div.ec-comment div.zephyranthes{
    padding:0.5em;
    color: black;
   background-color:#c59ce9;
}

div.ec-comment div.matsuyama{
   padding:0.5em;
   color: black;
   background-color:#f79dda;
}
div.ec-comment div.sakai{
   padding:0.5em;
   color: black;
   background-color:#ffbbbb;
}
div.ec-comment div.kaiho{
   padding:0.5em;
   color: black;
   background-color:#f0dba2
}
strong.fight{
      color:red;
}
strong.other{
      color:blue;
}
ul.timeline li{
	margin-top:0.3em;
	padding-left: 8.5em;
	text-indent: -8.5em;
}
blockquote.comment p{
 text-indent:-1em;
  padding-left:2em;
}
blockquote.boxman h3{
 background-color:white;
 border-left:1em solid gray;
 border-bottom: thin solid gray;
 text-size:1.2em;
}
blockquote.boxman blockquote{
 background-color:#cbcee7;

}
/* end of user area */