@charset "UTF-8";
/* CSS Document */

/* ------BASIC TEXT------*/
.t8 { font-size:200%; line-height:1.25em }
.t7 { font-size:140%; line-height:1.25em }
.t6 { font-size:120%; line-height:1.25em }
.t5 { font-size:100%; line-height:1.25em }
.t4 { font-size:90%; line-height:1.4em }
.t3 { font-size:80%; line-height:1.3em }
.t2 { font-size:75%; line-height:1.4em }
.t1 { font-size:70%; line-height:1.2em;}


.b7 { font-size:200%; font-weight:bold; line-height:1.25em }
.b6 { font-size:140%; font-weight:bold; line-height:1.25em }
.b5 { font-size:120%; font-weight:bold; line-height:1.25em }
.b4 { font-size:100%; font-weight:bold; line-height:1.4em }
.b3 { font-size:90%; font-weight:bold; line-height:1.3em }
.b2 { font-size:80%; font-weight:bold; line-height:1.2em }
.b1 { font-size:75%; font-weight:bold; line-height:1.2em;}

/*COLOR*/
.ast { color: #cc0000; font-size: 90%; }
.darkred { color: #cc0000; }
.gray { color: #b6b7ba; }
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.white10 { color: #ffffff; font-size: 62.5%;}
.red { color: #ff0000; }
.red10 { color:#ff0000; font-size: 10px; }
.red12 { color:#cc0000; font-size: 12px; }
.blue { color: #0000ff; }
.blue10 { color:#0000ff; font-size: 10px; }
.blue12 { color:#0000ff; font-size: 12px; }
.reselt { color: #ffcc00; font-size: 120%; font-weight: bold; }
.yellow { color: #ffff00; }
.orange { color: #ffa500; }
.orangest { color: #ffa500; font-weight: bold;  }
.black { color: #000000; }
.green { color: #00ff00; }

.sort_img { 
	float:right;
    vertical-align:middle;
}
.error_msg {
	color: #ffa500;
	font-weight:bold;
}


/*LINK*/
a:link { color: #88ccff; text-decoration: none; }
a:visited { color: #88ccff; text-decoration: none; }
a:hover { color: #f9a406; text-decoration: underline; }
a:active { color:#f9a406; text-decoration:underline;}

h3 strong{
	font-weight : 100;
	}

strong{
	font-weight : 100;
	}
	
/* ------COMMON------ */
html,body{
	margin:0 auto;
	padding:0
}
body{
	background: white;
	color:#000000;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	line-height:1.8em;
}
body{
	text-align:left;
	font-size: 16px;
}
h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}

img{
	border:0;
}

.clear {
	clear:both;
}

input,select,option,textarea {
	font-family:"メイリオ", "ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
	font-size: 12px;
}

input.right{
	text-align:right;
}
input.center{
	text-align:center;
}
td.right{
	text-align:right;
}

.disableColor {
	background:gray;
	color:#ffffff;
}

/* ===================
*   画面構成
*  ===================*/
#header {
	background-color:#ffffff;
}
#main_container {
	width:995px;
	height: 555px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
}
#mini-container {
	width:450px;
	height: 300px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}
#cal-container {
	width:950px;
	height: 300px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}
#content {
	width:835px;
	margin-left:auto;
	margin-right:auto;	
}
#main{
	width:640px;
	float:left;
	margin-top:10px;
	margin-left:8px;	
}
#side{
	width:150px;
	float:right;
	background-color:#f4f4f4;
	margin-top:10px;
	margin-right:15px;
}
/* for IE */
* html #main{
	margin-left:4px;	
}
* html #side{
	margin-right:8px;
}

/* ------背景指定------*/
div.main-box{
	width: 640px;
	margin: 0 auto;
	margin-top: 30px;
	padding: 0;
}


/* ------コントロール------*/

table {
	border-style:none; 
	solid none; 
	padding:0px;
	margin:0px;
	border:0px;
	border-collapse:separate;
	border-spacing:2px;
}
table, tr, td {
	border:0px;
}


.CmdBtn, .DisableBtn {
	border: none;
	cursor: pointer;
	display:inline-block;
	text-decoration:none;
	border:none;
	cursor:pointer;
	margin:0px;
/*	vertical-align: middle; */
	text-align:center;
	padding: 0px;
	border-radius: 2px; 
}

.DisableBtn {
	background:gray;
	cursor:default;
	color:#ffffff;
}

td.Label {
	padding-left: 1em;
	text-align:left;
	vertical-align:middle;
	height: 32px;
}

td.DatRow {
	padding-left: 1em;
	text-align:left;
	vertical-align:middle;
/*	height: 32px;*/
}

td.DatRow0 {
	padding-left: 1em;
	text-align:left;
	vertical-align:middle;
	height: 32px;
	background:#f0f0f0;
}

td.DatRow1 {
	padding-left: 1em;
	text-align:left;
	vertical-align:middle;
	height: 32px;
	background:#dddddd;
}

a.NaviCmd, div.NaviCmd {
	font-size: 1em;
	padding:0.4em 2.2em;
}

i.NaviIcon {
	margin-right:1em;
}

button.CmdBtnStyle {
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
	line-height:1.8em;
	font-size: 16px;
}


.error_title {
	font-size: 0.8em;
	font-family:"メイリオ", "ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
	font-weight: bold;
	color: red;
}


.ui-tooltip, .arrow:after {
    background: #ffffe0;
    border: 0;
}
.ui-tooltip {
    padding: 6px 12px;
    color: black;
    border-radius: 2px;
    font:  11px "メイリオ", "ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}



div.dialog-contents
{
	font-size : 12px;
	text-align: left;
}

hr.header-border {
	margin: 0px;
	height: 12px;
	border: 0px;
}


.button-panel .button {
  border: none;
  cursor: pointer;
  height: 50px;
  font-family: 'Impact', 'fantasy', fantasy, sans-serif;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  transition: background 0.3s ease-in-out;
  width: 240px;
}


/* カスタムフラットボタン コンテナ */
.flatbutton {
  display: inline-block;
}

/* ボタン コンテナ 大 */
.flatbutton .flatbutton-large {
  position:relative;

  font-size: 16px;
  width:13em;
  height:2.4em;

  text-align: center;
  text-decoration: none;
  margin-bottom:2px;
  border-radius: 2px;
  border-style: none;
}

.flatbutton-large .caption {
  display: inline-table;
}


/* ボタン コンテナ 中 */
.flatbutton .flatbutton-normal {
  position:relative;

  font-size: 11px;
  width:8em;
  height:2.8em;
	
  text-align: center;
  text-decoration: none;
  margin-bottom:2px;
  border-radius: 2px;
  border-style: none;
}

.flatbutton-normal .caption {
  display: inline-table;
}

/* 契約書出力ﾎﾞﾀﾝ ﾌｧｲﾙｱｲｺﾝ ｻｲｽﾞ {*/
.icon-keiyakusyo {
  font-size: 95%;
  padding-right: 0.7em;
}

/* ｽﾀｯﾌ社保証明画像出力ﾎﾞﾀﾝ ﾌｧｲﾙｱｲｺﾝ ｻｲｽﾞ {*/
.icon-syahopicture {
  font-size: 60%x;
  padding-right: 0.5em;
}