@charset "UTF-8";


/**************************************************************************************************

トピックス
topics

**************************************************************************************************/
.topicsBox{
border-bottom:dotted 1px #ccc;
padding:0 0 20px 0;
margin:0 0 40px 0;
}


/**************************************************************************************************

研修会・イベント
event

**************************************************************************************************/
.eventBox {
border-bottom:solid 1px #ccc;
padding:0 0 20px 0;
margin:0 0 40px 0;
}

/* =========== 研修会・イベントTABLE =========== */
.eventBox table {
	width: 680px;
	line-height:1.6em;
	border-collapse:collapse;
	margin:10px 0 0 0;
}

.eventBox td {
	font-size:12px;
	line-height:1.6em;
	width:530px;
	padding:10px;
	vertical-align:top;
	border:solid 1px #ccc;
	color:#333;
}

.eventBox th {
	font-size:12px;
	line-height:1.6em;
	width:150px;
	vertical-align:middle;
	padding:10px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #ccc;
	background:#f0f0f0;
}

.eventBox p{
margin:10px 0 30px 0;
font-size:12px;
}


/**************************************************************************************************

JILAとは
about

**************************************************************************************************/
/* =========== 役員TABLE =========== */
.officerBox table {
	width: 680px;
	font-size:13px;
	line-height:1.6em;
	border-collapse:collapse;
}

.officerBox td {
	font-size:12px;
	line-height:1.6em;
	width:480px;
	padding:10px;
	vertical-align:top;
	border:solid 1px #ccc;
	color:#333;
}

.officerBox th {
	font-size:12px;
	line-height:1.6em;
	width:200px;
	vertical-align:middle;
	padding:10px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #ccc;
	background:#f0f0f0;
}


/* =========== 役員TABLE =========== */
.officerBox2 table {
	width: 460px;
	font-size:13px;
	line-height:1.6em;
	border-collapse:collapse;
}

.officerBox2 td {
	font-size:12px;
	line-height:1.6em;
	width:335px;
	padding:5px 0;
	vertical-align:top;
	border:solid 0px #ccc;
	color:#333;
}

.officerBox2 th {
	font-size:12px;
	line-height:1.6em;
	width:115px;
	vertical-align:middle;
	padding:5px 0;
	text-align:left;
	font-weight:normal;
	border:solid 0px #ccc;
	background:#fff;
}


/* =========== 機構TABLE =========== */
.mechanismBox table {
	width: 680px;
	font-size:13px;
	line-height:1.6em;
	border-collapse:collapse;
}

.mechanismBox td {
	font-size:12px;
	line-height:1.6em;
	width:460px;
	padding:10px;
	vertical-align:top;
	border:solid 1px #ccc;
	color:#333;
}

.mechanismBox th {
	font-size:12px;
	line-height:1.6em;
	width:100px;
	vertical-align:middle;
	padding:10px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #ccc;
	background:#00549a;
	color:#fff;
}

.mechanismBox th.subcol {
	font-size:12px;
	line-height:1.6em;
	width:120px;
	vertical-align:middle;
	padding:10px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #ccc;
	background:#f0f0f0;
	color:#333;
}


/**************************************************************************************************

部会・研究会
group

**************************************************************************************************/
.groupBox{
width:680px;
}

.groupBox ul li{
background:url("../../group/img/arrow.jpg") no-repeat;
padding:8px 0 20px 25px;
border-bottom:dotted 1px #ccc;
font-size:13px;
width:315px;
float:left;
line-height:1.36px;
margin:0 0 20px 0;
}


.groupDetailBox{
border-bottom:dotted 1px #ccc;
padding:0 0 30px 0;
margin:0 0 30px 0;
}



/**************************************************************************************************

書籍案内
books

**************************************************************************************************/
.booksBox{
width:698px;
border:solid 1px #ccc;
border-top:solid 3px #00549a;
margin:30px 0 0 0;
}

.booksBoxInner{
padding:15px 20px;
}

