@charset "UTF-8";

/* 「メンバーズ／キャリアバンク／情報掲示板／お問い合わせ」用CSS */

/* フォーム部品 */
/* @group
---------------------------------------------------------------------------
*/

textarea {
	width: 95%;
	font-size: inherit;
	font-family: inherit;
}

optgroup {
	font-variant: normal;
	font-weight: bold;
	background-color: #f5f5f5;
}
option {
	background-color: #fff;
}

input.large {
	width: 95%;
}

input.small {
	width: 30px;
}

/* @end */


/* 表組 */
/* @group
---------------------------------------------------------------------------
*/

div.inner form {
	text-align: center;
}

form table {
	width: 100%;
	margin-bottom: 2em;
	background: transparent url(/__img/separator/dotline1gray.gif) left top repeat-x;
}
form table tr { background: transparent url(/__img/separator/dotline1gray.gif) left bottom repeat-x; }

form table caption {
	padding: 2em 1em 1em;	
}
form table th {
	padding: 2em 1em;
	vertical-align: top;
	white-space: nowrap;
}
form table td {
	padding: 2em 1em;
	vertical-align: top;
}

div.item {
	padding: 2em 1em;
	background: transparent url(/__img/separator/dotline1gray.gif) left bottom repeat-x;
}

div#inquiry div.lead {
	background: transparent url(/__img/separator/dotline1gray.gif) left bottom repeat-x;	
}
div#inquiry div.question {
	padding: 2em 1em 0px;
}
div#inquiry div.answer {
	padding: 2em 1em;
	background: transparent url(/__img/separator/dotline1gray.gif) left bottom repeat-x;
}
div#inquiry ul {
	list-style-type: none;
}
div#inquiry input[type=text] {
	height: 1em;
	border: none;
	border-bottom: 1px solid #333;
}
div#inquiry input.small {
	text-align: center;
}

/* 表組：表示画面 */
/* @group
---------------------------------------------------------------------------
*/

div#bbsFrame {
	width: 735px;
	margin: 0px auto;
	border: 1px dotted #ccc;
}

div.bbsCell {
	position: relative;
	padding: 12px;
	padding-top: 4px;
	padding-bottom: 16px;
}

div.bbsCropped {
	overflow: hidden;
	height: 40px;
	background: url(/__img/icon/more.gif) right 5px no-repeat;
}

div.bbsUncropped {
	position: absolute;
	left: -1px;
	top: 0px;
	width: 220px;
	height: auto !important;
	padding: 12px;
	padding-top: 4px;
	padding-bottom: 16px;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	background-color: #fff;
	background-image: none;
	z-index: 20;
}

div.bbsLabel {
	position: relative;
	font-size: 11px;
	color: #999;
}

a.bbsKeyword {
	color: #666;
}



div#bbsTitle {
	padding-left: 60px;
	border-bottom: 1px dotted #ccc;
	font-size: 15px;
}

div#bbsTitle div.bbsLabel {
	left: -48px;
}

div#bbsNo {
	position: absolute;
	left: 12px;
	top: 24px;
	width: 40px;
	font-size: 11px;
	text-align: center;
	color: #b7b7b7;
}

div#bbsAuthor {
	float: left;
	width: 466px;
	height: 40px;
	border-bottom: 1px dotted #ccc;
}

div#bbsAuthor img {
	vertical-align: middle;
}

div#bbsAuthor span.mail {
	padding-left: 20px;
	background: url(/__img/icon/mail.gif) 5px 2px no-repeat;
}

div#bbsDate {
	float: left;
	width: 220px;
	height: 40px;
	border-bottom: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}

div#bbsPlace {
	float: left;
	width: 221px;
	border-bottom: 1px dotted #ccc;
}

div#bbsGenre {
	float: left;
	width: 220px;
	border-bottom: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}

div#bbsTheme {
	float: left;
	width: 220px;
	min-height: 40px;
	border-bottom: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
}

div#bbsBody {
	clear: both;
	padding-top: 16px;
	z-index: 10;
}

