@charset "Shift_JIS";

pre, dl, ol, p, blockquote { line-height:1.6; }

blockquote { margin-left:32px; }

@font-face {
   font-family: CACChampagneBold50;
   src: url('CACChampagneBold50.ttf') format("truetype");
}
@font-face {
   font-family: CAC Champagne;
   src: url('cac_champagne.ttf') format("truetype");
}
@font-face {
   font-family: 01FLOPDESIGN;
   src: url('01FLOPDESIGN.otf') format("opentype");
}

body {
  color:#222222;
  background-color:#b9d08b;
  margin-left:2%;
  margin-right:2%;
  font-size:102%;
  line-height:1.6;
}

td {
  color:#555555;
  background-color:#b9d08b;
  margin-left:2%;
  margin-right:2%;
  font-size:97%;
  line-height:1.43;
}

body {
    margin: 0 auto;
     max-width: 950px;
}

body, input, textarea {
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",  "Meiryo",  "verdana",  sans-serif;
	}

a:link {
	color:#007b43;
	background-color:inherit;
	text-decoration:none;
}

a:active {
	color:#007b43;
	background-color:inherit;
	text-decoration:none;
}

a:visited {
	color:#007b43;
	background-color:inherit;
	text-decoration:none;
}

a:hover {
	color:#e9546b;
	background-color:inherit;
	text-decoration:none;
}

h1 {
	font-size:22px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",  "Meiryo",  "verdana",  sans-serif;
	color: #007b43;
	background-color:#DCEA96;
	padding:5px 7px 2px 12px;
	margin:5px 12px 9px 12px;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #aaaaaa solid;
	border-radius: 5px;
}
h2 {
	font-size:20px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",  "Meiryo",  "verdana",  sans-serif;
	color: #007b43;
	background-color:#DCEA96;
	padding:5px 7px 2px 12px;
	margin:5px 12px 9px 7px;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #aaaaaa solid;
	border-radius: 5px;
}
h3 {
	font-size:18px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",  "Meiryo",  "verdana",  sans-serif;
  	color: #007b43;
	background-color:#DCEA96;
	padding:5px 7px 2px 12px;
	margin:5px 12px 9px 7px;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #aaaaaa solid;
	border-radius: 5px;
}

/* h4 {
	font-family:verdana, arial, helvetica, Sans-Serif;
	border-left:   18px solid #DDEEFF;

	color:inherit;
	background-color:#FFFFFF;
	padding:.3em;
	margin:0px 0px .5em 0px;
} */

h4 {
    font-size: 16px;
    	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",  "Meiryo",  "verdana",  sans-serif;
    color: #007b43;
background-color:#DCEA96;
padding: 5px 7px 2px 12px;
margin: 5px 12px 9px 7px;
border-right: 1px #cccccc solid;
border-bottom: 1px #aaaaaa solid;
    border-radius: 5px;
}
h5 {
    font-size: 18px;
    	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",  "Meiryo",  "verdana",  sans-serif;
    color: #007b43;
background-color:#DCEA96;
padding: 5px 7px 2px 12px;
margin: 5px 12px 9px 7px;
border-right: 1px #cccccc solid;
border-bottom: 1px #aaaaaa solid;
    border-radius: 5px;
}
h6 {
    font-size: 17px;
    	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",  "Meiryo",  "verdana",  sans-serif;
    color: #007b43;
background-color:#DCEA96;
padding: 5px 7px 2px 12px;
margin: 5px 12px 9px 7px;
border-right: 1px #cccccc solid;
border-bottom: 1px #aaaaaa solid;
    border-radius: 5px;
}

h1.title {
	font-size: 30px;
	font-weight:bold;
	background-color:transparent;
	padding: 18px 0px 0px 0px;
	border: 0px;
	margin: 12px 0px 0px 0px;
}

dt {
	font-weight:bold;
	margin-top:1em;
	margin-left:1em;
}

/*  pre {
	border-top:#E0EBAF 1px solid;
	border-bottom:#999999 1px solid;
	border-left:#E0EBAF 1px solid;
	border-right:#999999 1px solid;
	padding:.5em;
	margin-left:1em;
	margin-right:2em;
	white-space:pre;
	color:#555555;
	background-color:#E0EBAF;
}  */

pre {
    overflow: auto;
    word-wrap: normal;
    background-color:#e6f7e7;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 .5em #ccc;
    padding: .7em 1em;
    font-size: 90%;
    line-height:1.5;
}

img {
	border:none;
	vertical-align:middle;
}

ul {
	margin-top:.5em;
	margin-bottom:12px;
	padding-bottom:12px;
	line-height:1.43;
}

em { font-style:italic; }

strong { font-weight:normal; }