.booksTitle h4{
margin:0 0 20px 0;
padding:2px 0 10px 35px;
border-bottom:dotted 1px #ccc;
font-size:19px;
font-weight:bold;
line-height:1.36em;
background:url("../../guide/img/icon_books.jpg") no-repeat;
}

.booksBoxL{
float:left;
width:200px;
}

.booksBoxInfo{
float:left;
width:268px;
}

.booksBoxBtn{
float:right;
width:170px;
}


.booksMokuji p.con1{
padding:0 0 0 20px;
}


.booksMokuji p{
margin:0 0 5px 0;
}

.booksMokuji p.con2{
padding:0 0 0 40px;
}

.booksExpBox{
background:#f0f0f0;
margin:20px 0 0 0;
}

.booksExpBoxInner{
padding:15px;
}

/**************************************************************************************************

参考文献一覧
bibliography

**************************************************************************************************/
.bibliographyBox{
 width:680px;
}

.bibliographyBox ul li{
margin:10px 0;
}




/**************************************************************************************************

音声配信
voice

**************************************************************************************************/
.voiceBox{
width:698px;
border:solid 1px #ccc;
border-top:solid 3px #00549a;
margin:30px 0 0 0;
}

.voiceBoxInner{
padding:15px 20px;
}

.voiceTitle h4{
margin:0 0 20px 0;
padding:2px 0 10px 40px;
border-bottom:dotted 1px #ccc;
font-size:19px;
font-weight:bold;
line-height:1.36em;
background:url("../../guide/img/icon_voice.jpg") no-repeat;
}

.voiceTitle h4 span{
font-size:15px;
}

.voiceBoxL{
float:left;
width:200px;
}

.voiceBoxInfo{
float:right;
width:438px;
margin:10px 0 0 0;
}

.voiceBoxBtn{
margin:15px 0 0 0;
text-align:right;
}


/**************************************************************************************************

募集ポジション
recruit

**************************************************************************************************/
/* =========== 法務部所属弁護士のとある１日TABLE =========== */
.recruitBox table {
	width: 680px;
	font-size:13px;
	line-height:1.6em;
	margin:15px 0 0 0;
	border-collapse:collapse;
}

.recruitBox td {
	font-size:12px;
	line-height:1.6em;
	width:480px;
	padding:10px;
	vertical-align:top;
	border:solid 1px #ccc;
	color:#333;
}

.recruitBox th {
	font-size:12px;
	line-height:1.6em;
	width:200px;
	vertical-align:middle;
	padding:10px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #ccc;
	background:#f0f0f0;
}



/**************************************************************************************************

組織内弁護士とは
lawyer

**************************************************************************************************/
/* =========== 法務部所属弁護士のとある１日TABLE =========== */
.lawyerBox table {
	width: 680px;
	font-size:13px;
	line-height:1.6em;
	margin:15px 0 0 0;
	border-collapse:collapse;
}

.lawyerBox td {
	font-size:12px;
	line-height:1.6em;
	width:530px;
	padding:6px 10px;
	vertical-align:top;
	border:solid 1px #ccc;
	color:#333;
}

.lawyerBox th {
	font-size:12px;
	line-height:1.6em;
	width:150px;
	vertical-align:middle;
	padding:6px 10px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #ccc;
	background:#f0f0f0;
}



/**************************************************************************************************

会費のご案内
procedure

**************************************************************************************************/
/* =========== 会費のご案内TABLE =========== */
.priceBox table {
	width: 680px;
	font-size:13px;
	line-height:1.6em;
	margin:15px 0 0 0;
	border-collapse:collapse;
}

.priceBox td {
	font-size:12px;
	line-height:1.6em;
	width:530px;
	padding:6px 10px;
	vertical-align:top;
	border:solid 1px #ccc;
	color:#333;
}

.priceBox th {
	font-size:12px;
	line-height:1.6em;
	width:150px;
	vertical-align:middle;
	padding:6px 10px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #ccc;
	background:#f0f0f0;
}



