@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	background: #E7E8F2;
	font: 90% 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
	width:100%;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: red;
}
a:link, a:visited {
	color: #0044cc;
}

#head {
	background: #3B5998;
	padding: 5px 20px;
	color: #fff;
	/* border-top: 5px solid #EBB848; */
}
#head a {
	color: #fff;
}
h1 {
	margin: 0;
	font-size: 110%;
}
#body {
	margin: 1em 1.5em;
}
.w-m {
	padding: 4px;
}
.memo {
	padding: 1em;
	margin: 1.5em 1em;
	background: #fff;
	border-radius: 6px;
	width: 550px;
}
.form-tbl {
	border-collapse: collapse;
	margin: 1.5em 0;
}
.form-tbl th, .form-tbl td {
	border: 1px solid #333;
	padding: 4px 10px;
}
.form-tbl th {
	background: #ccc;
}
.form-tbl td {
	background: #fff;
}
span.user {
	color: #0000ff;
	font-weight: bold;
}
.icon {
	vertical-align: middle;
}
#err-box {
	text-align: center;
	width: 550px;
	margin: 3em 2em;
	background: #fff;
	border-radius: 6px;
	padding: 2em;
}
#err-box p {
	color: #dd0000;
}
h2 {
	font-size: 110%;
}
.ta-c {
	text-align: center;
}
.ta-r {
	text-align: right;
}
.ta-l {
	text-align: left;
}

.btn {
	width: 120px;
	height: 32px;
	margin-top: 1.5em;
}
#back-btn {
	text-align: right;
	margin: 5px;
}
#admin {
	text-align: right;
}
.pwd {
	padding: 4px;
	width: 80px;
}
.notes {
	display: block;
	width:770px;
	max-width:96%;
	margin-right:1.5em;
}
.red {
	color: #F00;	
}
.blue {
	color: #00F;
}
.big {
	font-size: 1.3em;
	line-height: 2em;
	display: inline-block;
}
mark.cyan {
	background-color: #9FF;
	font-weight: 200;
	font-family: '游ゴシック', '游ゴシック体', 'HG丸ｺﾞｼｯｸM-PRO', 'ヒラギノ丸ゴ Pro', 'Lucida Sans Unicode', 'Hiragino Sans', Meiryo, "メイリオ", Osaka, sans-serif;
	color: inherit;
}
ul {
	list-style-type:square;
	border: 2px skyblue dashed;
	margin-left:1.5em;
	padding-right:1.5em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	background: #f8f8ff;
}
li {
	font-size: 10pt;
}

/* for smartphone */
@media only screen and (max-width: 480px) {
	/* 投稿フォーム */
	#form { margin: 5px; }
    #form th, #form td {
		width: 100%;
        display: block;
    }
    .w-m, .w-l { width: 50%; padding: 3px; }
    .w-s { width: 20%; padding: 2px; }
    .w-b { width: 50px; height: 25px; }
    .w-t { width: 90%; height: 3em; }
    
    /* 留意事項 */
    div.note { width: 96%; padding: 1em 0; }
    div.note ul li { line-height: 130%; }
    
    /* 検索・エラー・完了・記事削除 */
    #plate { width: 95%; margin: 1em auto; padding: 5px; }
    
    /* パネル */
    #panel a { width: 45px; }
    
    /* 記事 */
    div.com { margin: 6px; }
}