*{
	margin:0;
	padding:0;
}
body{
	line-height:120%;
}

/* General Style Info */
a{ color:#003d4c; text-decoration:underline; }
a:link, a:visited { color:#03F; text-decoration:underline; }
a:hover, a:active { color:#F60; text-decoration:none; }

a img{ border:none; }

h1, h2, h3 { font-size:medium; font-weight:bold; }
h4, h5, h6 { font-size:90%; font-weight:bold; }

p {
	font-size:90%;
	margin:0.75em 0.5em;
}

strong, em { font-weight:normal; font-style:normal; }


h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited,
h5 a:link, h5 a:visited,
h6 a:link, h6 a:visited { color:#333; text-decoration:none; }

h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active,
h5 a:hover, h5 a:active,
h6 a:hover, h6 a:active { color:#F60; text-decoration:none; }

fieldset{
	margin-top:1em;
	padding:10px;
	border:1px solid #888888;
}

legend{
	font-weight:bold;
	color:#434343;
}

/* Layout */
#container{
	text-align:left;
	margin:0 auto;
	width:800px;
}

div#header {
    position:relative;
    width:800px;
    height:138px;
    background:transparent url("../img/HeaderBg.jpg") 0 0 no-repeat;
}

#headerNavi { 
    position:absolute;
    top:24px;
	right:0;
	margin:0;
    font-size:85%;
	font-family:arial,sans-serif !important;
}

#headerNavi .userName{
	font-weight:bold;
}

div#header h1 {
    position:absolute;
    top:37px;
    left:13px;
}


#content {
   clear:both;
}

#content h2 {
    background:url(../img/H2Back.gif) no-repeat;
    padding: 7px 0 7px 1em;
	height:21px;
	clear:both;
}

#content h3{
	margin: 20px 2px 10px 5px;
	padding: 6px 13px;
	color: #323232;
	font-size: 100%;
	font-weight: bold;
	border-left: 8px solid #5c4f46;
	border-bottom: 1px solid #dadada;
	background-color:#e5f1fa;
}

dl#button {
	overflow: hidden;
	width:100%;
	margin:0;
	font-size:80%;
	line-height:120%;
}

dl#button dt{
	float:left;
	width:147px;
	margin-right:70px
}

dl#button dd{
	float:left;
	width:145px;
	margin:80px 0 13px -215px;
}

dl#button dt.lastButton{
	margin-right:0;
}
dl#button dd.lastButton{
	margin-left:-147px;
}

dl#button:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html dl#button {
	height: 1em;
	overflow: visible;
}
/**/



ul#headerMenu {
	position:absolute; 
	top:91px; 
	left:246px;  
}

ul#headerMenu li { 
	float:left; 
	list-style:none;
}
	
ul#headerMenu li a {
	display:block;
	height:35px;
	text-indent:-9999px;
	text-decoration:none;
}
ul#headerMenu li#home a { background:transparent url("../img/HomeMenu.gif") 0 0 no-repeat; width:83px; }
ul#headerMenu li#precedent a { background:transparent url("../img/PrecedentsMenu.gif") 0 0 no-repeat; width:85px; }
ul#headerMenu li#action a { background:transparent url("../img/ActionMenu.gif") 0 0 no-repeat; width:83px; }
ul#headerMenu li#document a { background:transparent url("../img/DocumentsMenu.gif") 0 0 no-repeat; width:71px; }
ul#headerMenu li#meeting a { background:transparent url("../img/MeetingMenu.gif") 0 0 no-repeat; width:77px; }
ul#headerMenu li#other a { background:transparent url("../img/OthersMenu.gif") 0 0 no-repeat; width:69px; }
ul#headerMenu li#admin a { background:transparent url("../img/AdminMenu.gif") 0 0 no-repeat; width:55px; }

ul#headerMenu li#home a:hover,
ul#headerMenu li#precedent a:hover,
ul#headerMenu li#action a:hover,
ul#headerMenu li#document a:hover,
ul#headerMenu li#meeting a:hover,
ul#headerMenu li#other a:hover,
ul#headerMenu li#admin a:hover
 { background-position:0 -35px; }

ul#headerMenu li ul{
	position:absolute;
	top:35px;
	z-index:9999;
	display:none;
}

ul#headerMenu li#precedent ul{
	left:83px;
	width:5em;
}
ul#headerMenu li#action ul{
	left:168px;
	width:5em;	
}
ul#headerMenu li#document ul{
	left:251px;
	width:5em;
}
ul#headerMenu li#meeting ul{
	left:322px;
	width:10em;
}
ul#headerMenu li#others ul{
	left:399px;
	width:7em;
}
ul#headerMenu li#admin ul{
	left:468px;
	width:6em;
}