/**************************************************************************************************

入会案内
admission

**************************************************************************************************/
/* =========== 入会案内TABLE =========== */
.admissionBox table {
	width: 680px;
	font-size:13px;
	line-height:1.6em;
	margin:15px 0 0 0;
	border-collapse:collapse;
}

.admissionBox td {
	font-size:12px;
	line-height:1.6em;
	width:630px;
	padding:10px;
	vertical-align:top;
	border:solid 1px #ccc;
	color:#333;
}

.admissionBox th {
	font-size:12px;
	line-height:1.6em;
	width:150px;
	vertical-align:middle;
	padding:10px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #ccc;
	background:#f0f0f0;
}

/* =========== 業種・部会一覧TABLE =========== */
.admissionGrouplistBox table {
	width: 680px;
	font-size:13px;
	line-height:1.6em;
	margin:15px 0 0 0;
	border-collapse:collapse;
}

.admissionGrouplistBox td {
	font-size:12px;
	line-height:1.6em;
	width:630px;
	padding:10px;
	vertical-align:top;
	border:solid 1px #ccc;
	color:#333;
}

.admissionGrouplistBox th {
	font-size:12px;
	line-height:1.6em;
	width:100px;
	vertical-align:middle;
	padding:10px;
	font-weight:bold;
	text-align:center;
	border:solid 1px #ccc;
	background:#00549a;
	color:#fff;
}

.admissionGrouplistBox th.col2 {
	background:#f0f0f0;
	color:#333;
}



/**************************************************************************************************

よくあるご質問
ID : #faq

**************************************************************************************************/

.faqListBoxMenu{
width:698px;
border:solid 1px #ccc;
background:#fff;
}

.faqListBox{
width:698px;
border:solid 1px #ccc;
border-top:solid 3px #006cb8;
background:#fff;
}

.faqListBoxInnerMenu{
padding:5px 15px 10px 15px;
}


.faqListBoxInner{
padding:5px 15px 0 15px;
}

.faqListBoxL{
width:324px;
float:left;
}

.faqListBoxR{
width:324px;
float:right;
}

.faqQBox{
	padding:12px 0px;
	background:url("../../common/img/dot.jpg") left bottom repeat-x;
}

.faqQBoxL{
width:35px;
float:left;
}

.faqQBoxR{
width:289px;
float:left;
font-size:12px;
line-height:1.5em;
}

.faqQBoxR2{
width:633px;
float:left;
font-size:12px;
line-height:1.5em;
}

.faqQBoxR2 p{
font-size:12px;
margin:0 0 10px 0;
}

.faqABox{
	padding:7px 0px;
}


/**************************************************************************************************

サイトマップ
sitemap

**************************************************************************************************/
.sitemapBox{
	padding:10px 8px 10px 0px;
	background:url("../../common/img/dot.jpg") left bottom repeat-x;
}

.sitemap_h3{
font-size:13px;
line-height:1.4em;
background:url("../../sitemap/img/sitemap_arrow1.jpg") 0 1px no-repeat;
text-indent:20px;
}

.sitemap_h3 h3{
font-size:15px;
font-weight:bold;
line-height:1.5em;
padding:10px 0 0 35px;
}

.sitemapSubPage{
width:680px;
margin:10px 0 0 0;
}

.sitemapSubPage ul li{
float:left;
background:url("../../sitemap/img/sitemap_arrow2.jpg") 3px 2px no-repeat;
font-size:12px;
padding:0 0 5px 20px;
margin:0 20px 0 10px;
width:170px;
line-height:1.5em;
}




/**************************************************************************************************

お知らせ
newslist

**************************************************************************************************/
div.newsNewSet{
	margin:0;
	padding:8px;
	background:url("../../common/img/dot.jpg") left bottom repeat-x;
}

table.newsNewTable{
	margin:0;
	padding:0;
	border-collapse:collapse;
}

table.newsNewTable td{
	font-size:13px;
	line-height:1.5em;
	vertical-align:top;
	color:#333;
}

table.newsNewTable td.newsNewDate{
vertical-align:middle;
	font-size:13px;
	line-height:1.5em;
	padding:0 12px 0 0;
}



