@charset "utf-8";
/*
Theme Name: 東京建築士会世田谷支部
Author: Hiromi Suzuki
Description: This is my original theme.
version: 1.0
*/
/* reset start */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
img {
	border: none;
}
/* reset end */

body {
	margin: 0;
	font-family: "メイリオ", "Hiragino Kaku Gothic Pro", sans-serif;
	/*background-color: #E6E6E6;*/
}
.container {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;

}

a {
	color: #090;
	text-decoration: none;
}
a:hover {
	color: #F00;
	text-decoration: none;
}


/* ヘッダー */
header {
	padding-bottom: 10px;
/*	background-color: #4a5f7e;*/
	background-color: #fff;
	color: #333;
}
header a {
	color: #333;
	text-decoration: none;
}
.siteinfo {
	overflow: hidden;	/* ClearFixの代用 */
	padding-top: 30px;
	padding-bottom: 10px;
}
.siteinfo h1 {
	/*float: left;*/
	margin: 0;
	font-size: 250%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	padding-bottom: 20px;
}
.siteinfo p {
	float: right;
	margin: 0;
	margin-top: 5px;
	font-size: 12px;
}
/* グローバルナビ */
.siteinfo ul {
	clear: both;
	list-style-type: none;
}
.siteinfo ul li {
	display: block;
	width: 120px;
	float: left;
}
.siteinfo ul li a {
	display: block;
	width: 120px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
.siteinfo ul li span {
	color: #090;
}

.siteinfo ul li a:hover {
	background-color: #CFF;
	border-radius: 5px;
	color: #090;
}

/* フッター */
#gotoTop {
	text-align: right;
	padding-right: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #969696;
	padding-top: 30px;
}
#gotoTop a {
	color: #090;
	text-decoration: none;
}
#gotoTop a:before {
	content: "▲ ";
	font-size: 50%;
}
footer {
	/*background-color: #4a5f7e;*/
	background-color: #FFF;
	/*color: #ffffff;*/
	color: #333;
	/*margin-top: 10px;*/
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
}
/* TOPページ */

.topImage {
	width:100%;
}
.topImage img {
	width: 100%;
}
#Wellcome {
	text-align: center;
	padding: 30px;
}
#Wellcome h2 {
	font-size: 100%;
	color: #090;
}

#Outline {
	padding: 30px;
}
#Outline h2 {
	font-size: 140%;
	font-weight: normal;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	padding: 10px 0;
	margin-bottom: 1em;
}
#Outline h2:before {
	content: "■ ";
}
#Outline h3 {
	font-weight: normal;
	font-size: 120%;
	margin-bottom: 0.5em;
}
#Outline p {
	margin-bottom: 1em;
}
#LeftContents {
	width: 70%;
	float: left;
	/*background-color: #CFF;*/
}
#RightContents {
	width: 30%;
	float: right;
	height: 900px;
	/*background-color: #FFC;*/
	/*border-radius: 3q0px;*/
	padding-top: 20px;

}


#gotoTop {
	clear: both;
}



/* 会員 */
#Member h2 {
	font-size: 140%;
	font-weight: normal;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	padding: 10px 0;
	margin-bottom: 1em;
}
#Member h2:before {
	content: "■ ";
}

#Member table {
	padding: 20px;
	width: 100%;
}
#Member table tr:nth-child(2n-1) {	/* 奇数行だけ背景色を変更 */
	background: #eee;
}
#Member table tr th {
	background-color: #CCC;
	white-space: nowrap;
	padding: 5px;
}
#Member table tr td {
	padding: 5px;
}
#Member table tr td:first-child,
#Member table tr td:first-child + td,
#Member table tr td:first-child + td + td {
	white-space: nowrap;
}
#Member table tr td:first-child + td + td + td + td + td {
  max-width: 160px;
}



/* 活動履歴 */
/* お知らせ */
#Archives h2,
#News h2 {
	font-size: 140%;
	font-weight: normal;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	padding: 10px 0;
	margin-bottom: 1em;
}
#Archives h2:before,
#News h2:before {
	content: "■ ";
}
#Archives h3,
#News h3 {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	padding: 10px;
}
#Archives h3:before,
#News h3:before {
	content: "●";
}
#Archives .post p,
#News .post p {
	margin: 0;
	padding: 0 30px 20px 30px;
}

#News div.post {
	border-bottom: 1px solid #969696;
}



/* 会則 */
#Rules h2 {
	font-size: 140%;
	font-weight: normal;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	padding: 10px 0;
	margin-bottom: 1em;
}
#Rules h2:before {
	content: "■ ";
}
#Rules h3 {
	padding: 1em 0.5em 0 0.5em;
}
#Rules h4 {
	padding: 1em 1em 0 1em;
}
#Rules h5 {
	padding: 1em 1em 0 1em;
}

#Rules p {
	padding:0 2em 0 2em;
	margin: 0;
}


/* リンク */
#Link h2 {
	font-size: 140%;
	font-weight: normal;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	padding: 10px 0;
	margin-bottom: 1em;
}
#Link h2:before {
	content: "■ ";
}
/* 入会 */
#Join h2 {
	font-size: 140%;
	font-weight: normal;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	padding: 10px 0;
	margin-bottom: 1em;
}
#Join h2:before {
	content: "■ ";
}
/* お問い合わせ */
#Information h2 {
	font-size: 140%;
	font-weight: normal;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	padding: 10px 0;
	margin-bottom: 1em;
}
#Information h2:before {
	content: "■ ";
}
/* フォーム */
#Information {
	width:100%;
	color:#555;
	font-size:100%;
}
#Information table.formTable{
	width:90%;
	margin-right:auto;
	border-collapse:collapse;
}
#Information table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
#Information table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
#Information form {
	margin-bottom: 100px;
}
#Information input {
	font-size: 100%;
}
#Information textarea {
	font-size: 100%;
	height: 200px;
	width: 100%;
}

#Information .endTr {
	text-align: center;
	border: none;
}

#Information input,
#Information textarea,
#Join input,
#Join textarea {
	padding: 5px;
}

#Join table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
#Join table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
#Join table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
#Join form {
	margin-bottom: 100px;
	font-size: 100%;

}
#Join input {
	font-size: 100%;
}
#Join textarea {
	width: 100%;
	font-size: 100%;
}

p.center {
	text-align: center;
}