@charset "utf-8";
body *{
box-sizing:border-box;
}

body {
    font-size: 15px;
    color: #333;
    background-color: #f5f5f5;
}

body,td {
	margin-left:8%;
	margin-right:8%;
}

/* その他のスタイル */
div#body {
    background-color: #fff;       
    border: 1px solid #eee;
		padding:1em;
}
div#body img {
	max-width:800px;
	height:auto;
}
div#body table thead tr td {
	background: #000 !important;
	color:#fff;
}
div#body table tr td {
	background: #eee;
}
div#body table tr:nth-child(odd) td {
	background: #fff;
}
a:visited {
    color:#666;
}

a:hover {
	color:initial;
	background-color:initial;
	text-decoration:initial;
}

h1, h2 {
	background-color:#999999;
}

h3 {
	border-bottom:  3px solid #DDDDDD;
	border-top:     1px solid #DDDDDD;
	border-left:   10px solid #DDDDDD;
	border-right:   5px solid #DDDDDD;    
}

h4 {
	border-left:   18px solid #DDDDDD;    
}

h5, h6 {
	background-color:#D3D3D3;    
}

pre {
    line-height: 130%;    
	border-top:#DDDDEE 1px solid;
	border-bottom:#888899 1px solid;
	border-left:#DDDDEE 1px solid;
	border-right:#888899 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	white-space:pre;
    color: #333333;       
	background-color:#eeeeee;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

td.menubar {
	width:13em;
	vertical-align:top;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;      
}

div#menubar {
    max-width:360px;
}

div#menubar ul {
	margin:0px 0px 0px .4em;
	padding:0px 0px 0px .4em;
}

div#menubar ul li { line-height:initial; }

div#menubar h4 { font-size:110%; }

div#menubar h5 { margin-top:5px; }

div#toolbar {
    border-top: 1px solid black;    
}

div#related {
	font-size:90%;    
}

#body .htmltagcloud{
  font-size: 12px;
  line-height:340%;
}
.menubar .htmltagcloud{ 
  font-size: 6px;
  line-height:340%;
}

.menubar .htmltagcloud span{
  display: block;
}

.tagcloud0  { font-size: 100%;} 
.tagcloud1  { font-size: 110%;} 
.tagcloud2  { font-size: 120%;} 
.tagcloud3  { font-size: 130%;} 
.tagcloud4  { font-size: 140%;} 
.tagcloud5  { font-size: 150%;} 
.tagcloud6  { font-size: 160%;} 
.tagcloud7  { font-size: 170%;} 
.tagcloud8  { font-size: 180%;} 
.tagcloud9  { font-size: 190%;} 
.tagcloud10 { font-size: 200%;} 
.tagcloud11 { font-size: 210%;} 
.tagcloud12 { font-size: 220%;} 
.tagcloud13 { font-size: 230%;} 
.tagcloud14 { font-size: 240%;} 
.tagcloud15 { font-size: 250%;} 
.tagcloud16 { font-size: 260%;} 
.tagcloud17 { font-size: 270%;} 
.tagcloud18 { font-size: 280%;} 
.tagcloud19 { font-size: 290%;} 
.tagcloud20 { font-size: 300%;} 
.tagcloud21 { font-size: 310%;} 
.tagcloud22 { font-size: 320%;} 
.tagcloud23 { font-size: 330%;} 
.tagcloud24 { font-size: 340%;} 

textarea {
    font-size: 16px;
}

img {
     margin-bottom: 10px;
}

.menutable table {
	padding: 10px;
    width: 100%;
}

.menutable tr:nth-child(1) td:nth-child(1) {
    width: 120px;
}

/*
ドラッグ＆ドロップアップロード対応attachプラグイン用修正
*/
/* html.php/edit_form() */
.edit_form {
  clear:both;
}
/* ↓PukiWiki1.5.3から追加されたCSS定義
.edit_form textarea,.edit_form select {
  width:95%;
} */
.edit_form select {
    width: 90%;
}
#template_read {
    width: 9%;
}
.edit_form textarea {
    width: 100%;
    resize: vertical;
}

@media (max-width: 480px){
h1.title{
	font-size:16px;
}
div#body{
	margin:0;
	max-width:100%;
	box-sizing: border-box;
}
div#body img {
	max-width:100%;
	height:auto;
}
}