/*--------------------------------------*/
/* Body									*/
/*--------------------------------------*/
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*--------------------------------------*/
/* Contents									*/
/*--------------------------------------*/
.MobileBox {
	font-size:12px;
	color:inherit;
	line-height:1.5em;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}

.TitleBox {
	width: 100%;
	padding: 5px 0px 10px 0px;
}

.TitleBox td {
	background-color: #888888;
	color:#FFFFFF;
	font-weight: bold;
	padding-left: 25px;
}

.TitleBox td div {
	margin-left:15px;
}

.MainBox{
	margin-left:5px;
	text-align:left;
}

.ClearCheckBox {
	margin-top: 5px;
	margin-left: 20px;
}

.ClearCheckBox span {
	cursor: pointer;
    color: #0062DE;
    text-decoration: underline;
}

.AreaCheckBox {
	margin-top: 5px;
}

.PrefectureCheckBox {
	margin: 3px 3px 3px 0px;
}
.PrefectureCheckBox label {
	display: inline-block;

	margin-right: 8px;
}

/*--------------------------------------*/
/* Select									*/
/*--------------------------------------*/
#TargetSelect{
    width: 150px;
    height: 30px;

	margin-bottom: 10px;
}

/*--------------------------------------*/
/* Line									*/
/*--------------------------------------*/
.GrayLine{
	height: 1px;
	width: 100%; 
	
	margin: 5px 0px 5px 0px;
	border: #888888 solid 2px; 
}

.DashLine{
	width:100%;
	
	margin: auto;
	
	border-bottom: #888888 dashed 1px;
}

/*--------------------------------------*/
/* Class								*/
/*--------------------------------------*/
.clear {
	clear: both;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.contentBase {
	width: 738px;
	color: #555555;

    /* 中央表示 */
	margin-left:auto;
	margin-right:auto;
	text-align:left;

}

.contentBase .contentBox {
/*	width: 98%; */
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}

div.leftLine {
	border-left: solid 1px #CCCCCC;
}

div.rightLine {
	border-right: solid 1px #CCCCCC;
}

div.topLine {
	border-top: solid 1px #CCCCCC;
}

div.bottomLine {
    border-bottom: solid 1px #CCCCCC;
}

a img {
    border-style: none;
}

a.linkText {
    color: #0062DE;
    text-decoration: underline;
}

a.linkText:hover {
    text-decoration: none;
}

a.linkErrText {
    color: #9D0000;
    text-decoration: underline;
}

a.linkErrText:hover {
    text-decoration: none;
}

.masInput{
    width: 65%;
}
.staffInput{
    width: 25%;
}
.userInput{
    width: 25%;
}
.jobInput{
    width: 25%;
}

.msgBox{
    color: inherit;
}
.errBox{
    color: #9D0000 !important;
}
.nextBox{
    text-align: center;
}
.oathBox{
    border: solid 1px #999999;
    padding: 50px 60px 40px 60px;
}
.masBox{
    text-align: center;
    padding-left: 30px;
}
.memoBox{
    width: 95%;
    height: 100px;
    padding: 5px 5px 5px 5px;
    resize: none;
}

/*--------------------------------------*/
/* コントロール共通                      */
/*--------------------------------------*/
input[type=checkbox]{
	vertical-align: -2px;
}

.selectLL{
    width: 320px;
}
.selectL{
    width: 200px;
}
.selectS{
    width: 100px;
}
.textdate{
	ime-mode: disabled;
    width: 100px;
}
.texttime{
	ime-mode: disabled;
    width: 80px;
}
.textL{
    width: 200px;
}
.text4num{
	ime-mode: disabled;
    width: 60px;
}
.text6num{
	ime-mode: disabled;
    width: 80px;
}
.text16num{
	ime-mode: disabled;
    width: 120px;
}
/*--------------------------------------*/
/* テキスト装飾                          */
/*--------------------------------------*/

.red{
	color: #9D0000;
}
.bold{
    font-weight: bold;
}

/*--------------------------------------*/
/* 文字位置                              */
/*--------------------------------------*/
.left{
    text-align: left;
}
.right{
    text-align: right;
}
.center{
    text-align: center;
}

/*--------------------------------------*/
/* ローディング                         */
/*--------------------------------------*/
.loading{
    /* 表示範囲（指定する画像と文字列に合わせて調整してください） */
    width: 150px;
    height: 110px;

    /* 画像名 */
    background: url("../images/loading.gif") center bottom no-repeat;

    /* 文字列位置 */
    text-align: center;

    /* 中央位置 */
    position: absolute;
    left: 50%;
    top: 160px;

    /* widthの半分のマイナス値を指定すること */
    margin-left: -75px;
}
.loaded{
    display: none;
}

.progress {
    height: 55px;
    border-collapse: separate;
    text-align: left;
}
.progress li {
    color: #BBBBBB;
    border: solid 2px #FFFFFF;
    padding-left: 10px;
}
.progress li:hover {
    background-color: #F2F2F2;
}
.progress .active {
    color: #666666;
}
/*--------------------------------------*/
/* CSS3								*/
/*--------------------------------------*/
.outlineShadow {
  background: #FFFFFF;
  -webkit-box-shadow: #777 0px 3px 3px ;
  -moz-box-shadow: #777 0px 3px 3px ;
  box-shadow: #777 0px 0px 10px 0px ;
}