ul#headerMenu li ul li{
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 0 1px 2px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #e8e8e8;
	 color: #000;
	 clear:both;
	 width:100%;
}

ul#headerMenu li ul li:hover{
	background-color:#f2f2f2;
}

ul#headerMenu li#home ul li a,
ul#headerMenu li#precedent ul li a,
ul#headerMenu li#action ul li a,
ul#headerMenu li#document ul li a,
ul#headerMenu li#meeting ul li a,
ul#headerMenu li#other ul li a,
ul#headerMenu li#admin ul li a {
	background-image:none;
	text-indent:0;
	height:auto;
	color:#000000;
	font-weight:bold;
	font-size:85%;
	white-space:nowrap;
	width:100%;
	display:block;
}

ul#headerMenu li#home ul li a:hover,
ul#headerMenu li#precedent ul li a:hover,
ul#headerMenu li#action ul li a:hover,
ul#headerMenu li#document ul li a:hover,
ul#headerMenu li#meeting ul li a:hover,
ul#headerMenu li#other ul li a:hover,
ul#headerMenu li#admin ul li a:hover {
	color:#999999;
}
ul#headerMenu li.sMenuOn ul {
	display: block;
}



div#content {
    width:800px;
    margin:14px 0 1px 0;
    padding-bottom:27px;
    border-bottom:3px solid #FF6600;
    min-height:1em;
    /* display:inline-table; */
}
div#content:after {
    content: "";
    display:block;
    clear:both;
    height:1px;
    overflow:hidden;
}
/*\*/
* html div#content { height:1em; }
div#content { display: block; }
/**/

div#footer {
    clear:both;
    width:800px;
    border-top:3px solid #39b2ff;
    margin-bottom:100px;
}

div#footer ul {
    margin:7px 0;
    text-align:right;
}

div#footer ul li {
    display:inline;
    font-size:x-small;
}

div#footer a:link,
div#footer a:visited { color:#333; text-decoration:none; }
div#footer a:hover,
div#footer a:active { color:#F60; text-decoration:none;}

div#footer .copyright{
    clear:both;
    border-top:1px dotted #CCC;
    padding-top:3px;
    color:#999;
    text-align:right;
}

div#footer .copyright a{
	color:#999;
}

/* tables */

table {
	width: 100%;
	border-collapse: collapse;
	color:#333;
	background-color: #fff;
	clear:both;
	padding: 0;
	margin: 0 0 1em 0;
	white-space: normal;

}
th {
	background-color:#e5ffee;
	border:1px solid #ccc;
	text-align: left;
	padding:1px 1em;
	margin:0;
}
td{
	border:1px solid #ccc;
}
table tr td {
	padding:4px 4px;
	vertical-align:top;
	margin:0;
}

table.precedentsView{
	width:73%;
	margin-left:10px;
}

table.precedentsView th{
	width:16em;
}

table tr.altRow td {
	background: #f4f4f4;
}
table td.actions {
    white-space: nowrap;
}
#cakeSqlLog td {
	text-align: left;
	padding: 4px 8px;
	background: #fff;
	border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {
clear:both;
	display:block;
}
dl {
	line-height:2em;
	margin:0em 1em;
	float:left;
	width: 400px;
}
dt {
	font-weight: bold;
	vertical-align:top;
}
dd {
	margin-left:10em;
	margin-top:-2em;
	vertical-align:top;
}

/* forms */
form div{
	vertical-align: text-top;
	margin-left: 1em;
	margin-bottom:1em;
}
form div.date{
	margin-left: 0em;
}
label {
	font-size:105%;
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.5em;
	display:inline-block;
}

input[type="text"],
input[type="password"],
textarea {
	border: solid 1px #999;
	background-color:#fff;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	border: solid 1px #999;
	background-color:#FFFFE8;
}

input[type=checkbox] {
	margin: 10px 3px 7px 10px;
	border:none;
}

input.detail{
	font-size:65%;
	margin:0;
	padding:0;
}

input, textarea {
	clear: both;
	font-size: 100%;
	font-family: inherit;
	margin-top:10px;
}
select {
	clear: both;
	font-size: 105%;
	font-family: inherit;
	border: solid 1px #999;
	margin-top:10px;
}
textarea{
	width:750px;
}

option {
	font-size: 90%;
	font-family: inherit;
	padding: 0 0.3em;
}
input[type=submit],
input[type=button],
input[type=file] {
	display: inline;
	vertical-align: bottom;
	border:1px solid #000000;
	padding:1px;
}
div.required {
	clear: both;
	color:#222;
	font-weight:bold;
}
div.optional {
	clear: both;
	color:#555;
}
div.submit {
	clear: both;
	margin-top: 10px;
	margin-left: 150px;
	margin-bottom:10px;
	font-weight:bold;
}

