/* haiku.css (2023-10-20 16:48:29) --- generated by mkcss.php */

#frame { margin-left: auto; margin-right: auto; width: 767px;  }
@media screen and (max-width:767px) {
#frame { width: 100%;  }
}
body { background-color: white; color: black;  }
.tategaki { -webkit-writing-mode: vertical-rl ; -ms-writing-mode: tb-rl ; writing-mode: vertical-rl ; letter-spacing: 0.2em ; text-align: left ;  }
.topinfo { padding: 4px; margin: 4px; font-size: 0.8em; color: gray;  }
.local { background-color: yellow; color: black; font-size: 0.8em; float: left; position: fixed; top: 0px; left: 60px;  }
#title_div { background-color: #c0c0c0; margin: 0; padding: 0; height: 50px; width: 100%; background-image: url(image/wallpaper/ayame.png);  }
.title_btn { float: right; background-color: gray; width: 50px; height: 50px;  }
.menu {  }
.menu ul { padding: 0; margin: 0; list-style-type: none;  }
.menu ul li { text-align: right; margin: 2px;  }
.menu ul li a { width: 200px; border-bottom: solid 1px silver;  }
h1 { background-color: rgba(255, 100, 255, 0.9); color: black; padding: 8px;  }
h2 { border-bottom: solid 1px silver;  }
h4 { border-bottom: solid 1px silver; margin: 8px; font-size: 1.2em;  }
.error_box { margin: 8px; padding: 1em; font-size: 1.3em; color: black; border: solid 1px red; background-color: rgb(255, 230, 230);  }
.error_box h2 { color: red;  }
#login_form { margin: 8px; padding: 24px; border: solid 1px silver;  }
#login_form legend { color: gray;  }
#item_show-send_fav {  }
#item_show-send_fav form { padding: 12px;  }
.box { margin: 0px; padding: 8px; border: solid 1px silver; background-image: url(image/wallpaper/sakura.png);  }
.box p { font-size: 1em; padding: 0.5em;  }
p.clear { margin: 0; padding: 0;  }
.box_n { margin: 4px; padding: 10px;  }
.button_box { margin: 8px; padding: 8px; text-align: center; border: 1px solid silver; font-size: 0.9em; line-height: 2.8em; background-color: #fff0ff;  }
.infobox { margin: 8px; padding: 8px; border: solid 1px silver; color: gray;  }
.kaisetu { color: gray; padding: 12px; padding-bottom: 20px;  }
.error { color: red;  }
.msgbox { margin: 12px; padding: 1em; color: black; border: solid 1px silver;  }
.msgbox h2 { color: gray;  }
.clear { clear: both;  }
#item_post {  }
#item_post textarea { width: 99%;  }
#item_show { padding: 0px;  }
.box_border { padding: 12px; margin: 12px; border: 1px solid silver; background-image: url(image/wallpaper/sakura.png);  }
.haiku_body { padding: 12px 12px 12px 30px; margin: 12px; background-color: white; border-radius: 4px; line-height: 2em; font-size: 1.4em;  }
.haiku_date { font-size: 0.7em; color: gray; text-align: right;  }
.itemlist {  }
.itemlist .box { align-items: center; letter-spacing: normal; border: 1px solid silver; margin: 8px; padding: 2px; background-color: #ffffff; font-size: 1.1em; height: 380px; width: 340px;  }
.itemlist .box .box-top { border-bottom: 1px silver solid; margin: 0px; padding: 0px;  }
.itemlist .box a { text-decoration: none; color: black;  }
.itemlist .box .body { line-height: 1.9em; padding: 1.5em; margin: 0px;  }
.itemlist .box .long_line { font-size: 0.9em;  }
.itemlist .box .info { font-size: 0.8em; color: gray; text-align: right;  }
.itemlist .box .info span { font-size: 0.7em; color: silver;  }
.itemlist .box .theme_title { border-bottom: 1px dotted silver; font-size: 0.9em; padding: 6px; overflow-wrap: break-word;  }
.itemlist .box .theme_title a { color: gray;  }
.itemlist .box .more { background-color: #f0f0f0; text-align: center; font-size: 0.8em; padding: 0.1em;  }
.itemlist .box .more a { display: block; color: #804040;  }
.show_box { padding: 8px;  }
.sensei { font-size: 0.8em; color: silver;  }
#point_sel { height: 2.6em;  }
.comment_box { border-left: 20px solid #f0f0f0; border-bottom: 1px solid #c0c0c0; padding: 8px; margin: 4px;  }
.comment_box .info { text-align: right; color: gray;  }
.comment_box .info a { text-decoration: none; color: #404090;  }
.infoline { color: silver; font-size: 0.8em;  }
.users_list { line-height: 3em ;  }
.edit_right { text-align: right; font-size: 0.8em; border-top: 1px dotted silver; margin-top: 6px; padding-top: 6px;  }
.star { color: orange ; font-size: 0.8em ;  }
.theme_box { background-color: white; padding: 0.5em; font-size: 1.1em;  }
.theme_box .title_line { border-bottom: 1px solid silver; font-weight: bold; font-size: 1.1em;  }
.theme_box .body { padding: 1em;  }
#bbsform {  }
#bbsform textarea { width: 99%;  }
.bbs_box {  }
.bbs_box bbs_line { font-size: 1em;  }