thead td.style_td,
tfoot td.style_td {
	color:inherit;
	background-color:#B9D08B;
}
thead th.style_th,
tfoot th.style_th {
	color:inherit;
	background-color:inherit;
}
.style_table {
    padding: 0px;
    border: 0px;
    margin: 0;
    text-align: left;
    color: inherit;
    background-color: #ccd5dd;
}

.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}
.style_td {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#E4EAC7;
}

ul.list1 { list-style-type:disc; }
ul.list2 { list-style-type:circle; }
ul.list3 { list-style-type:square; }
ol.list1 { list-style-type:decimal; }
ol.list2 { list-style-type:lower-roman; }
ol.list3 { list-style-type:lower-alpha; }

div.ie5 { text-align:center; }

span.noexists {
	color:inherit;
	background-color:#inherit;
}

.small { font-size:85%; }

.super_index {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:65%;
	vertical-align:super;
}

a.note_super {
	color:#E597B2;
	background-color:inherit;
	font-weight:bold;
	font-size:9px;
	vertical-align:super;
}

div.jumpmenu {
	font-size:20%;
	text-align:right;
}

hr.full_hr {
	border-style:ridge;
	border-color:#333333;
	border-width:0px 0px;
}
hr.note_hr {
	width:90%;
	border-style:ridge;
	border-color:#333333;
	border-width:0px 0px;
	text-align:center;
	margin:12px auto 0em auto;
}

span.size1 {
	font-size:xx-small;
	line-height:125%;
	text-indent:0px;
	display:inline;
}
span.size2 {
	font-size:x-small;
	line-height:125%;
	text-indent:0px;
	display:inline;
}
span.size3 {
	font-size:small;
	line-height:125%;
	text-indent:0px;
	display:inline;
}
span.size4 {
	font-size:medium;
	line-height:125%;
	text-indent:0px;
	display:inline;
}
span.size5 {
	font-size:large;
	line-height:125%;
	text-indent:0px;
	display:inline;
}
span.size6 {
	font-size:x-large;
	line-height:125%;
	text-indent:0px;
	display:inline;
}
span.size7 {
	font-size:xx-large;
	line-height:125%;
	text-indent:0px;
	display:inline;
}

/* html.php/catbody() */
strong.word0 {
	background-color:#FFFF66;
	color:black;
}
strong.word1 {
	background-color:#A0FFFF;
	color:black;
}
strong.word2 {
	background-color:#99FF99;
	color:black;
}
strong.word3 {
	background-color:#FF9999;
	color:black;
}
strong.word4 {
	background-color:#FF66FF;
	color:black;
}
strong.word5 {
	background-color:#880000;
	color:white;
}
strong.word6 {
	background-color:#00AA00;
	color:white;
}
strong.word7 {
	background-color:#886800;
	color:white;
}
strong.word8 {
	background-color:#004699;
	color:white;
}
strong.word9 {
	background-color:#990099;
	color:white;
}

/* html.php/edit_form() */
.edit_form { clear:both;
	padding:7px 0px 0px 15px; 
}

/* pukiwiki.skin.php */
div#header {
	padding:0px;
	margin:0px;
	height:90px;
}

div#navigator {
	clear:both;
	padding:5px 0px 5px 2px;
	margin:7px 0px 0px 5px;
	font-size:14px;
	font-family:'01FLOPDESIGN';
	background-color:#88CB7F;
	color:#88CB7F;
	border-radius: 5px;
}

div#contents {
    display: table;                     /* 表示をテーブル（TABLE要素）同様にする */
    table-layout: fixed;                /* テーブル列幅固定 */
    border-spacing: 5px; 0;             /* 隣接セル間隔：左右8ピクセル */
    width: 100%;                        /* 幅100％ */
}

td.menubar {
	width:98%;
	vertical-align:top;
}

div#menubar {
              vertical-align: top;
	width:98%;
	padding:0px 5px 5px 5px;
	margin:0px 5px 0px 0px;
	background-color:#e0ebaf;
	border-radius: 5px;
	word-break:break-all;
	font-size:14px;
	overflow:hidden;
}

div#menubar p {
	padding:0px 5px 0px 5px;
	margin:5px 0px 0px 0px;
	font-size:14px;
	font-family:'01FLOPDESIGN';
}

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

div#menubar ul li  { line-height:135%;
	font-family:'01FLOPDESIGN',verdana, arial, helvetica, Sans-Serif; }


div#menubar h4 {
	font-size:16px;
	font-family:'01FLOPDESIGN',verdana, arial, helvetica, Sans-Serif;
	color: #007b43;
	background-color:#c7dc68;
	padding:7px 7px 7px 11px;
	margin:5px 0px 0px 0px;
	border-right: 1px #cccccc solid;
	border-bottom: 1px #aaaaaa solid;
	border-radius: 5px;
}

div#body {
              display: table-cell;
	padding:5px 7px 3px 7px;
	margin:0px 0px 0px .5em;
	background-color:#E4EAC7;
	border-radius: 10px;
	box-shadow: 0px 0px 7px 5px rgba(0, 0, 0, .2);
	width: 79%; 
}

