div.pico_date{
	text-align:right;
	font-size:.7em;
	padding:0 1em;
	}

div.pico_breadcrumbs{
	font-size				:95%;
	padding				:0 0 3px;
	border-bottom			:1px #aaa solid;}

.pico_body{
	margin				:0 -2px;
	padding				:15px 8px;}

div.pico_menu h1 { margin: 18px 0 0 0; padding: 3px; }
div.pico_menu h2 { margin: 18px 0 0 0px; padding: 3px;  }
div.pico_menu h3 { margin: 18px 0 0 10px; padding: 3px; }
div.pico_menu h4 { margin: 18px 0 0 20px; padding: 3px;  }
div.pico_menu h5 { margin: 18px 0 0 30px; padding: 3px;  }
div.pico_menu div.level1 { margin-left: 0; }
div.pico_menu div.level2 { margin-left: 0px; }
div.pico_menu div.level3 { margin-left: 10px; }
div.pico_menu div.level4 { margin-left: 20px; }
div.pico_menu div.level5 { margin-left: 30px; }

em.pico_notice { font-weight: bold; font-style: normal; color: #FF0000; }


div.pico_controllers_in_menu { float: right; position: relative; top : -1.5em;}

div.bottom_of_content_body { clear: right; }

ul.pico_list_contents li { list-style: none outside; }
ul.pico_list_contents_in_menu li { list-style: none outside; }

div.pico_print_icon { float: right; width: 40px; height: 40px; }
div.pico_tellafriend_icon { float: right; width: 40px; height: 40px; }
div.pico_vote form { display: inline; }

table.pico_pagenavigation { border-top: 1px #aaa solid; margin-top: 20px;}


table.pico_form_table th.pico_waiting { color: red; }
table.pico_form_table td.pico_waiting { color: red; background-color: white ; }

table.pico_form_table td,
table.pico_form_table th{
        color: black;
        vertical-align          :top !important;
        text-align                      :left;}
p.pico_submit{
        text-align                      :center;
        margin                          :0;
        padding                         :10px;}

input.pico_ascii_only { ime-mode: disabled; }
input.pico_number_only { ime-mode: disabled; text-align: right; }

pre.pico_history_diff del { color: red; }
pre.pico_history_diff ins { color: blue; }

div.pico_pagebreak { margin: 10px; }
div.pico_pagebreak span {border: 1px solid black; padding: 2px; margin: 2px; }
div.pico_pagebreak span.selected {border: 0px; }
/* ==========================================================
   コンテンツ全体を <div class="image"> でくくった場合の完全修正
   ========================================================== */

/* 1. くくっている div 自体に、文字が右にはみ出さないためのルールをかける */
div.image {
    word-break: break-all !important;
    overflow-wrap: break-word !important;
    width: 100% !important;
    display: block !important;
}

/* 2. パソコン・スマホ共通：中の画像だけを親の枠に合わせて100%まで拡大縮小させる */
div.image img {
    width: 100% !important;      /* 横幅を親要素いっぱいに広げる */
    max-width: 100% !important;  /* 絶対に枠線を突き抜けない */
    height: auto !important;     /* 縦横比を綺麗に保つ */
    display: block !important;   /* ブロック化して確実に適用 */
    margin: 15px auto !important; /* 画像の上下に余白を入れ、左右は中央寄せ */
}

/* 3. デスクトップ画面（画面幅が 768px 以上）の調整 */
/* 画像が巨大化して画質が荒れるのを防ぐため、画像だけに最大横幅（ブレーキ）をかけます */
@media screen and (min-width: 768px) {
    div.image img {
        max-width: 750px !important; /* デスクトップでは最大750pxで美しく表示 */
    }
}

/* 4. スマートフォン（画面幅が 767px 以下）の調整 */
@media screen and (max-width: 767px) {
    div.image {
        padding: 0 !important;      /* スマホでは全体の余白をゼロにして全幅確保 */
        margin: 0 !important;
    }
    div.image img {
        max-width: 100% !important;  /* スマホでは画面幅ぴったりにする */
    }
}