@charset "Shift_JIS";
/*-----------------------------------------------
日本弁護士連合会　弁護士情報提供システム登録･修正画面
----------------------------------------------- */

*{ font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif; }*
body {
	text-align: center;
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	margin: 10px 0;
	padding: 0;
	background-color: #EDEDED;
}
body#area { background-color: #B2B2B2; }

img { margin: 0; padding: 0; border: none; }
p { margin: 0 0 1em 0; padding: 0; }
em { font-style: normal; font-weight: normal; color: #CC0000; margin: 0 5px 0 0; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; margin: 0; padding: 0; }
dl, dt, dd, ul, ol, li, form, input, select, textarea, fieldset { margin: 0; padding: 0; }
ul { list-style: none; }
dt { font-weight: bold; }
hr { height: 1px; margin: 5px 10px 10px 10px; border-top: 1px solid #999999; }

/* リンク
-------------------------------------------------------*/
a:link, a:visited, a:hover, a:active { color: #0E8BA8; }

#head a:link, #head a:visited, #head a:hover, #head a:active { text-decoration: none; }
#foot a:link, #foot a:visited, #foot a:hover, #foot a:active { text-decoration: none; }
#con a:link, #con a:visited { text-decoration: underline; }
#con a:hover, #con a:active { text-decoration: none; }


/* 共通
-------------------------------------------------------*/
.clear { clear: both; height: 1px; line-height: 0; }
.arrow { padding: 0 0 5px 20px; background: url(/img/arrow02.gif) 0 0 no-repeat; }
.btn { text-align: center; margin: 0 auto 10px auto; }
.btn input { padding: 1px 5px!important; padding: 0; margin: 5px; }
.f14 { font-size: 14px; }

/* レイアウト
-------------------------------------------------------*/
#wrap {
	width: 700px;
	padding: 0 20px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}
#con { width: 700px; margin: 0; padding: 0 0 30px 0; }

.leftcol { width: 340px; margin: 0; float: left; padding: 0; }
.rightcol { width: 330px; float: right; }
#top .leftcol { border-right: 1px dotted #999999; }


/* ヘッダー
-------------------------------------------------------*/
#head {
	width: 740px;
	height: 105px;
	padding: 0;
	margin: 0 -20px;
	text-align: left;
	position: relative;
	background: url(/img/head.gif) 0 0 no-repeat;
}
h1 { position: absolute; top: 27px; left: 25px; }
#area #head { background: url(/img/head.gif) 0 0 no-repeat; }

/*------- ヘッダーナビ -------*/
#head ul { width: 200px; height: 30px; position: absolute; top: 20px; left: 526px; }
#head li { position: absolute; top: 0; list-style-type: none; text-indent: -9999px; }
#head li a {
	height: 30px;
	display: block;
	margin: 0;
	padding: 0;
	background-image: url(/img/g_nav.gif);
	background-repeat: no-repeat;
}
#nav-home { left: 0; }
#nav-home a { width: 90px; background-position: 0 0; }
#nav-home a:hover { background-position: 0 -30px; }
#nav-sitemap { left: 95px; }
#nav-sitemap a { width: 110px; background-position: -90px 0; }
#nav-sitemap a:hover { background-position: -90px -30px; }

#area #head ul { width: 90px; top: 25px; left: 625px; }
#area #head li a {
	background-image: url(/img/g_nav.gif);
	background-repeat: no-repeat;
}

/* コンテンツ
-------------------------------------------------------*/
h2 { margin: 20px 0; background-position: 0 0; background-repeat: no-repeat; }
#area h2 {
	font-size: 16px;
	letter-spacing: 2px;
	width: 645px;
	height: 30px;
	margin: 30px 0;
	padding: 10px 0 0 55px;
	background: url(/img/th2_search.gif) 0 0 no-repeat;
}
h3 {
	font-size: 14px;
	margin: 0 0 15px 10px;
	padding: 2px 0 2px 12px;
	width: 350px;
	letter-spacing: 1px;
	border-left: 10px solid #E26600;
	border-bottom: 1px dotted #999999;
}
h4 { margin: 0 0 3px 10px; }

