@charset "Shift_JIS";

/* -------------------------------------------------------------------------------------------------
   レイアウトCSS
   date:2007.09.08
   update:2007.09.08
------------------------------------------------------------------------------------------------- */

/* ベース ----------------------------------------------------------- */

* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3",Osaka,Helvetica,arial,Verdana,/*"メイリオ",*/"ＭＳ Ｐゴシック",sans-serif;
	color:#000;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
}

p,ul,ol,dl{
	text-align:left;/*MacIE hack start\*/
	text-align:justify;
	text-justify:inter-ideograph;/*MacIE hack end*/
}

img{
	border:0;
}

hr{
	text-align:center;
	margin:0 auto;
	width:95%;
	clear:both;
}

strong,em{
	font-weight:bold;
}

.clear{
	clear:both;
}

.none{
	display:none;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.left {
	text-align:left;
}

/* 要素 ----------------------------------------------------------- */

body {
	text-align:center;
	padding-bottom:10px;
}

a:link {
	color:#3399FF;
}

a:visited {
	color:#3399CC;
}

a:hover {
	color:#FF6600;
	background-color:#FFFFCC;
}

a:active {
	color:#FF6600;
	background-color:#FFFFCC;
}


/* レイアウト用ブロック ------------------------------------------- */

div#container {
	border-width:1px 2px 2px 1px;
	border-style:solid;
	border-color:#ccc #666 #666 #ccc;
	text-align:left;
	margin:10px auto 0 auto;
	padding:0;
	width:770px;
}

div#header {
	width:760px;
	margin:5px;
	text-align:left;
}

div#main {
	width:650px;
	margin:10px 60px 0 60px;
	text-align:left;
}

div#footer {
	width:770px;
	margin:10px 0px 0px 0px;
	padding:2px 0px;
	text-align:left;
	background-color:#224086;
}

/* ヘッダ --------------------------------------------------------- */

div#header table {
	width:100%;
	background-color:#d8e1f5;
}

div#header table td {
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:2px;
	text-align:center;
	height:2em;
}
table td.header-navi-top {
	background-color:#224086;
}

table td.header-navi-top a {
	color:#fff;
}


/* メイン --------------------------------------------------------- */

/* タイトル:岩手のこんなところ */

div#main h1.title-konnatokoro {
	background:url(../img/06konnatokoro.gif) left center no-repeat transparent;
	height:120px;
	padding-top:45px;
	padding-left:220px;
}

/* タイトル:伝心カルテ */

div#main h1.title-denshin {
	background:url(../img/13denshin.gif) left center no-repeat transparent;
	height:95px;
	padding-top:25px;
	padding-left:220px;
}

/* タイトル:常務理事会年度 */

div#main span.title-nendo {
	font-size:50%;
}

div#main h1.title-rijikai {
	padding:5px;
	background-color:#ddd;
	text-align:center;
	border-top: 8px solid #bbb;
	margin:0;
}

/* タイトル:購買部 */
div#main h1.title-koubaibu {
	background-color:#ddd;
	font-size:120%;
	padding:1px 0 1px 10px;
	margin:0;
	border-left:5px solid #e00;
}

/* タイトル:厚生部 */
div#main h1.title-kouseibu {
	background-color:#ddd;
	font-size:120%;
	padding:1px 0 1px 10px;
	margin:0;
	border-left:5px solid #3c0;
}

/* タイトル:情報部 */
div#main h1.title-jouhoubu {
	background-color:#ddd;
	font-size:120%;
	padding:1px 0 1px 10px;
	margin:0;
	border-left:5px solid #30f;
}

/* タイトル:お知らせ */
div#main h1.title-oshirase {
	background-color:#ddd;
	font-size:120%;
	padding:1px 0 1px 10px;
	margin:0;
	border-left:5px solid #90f;
}

/* タイトル:組合員の異動 */
div#main h1.title-idou {
	font-size:200%;
	text-align:center;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin:0 0 10px 0;
	padding:5px;
}

