@charset "Shift_JIS";

/*---------------------------------------------
Common CSS
coded by kaja at 2013-05-01
---------------------------------------------*/

html {
  max-width: 756px;
  margin: 0 auto;
}

/*= コンテナ =*/
#container{
/*	width: 700px;*/
	margin: 10px auto;
	font-family:'ＭＳ 明朝', serif;
}

/*===============================
/*== ヘッダー ==*/
div#container #header{
    height:40px;
    padding:0 10px;
    background-color:#400040;
}

/*=== h1:会報名 ===*/
div#container #header h1{
	line-height:40px;
	vertical-align:middle;
	font-family:'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
	color:#ffffff;
}
div#container #header h1 span.title{
	width:200px;
	float:left;
	font-size:20px;
}
div#container #header h1 span.date{
	float:right;
	font-size:18px;
}

/*===============================
/* フッター */
div#container #footer{
	margin:10px;
	text-align:center;
}

/*===============================
/* 後付け */
div#container #contents #atozuke{
	width:300px;
	margin:10px auto;
	padding:10px;
	border:2px solid #333;
	text-align:center;
}


/*===============================
/* −共通レイアウト */
/*===============================

/*===============================
/* h2:カテゴリ・タイトル・著者*/
div#container #contents div h2{
	font-size:100%;
	font-weight:normal;
	line-height:20px;
	vertical-align:middle;
	margin-bottom:40px;
}
div#container #contents div h2 span.category{
	font-family:'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
	color:#00f;
	font-size:110％;
}

div#container #contents div h2 span.title{
	display:block;
	font-size:130%;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	font-family:'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}
div#container #contents div h2 span.author{
	float:right;
}
div#container #contents div h2 span.sub{
	display:block;
	text-align:center;
}
div#container #contents div h2 span.date{

}

/* 広報など大見出し */
div#container #contents h2.category0{
	font-family:'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
	color:#666;
/*	background:#eee;*/
	font-size:110%;
	font-weight:normal;
	padding-left:10px;
	line-height:1.8em;
	border-top:3px double #666;
	border-left:3px double #666;
}

/*===============================
/* 見出し */
h3{
	font-size:110%;
	font-family:'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
/*	font-weight:normal;*/
/*	background-color:#eee;*/
/*	border-bottom:1px dotted #ccc;*/
/*	padding-top:10px;*/
}

h4{
	font-size:100%;
	font-family:'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
/*	font-weight:normal;*/
/*	background-color:#eee;*/
/*	border-bottom:1px dotted #ccc;*/
/*	padding-top:10px;*/
}

h5{
	font-size:100%;
	margin-bottom:0;
/*	font-weight:normal;*/
}

h6{
	font-size:100%;
	font-weight:normal;
	margin:0;padding:0;
}

/*===============================
/* 本文 */
p{
	text-indent:1em;
	line-height:1.4;
}

p.flat{
	text-indent:0em;
}

p.n{
	margin-top:0.4em;
	margin-bottom:0.4em;
}

p.hang{
	padding-left:2em;
	text-indent:-2em;
}

p.hang_1{
	padding-left:1em;
	text-indent:-1em;
}

p.hang_5{
	padding-left:5em;
	text-indent:-5em;
}

/*===============================
/* 整形済みテキスト */
pre{
	font-family:'ＭＳ 明朝', serif;
	line-height:1.4;
}

/*===============================
/* div */
div{
	margin-top:10px;
	padding:0 10px 10px 10px;
	border-bottom: 1px solid #000;
}

/*===============================
/* 引用 */
blockquote{
	border:1px dotted #ccc;
	padding:10px;
}

/*===============================
/* −個別レイアウト */
/*===============================

/* 　−各種報告の議事 hokoku */
div#container #contents div.hokoku h2 span.category{
	padding:0 1em;
	border:1px solid #369;
	margin-bottom:5px;
}

/* 　−特別寄稿 kiko */
div#container #contents div.kiko{
	border: 1px solid #369;
}

/* 　−コラム column */
div#container #contents div.column{
	border: 1px dotted #369;
}

/* 　−バードウォッチング bird */
div#container #contents div.bird{
	border: 1px solid #800080;
}

div#container #contents div.bird h2 span.title{
	color:#8000FF;
	font-weight:normal;
}

/* 　−トピックス */
div#container #contents div.topics h3{
	font-size:100%;
/*	font-weight:normal;*/
	background-color:#eee;
	border-bottom:1px dotted #ccc;
	padding-top:10px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
/* 共通レイアウト*/
/* 定義リスト */
dl{
	margin-left:0em;
	margin-bottom:0em;
}
dt{
	padding-left:0;
	font-weight:bold;
	float:left;
}
dd{
	margin-left:0;
	padding-left:5em;
}
/* 定義リスト(入れ子) */
dd dl{
	margin-left:0em;
}
dd dt{
	padding-left:0;
	font-weight:normal;
	float:left;
}
dd dd{
	margin-left:0;
	padding-left:6em;
}


/*==== color ====*/
div#container #contents div h2 span.black{
	color:#000;
}

div#container #contents div h2 span.blue{
	color:#00f;
}

/*==== miscs ====*/
.txt_c {
	text-align:center;
}
.txt_r {
	text-align:right;
}
.blue {
	color:#00f;
}
.red {
	color:#c00;
}
.under_s {
	text-decoration:underline;
}

.kakomi{
	border-bottom:1px solid #999;
	border: 1px solid #999;
	padding:10px;
}

.clear{
	clear:both;
}

img.r{
	float:right;
}
img.l{
	float:left;
}

.pd2em {
	padding: 0 2em;
}