@charset "UTF-8";

/*======================================
	PC利用者スタイルシート
======================================*/

html, body {
	font-size  : 12px;
	line-height: 1.5;
	background-image: url("/img/gov/member/backgroundimg.jpg");
}

#page_hearder {
	width: 100%;
	background-color:#333;
	height:20px;
}

div.button {
	width          : 96%;
}


/*--------------------------------------
	テーブル（基底）
--------------------------------------*/
table.list, table.list_no_even, table.input, table.detail,
table.list th, table.list_no_even th, table.input th, table.detail th,
table.list td, table.list_no_even td, table.input td, table.detail td {
	border : 1px solid  #444;
}
table.list th,
table.list_no_even th,
table.input th,
table.detail th {
	background-image : url("/img/gov/member/layout/bg_th.png") !important;
	background-color : #666;
	color            : #fff;
}

/*--------------------------------------
	テーブル（一覧）
--------------------------------------*/
table.list th {
	color       : #ffffff;
	font-weight : normal;
}
table.list td {
}


/*--------------------------------------
	テーブル（入力フォーム）
--------------------------------------*/
table.input {
	width          : 95%;
	margin         : 0 auto 0 5px;
	border-collapse: separate;
	border         : none;
}
table.input th {
	padding        : 6px;
	font-weight    : bold;
	text-align     : right;
	vertical-align : middle;
}
table.input td {
	padding        : 4px 8px;
}
/*--------------------------------------
	テーブル（入力書式）
--------------------------------------*/
table.input td.image {
	text-align     : center;
	vertical-align : middle;
	padding        : 4px;
}
table.input td input.numeric {
	text-align     : right;
	ime-mode       : disabled;
}
table.input td input.alphabet {
	ime-mode       : disabled;
}

/*--------------------------------------
	テーブル（詳細表示）
--------------------------------------*/
table.detail {
	border         : none;
	width          : 95%;
	margin         : 0 auto 0 5px;
	border-collapse: separate;
}
table.detail th {
	padding        : 6px;
	font-weight    : bold;
	text-align     : right;
	vertical-align : middle;
}
table.detail td {
	padding        : 4px 8px;
	vertical-align : middle;
	height         : 26px;
}
table.detail td.nodata {
	text-align : left;
	padding    : 16px 12px;
}
/*--------------------------------------
	テーブル（詳細書式）
--------------------------------------*/
table.detail td.image {
	text-align     : center;
	vertical-align : middle;
	padding        : 6px;
}

/*--------------------------------------
	テーブル（一覧）
--------------------------------------*/
table.list,
table.list_no_even {
	width          : 95%;
	margin         : 0 auto 0 5px;
	border-collapse: collapse;
}
table.list th,
table.list_no_even th {
	text-align     : center;
	font-weight    : bold;
	padding        : 12px 6px;
}
table.list td,
table.list_no_even td {
	padding        : 8px 4px;
}
table.list_no_even tr.even {
	background-color  : #f3f3f3;
}

/*--------------------------------------
	テーブル（一覧書式）
--------------------------------------*/
table.list td.message,
table.list_no_even td.message {
	text-align: left;
}
table.list td.link,
table.list_no_even td.link {
	text-align: center;
}
table.list td.date,
table.list td.datetime,
table.list_no_even td.date,
table.list_no_even td.datetime {
	text-align : center;
	white-space: nowrap;
}
table.list td.numeric,
table.list_no_even td.numeric {
	text-align : right;
	white-space: nowrap;
}
table.list td.state,
table.list_no_even td.state {
	text-align : center;
	white-space: nowrap;
}
table.list td.count,
table.list_no_even td.count {
	text-align : center;
	white-space: nowrap;
}
table.list td.btn,
table.list_no_even td.btn {
	text-align : center;
	white-space: nowrap;
}
table.list td.nodata,
table.list_no_even td.nodata {
	text-align : left;
	padding    : 16px 12px;
}
table.list td.center,
table.list_no_even td.center {
	text-align: center;
}
table.list td.image,
table.list_no_even td.image {
	text-align: center;
}
table.list_no_even td.even {
	background-color  : #f3f3f3;
}

/*--------------------------------------
	メインエリアタイトル画像
--------------------------------------*/
div.title {
	width: 100%;
	padding: 0px;
	border: none;
	text-align: center;
}

/*--------------------------------------
	メインエリア見出し
--------------------------------------*/
h3.caption {
	padding-left: 30px;
	font-size: 16px;
	background-image: url("/img/gov/member/layout/bg_h3_caption.png");
	background-repeat: no-repeat;
	width: 615px;
	height: 29px;
	padding-top: 0px;
	color: #333;
	border: none;
}