div#bbsAttach {
	margin-top: 16px;
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #d7d7d7;
}

div#bbsAttach div.bbsLabel {
	top: -3px;
}

div#bbsAttach div.thumb {
	position: relative;
	float: left;
	width: 216px;
	margin-right: 16px;
}

div#bbsAttach div.thumb a {
	width: 216px;
}

div#bbsAttach div.thumb img {
	height: 162px;
}

span.bbsPdfLabel {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 1px 5px 0px;
	color: #fff;
	background-color: #dc0505;
}
span.bbsPdfLabel a,
span.bbsPdfLabel a:link,
span.bbsPdfLabel a:visited,
span.bbsPdfLabel a:hover {
	display: inline;
	text-decoration: none;
	color: #fff;
	background-color: transparent;
}



table.bbsList {
	width: 920px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.bbsList thead {
	border-bottom: 1px solid #ccc;
}

table.bbsList thead th {
	padding-left: 0px;
}

table.bbsList thead th a {
	display: block;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
table.bbsList thead th a:hover {
	text-decoration: none;
	background-color: #e7e7e7;
}

span.bbsListOrder {
	font-size: 8px;
	line-height: 0px;
	color: #999;
}

table.bbsList tr.current {
	background-color: #e7e7e7;
}

table.bbsList tr.bbsListMain th,
table.bbsList tr.bbsListMain td {
	padding-top: 10px;
	padding-bottom: 5px;
	border-top: 1px dotted #ccc;
}


table.bbsList th {
	white-space: nowrap;
}

table.bbsList th,
table.bbsList td {
	padding-left: 5px;
	vertical-align: top;
}

table.bbsList td table th {
	padding-left: 0px;
}

table.bbsList th.bbsListLabel {
	color: #999;
}

table.bbsList td.bbsListNo,
table.bbsList td.bbsListDate {
	font-size: 11px;
	white-space: nowrap;
}

table.bbsList td.bbsListTitle {
	font-size: 13px;
}

table.bbsList td.bbsListTitle a {
	display: block;
	font-weight: bold;
}

table.bbsList td.bbsListTitle table a {
	display: inline;
	font-weight: normal;
}

table.bbsList td.bbsListTitle table tr th,
table.bbsList td.bbsListTitle table tr td {
	border: none;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
}

table.bbsList td.bbsListTitle table tr.bbsListAuthor th,
table.bbsList td.bbsListTitle table tr.bbsListAuthor td {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
}


table.bbsList tr.bbsListGenre,
table.bbsList tr.bbsListTheme {
	font-size: 11px;
}


div.bbsListPage {
	display: inline;
	float: right;
	margin-right: 10px;
	padding: 1px 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #d7d7d7;
}



.cbSearchwrapper { padding: 2em 0px 0 0; }

table.cbSearch {
	width: auto;
	
	background: none;
}

table.cbSearch tr {
	background: none;
}
table.cbSearch td,
table.cbSerach th {
	padding: 0 10px;
}

table.cbList {
	width: 920px;
	margin: 0 auto;
}
table.cbList td, table.cbList th {
	padding: 5px 10px 5px 10px;
	background: transparent url(/__img/separator/dotline1gray.gif) left bottom repeat-x;
}
table.cbList tbody, table.cbList thead {
	background: transparent url(/__img/separator/dotline1gray.gif) left top repeat-x;
}

table.cbList ht {
	white-space: nowrap;
}

table.cbDetail {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 2em;
	background: transparent url(/__img/separator/dotline1gray.gif) left top repeat-x;
	border-left: #ccc 1px dotted;
}

table.cbDetail tr { background: transparent url(/__img/separator/dotline1gray.gif) left bottom repeat-x; }
table.cbDetail th {
	width: 7em;
	max-width: 7em;
	padding: 1em 1em;
	border-right: #ccc 1px dotted;
	white-space: nowrap;
	vertical-align: top;
	color: #666;
}
table.cbDetail td {
	padding: 1em 1em;
	border-right: #ccc 1px dotted;
	vertical-align: top;
}
table.cbDetail td.article {
	padding: 2em 3em;
	word-break: break-all; /* N add 110304 for IE */
	word-wrap: break-word !important; /* N add 110304 for FireFox */
}

table.cbDetail .paren {
	color: #999;
}

.col2 { width: 235px; }

/* 100721 add サブメニュー */

#sub { 
	font-size: 0.91em;
	line-height:1.4em;
 }

#sub div.column h2, div#sub div.column div.inner {
	padding-left:12px;
	padding-right:12px;
}