div#body p {
	padding:0px 18px 7px 18px;
	font-size:17px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ",  "Meiryo",  "verdana",  sans-serif;
	line-height: 1.6;
}

div#note {
	clear:both;
	padding:0px;
	margin:0px;
}

div#attach {
	clear:both;
	padding:0px;
	margin:0px;
}

div#toolbar {
	clear:both;
	padding:0px;
	margin:0px;
	text-align:right;
}

div#lastmodified {
	font-size:12px;
	padding:0px;
	margin:9px 0px 0px 0px;
}

div#related {
	font-size:85%;
	padding:5px 0px 0px 0px;
	margin:16px 0px 0px 0px;
}

div#footer {
	font-size:70%;
	padding:0px;
	margin:39px 0px 0px 0px;
}

div#banner {
	float:right;
	margin-top:24px;
}

div#preview {
	color:inherit;
	background-color:#C7DC68;
}

img#logo {
	float:left;
	margin-right:20px;
}

/* aname.inc.php */
.anchor {}
.anchor_super {
	font-size:xx-small;
	vertical-align:super;
}

/* br.inc.php */
br.spacer {}

/* calendar*.inc.php */
.style_calendar {
	padding:0px;
	border:0px;
	margin:3px;
	color:inherit;
	background-color:#CCD5DD;
	text-align:center;
}
.style_td_caltop {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	font-size:80%;
	text-align:center;
}
.style_td_today {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFFFDD;
	text-align:center;
}
.style_td_sat {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5FF;
	text-align:center;
}
.style_td_sun {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#FFEEEE;
	text-align:center;
}
.style_td_blank {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_day {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEF5FF;
	text-align:center;
}
.style_td_week {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#DDE5EE;
	font-size:80%;
	font-weight:bold;
	text-align:center;
}

/* calendar_viewer.inc.php */
div.calendar_viewer {
	color:inherit;
	background-color:inherit;
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:10px;
}
span.calendar_viewer_left {
	color:inherit;
	background-color:inherit;
	float:left;
}
span.calendar_viewer_right {
	color:inherit;
	background-color:inherit;
	float:right;
}

/* clear.inc.php */
.clear {
	margin:0px;
	clear:both;
}

/* counter.inc.php */
div.counter { font-size:70%; }

/* diff.inc.php */
span.diff_added {
	color:blue;
	background-color:inherit;
}

span.diff_removed {
	color:red;
	background-color:inherit;
}

/* hr.inc.php */
hr.short_line {
	text-align:center;
	width:85%;
	border-style:solid;
	border-color:#333333;
	border-width:1px 0px;
}

/* include.inc.php */
h5.side_label { text-align:center; }

/* navi.inc.php */
ul.navi {
	margin:0px;
	padding:0px;
	text-align:center;
}
li.navi_none {
	display:inline;
	float:none;
}
li.navi_left {
	display:inline;
	float:left;
	text-align:left;
}
li.navi_right {
	display:inline;
	float:right;
	text-align:right;
}

/* new.inc.php */
span.comment_date { font-size:x-small; }
span.new1 {
	color:red;
	background-color:transparent;
	font-size:x-small;
}
span.new5 {
	color:green;
	background-color:transparent;
	font-size:xx-small;
}

/* popular.inc.php */
span.counter { font-size:70%; }
ul.popular_list {
}

/* recent.inc.php,showrss.inc.php */
ul.recent_list {
}

/* ref.inc.php */
div.img_margin {
	margin-left:32px;
	margin-right:32px;
}

/* vote.inc.php */
td.vote_label {
	color:inherit;
	background-color:#FFCCCC;
}
td.vote_td1 {
	color:inherit;
	background-color:#DDE5FF;
}
td.vote_td2 {
	color:inherit;
	background-color:#EEF5FF;
}

@media (max-width: 800px) {             /* 横幅800ピクセル以下のデバイス */
    div#contents {
        display: table;                 /* 表示をテーブル（TABLE要素）同様にする */
        table-layout: fixed;            /* テーブル列幅固定 */
        border-spacing: 7px; 0;         /* 隣接セル間隔：左右8ピクセル */
        width: 100%;                    /* 幅100％ */
    }

div#menubar {
	padding:0px 5px 5px 5px;
	margin:0px 5px 0px 0px;
	background-color:#e0ebaf;
	border-radius: 5px;
	word-break:break-all;
	font-size:14px;
	overflow:hidden;
}

    
div#body {
        display: table-row-group;       /* 表示をテーブルボディ（TBODY要素）同様にする */
        width: 100%;                    /* 幅100％ */
    }
}

/* ページ本体の画像のレスポンシブ設定 */
div#body img {
    max-width: 100%;                    /* 幅の最大値を100％指定 */
    height: auto;            
    }