/*--------------------------------------
	メインエリアサブタイトル
--------------------------------------*/
h4.subtitle {
	margin-top    : 10px;
	margin-bottom : 5px;
	border        : none;
	border-bottom : 2px solid #333;
	color         : #000;
	font-size     : 12px;
	font-weight   : bold;
	padding       : 12px 0 0 0;
	width         : 98%;
	height        : 20px;
	position      : relative;
}
h4.subtitle .option {
	top      : auto;
	bottom   : auto;
	left     : auto;
	right    : 0%;
	position : absolute;
}

/*--------------------------------------
	フッタ
--------------------------------------*/
div.copyright {
	font-size        : 10px;
	color            : #ffffff;
	text-align       : right;
	letter-spacing   : 1px;
	background-color : #333;
	height           : 18px;
	border           : none;
	border-bottom    : 2px solid #000
}

/*--------------------------------------
	エラーヘッダ
--------------------------------------*/
#error-header {
	border-top-color : #003197;
	color            : #ffffff;
	background-color : #333;
}

/*--------------------------------------
	コンテナ
--------------------------------------*/
#content_container {
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
}
/*--------------------------------------
	省幅コンテンツ
--------------------------------------*/
#slim_content {
	width      : 650px;
	margin     : auto;
	padding    : 0px;
	text-align : left;
}
/*--------------------------------------
	フル幅コンテンツ
--------------------------------------*/
#full_content {
	width      : 95%;
	margin     : auto;
	padding    : 0px;
	text-align : left;
}
h3.full {
	width      : 100%;
	background-image: url("/img/gov/member/layout/bg_h3_caption_full.png");
}

.portal_main {
}

/*--------------------------------------
	ポータルメニュー
--------------------------------------*/
.portal_sidebar {
	width             : 160px;
	float             : left;
	padding           : 4px;
	background-color  : none;
	text-align        : right;
	border            : 1px solid #666;
}
.portal_sidebar h5 {
	border            : none;
	color             : #333;
	background-color  : none;
	text-align        : left;
	font-weight       : bold;
	padding           : 4px 0 6px 24px;
	font-size         : 110% !important;
	background        : url("/img/gov/member/portal/sidebar_title.png") no-repeat left bottom;
}
.portal_sidebar a,
.portal_sidebar a:visited {
	display           : block;
	width             : 140px;
	border            : 1px solid #666;
	padding           : 8px 4px;
	margin            : 2px auto;
	color             : #fff;
	font-weight       : bold;
	text-align        : left;
	background-color  : #333;
}
.portal_sidebar a:hover {
	border-left       : 5px solid #666;
	color             : #333;
	background-color  : #fff;
}
.portal_sidebar a:hover {
}

/*--------------------------------------
	ポータルコンテンツ
--------------------------------------*/
.portal_content {
	width             : 600px;
	float             : right;
	text-align        : left;
	margin-right      : 5px;
	padding           : 4px;
	border            : 1px solid #666;
}
.portal_content h5 {
	border            : none;
	color             : #333;
	background-color  : none;
	font-weight       : bold;
	clear             : both;
	padding           : 2px 0 2px 20px;
	font-size         : 100% !important;
	background        : url("/img/gov/member/portal/content_title.png") no-repeat left bottom;
}
.portal_content div.paginate {
	width             : 94%;
	margin            : 0 auto;
	color             : #696969;
	padding           : 4px 0 4px 10px;
	display           : inline-block;
}
.portal_content div.paginate .count {
	background-color  : #333;
	color             : #ccc;
}

