@charset "Shift_JIS";
@import "default.css";





/*___________ 2ndタイトル設定 ___________*/

#title {
	background-image: url("../images/shadow.gif");
	background-repeat: repeat-y;
}

#title01 {
	width: 740px;
	height: 107px;
	background-image: url("../images/2nd_title.jpg");
	background-repeat: no-repeat;
}

#pankuzu {
	width: 740px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
	background-color: #fff;
	font-size: 78%;
	font-family: "ＭＳ Ｐゴシック",osaka,Arial,Helvetica;
	text-indent: 10px;
	line-height: 138%;
}





/*___________ 2ndコンテンツ基本設定 ___________*/

/* ページタイトル */
.honbun_title {
	text-align: center;
	width: 527px;
	padding-top: 5px;
	border-top: solid 1px #cdcdcd;
	background-image: url("../images/honbun_bg.gif");
	background-repeat: repeat-y;
}

/* 本文のボックス（通常用） */
.honbun {
	width: 505px;
	padding: 10px;
	border-right: solid 1px #cdcdcd;
	border-bottom: solid 1px #cdcdcd;
	border-left: solid 1px #cdcdcd;
}

/* 本文のボックス（中間用） */
.honbun_middle {
	width: 505px;
	padding: 10px;
	border-right: solid 1px #cdcdcd;
	border-left: solid 1px #cdcdcd;
}





/*___________ 2ndの個別フォント設定 ___________*/

/* 本文、特産品・施設のコラム・セキュリティー・組合員データ照会システム */
.honbun1, .honbun2, .honbun3, .honbun4, .column_txt1, .column_txt2, .security_txt {
	font-size: 88%;
	font-family: "ＭＳ Ｐゴシック",osaka,Arial,Helvetica;
	text-indent: 1em;
	line-height: 150%;
}

.honbun2, .column_txt2, .honbun4 {
	padding-top: 1em;/* 前段落との間隔 */
}

/* 「組合員データ照会システム」のページで使用 */
.honbun3, .honbun4 {
	margin-left: 1.1em;
}

/* 特産品・施設のコラム用テキストカラー */
.column_txt {
	color: #000;
}

.security_txt{
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* 本文用上付き文字 */
.sup {
	position: relative;
	bottom: 0.7em;
	font-size: 63%;
	font-family: "ＭＳ Ｐゴシック",osaka,Arial,Helvetica;
}

/* 写真キャプション */
.caption{
	color: #000;
	font-size: 72%;
	font-family: "ＭＳ Ｐゴシック",osaka,Arial,Helvetica;
	line-height: 150%;
}

/* 本文・コラムの見出し */
.honbun h4, .honbun_middle h4, .column h4 {
	color: #39f;
}

/* 概要・沿革の事務所名 */
.office h4 {
	border-bottom: solid 1px #999;
	padding: 5px 0 5px 5px;
	color: #333;
}

/* 概要・沿革の所在地 */
.office .fs12{
	padding: 5px 0 5px 5px;
}





/*___________ イメージボックス用コンテナ ___________*/

/* w180px用右揃え（特産品・関連施設・名寄市のページで使用） */
.image_container {
	width: 182px;
	margin: 0 0 0 10px;
	float: right;
}

/* w494px用センター揃え（特産品／その他の農産物・関連施設／その他の施設のページで使用） */
.image_container2 {
	width: 494px;
	margin: 10px auto;
}

/* w500px用センター揃え（広報誌のページで使用） */
.image_container3 {
	width: 500px;
	margin: 10px auto;
}





/*___________ イメージボックス ___________*/

/* w160px（広報誌のページで使用） */
.image_box6, .image_box6r {
	width: 160px;
	text-align: center;
	background-color: #fff;
	float: left;
}

.image_box6 {
	margin-right: 10px;
}

/* w180px（特産品・関連施設・概要_沿革のページで使用） */
.image_box1, .image_box2 {
	width: 180px;
	text-align: center;
	border: solid 1px #cdcdcd;
	background-color: #ff8;
}
/* w180px（概要_沿革のページで使用） */
.image_box2 {
	margin-top: 10px;
	float: left;
}

/* w240px（特産品／その他の農産物・関連施設／その他の施設のページで使用） */
.image_box4, .image_box5 {
	width: 240px;
	text-align: center;
	border: solid 1px #cdcdcd;
	background-color: #ff8;
	float: left;
}

.image_box4 {
	margin-right: 10px;
}

/* w280px（名寄市のページで使用） */
.image_box7 {
	text-align: center;
	width: 280px;
	border: solid 1px #cdcdcd;
	background-color: #ff8;
	float: left;
}





/*___________ コラム用ボックス ___________*/

/* 特産品・関連施設・広報誌・お問い合わせのページで使用 */
.column {
	width: 483px;
	padding: 10px;
	border: dotted 1px #999;
	background-color: #f9f9f9;
}





/*___________ 過去のお知らせ一覧 ___________*/
.info_list p {
	margin-bottom: 10px;
}





/*___________ JA道北なよろについて ___________*/

/* 代表理事組合長の写真 */
img.photo {
	border: solid 1px #cdcdcd;
	margin: 0 10px 5px 0;
	float: left;
}

/* 事務所名・所在地用ボックス */
.office {
	width: 323px;
	margin-top: 10px;
	background-color: #fff;
	float: left;
}

/* 概要の表組み用ボックス */
.hyou {
	width: 505;
	padding-top: 20px;
}

/* 概要の表組みセルの設定 */
.outline_cell {
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #999;
	padding: 5px;
}

/* アクセスページのマップ */
.map {
	width: 485px;
	padding: 5px 10px;
	text-align: center;
}
/* 移転案内 */
table.201005{
    font-size: 88%;
    font-family: "ＭＳ Ｐゴシック",osaka,Arial,Helvetica;
    margin-top:200px;
}
table.201005 td{
    font-size: 88%;
    font-family: "ＭＳ Ｐゴシック",osaka,Arial,Helvetica;
    height:50px;
}



/*___________ 広報誌 ___________*/

/* Adobe Readerアイコン */
.reader_icon {
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 5px;
}

/* 広報誌リンク */
a:hover.prm, a:hover.prm img {
	position: relative;
}

a:hover.prm {
	top: 1px;
	left: 1px;
}

a:hover.prm img {
	top: 0px;
	left: 0px;
}





/*___________ 掲示板 ___________*/

h3.bbs {
	color: #333;
	text-align: center;
}

ul.bbs {
	margin-left: 30px;
}

li.bbs {
	color: #000;
	margin-top: 5px;
	margin-bottom: 5px;
}




/*___________ お問い合わせ ___________*/

/* 注意書き */
h4.inquiry {
	color: #333;
}

ul.attention {
	margin-left: 15px;
}

li.attention {
	color: #000;
	margin-top: 5px;
	margin-bottom: 5px;
}



/*___________ リンク集 ___________*/
/* 組合員データ照会サービスのページでも使用 */
h4.link_group {
	color: #333;
	margin-bottom: 3px;
	padding-left: 2px;
	padding-bottom: 2px;
	border-bottom: solid 1px #666;
}

li.link {
	margin-left: 25px;
	list-style-image: url(../link/images/link_arrow.gif);
	line-height: 1.4em;
}

li.link_new {
	margin-left: 25px;
	list-style-image: url(../link/images/new.gif);
	line-height: 1.4em;
}



/*___________ 個人情報保護方針・情報セキュリティー保護方針 ___________*/

ul.security {
	width: 505px;
	border-bottom: solid 1px #999;
	margin-bottom: 15px;
}

li.security {
	margin-bottom: 20px;
	margin-left: 25px;
	list-style-type: decimal;
}





/*___________ 過去のお知らせ一覧 ___________*/

#return_top {
	text-align: right;
	font-family: "ＭＳ Ｐゴシック",osaka,Arial,Helvetica;
	line-height: 120%;
}