form#PrecedentsIndexForm{
	margin-bottom:1em;
}

form#PrecedentsIndexForm div.submit{
	display:inline;
	margin-left:1em;
}

input#PrecedentName,
select#PrecedentCourt,
input#SentenceAttorney,
input#SentenceName,
select#SentenceSentImpriKind,
select#SentenceSentImpriDateYear,
select#SentenceSentImpriDateMonth,
select#SentenceSentImpriDateDate,
input#SentenceSentFine10k,
input#SentenceSentFineK,
input#SentenceSentFineMin,
select#SentenceSentSusp,
input#SentenceSentProbation,
input#SentenceSentIncl,
input#ADDR1,
input#SentenceSentFineConv
{
	background-color:#ffe5e5;
	z-index:0;
}

pre {
	padding: 1em;
}

table.search {
    font-size:smaller;
    width: 110%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color:#333;
	background-color: #fff;
	clear:both;
	padding: 0;
	margin: 0 0 0 0;
	white-space: normal;
}

th.detail{
	margin:0;
	padding:0;	
}

th.search {
	background-color: #e2e2e2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #003d4c;
	border-bottom: 1px solid #003d4c;
	text-align: center;
	padding: 0;
}

td.search{
	padding:    0;
	margin:0;
}

div.error-message{
	color:#DD0000;
}

.charge,
.sentences span{
	font-size: 130%;
	font-weight:bold;
	line-height: 200%;
}

.notice{
	border:1px dashed #999999;
	padding:5px 2em;
	margin: 0.5em auto;
	font-size:80%;
}

.sentenceNote{
	margin-left:8em;
	font-size:75%;
}

.subNavi{
	font-size:95%;
	margin-bottom:1.5em;
}
.subNavi img{
	vertical-align:middle;
}
.imgWithLine{
	border:1px dotted #FF0000;
	padding: .5em;
}
.imgWithLine img{
	vertical-align:middle;
}

/* 量刑登録画面 */
div#SentenceName_err,
div#SentenceRemedyPaid_err{
	display:none;
	margin: 5px 0;
	padding: 5px;
	border: 3px solid #FF3300;
	color : #FF3300;
	font-weight: bold;
}

div#SentenceName_err span.key{
	text-decoration:underline;
}

input#SentenceRemedyPaid{
	ime-mode:disabled;
}

img.helpmini{
	vertical-align:middle;
}

/* メインコンテンツ内リスト要素のマージンをデフォルトに近くする */
div#content ul,ol{margin:18px 0 0 47px;}
div#content ul ul, ul ol, ol ul, ol ol{ margin:0 0 0 42px;}

/* フォーム値バリデーション用スタイル */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FFFFFF;
	color : #FF3300;
	font-weight: bold;
	border: 3px solid #FF3300;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

.form-row {
	clear: both;
	padding: 0.5em;
}

/* 法令名suggest */
label.PName{
	margin-bottom:0;
}
#suggest {
	position:absolute;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    font-size: 100%;
	margin-left:4.5em;
	margin-top:0;
	width:60em;
	z-index:999;
}
#suggest div {
    display: block;
    overflow: hidden;
    white-space: nowrap;
	margin:0;
	padding:0;
}
#suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366CC;
}
#suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #3366CC;
}

/* ヘルプページ */
ul.naviInPage li{
	display:inline;
	background:url(../img/listarrow.gif) no-repeat 0 -2px;	
	padding:0  5px 0 20px;
}

dl.faq {
	line-height:1.5em;
	margin:0 30px;
	float:none;
	width: 90%;
}

dl.faq p{
	font-size:100%;
	margin:0 0 3px 0;
}
dl.faq dt {
	margin:0;
	padding:0 0 15px 35px;
	font-weight: normal;
	vertical-align:middle;
	background:url(../img/question.gif) no-repeat 0 0;
}
dl.faq dd {
	margin:0 0 1.5em 0;
	padding:0 5px 45px 35px;
	vertical-align:middle;
	border-bottom: 1px dotted #CCCCCC;
	background:url(../img/answer.gif) no-repeat 0 0;
}

div#content dl.faq ul{
	margin-left:10px;
}

div#content dl.faq ul li{
	margin-bottom:0.25em;
}

dl.faq img{
	width:40px;
	height:40px;
	vertical-align:top;
}

dl.faq div.example{
	width:80%;
	border:1px solid #cccccc;
	padding:7px;
	margin-left:30px;
}