/*--------------------------------------
	ポータルカテゴリ
--------------------------------------*/
.portal_category {
	margin            : 10px 10px;
	width             : 260px;
	float             : left;
}
.portal_category_page {
	margin            : 4px 10px;
}
.portal_category .head,
.portal_category .head_c,
.portal_category .head_r {
	display           : block;
	height            : 26px;
	background-repeat : no-repeat;
	padding           : 0;
	margin            : 0;
	color             : white;
	font-weight       : bold;
	text-align        : center;
}
.portal_category .head {
	background-image  : url("/img/gov/member/portal/base_h_l.gif");
	background-position: left top;
}
.portal_category .head_c {
	background-image  : url("/img/gov/member/portal/base_h_c.gif");
	background-position: center top;
	background-repeat : repeat-x;
	margin            : 0 3px;
}
.portal_category .head_r {
	background-image  : url("/img/gov/member/portal/base_h_r.gif");
	background-position: right top;
}
.portal_category .head span {
	display           : block;
	padding-top       : 4px;
}
.portal_category .body,
.portal_category .body_c,
.portal_category .body_r {
	display           : block;
	text-align        : center;
	background-repeat : repeat-y;
	padding           : 0;
	margin            : 0;
}
.portal_category .body {
	background-image  : url("/img/gov/member/portal/base_b_lr.gif");
	background-position: left top;
}
.portal_category .body_c {
	background-image  : url("/img/gov/member/portal/base_b_c.gif");
	background-position: center top;
	background-repeat : repeat;
	margin            : 0 3px;
}
.portal_category .body_r {
	background-image  : url("/img/gov/member/portal/base_b_lr.gif");
	background-position: right top;
}
.portal_category .body .date {
	font-size         : 90%;
	padding           : 2px 10px 0 10px;
	text-align        : left;
	font-weight       : bold;
}
.portal_category .body .category_title {
	font-size         : 120%;
	font-weight       : bold;
	padding           : 4px 10px 4px 15px;
	text-align        : left;
}
.portal_category .body .text {
	padding           : 4px 10px 4px 15px;
	text-align        : left;
}
.portal_category .body .separator {
	display           : block;
	margin            : auto;
	text-align        : center;
	width             : 90%;
	height            : 0px;
	border            : none;
	border-bottom     : 1px dotted #000;
	padding           : 0;
}
.portal_category .body .empty {
	padding           : 10px 10px 0 10px;
}
.portal_category .foot,
.portal_category .foot_c,
.portal_category .foot_r {
	display           : block;
	height            : 26px;
	text-align        : right;
	background-repeat : no-repeat;
	padding           : 0;
	margin            : 0;
}
.portal_category .foot {
	background-image  : url("/img/gov/member/portal/base_f_l.gif");
	background-position: left bottom;
	z-index           : 1px;
}
.portal_category .foot_c {
	background-image  : url("/img/gov/member/portal/base_f_c.gif");
	background-position: center bottom;
	background-repeat : repeat-x;
	margin            : 0 3px;
	z-index           : 2px;
}
.portal_category .foot_r {
	background-image  : url("/img/gov/member/portal/base_f_r.gif");
	background-position: right bottom;
	z-index           : 3px;
}
.portal_category .foot span {
	padding-right     : 15px;
}

/*--------------------------------------
	QRコード出力
--------------------------------------*/
div.qr_code {
	display    :block;
	text-align :center;
}

/*--------------------------------------
	プライバシーポリシーエリア
--------------------------------------*/
div.privacy_policy_wide,
div.privacy_policy {
	text-align: left;
	float   :left;
	height  : 300px;
	width   : 500px;
	overflow: auto;
	padding : 4px;
	border  : 2px ridge #ccc;
}
div.privacy_policy_wide {
	width   : 640px !important;
}
div.privacy_mark {
	width: 120px;
	text-align: center;
	float:left;
	height  : 120px;
	background-image: url("/img/privacymark.gif");
	background-repeat: no-repeat;
	background-position: center
}
div.secom {
	width: 120px;
	text-align: center;
	float:left;
	height  : 180px;
}
div.mobile {
	width: 100%;
	float:right;
}
div.policy_title {
	padding: 2px 0 3px 0;
}
div.indent {
	text-indent: 0em;
	padding-left: 1em;
	padding-bottom: 1em;
}
/*--------------------------------------
	同意確認
--------------------------------------*/
div.agree {
	width: 100%;
	text-align: center;
	padding: 10px;
}
div.agree a {
	margin   : 4px 8px;
	padding  : 4px 8px;
	border   : 1px solid #333;
	width    : 100px;
}
div.agree a.no {
	color : #fff;
	background-color: #000;
}
div.agree a.no:hover {
	color : #000;
	background-color: #fff;
}
div.agree a.yes {
	color : #fff;
	background-color: #000;
}
div.agree a.yes:hover {
	color : #000;
	background-color: #fff;
}

/*--------------------------------------
	必須項目
--------------------------------------*/
.required {
	color: #ff3030 !important;
}

/*--------------------------------------
	背景変更
--------------------------------------*/
.target-focus {
	border: 2px solid #88cc99;
	background-color : #f6ffef;
	ime-mode: active;
}
/*--------------------------------------
	汎用テーブル
--------------------------------------*/
table.noborder {
	border-spacing : 0px;
	border         : none;
	padding        : 0px;
	margin         : 0px;
	text-align     : left;
}
table.noborder td.lft {
	border         : none;
	padding        : 0px;
	vertical-align : middle;
	text-align     : left;
}
table.noborder td.rht {
	border         : none;
	padding        : 0px;
	vertical-align : middle;
	text-align     : right;
}

/*--------------------------------------
	セレクトボックス
--------------------------------------*/
/* セレクトボックス */
select.small  { width: 80px ; }
select.middle { width: 120px ; }
select.large  { width: 160px ; }


/*--------------------------------------
	クリア
--------------------------------------*/

.clear{
clear:both;
}