/* 汎用日時・場所テーブル */

div#main div.title-date {
	text-align:right;
}

div#main div.title-date table {
	display:inline;
}

div#main div.title-date table th {
	padding-right:1em;
}

/* 汎用このページのトップへ */
div#main p.p_navi {
	text-align:right;
	font-size:70%;
	margin:10px 0;
}

/* フッタ --------------------------------------------------------- */

div#footer p {
	text-align:center;
	color:#fff;
	font-size:smaller;
	padding:0;
	margin:0;
}

/* 表紙スタイル --------------------------------------------------------- */

div#main-hyoushi { 
	width:750px;
	padding:0 10px;
	text-align:left;
}

div#hyoushi {
	width:500px;
	float:left;
	margin-top:10px;
}

div#hyoushi div.title p {
	background-color:#587900;
	color:#fff;
	font-size:8pt;
	text-align:center;
}

div#hyoushi-contents {
	width:217px;
 	background-color:#e9e7d8;
	float:left;
	padding:10px;
	margin-top:10px;
	margin-left:10px;
	border:1px solid #999;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
}

div#hyoushi-contents h2 {
	font-size:12pt;
	text-align:center;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding: 2px 0;
	margin-bottom:5px;
}

div#hyoushi-contents p.number {
	font-size:100%;
	text-align:center;
	margin:10px 0;
}

div#hyoushi-contents ul {
	margin-top:0;
	padding-top:0;
	list-style-type:none;
}

div#hyoushi-contents ul li {
	font-size:85%;
	margin-left:1em;
	text-indent:-1em;
	padding-bottom:5px;
}

div#hyoushi-contents p.author {
	font-size:70%;
	text-align:right;
}

div#hyoushi div.kotoba {
	padding:10px;
	margin-top:10px;
	border-top:1px solid #999;
	margin-top:10px;
}

div#hyoushi div.kotoba hr {
	width:90%;
	border: 1px solid #999;
}

div#hyoushi div.kotoba h2 {
	font-size:100%;
	text-align:center;
}

div#hyoushi div.kotoba h3 {
	font-size:110%;
	text-align:left;
}

div#hyoushi p.kotoba-author {
	margin-top:10px;
	text-align:right;
}

div#hyoushi-contents div.hyoushi-author {
	margin-top:10px;
	font-size:10pt;
}

div#hyoushi-contents div.hyoushi-author h2 {
	font-size:12pt;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	padding: 2px 0;
	margin-bottom:5px;
}

/* あとがきスタイル --------------------------------------------------------- */

div#main div.atogaki {
	margin:0;
}

div#main div.atogaki fieldset {
	padding:1em;
}

div#main div.atogaki p.author {
	margin-top:1em;
	text-align:right;
}

div#main div.atogaki-copyright {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	text-align:center;	/* IEでセンタリングさせる方法 */
}

div#main div.atogaki-copyright table {
	margin:0 auto;		/* 標準のセンタリング方法 */
	text-align:left;	/* IE用に上位divでtext-align:centerの対策 */
}

div#main div.atogaki-copyright table th {
	vertical-align:top;
	text-align:right;
}
div#main div.atogaki-copyright table td {
	padding-left:10px;
	font-size:90%;
	text-align:left;
}

div#main div.atogaki-copyright strong {
	font-size:120%;
}

div#main div.atogaki-shiki h2 {
	font-size:100%;
	font-weight:bold;
	text-align:left;
	background-color:#fc6;
	padding:5px 0 5px 10px;
}

div#main div.atogaki-shiki {
	margin-top:20px;
}

div#main div.atogaki-shiki p {
	padding:10px;
}

div#main div.atogaki-shiki-photo {
	float:left;
	width:300px;
}

div#main div.atogaki-shiki-text {
	float:left;
	width:329px;
	padding-left:20px;
}