#con p { margin: 0 10px 1em 10px; }
#con p.att { margin-bottom: 2px; }
#con ul { margin: 0 10px 7px 10px; }
#con li { background: url(/img/circle.gif) 0 7px no-repeat; padding: 0 0 5px 15px; }

#condition { background-color: #EFEFEF; border: 1px solid #CCCCCC; padding: 10px 10px 0 5px; margin: 3px 10px 15px 10px; }
#condition input { margin: 0 0 0 30px; }

#list li { border-bottom: 1px dotted #CCCCCC; margin-bottom: 5px; } 

form.filed { display: inline; }

#color { margin: 0; padding: 0; }
#color li { padding: 0 0 0 95px; margin: 0; list-style-type: none; background-image: none; }
#color li span { float: left; clear: left; margin: 0 0 0 -95px; padding: 0 0 0 5px;  }


/* トップページ
-------------------------------------------------------*/
#top h3 { width: 250px; margin-bottom: 30px; }
#btn-search a, #btn-service01 a, #btn-service02 a {
	margin: 0;
	padding: 0;
	display: block;
	width: 310px;
	height: 37px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#btn-search a:hover, #btn-service01 a:hover, #btn-service02 a:hover { background-color: #CCCCCC; }
#btn-search a:hover img, #btn-service01 a:hover img, #btn-service02 a:hover img { visibility: hidden; }
#btn-search a { background-image: url(/img/btn_search02.gif); }
#btn-service01 a { background-image: url(/img/btn_service01_02.gif); }
#btn-service02 a { background-image: url(/img/btn_service02_02.gif); }

#map { margin: -10px 0 0 30px; }

#map a:link { color: #FFFFFF; text-decoration: none; display: block; width: 100%; height: 100%; }
#map a:visited { color: #FFFFFF; text-decoration: none; }
#map a:hover { color: #FFFFFF; text-decoration: none; }
#map a:active { color: #FFFFFF; text-decoration: none; }

#map table {
    border: 0;
    border-collapse:separate;
    border-spacing:2px;
}
#map td {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    border: 0;
    color: #FFFFFF;
}
#map td.color1 {
    background-color: #FF9030;
}
#map td.color1:hover {
    background-color: #FFCC99;
}

/* テーブル
-------------------------------------------------------*/
table {
	width: 97%;
	padding: 0;
	margin: 0 10px 15px 10px;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	border-collapse: collapse;
	text-align: center;
}
th, td { 
	margin: 0;
	padding: 4px 5px;
	border-bottom: solid 1px #999999;
	border-right: solid 1px #999999;
    word-break: break-all;
}
th { font-weight: normal; background-color: #EDEDED; vertical-align: top; }
td { text-align: left; }
td.tdc, .tdc td { text-align: center; }

#login { width: 70%; margin: 0 0 0 130px; }
#login table { width: 85%; }
#login th { width: 120px; text-align: center; }
#login .btn { width: 70%; margin-bottom: 25px; }


/* フッター
-------------------------------------------------------*/
#foot, #foot2 {
	width: 740px;
	height: 85px;
	margin: 0 -20px;
	padding: 15px 0 5px 0;
	clear: both;
	text-align: left;
	background: url(/img/foot.gif) 0 0 no-repeat;
}
#foot p { margin: 0 0 0 15px; }
#foot .arrow { background: url(/img/arrow.gif) right bottom no-repeat; padding: 0 20px 0 0; }
address { font-size: 11px; text-align: right; font-style: normal; padding: 0 15px 0 0; }

#area #foot { height: 65px; }
#area #foot address { line-height: 130%; }
#area #foot2 { height: 25px; }