@charset "Shift-JIS";

body {
	background-color: #e2d09a;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #333; /* 全体の文字色 */
}

/* --- リンクテキスト --- */
a:link { color: #0000dd; } /* 未訪問のリンク */
a:visited { color: #000099; } /* 訪問済みのリンク */
a:hover { color: #ff4400; } /* ポイント時のリンク */
a:active { color: #ff8800; } /* 選択中のリンク */

/* --- 罫線 --- */
hr.clear {
	clear: both; /* フロートのクリア */
	width: 100%;
	margin: 0;
	visibility: hidden; /* 非表示 */
}

/* YUI Resetを使った後のフォントサイズ指定
px     %
10	 77
11	 85
12	 93
13	 100
14	 108
15	 116
16	 123.1
17	 131
18	 138.5
19	 146.5
20	 153.9
21	 161.6
22	 167
23	 174
24	 182
*/

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*26px via YUI Fonts CSS foundation*/
	font-size:200%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', ‘メイリオ’, Meiryo, sans-serif;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style: normal;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
	text-align: left;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	padding:.3em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* --- アドレス --- */
address {
	font-style: normal; /* 文字のスタイル（ノーマル） */
	color: #222; /* 文字色 */
	font-size: 93%; /* YUIリセット13pxに対して12px */
	text-align: left;
	line-height: 1.3;
}

/* --- コンテナ --- 表示領域の設定*/
#container {
	width: 820px; /* コンテナの幅 */
	margin: 0px auto;/* センタリング */
	text-align: center; /* IE6用センタリング */
	background-color: #fff; /* ページの背景色 */
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* --- ▼ヘッダ内の設定開始
--------------------------------------------------------------------------- */

#header {
	position: relative; /* 相対配置  */
	width: 100%; /* IE6のために幅の指定 */
	height: 180px; /* 背景画像の高さ */
	background: url(./images/header-back.jpg) no-repeat center top #fff; /* ヘッダの背景 */
	border-bottom: 5px solid #d3a08b;
}

/* --- 商工会名 --- */
h1#sho-name {
	position: absolute; /* 商工会名の位置決め */
	top: 30px;
	left: 130px;
	color: #111; /* 商工会名の文字色 */
}
h1#sho-name span {
	font-size: 70%;
}

p#login-link {
	position: absolute; /* ログインの位置決め */
	font-size: 85%;
	top: -17px;
	right: 10px;
	color: #666;
}
#header address {
	position: absolute; /* ヘッダー内のアドレス表記位置決め */
	top: 31px;
	right: 24px;
}

/* --- ▲ヘッダ内の設定終了 --- */


/* --- ▼コンテンツ内の設定開始
--------------------------------------------------------------------------- */
#content {
	width: 100%;
	float: left; /* 背景画像をカラムの最後まで延ばすため　印刷で改ページしないため */
	margin: 0;
	text-align: left;
	background: url(images/page-back.gif) left top repeat-y;
}

h3.text-only {
	padding: 7px 0 4px 6px;
}
h3.text-only span {
	font-size: 70%;
	margin-left: 1em;
}

#kaiin h3.text-only {
	background-color: #ffdfb9;
	border-left: 10px solid #ff981a;
	border-bottom: 1px dotted #ff981a;
}
#shokou-kai h3.text-only {
	background-color: #defec5;
	border-left: 10px solid #81ec39;
	border-bottom: 1px dotted #81ec39;
}
#content-right h3.text-only {
	background-color: #d3faff;
	border-left: 10px solid #0080c0;
	border-bottom: 1px dotted #9bdeff;
}

/* --- ▼コンテンツ 左側
------------------------------------------------------------ */
#content-left {
	width: 555px; /* コンテンツの幅   820px-255px=565px */
	float: left;
	padding-top: 8px; /* コンテンツの上パディング */
	padding-bottom: 10px;  /* コンテンツの下パディング */
	background-color: #fff;
}