/*___________ サイトマップ ___________*/

ul.site_map, ul.site_map ul {
	margin-left: 1em;
	list-style-type: none;
	line-height: 1.4em;
}

li.site_map {
	margin-right: 1em;
	margin-top: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: solid 1px #ccc;
}

ul.site_map2 {
	list-style-image: url(../images/list_mark02.gif);
}

li.site_map2 {
	margin-left: 1em;
}

ul.site_map2_2 {
	list-style-image: url(../images/list_mark04.gif);
}

li.site_map3 {
	margin-right: 1em;
	margin-top: 1.5em;
}





/*___________ インターネット利用による組合員データ照会システム ___________*/

#sys_menu_t {
	width: 505px;
	height: 36px;
	background-image: url("../reference_sys/images/menu_bg_t.gif");
	background-repeat: no-repeat;
}

.sys_menu_m {
	width: 505px;
	background-image: url("../reference_sys/images/menu_bg_m.gif");
	background-repeat: repeat-y;
}

#sys_menu_b {
	width: 505px;
	height: 36px;
	background-image: url("../reference_sys/images/menu_bg_b.gif");
	background-repeat: no-repeat;
}

.sys_menu_m h4 {
	width: 401px;
	margin-left: 68px;
	color: #333;
}

.sys_menu_m p {
	margin-bottom: 1em;
	margin-left: 68px;
	padding-right: 41px;
	padding-left: 1.5em;
}

#sys_menu_last {
	margin-bottom: 0;
}

/* ご利用案内 */
.sys_table {
	margin-left: 1em;
}

.sys_table td {
	vertical-align: top;
}

.td_padding1 {
	padding-left: 0.25em;
}

.td_padding2 {
	padding-left: 1em;
}

#form_button {
	margin-bottom: 20px;
}

/* 利用規程 */
ul.regulation {
	margin-left: 3em;
	list-style-type: decimal;
}

.reg_li {
	margin-top: 1em;
}

.sys_menu {
	width: 483px;
	padding: 10px;
	border: dotted 1px #999;
	background-color: #f9f9f9;
}

.sys_menu h4 {
	color: #333;
}

.sys_menu p {
	margin-bottom: 1em;
	padding-left: 1.5em;
}





/*___________ 定款 ___________*/

ul.teikan {
	margin-left: 1em;
	list-style-type: none;
	line-height: 1.4em;
}

li.teikan {
	margin-right: 1em;
	margin-top: 1.5em;
	border: solid 1px #ccc;
}

li.teikan img {
	border: none;
	vertical-align: middle;
	margin-right: 5px;
}

li.teikan a {
	padding: 1em;
	display: block;
}

li.teikan a:hover {
	background: #f1f6ff;
}





/*___________ ボタン（未使用） ___________*/
a.button, a:link.button {
	display: block;
	width: 200px;
	height: auto;
	padding: 5px;
	border: outset 1px #ccc;
	background-color: #f2f2f2;
	text-decoration: none;
}

a:visited.button {
	color: #800080;
	text-decoration: none;
}

a:hover.button {
	position: relative;
	top: 1px;
	left: 1px;
	color: #0cf;
	background-color: #fff;
	text-decoration: underline;
}

a:active.button {
	color: #f00;
	text-decoration: underline;
}