/**************************************************************************************************

お問い合わせ
contact

**************************************************************************************************/
	#contact-form {
		width: 680px;
	font-size:13px;
	}
	#contact-form dl {
		width: 680px;
	}
	#contact-form dl dt {
		float: left;
		width: 150px;
	}
	#contact-form dl dd {
		margin-left: 150px;
	}
	.inputform {
		padding: 4px;
		border: #cccccc solid 1px;
	}
	.inputform2 {
		padding: 4px;
		border: #cccccc solid 1px;
	}
	.inputform3 {
		padding: 4px;
		border: #cccccc solid 1px;
	}
	.inputform4 {
		padding: 4px;
		border: #cccccc solid 1px;
	}
	input.inputform {
		width: 228px;
	}
	input.inputform2 {
		width: 50px;
	}
	input.inputform3 {
		width: 350px;
	}
	input.inputform4 {
		width: 100px;
	}
	textarea.inputform {
		width: 350px;
		height: 150px;
	}
	textarea.inputform2 {
		width: 350px;
		height: 150px;
	}
	label.error {
		padding-left: 10px;
		color: #ff0000;
		font-size: 10px;
	}
	#contact-btbox {
		width: 411px;
		height: 42px;
		margin: 10px 0 0 0;
		position: relative;
	}
	#contact-btbox input {
		position: absolute;
	}
	
	#next-btbox {
		width: 411px;
		height: 42px;
		margin: 5px 0 0 0;
		position: relative;
	}
	#next-btbox input {
		position: absolute;
	}
	input.input_btn {
		display: block;
		overflow: hidden;
		width: 181px;
		height: 42px;
		border: none;
		text-indent: -9999px;
		cursor: pointer;
	}
	#finish, #error {
		width: 590px;
		text-align: center;
		padding: 50px 0;
	}

	table.contact {
		width: 640px;
		background:#fff;
	}
	table.contact th {

		vertical-align:top;
	font-size:13px;
		padding:6px 6px;
		color:#333;
		border:solid 1px #CCC;
		background:#ededed;
	}
	table.contact td {
	padding:6px 6px;
	font-size:13px;
	border:solid 1px #CCC;
	background:#fff;
	vertical-align:top;
	}

form {
	margin:0;
	padding:0;
}
.attention1{
	color: #C00;
}
.attention2 {
	color:#36C;
}
div.button {
	text-align: center;
	padding:10px 10px 20px;
}
div.button input{
	margin:0 10px;
}

.formTable1{
	width:680px;
	font-size:13px;
	line-height:1.3em;
	border-collapse:collapse;
		background:#fff;
	margin:20px 0 0 0;
}
.formTable1 th{
	width:180px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:8px 6px;
	border:solid 1px #CCC;

	background:#F5F5F5;
}
.formTable1 td{
	padding:8px 6px;
	border:solid 1px #CCC;
}
.formTable1 table{
	border-collapse:collapse;
	margin:0;
}
.formTable1 table td{
	font-size:13px;
	line-height:1.3em;
	padding:0 5px 0 0;
	border:none;
}

.formTable2{
	width:680px;
	line-height:1.3em;
	border-collapse:collapse;
		background:#fff;
	font-size:13px;
	margin:0px
}
.formTable2 th{
	width:400px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:10px;
	border:solid 1px #CCC;
	background:#fff7e7;
}
.formTable2 td{
	width:280px;
	padding:10px;
	border:solid 1px #CCC;
}
.formTable2 table{
	border-collapse:collapse;
	margin:0;
}
.formTable2 table td{
	padding:0 5px 0 0;
	border:none;
}


/* width */
.form1 {
	width:40px;
}
.form2 {
	width:80px;
}
.form3 {
	width:120px;
}
.form4 {
	width:160px;
}
.form5 {
	width:200px;
}
.form6 {
	width:360px;
}
.form7{
	width:480px;
}


div.btnTxt{
font-size:16px;
}

div.btnTxt input.btn{
height:40px;
}