/* --- ▼コンテンツ 左側  共通BOX --- */
.content-left-box {
	width: 540px;
	margin: 0px 0px 22px 8px;
	border-top: 1px solid #fff;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}
.content-left-box h3 {
	font-size: 138.5%; 
	margin: 0 0 12px;
}
.content-left-box h3 img {
	border: none;
}

.content-left-box td {
	line-height: 1.4;
}

/*--- コンテンツ左 小ボックス二列表示の設定 ---*/
.content-left-smallbox {
	width: 250px;
	float: left;
	display: inline;
	margin: 0px 0px 20px 17px;
	border-top: 1px solid #fff;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}
.content-left-smallbox h3 {
	margin: 0 0 6px;
}

/*--- 会員情報と商工会情報を分ける線 ---*/
div.info-line {
	width: 520px;
	height: 15px;
	margin: 25px auto;
	background: url(./images/hr-info-line.jpg) no-repeat center center;
	border: none;
}

/* --- ▲コンテンツ 左側 の設定終了 --- */


/* --- ▼コンテンツ 右側
------------------------------------------------------------ */
#content-right {
	width: 259px; /* コンテンツの幅 */
	float: right;
	padding-top: 8px; /* コンテンツの上パディング */
	padding-bottom: 0px;  /* コンテンツの下パディング */
	background-color: transparent;
}

/* --- ▼コンテンツ 右側  共通BOX --- */
.content-right-box {
	width: auto;
	margin: 4px 7px 16px;
	border-top: 1px solid #fff;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}
.content-right-box h3 {
	margin: 0 0 5px;
}
.content-right-box h3 img {
	border: none;
}

/* --- ▼バナー設置位置の設定 --- */
.banner-area {
	width: 99%;
	margin: 12px auto; /* センタリング */
	text-align: center; /* IE6用センタリング */
}
.banner-area img {
	display: block;
	margin: 8px auto;
}
.banner-area a img {
	border: none;
}

/* --- ▼会員情報検索 --- */
#kaiin-search p {
	margin: 8px 40px 0 12px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: 108%;
	border-bottom: 3px solid #bbb;
}
#kaiin-search p a {
	text-decoration: none;
}
#kaiin-search ul {
	font-size: 108%;
	margin-left: 24px;
	margin-top: 0;
	padding-top: 0;
}
#kaiin-search li {
	margin-top: 0;
	padding-top: 9px;
	padding-left: 22px;
	padding-bottom: 4px;
	list-style: none;
	background: url(images/list-line.gif) 0 42% no-repeat;
}
#kaiin-search li#link-end {
	background: url(images/list-line-end.gif) 0 42% no-repeat;
}

#kaiin-login-box {
	text-align: center;
	margin-bottom: 20px;
}

/* --- ▼リンク集 --- */
#links h4 {
	margin: 14px 1em 0 8px;
	padding-left: 4px;
	padding-bottom: 2px;
	border-bottom: 2px dotted #fe9d63;
}
#links ul {
	margin-top: 4px;
}

/* --- ▲コンテンツ右側  共通BOXの設定終了 --- */


/* --- ▲コンテンツ 右側 の設定終了 --- */

/* --- ▲コンテンツ内 の設定終了 --- */


/* --- ▼フッタ内の設定開始
--------------------------------------------------------------------------- */

/* --- フッタ --- */
#footer {
	clear: both;
	position: relative; /* 相対配置 */
	width: 100%; /* 820px */
	height: 120px;
	padding: 0;
	background: url(./images/footer-back.jpg) no-repeat center top #fff; /* フッタの背景 */
	border-top: 1px solid #a5e0ef;
	border-bottom: 5px solid #d3a08b;
}
/* --- そのページのトップに戻る --- */
#top-return {
	text-align: right;
	position: absolute;
	top: 8px;
	right: 8px;
}

#footer address {
	position: absolute; /* フッター内のアドレス表記位置決め */
	top: 58px;
	left: 12px;
}

/* --- コピーライト --- */


/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始
--------------------------------------------------------------------------- */

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲その他の設定終了 --- */


p.5 { margin-right: 10pt; margin-left: 10pt }
p.15 { margin-top: 5pt; margin-right: 15pt; margin-left: 15pt }
p.20 { margin-left: 20pt }
p.line { margin-right: 10pt; margin-left: 10pt; padding-right: 5pt; padding-left: 5pt; border-bottom: 1pt dashed #808080 }
p.line2 { padding-left: 100pt }
p.name { color: #708090; background-color: #dcdcdc; margin: 1pt 6pt 1pt 1pt; padding: 2pt 7pt 2pt 2pt }

table.1 { border: solid 1pt #5f9ea0 }