/*
shared style sheet nob original for tDiary.
*/

body {
	font-family: monospace,Courier,Osaka-等幅;
}

div.body-enter {
	font-size:90%;
	text-align:right;
}

div.section p a:link {
	text-decoration: underline;
}

div.msearch{
  margin-right:0.5em;
  text-align:right;
}

div.calendar{
  margin-right:0.5em;
  text-align:right;
}

div.selectsheet{
  text-align:right;
}

span.sn {
	font-size:80%;
	font-weight:normal;
	vertical-align:bottom;
}

div.hexe {
	text-align:right;
	clear:both;
}

div.top-ancor {
	visibility:hidden;
	margin:0;
	padding:0;
	height:0;
}

div.univ {
	visibility:hidden;
	width:0;
	height:0;
}

/*span.hidden-marker {
	cursor:help;
	border-width:0 0 1px 0;
	border-style:dotted;
	border-color:#ccc;
}*/

table.calendar {
/*	color:#000;
	background:#fff;*/
	margin-left:auto;
	margin-right:auto;
}

td.calendar-sunday {
	color:#f00;
	background-color:transparent;
}

td.calendar-saturday {
	color:#088;
	background-color:transparent;
}

.map-icon {
	border:none;
}

div.section q {
	color:#000;
	background:#ffc;
	border-width:0 0 1px 0;
	border-style:dotted;
	border-color:#f00;
}

div.section h4 {
	clear:both;
}

@media print {
	body {
		margin: 0px;
		padding: 0px;
		color: #000;
		background-color: #fff;
	}

	div.adminmenu { display: none; }
	div.comment   { display: none; }
	div.footer    { display: none; }
	div.main {
		margin-left: 1em;
		margin-right: 1em;
	}
	div.sidebar { display: none; }
	.nodisp { display: none; }
}

/*この中にiPhone用のデザインを記述する。以下は例。*/
@media screen and (max-device-width: 480px) {
   div.main {
      float: none;
      width: 100%;
   }
   div.commet textarea {
      width: 100%;
   }
   div.update textarea {
      margin: 0.5em;
      width: 100%;
   }
   div.title input {
      margin: 0.5em;
      width: 90%;
   }
   div.enikki input.enikki {
     margin:0.5em;
     width: 90%;
   }
}

@media screen and (max-device-width: 800px) {
     div.main {
      float: none;
      width: 100%;
   }
   div.commet textarea {
      width: 100%;
   }
   div.update textarea {
      margin: 0.5em;
      width: 100%;
   }
   div.title input {
      margin: 0.5em;
      width: 90%;
   }
   div.enikki input.enikki {
     margin:0.5em;
     width: 90%;
   }
}

@media screen and (max-device-width: 1024px) {
     div.main {
      float: none;
      width: 100%;
   }
   div.commet textarea {
      width: 100%;
   }
   div.update textarea {
      margin: 0.5em;
      width: 100%;
   }
   div.title input {
      margin: 0.5em;
      width: 90%;
   }
   div.enikki input.enikki {
     margin:0.5em;
     width: 90%;
   }
}