body	{background:#e7e9e4 url(../hhh/bg_nana10.jpg);font:16px/1.5 "Meiryo",sans-serif; text-align:center; margin-top:15px}
body.gray{background:#e7e9e4}
body.f	{margin:0}

h4	{color:#666600; border-bottom:solid 1px #cccc99; margin-top:0; margin-bottom:2px; padding-left:6px}	
input,input[type="text"],input[type="password"],select{font-size:16px}
input#mm	{display:none}
iframe	{border:0; width:100%; height:100%; top:0; left:0; position:absolute}


form,ul	{margin:0 0 0 -14px}
td	{border:solid 1px #cccccc; padding:4px}

hr	{border:1px solid #999900; clear:both}
.in11{background:#ffffff; font-size:16px; border:solid 1px #999900}
.in10{background:#ffffff; font-size:14px; border:solid 1px #999900}
.in09{background:#ffffff; font-size:12px; border:solid 1px #999900}
.checkbox {border:0}

a	{text-decoration:none}
a:link,a:visited{color:#408000}
a:hover,a:active{color:#ff33ff; text-decoration:underline}

.area	{text-align:left; margin:auto; width:760px}
.tbl	{background:#ffffff}
.imgtd	{text-align:center; vertical-align:top; width:120px; cursor:pointer}
.imgtd:hover{background:linear-gradient(to top,#f3f 0,#fff 1px)}
.page	{font-family:Verdana,Century,Helvetica,Arial; padding:4px 0 0 12px;}
.t_col	{background:url(../hhh/rhoso2y.gif) repeat-x bottom; color:#999900; font-weight:bold; font-size:18px; text-align:center; margin:-24px 0 0;padding-bottom:8px}
.e_col	{background:#ffffff; color:#cc0000; padding:18px; border:solid 2px #999900; margin:auto; width:350px}
.sub_col{color:#cc0000; font-weight:bold}

.br		{display:none}
span.c,span.u	{background:#fff; color:#060; text-align:center; font-size:9pt; width:3em;padding:0 0.2em;border:solid 1px #aaa; border-radius:2px; cursor:pointer}
span.c	{background:#cf0}

#mbtn	{margin:-24px auto -17px auto; width:40px; height:20px; left:-300px; position:relative; cursor:pointer}
img.mb	{border:none; width:40px; height:19px}

.n_col	{color:#666600}
.hlink	{text-align:right; width:730px; margin:16px auto 0 auto; position:relative}
.imcls	{text-align:right;margin:-16px 10px 0 0}
.form	{padding:10px 0 16px 36px}
.item,.item_s{color:#800000; font-weight:bold; width:100px; float:left}
.item_m	{color:#800000; font-weight:bold}
.item_s {color:#800000; font-size:14px}
.note	{color:#808000; font-weight:normal; font-size:14px;padding:4px}
.br		{display:none}
.inf	{color:#808000; font-size:10pt}
.edit	{background:#e8eae5; color:#808000; font-size:14px; padding:2px; top:60px; margin-left:380px; position:absolute; }
.eform	{padding-left:42px}
.etitle	{font-weight:bold; padding-top:10px}
.editline{color:#666600; margin-top:2px; border-bottom:double 3px #999900}
.comment{font:16px/1.5 "Meiryo","ＭＳ ゴシック",sans-serif; width:628px; height:168px; margin-bottom:3px}
.res_comment{font:16px/1.5 "Meiryo","ＭＳ ゴシック",sans-serif;width:580px; height:120px}

.board	{background:#ffffff; border:solid 1px #cccc99; margin:14px 12px 22px 10px; padding:4px 6px 14px 6px; border-radius:6px}
.number	{color:#008000}
.nt	{padding-left:6px}
.num	{color:#ff0000; font-weight:bold}
.nc	{color:#cc0000;font-weight:bold}
.image	{text-align:center; margin:6px; width:60px; float:left}
.message{margin:6px 6px 6px 78px;padding-right:10px}
.res_mss{background:url(../../matataki.gif) no-repeat; color:#336600; padding:6px 6px 6px 40px; margin:6px 0 0 78px}

.by	{background:url(../../matataki.gif) right no-repeat; color:#9933cc; font:italic bold 12pt/14pt "ＭＳ Ｐ明朝";text-align:center; padding-top:14px; width:136px; margin:0 auto}
.post	{font-size:8pt; text-align:left; width:300px; position:absolute; top:0; left:10px}
.hline	{background:url(../hhh/rhoso2y.gif) repeat-x; height:16px; clear:both}

.bold	{font-weight:bold}
.normal	{font-weight:normal}
fs12{font-size:12px}
.right	{text-align:right}
.center	{text-align:center}
.top	{vertical-align:top}
.f_left	{float:left}
.clear  {line-height:0; clear:both}
.auto	{margin:auto}
.m03	{margin:3px}
.ml16	{margin-left:16px}


/* スマホ向け */
@media screen and (max-width: 640px){
.area{text-align:left; margin:auto; width:100%}
#mbtn,.post	{display:none}
.hlink{width:100%}
form,ul{margin:0}
.form{padding:10px 2px}
.item_s{width:78px}
.br{display:block;margin-top:-16px}
.board{background:#ffffff; border:solid 1px #cccc99; margin:8px 0; padding:2px; border-radius:6px}
.message{margin:6px}
input[type="text"],.comment{width:180px}
.comment{width:calc(100% - 12px);height:120px}
.note{font-size:13px;margin-left:2px}
.edit{position:relative;margin:-60px -4px 80px -24px}
.page{font-size:24px}
body.gray{margin:0;padding:0}
}