#sub ul {
	width: 100%;
	list-style:none outside none;
	margin:0;
	padding:0;
}

#sub ul li {
	margin: 0 0 0.5em 0;
	padding:0 5px 1em 5px;
	background:transparent url(/__img/separator/dotline1gray.gif) repeat-x scroll left bottom;
	word-wrap: break-word;
	}
	
#sub .readMore {
	float: right;
	margin-right: 5px;
	}
	
#sub .lead { 
	padding-bottom: 1em;
 }
	
div.heading { /* 削除予定 */
	background:url("/__img/separator/dotline1red.gif") repeat-x scroll left top transparent;
	padding:5px 5px 4px;
	}
	
#sub h3 {
	padding-bottom:10px;
	padding-top:10px;
}
	
#sub div.heading h3 { /* 削除予定 */
	letter-spacing:0.17em;
	padding: 0;
 }

#sub .entry { /* 削除予定 */
	background:transparent url(/__img/separator/dotline1red.gif) repeat-x scroll left top;
	padding:10px 5px 0;
}

#sub .thumb { margin-bottom: 10px; }

#sub .text { 
	padding: 0;
	}

#sub .title { 
	margin: 0.5em 0;
	padding: 0;
	font-weight: bold;
}

#sub .title a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

/* 100901 add サブメニュー */

#sub .entry2 {
	border-bottom:1px solid #CD0505;
	padding:0 3px 15px;
}

#sub #banner { margin-top: 10px; width:165px; }

#sub #banner ul {
	list-style-type:none;
	padding-left:5px;
	width: 160px;
}

#sub #banner ul li {
	width:160px;
	margin: 0;
	margin-bottom:7px;
	padding: 0;
	background: none;
	line-height:0;

}

/* 110719 add サブメニュー バナー */

#sub li#social_contribution {
    border-bottom: 1px solid #CFCFCF;
    margin-bottom: 17px !important;
    padding-top: 10px;
}

#sub li#social_contribution div.area {
    background-color: #FFFFFF;
    border-top: 1px solid #CFCFCF;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    line-height: 20px;
    padding: 0 3px;
}

#sub li#social_contribution div.banner { padding: 6px 0; }

#sub li#social_contribution div.title, #sub li#social_contribution div.body {
    line-height: 1.4em;
    margin: 0;
    padding: 0 6px 6px;
}

/* @end */


/* ログイン・ステータス */
/* @group
---------------------------------------------------------------------------
*/
div#login div.inner { padding-bottom: 0px; }
div#login div.id { float: left; }
div#login div.logout { float: right; }

/* @end */


/* メッセージ等 */
/* @group
---------------------------------------------------------------------------
*/

.required .aster { color: #f00; }
span.required { color: #f00; }

.error { color: #f00; }
span.mesg .error { padding-left: 1em; }
div.mesg  .error { padding-left: 0px; }

div.instruction {
	margin-top: 1em;
	color: #666;
}

div.example {
	font-size: 0.91em; /* 10px */
	color: #666;
}

div.bye {
	padding: 10em 0px;
	text-align: center;
}


div.cbGo p {
	float: left;
	margin-bottom: 0px;
}
div.cbGo p.note {
	float: right;
}

/* @end */


/* ウィジェット */
/* @group
---------------------------------------------------------------------------
*/

.widget {
	margin-bottom: 20px;
	text-align: right;
}

.widget img { vertical-align: bottom; }

/* @end */


/* 110203 N add */

select {
    margin-right: 0px;
    margin-top: 0px;
    position: static;
}