@charset "shift_jis";

/* 本体定義 */

/* 中央・左・右寄せ */
div.ta-c {
	text-align: center;
}
div.ta-l {
	text-align: left;
}
div.ta-r {
	text-align: right;
}

body{
	background: #f3d118;}

/* 掲示板メイン */
div.main {
	width: 85%;
	background: #fff;
	margin: 0 auto;
}

/* 掲示板タイトル */
h1 {
	font-size: 200%;
	color: #e43a47;
}

/* 記事デザイン */
div.article {
	width: 96%;
	margin: 10px auto;
	border-top: 1px dotted #555;
	text-align: left;
	padding: 1em;
}
div.art-date {
	text-align: right;
	color: #009b4e;
	font-size: 90%;
	font-family: Verdana,Helvetica,Arial;
}
div.art-sub {
	margin: 0.5em 0 1em 0;
	color: #e43a47;
	font-size: 130%;
	font-weight: bold;
}

/* ページ繰越ボタン */
span.pg-on,span.pg-off {
	display:-moz-inline-box;
	-moz-box-align: center;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	width: 23px;
	height: 23px;
	margin: 2px;
	padding: 2px;
	border: 1px solid #e43a47;
	font-family: Verdana,Helvetica,Arial;
}
span.pg-on,span.pg-on a {
	color: #666;
	background: #e43a47;
}
span.pg-off,span.pg-off a {
	color: #e43a47 !important;
	background: #fff;
}
div.pg-btn {
	width: 95%;
	text-align: left;
	margin: 1em auto;
}

/* TOPパネルボタン */
div.top-panel {
	margin: 1em;
	text-align: left;
}
div.top-panel input {
	width: 52px;
	margin-right: 2px;
}

/* 赤文字 */
p.red {
	color: #dd0000;
}


/* 記事関連-------　-------　-------　-------　------- */


body,td,th { font: 83% 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Ghothic Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Geneva, sans-serif;
line-height:1.5;}
p{margin:4px 0;}
a:link {color:#3a64aa;}	
a:visited {color:#5d61a2;}
a:hover {color:#c00;}

.style2,.style2 a {
	text-align: right; 		color : #aaa;font-size:10px;	text-decoration: none;
}
.newStyle1 {
	font-size: 115%;
	background: url('img/icon2.gif') no-repeat; 
	background-position:3px 5px;
	padding-left: 1.4em; 
	margin:2px;
	border-bottom:2px dotted #000;
	font-weight:bold;
	color: #790B0B;
}
.newStyle1 span{
	font-weight:normal;color: #222;
}

img{border:0;}
.style3 {
	margin:3px 0 10px 20px;
}
.style3 p {
	color: #333;
}

.style3 p img,.article p img{background-color:#fff;     border:solid 1px #ccc;     padding:8px;margin:0 5px;}/* 画像のスタイル */

.f_red{color: #cc0000;}

/*ここからスマートフォン用（480px以下）環境の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 600px){

img{width: 80vw;height : auto;display:block;}

}