@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: 0 0 10px 0;
	padding: 0;
	background-color: #EDEDED;
}

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; }
em.m { font-size: 14px; }
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; border-top: dotted 1px #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; }


/* 共通
-------------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }
img.fl { margin: 0 20px 10px 0; }
img.fr { margin: 0 0 10px 10px; }
.clear { clear: both; height: 1px; line-height: 0; }

.arrow-top {
	width: 100%;
	border-top: 1px dotted #999999;
	text-align: right;
	margin: 15px 0 0 0;
	padding: 3px 0 0 0;
}
.arrow-top a { padding: 0 0 0 14px; background: url(/kyoryoku/img/arrow_up.gif) 0 2px no-repeat; }
.arrow a, a.arrow { padding: 0 0 5px 20px; background: url(../img/arrow02.gif) 0 0 no-repeat; }

.btn { text-align: center; margin: 0 auto 15px auto; }
.btn input { padding: 1px 5px!important; padding: 0; margin: 5px; }

.att { color: #C10000; }

.gray-box { width: 660px; padding: 3px 10px; margin: 0 10px 20px 10px; background: #EFEFEF; }

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

#s-wrap {
        width: 480px;
        padding: 0 20px;
        margin: 0 auto;
        text-align: left;
        background-color: #FFFFFF;
}
#s-con { width: 480px; margin: 0; padding: 0 0 30px 0; }

.leftcol { width: 290px; margin: 0; float: left; padding: 0; }
.rightcol { width: 385px; float: right; }


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

/*------- ヘッダーナビ -------*/
#head ul { width: 290px; height: 30px; position: absolute; top: 20px; left: 435px; }
#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(/kyoryoku/img/g_nav.gif);
	background-repeat: no-repeat;
}
#nav-id { left: 0; }
#nav-id a { width: 180px; background-position: 0 0; }
#nav-id a:hover { background-position: 0 -30px; }
#nav-link { left: 190px; }
#nav-link a { width: 110px; background-position: -190px 0; }
#nav-link a:hover { background-position: -190px -30px; }


/* コンテンツ
-------------------------------------------------------*/
h2 { margin: 20px 0 40px 0; background-position: 0 0; background-repeat: no-repeat; }
h3 {
	font-size: 14px;
	margin: 0 0 15px 10px;
	padding: 2px 0 3px 13px;
	width: 320px;
	letter-spacing: 1px;
	border-left: 10px solid #067B96;
	border-bottom: 1px dotted #999999;
}
h4 { margin: 0 0 0 10px; color: #056777; }

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

#con ol#agree { margin-left: 30px; margin-right: 20px; }


/* テーブル
-------------------------------------------------------*/
table {
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	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: #CDEAF1; }
td { text-align: left; }
td.tdc, .tdc td { text-align: center; }

td.f01 { background-color: #F9F9BB; }
td.f02 { background-color: #D0F4BD; }
td.f03 { background-color: #EAEAEA; }


#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 {
	width: 740px;
	margin: 0 -20px;
	clear: both;
}