@charset "utf-8";

/*****************************************************************************/
/*                                                                           */
/* スタイルシート                                                            */
/*                                                                           */
/*****************************************************************************/

/*****************************************************************************/
/* 共通設定 */
/*****************************************************************************/

/* 全体に設定
-------------------------------*/
* {
    font-style: normal;
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 11px;
    font: 14px/1.6 "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    height: auto;
    color: #000;
/*
    background-image: url( ../images/fambackg.jpg );
    background-repeat: repeat;
*/
	background-color: #eeeeee;

	/* 上部メニュー固定 */
    margin: 0;  
    padding: 110px 0 50px 0;  
	overflow-y: scroll;
	overflow-x: auto;
}

/*  共通定義
---------------------------------------------------------- */
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}

/* チェックボックスの大きさ定義
-------------------------------*/
input[type=checkbox] {
	transform: scale(1.5);		/* 1.5倍 */
	cursor: pointer;
}

/* 各種タグスタイル定義
-------------------------------*/
ul,ol,dl {
    list-style-type: none;
}
br {
    font-size: 1px;
    line-height: 0.1px;
    clear: both;
}

td {
    font-size: 12px;
    FONT-FAMILY: "ＭＳ Ｐゴシック";
}

/* link style
-------------------------------*/
a {
    color: #007cce;
/*    text-decoration: none;*/
}
a:link {
    color: #007cce;
/*    text-decoration: none;*/
}
a:visited {
    color: #007cce;
/*    text-decoration: none;*/
}
a:hover {
    color: #007cce;
/*    text-decoration: none;*/
}

a img {
    border-style: none;
}


/*****************************************************************************/
/* 共通設定 END                                                              */
/*****************************************************************************/


/* Font size
-------------------------------*/
.px10 {
    font-size: 10px;
}
.px11 {
    font-size: 11px;
}
.px12 {
    font-size: 12px;
}
.px14 {
    font-size: 14px;
}
.px16 {
    font-size: 16px;
}
.px18 {
    font-size: 18px;
}

a:hover .alpha {
    filter: alpha(opacity=80);
    opacity: 0.80;      /* firefox, opera, safari */
}

input,select,textarea {
	font-family: 'fgflop',Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;
	font-size: 12px;
	border: 2px #DDDDDD solid;
	border-radius: 3px;
	vertical-align: middle;
	display: inline;
/***
	margin: 0.2em 0.5em 0.3em 1em;
	padding: 0.3em;
***/
	box-shadow: 1px 1px 1px #FAFAFA;
	outline: none;
	resize: none;

/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#FAFAFA),
        to(#fff)
        );
     
/* Firefox */
    background: -moz-linear-gradient(
        top,
        #FAFAFA,
        #fff
        );
        
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}

textarea{
    border:#000 1px solid;
} 

textarea:focus{
    background: #f5f5f5;
    border:#000099 1px solid;
}
input:focus {
    background-color: #ffffe0;
    border:#000099 2px solid;
}
select:focus {
    background-color: #ffffe0;
    border:#000099 2px solid;
}

.Indispensable {
    font-size:12px;
    FONT-FAMILY: "メイリオ";
    font-weight: bold;
    color:red;
}

/* 項目ガイド */
.guide_msg {
	padding: 6px 0;
	font-size:12px;
	color: #808080;
	line-height: 140%;
}

.guide_msg2 {
	padding: 0px 3px;
	font-size:12px;
	color: #808080;
	line-height: 100%;
}

/* 項目ガイド（重要） */
.guideMsgImportant {
	padding: 5px 0 0 0;
	font-size:12px;
	color: #FF0000;
}

.navi_msg {
	padding: 4px 0;
	font-size: 12px;
	line-height: 140%;
}


/* type=要素のデフォルト定義
-------------------------------*/
input[type="button"],
input[type="submit"] {
	padding: 2px 4px;
	font-size: 12px;
/*
	border: 1px solid #15aeec;
	background-color: #003d3a;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 4px;
	color: #fff;
	line-height: 20px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
*/
}

.listBtn {
	background-color: #003d3a;
	padding: 2px 4px;
}


/*****************************************************************************/
/* 全体枠定義
/*****************************************************************************/
#wrapper {
    margin: 0 auto;
    padding: 2px 0px 0 0px;
    text-align: center;
    width: 100%;
    height: auto;
	background-color: #eeeeee;
}
#wrapper h1 {
    text-indent: -9999px;
    font-size: 1px;
    line-height: 0.1;
}
#wrapper h2 {
    text-indent: -9999px;
    font-size: 1px;
    line-height: 0;
    display: none;
}

/*****************************************************************************/
/* ヘッダーテンプレートスタイル
/*****************************************************************************/
#header {
    width: 98%;
    text-align: left;
    color: #ffffff;
    background:linear-gradient(#4179be, #fff);
    background: -moz-linear-gradient(top, #4179be, #fff);/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#4179be), to(#fff));　/* Safari,Google Chrome用 */
    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#4179be, endcolorstr=#4179be));
    /* IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#4179be, endcolorstr=#4179be))";
    zoom: 1;
	margin-left: auto;
	margin-right: auto;

	/* 上部メニュー固定 */
    position: fixed !important;
    position: absolute;
	z-index: 99;						/* これ指定しないと下の属性が上に表示される */
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 110px;  

}

#header .header_logo {
    float: left;
	margin: 0 0 0 10px;
    width: 400px;
    height: 60px;
    text-align: left;
}
#header .header_logo_inner {
	margin: 14px 0 0 0;
	font-size: 22px;
	font-weight: bold;
    font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	color: #fff;
}

#header .header_logo a {
   	text-decoration: none;
	color: #000;
}

#header .header_login {
    float:right;
    FONT-FAMILY: "メイリオ";
    font-size: 14px;
    color: #000;
}

#header .header_login .today_date {
    FONT-FAMILY: "メイリオ";
    font-size: 14px;
    color: #000;
    padding: 0 10px 0 0;
    text-align: right;
}

#header .header_login .login_info {
    FONT-FAMILY: "メイリオ";
    font-size: 14px;
    padding: 20px 10px 10px 0;
    color: #000;
}


/*****************************************************************************/
/* グローバルメニュー
/*****************************************************************************/
#globalmenu {
    width: 98%;
    padding: 0;
    margin: 0 auto;
    background-color: #006f69;
}


/*****************************************************************************/
/* メニュー
/*****************************************************************************/
#menu {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-color: #e7e7e7;
	padding-bottom: 30px;
	line-height: 180%;
	border: solid 1px #000;
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
}

#menu a {
	color: #000;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
}

#menu ul {
	border: solid 10px #000;
	background-color: #fff;
	padding: 0px;
	z-index: 10;
}

#menu li {
	position: relative;
	float: left;
	margin: 0;
	padding: 5px;
	width: auto;
	height: 20px;
	list-style-type: none;	/* No bullets */
/*	border: solid 1px #ccc; /*メニューの枠線*/
/*	font-weight: bold;*/
}

/* 第一階層にマウスオーバー */
#menu li:hover {
	color: #ffffff;
	background-color: #317082;		/* マウスONしたときの色 */
	cursor: default;
}

/* リスト項目にマウスオーバーしたとき */
#menu li a:hover {
	color: #fff;
}

/* 第一階層に属するメニュー */
#menu li ul {
	display: none;
	position: absolute;
	top: 30px;
	left: -1px;
	width: 200px;
	background: #eee;
	border: solid 1px #000;
}

#menu li ul li {
	margin: 0;
	padding: 0;
	width: 200px;
	border: none;
	height: 25px;
	z-index: 90;
}

/* リスト項目にマウスONしたとき */
#menu li ul li a {
	display: inline-block;
	width: 198px;
	height: 25px;
}

/* リスト項目にマウスオーバーしたとき */
#menu li ul li a:hover {
	background: #999;
	color: #fff;
}


/*****************************************************************************/
/* メインコンテンツ全体の枠定義
/*****************************************************************************/
#main {
    padding-bottom: 20px;
    height: auto;
    text-align: left;
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;

	/* 上部メニュー固定 */
    height: 100%;  
    overflow: auto;  

}
#main .floatClear {
    clear:  both;
    display: block;
}

.clear {
    clear: both;
    display: block;
}


/*****************************************************************************/
/* メインコンテンツ内のコンテンツ枠定義
/*****************************************************************************/
#contents {
    float: left;
    width: 99%;
    min-height: 680px;
    height: auto;
    margin-top: 0px;
    padding: 10px 4px;
	background-color: #FFFFFF;
}
#contents #contentinner {
    padding: 0;
    height: auto;
}

.navi_title {
    padding     : 4px 0 0 15px;
    text-align: left;
    font-size: 14px;
    font-weight:bold;
    color: #000000;
    FONT-FAMILY: "メイリオ";
    background-color:#e7e7e7;
/*
    border-top: 1px solid #000099;
    border-bottom: 1px solid #000099;
*/
}
.navi_title a {
   text-decoration: none;
}

/* ログインユーザー名 */
.login_title {
    margin     : 0 0 0 0;
    text-align: right;
    font-size: 14px;
    font-weight:bold;
    color: blue;
}


/*****************************************************************************/
/* 検索条件枠
/*****************************************************************************/
#searchWrap {
    width: 99%;
	padding: 2px 2px;
	background-color: #eeeeee;
}

#searchWrap div.guideBox {
	padding: 4px 0;
	font-size: 12px;
}

#searchWrap div.btnBox {
	padding: 8px 0;
}

/*****************************************************************************/
/* フッターテンプレートスタイル（トップ、ブランド毎に定義）                  */
/*****************************************************************************/
#footer {
    width: 98%;
    height: auto;
    min-height: 25px;
    color: #000000;
    text-align: right;
    background-color:#666666;
    border-top: 1px solid #336666;
    border-left: 1px solid #336666;
    border-right: 1px solid #336666;
    border-bottom: 1px solid #336666;
	margin-left: auto;
	margin-right: auto;
}

#footer #footer_body {
}

#footer .about {
    margin:0px 0 20px 0;
    font-size: 14px;
    text-align: center;
}

#footer .pagetop {
    font-size: 14px;
    float: right;
    padding: 2px;
}

#footer .copy {
	font-size: 12px;
	color: #ffffff;
}

.top
{
    display: block;
    width: 118px;
    height: 26px;
    font-size: 14px;
    text-align: right;
    background-image: url('/common/images/top.gif');
    background-repeat: no-repeat;
}

.inputHead {
    padding: 2px 4px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    background: #c7d6d6;
    color: #000;
    line-height: 16px;
    width: 15%;
    border-collapse: collapse;
    border: 1px solid #CCC;
    FONT-FAMILY      : "メイリオ";
}

.inputHead2 {
    padding: 4px 2px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    background: #c7d6d6;
    color: #000;
    line-height: 12px;
    border-collapse: collapse;
    border: 1px solid #CCC;
    FONT-FAMILY      : "メイリオ";
	font-size: 12px;
}

.inputCol {
    padding: 5px 4px;
    background: #fff;
    border-collapse: collapse;
    border: 1px solid #CCC;
    FONT-FAMILY      : "メイリオ";
    line-height      : 1.0em;
}
.inputColError {
    padding          : 5px;
    background       : #FEE;
    font-size        : 14px;
    line-height      : 1.0em;
    text-align       : left;
    border:1px solid #778899;
    FONT-FAMILY      : "メイリオ";
}

.inputCol2 {
    padding: 4px 4px;
    background: #fff;
    border-collapse: collapse;
    border: 1px solid #CCC;
    FONT-FAMILY      : "メイリオ";
    line-height      : 0.8em;
    font-size        : 12px;
}

.inputCol2 input {
	width: 96%;
}

.input_err {
    font-size: 12px;
    color:red;
    FONT-FAMILY: "メイリオ";
}

.listTime {
    padding: 5px;
    border-collapse: collapse;
    border: 1px solid #CCC;
    FONT-FAMILY      : "メイリオ";
    line-height      : 1.0em;
}

/* 処理終了時のメッセージ */
.exec_msg {
    font-size: 14px;
    color:blue;
    FONT-FAMILY: "メイリオ";
}


.ListData {
    padding          : 5px 5px 5px 5px;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}


table#table_list {
    border-collapse: collapse;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
table#table_list td { border-right: 1px solid #bbb; }
table#table_list tr.kisu {
    /*background-color: #faf0e6;*/
    background-color: #EFEFEF;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}
table#table_list tr.gusu {
    background-color: #fffafa;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}

.TableList {
/*  style="border:1px solid #778899;" */
    border:1px solid #778899;
    background-color:#ffffff;
}

.TableList2 {
/*  style="border:1px solid #778899;" */
    border:1px solid #778899;
    background-color:#ffffff;
}

#listWaku {
/*
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
*/
}

.listTable {
/*  style="border:1px solid #778899;" */
/*
    border:1px dotted #778899;
    background-color:#ffffff;
*/
}

.inputTable {
    width: 100%;
    background: #FFF;
    margin: 0 0 4px 0;
    border-collapse: collapse;
    border: 1px solid #CCC;
}


/* 血縁ページのTABLE
-------------------------------*/
.linkTable {
    width: 100%;
    background: #FFF;
    margin: 0 0 4px 0;
    border-collapse: collapse;
    border: 1px solid #CCC;
}

.linkTable td {
	width: 100%;
	padding: 5px 2px;
	background: #fff;
	border: 1px solid #CCC;
	FONT-FAMILY : "メイリオ";
	line-height : 0.8em;
}

.linkTable th {
    padding: 5px 2px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    background: #c7d6d6;
    color: #000;
    line-height: 10px;
    border-collapse: collapse;
    border: 1px solid #CCC;
    FONT-FAMILY : "メイリオ";
	font-size: 11px;
}
.linkTable th.headTitle2 {
    padding : 2px;
    line-height: 16px;
    background: #007cce;
    color: #fff;
    font-size : 12px;
    FONT-FAMILY : "メイリオ";
}
.linkTable th.grandTitleDam {
    padding : 2px;
    line-height: 16px;
    background: #f04775;
    color: #fff;
    font-size : 12px;
    FONT-FAMILY : "メイリオ";
}
.linkTable input {
	width: 98%;
}

/* 一胎子登録明細のTABLE
-------------------------------*/
.fetusTable {
	width: 100%;
	background: #FFF;
	margin: 0 0 2px 0;
	border-collapse: collapse;
	border-right: 1px solid #CCC;
	border-collapse: separate;
	border-spacing: 1px;
	border-color: grey;
}
.fetusTable th {
    padding : 4px;
    line-height: 16px;
    background: #c7d6d6;
    color: #000;
    font-size : 12px;
    FONT-FAMILY      : "メイリオ";
}
.fetusTable input.breed {
	background: #e7e7e7;
}

.fetusTable input[type='url'] {
	border: 2px #DDDDDD solid;
	vertical-align: middle;
	display: inline;
}
.fetusTable input[type='url']:focus {
	border: 2px solid #000099;
	outline: none;
}


/* スタッフ詳細のタイトル */
.staffDetailTitle {
    padding : 2px;
    line-height: 24px;
    background: #696969;
    color: #fff;
    font-size : 14px;
    FONT-FAMILY      : "メイリオ";
	font-weight: bold;
}

/* 一覧リストのタイトル */
.headTitle {
    padding : 4px;
    line-height: 16px;
    background: #000;
    color: #fff;
    font-size : 14px;
    FONT-FAMILY      : "メイリオ";
/*	font-weight: bold;*/
}

/* 一覧リストのタイトル */
.headTitle2 {
    padding : 2px;
    line-height: 16px;
    background: #007cce;
    color: #fff;
    font-size : 12px;
    FONT-FAMILY      : "メイリオ";
/*	font-weight: bold;*/
}

/* 一覧リストのタイトル */
.grandTitleDam {
    padding : 2px;
    line-height: 16px;
    background: #f04775;
    color: #fff;
    font-size : 12px;
    FONT-FAMILY      : "メイリオ";
}

/* 一覧リストのタイトル */
.listTitle {
    padding : 4px;
    line-height: 16px;
    background: #c7d6d6;
    color: #000;
    font-size : 12px;
    FONT-FAMILY      : "メイリオ";
	/*font-weight: bold;*/
}
/* 入力テーブルのタイトル */
.inputTitle {
    padding : 2px;
    line-height: 24px;
    background: #333;
    color: #fff;
    font-size : 12px;
    FONT-FAMILY      : "メイリオ";
}
/* 一覧リストのタイトル */
.shiftTitle {
    line-height: 24px;
    background: #c7d6d6;
    color: #000;
    font-size : 12px;
    FONT-FAMILY      : "メイリオ";
}

/* 一覧リストのヘッダ */
.listHead {
  height           : auto;
  margin           : 0;
  padding          : 0px;
  color            : #fff;
  text-align       : center ;
  font-size        : 10px;
}

/* 一覧リストのヘッダ */
.listHeadStudBook {
    padding: 0px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    background: #c7d6d6;
    color: #000;
    border-collapse: collapse;
    border: 1px solid #CCC;
    FONT-FAMILY      : "メイリオ";
	font-size: 11px;
}

/* ワクチン証明書一覧リストのヘッダ */
.listHeadWakuchin {
    padding: 0px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    background: #c7d6d6;
    color: #000;
    border-collapse: collapse;
    border: 1px solid #CCC;
    FONT-FAMILY      : "メイリオ";
	font-size: 11px;
}
.listColWakuchin {
    padding: 0px;
    background: #fff;
    border-collapse: collapse;
    border: 1px solid #CCC;
    FONT-FAMILY      : "メイリオ";
	font-size: 11px;
	width: 90%;
}

/* 一覧リストのカラム */
.listColumn {
  margin           : 0;
  padding          : 6px;
  color            : #000000;
  background-color : #B9CDE5;
  font-size        : 12px;
}

/* 一覧リストのカラム */
.listColumnData {
  margin           : 0;
  padding          : 6px;
  color            : #000000;
  font-size        : 12px;
}

.al_center {
    text-align: center;
}
.al_left {
    text-align: left;
}
.al_right {
    text-align: right;
}

/* 一覧リストのフッタ */
.listFoot {
  height           : 30px;
  margin           : 0;
  padding          : 4px;
  background-color : #EEEEEE;
  color            : #000;
  text-align       : center ;
  font-size        : 16px;
}

/* 一覧リストのカラム */
.listCol {
	margin           : 0;
	padding          : 2px;
	color            : #000000;
	font-size        : 12px;
	FONT-FAMILY: "メイリオ", "Meiryo";
}

/* 一覧リストのスタイル */
.listTrFetusMale {
    background-color : #00ffff;
    color            : #000000;
    padding          : 0.1em 0.1em 0.1em 0.1em;
    font-size        : 12px;
    line-height      : 1.8em;
}

/* 一覧リストのスタイル */
.listTrFetusFemale {
    background-color : #ffc0cb;
    color            : #000000;
    padding          : 0.1em 0.1em 0.1em 0.1em;
    font-size        : 12px;
    line-height      : 1.8em;
}

/* 一胎子明細一覧（牡）のカラム */
.listFetusMale {
	margin: 0;
	padding: 4px 5px 4px 2px;
	color: #000000;
	font-size: 12px;
	FONT-FAMILY: "メイリオ", "Meiryo";
}

/* 一胎子明細一覧（牝）のカラム */
.listFetusFemale {
	margin: 0;
	padding: 4px 5px 4px 2px;
	color: #000000;
	font-size: 12px;
	FONT-FAMILY: "メイリオ", "Meiryo";
}

.listCol1 {
	margin           : 0;
	padding          : 10px;
	color            : #000000;
	font-size        : 12px;
	FONT-FAMILY: "メイリオ", "Meiryo";
}

/* 一覧リストのカラム */
.shiftCol {
	padding: 2px 2px;
	margin           : 0;
	color            : #000000;
	font-size        : 12px;
	FONT-FAMILY: "メイリオ", "Meiryo";
}

/* 一覧リストのカラム（無効状態） */
.listColOff {
	margin           : 0;
	padding          : 2px;
	color            : #afafaf;
	font-size        : 12px;
	FONT-FAMILY: "メイリオ", "Meiryo";
}

.listCol2 {
    padding: 0px;
    background: #fff;
    border-collapse: collapse;
    border: 1px solid #CCC;
    FONT-FAMILY      : "メイリオ";
	font-size: 11px;
}

.listColRed {
	margin           : 0;
	padding          : 2px;
	color            : #ff0000;
	font-size        : 12px;
	FONT-FAMILY: "メイリオ", "Meiryo";
}

/* 一覧リストのスタイル */
.list0 {
    background-color : #F9EEED;
    color            : #000000;
    padding          : 0.1em 0.1em 0.1em 0.1em;
    font-size        : 12px;
    line-height      : 1.8em;
}

.list1 {
    background-color : #dcdcdc;
    color            : #000000;
    padding          : 0.1em 0.5em 0.1em 0.5em;
    font-size        : 12px;
    line-height      : 1.8em;
}

.listred {
    background-color : red;
    color            : #000000;
    padding          : 0.1em 0.1em 0.1em 0.1em;
    font-size        : 12px;
    line-height      : 1.8em;
}

.list00 {
    background-color : #16b26e;
    color            : #000000;
    padding          : 2px 2px 2px 2px;
    height           : 30px;
}

.listgray {
    background-color : #d3d3d3;
    color            : #000000;
    padding          : 0.1em 0.1em 0.1em 0.1em;
    font-size        : 12px;
    line-height      : 1.8em;
}

/* 業務係数マスターの区分毎の行色
-----------------------------------------------------------------------------*/
/* OPEN前 */
.list_morning {
    background-color : #fffacd;					/* lemonchiffon */
}
/* OPEN後 */
.list_afternoon {
    background-color : #ffb6c1;					/* lightpink */
}
/* 月一 */
.list_month {
    background-color : #00ffff;					/* magenta */
}
/* CLOSE */
.list_evening {
    background-color : #ff00ff;					/* cyan */
}


/*****************************************************************************

 各種ボタン

*****************************************************************************/

/* メニュー */
.main_menu {
   border-top: 1px solid #AA6F3C;
   background: #AA6F3C;
   background: -webkit-gradient(linear, left top, left bottom, from(#AA6F3C), to(#AA6F3C));
   background: -webkit-linear-gradient(top, #AA6F3C, #AA6F3C);
   background: -moz-linear-gradient(top, #AA6F3C, #AA6F3C);
   background: -ms-linear-gradient(top, #AA6F3C, #AA6F3C);
   background: -o-linear-gradient(top, #AA6F3C, #AA6F3C);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-family: "メイリオ";
   text-decoration: none;
   vertical-align: middle;
}

.main_menu:hover {
   border-top-color: #AB6E39;
   background: #AB6E39;
   color: #ccc;
}

.main_menu:active {
   border-top-color: #AB6E39;
   background: #AB6E39;
}


.master_menu {
	border: 1px solid #15aeec;
	background-color: #003d3a;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 4px;
	color: #fff;
	line-height: 20px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.master_menu:hover {
	border:1px solid #1090c3;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.master_menu:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}


/* メニュー */
.kanri_menu {
   border-top: 1px solid #96d1f8;
   background: #008080;
   background: -webkit-gradient(linear, left top, left bottom, from(#008080), to(#008080));
   background: -webkit-linear-gradient(top, #008080, #008080);
   background: -moz-linear-gradient(top, #008080, #008080);
   background: -ms-linear-gradient(top, #008080, #008080);
   background: -o-linear-gradient(top, #008080, #008080);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: "メイリオ";
   text-decoration: none;
   vertical-align: middle;
   }
 .kanri_menu:hover {
   border-top-color: #28597a;
   background: #696969;
   color: #ccc;
   }
 .kanri_menu:active {
   border-top-color: #1b435e;
   background: #696969;
}

/* 更新系メニュー */
.btnRegist {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#0C88CA;
	border-radius: 3px;
	transition: .4s;
}
.btnRegist:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnRegist:visited {
    color: #fff;
    text-decoration: none;
}
.btnRegist:link {
    color: #fff;
    text-decoration: none;
}
.btnRegist:active {
    color: #fff;
    text-decoration: none;
}

.btnRegist:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f0c7";
/*	font-size:0.9em;*/
}


/* 削除系メニュー */
.btnDelete {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#ff0000;
	border-radius: 3px;
	transition: .4s;
}
.btnDelete:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnDelete:visited {
    color: #fff;
    text-decoration: none;
}
.btnDelete:link {
    color: #fff;
    text-decoration: none;
}
.btnDelete:active {
    color: #fff;
    text-decoration: none;
}
.btnDelete:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f014";
/*	font-size:0.9em;*/
}

/* クリア系メニュー */
.btnClear {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#ff0000;
	border-radius: 3px;
	transition: .4s;
}
.btnClear:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnClear:visited {
    color: #fff;
    text-decoration: none;
}
.btnClear:link {
    color: #fff;
    text-decoration: none;
}
.btnClear:active {
    color: #fff;
    text-decoration: none;
}
.btnClear:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f00d";
/*	font-size:0.9em;*/
}

/* 印刷系メニュー */
.btnPrint {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#228b22;
	border-radius: 3px;
	transition: .4s;
}
.btnPrint:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnPrint:visited {
    color: #fff;
    text-decoration: none;
}
.btnPrint:link {
    color: #fff;
    text-decoration: none;
}
.btnPrint:active {
    color: #fff;
    text-decoration: none;
}
.btnPrint:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
/*	content: "\f02f";*/
	content: "\f1c1";
/*	font-size:0.9em;*/
}

/* 新規系メニュー */
.btnNew {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnNew:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnNew:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnNew:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnNew:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnNew:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f044";
/*	font-size:0.9em;*/
}

/* 血縁登録メニュー */
.btnKetuen {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnKetuen:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnKetuen:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnKetuen:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnKetuen:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnKetuen:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f0e8";
/*	font-size:0.9em;*/
}

/* 編集系メニュー */
.btnEdit {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnEdit:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnEdit:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnEdit:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnEdit:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnEdit:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f002";
/*	font-size:0.9em;*/
}

/* 読み出し系メニュー */
.btnRead {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnRead:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnRead:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnRead:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnRead:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnRead:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f019";
/*	font-size:0.9em;*/
}

/* 追加系メニュー */
.btnAdd {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnAdd:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnAdd:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnAdd:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnAdd:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnAdd:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f067";
/*	font-size:0.9em;*/
}

/* [+]ボタン */
.btnPlus {
	display: inline-block;
	padding: 0.1em 0.4em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnPlus:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnPlus:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnPlus:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnPlus:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnPlus:before {
	position: relative;
	margin-right: 0px;
	font-family: FontAwesome;
	content: "\f067";
	font-size: 8px;
}

/* [新規]ボタン */
.btnLinkNew {
	display: inline-block;
	padding: 0.1em 0.3em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnLinkNew:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnLinkNew:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkNew:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkNew:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkNew:before {
	position: relative;
	margin-right: 0px;
	font-family: FontAwesome;
	content: "\f044";
	font-size: 12px;
}

/* [検索]ボタン */
.btnLinkSearch {
	display: inline-block;
	padding: 0.1em 0.3em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnLinkSearch:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnLinkSearch:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkSearch:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkSearch:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkSearch:before {
	position: relative;
	margin-right: 0px;
	font-family: FontAwesome;
	content: "\f002";
	font-size: 12px;
}

/* [削除]ボタン */
.btnLinkDelete {
	display: inline-block;
	padding: 0.1em 0.3em;
	text-decoration: none;
	/*color: #67c5ff;*/
	color: #fff;
	background-color:#ff0000;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnLinkDelete:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnLinkDelete:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkDelete:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkDelete:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkDelete:before {
	position: relative;
	margin-right: 0px;
	font-family: FontAwesome;
	content: "\f00d";
	font-size: 12px;
}

/* [クリア]ボタン */
.btnLinkClear {
	display: inline-block;
	padding: 0.1em 0.3em;
	text-decoration: none;
	/*color: #67c5ff;*/
	color: #fff;
	background-color:#ff0000;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnLinkClear:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnLinkClear:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkClear:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkClear:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnLinkClear:before {
	position: relative;
	margin-right: 0px;
	font-family: FontAwesome;
	content: "\f068";
	font-size: 12px;
}

/* 検索メニュー */
.btnSearch {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#0C88CA;
	border-radius: 3px;
	transition: .4s;
}
.btnSearch:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnSearch:visited {
    color: #fff;
    text-decoration: none;
}
.btnSearch:link {
    color: #fff;
    text-decoration: none;
}
.btnSearch:active {
    color: #fff;
    text-decoration: none;
}
.btnSearch:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f002";
/*	font-size:0.9em;*/
}

/* CSV出力 */
.btnExport {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#0C88CA;
	border-radius: 3px;
	transition: .4s;
}
.btnExport:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnExport:visited {
    color: #fff;
    text-decoration: none;
}
.btnExport:link {
    color: #fff;
    text-decoration: none;
}
.btnExport:active {
    color: #fff;
    text-decoration: none;
}
.btnExport:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f093";
/*	font-size:0.9em;*/
}

/* 閉じるメニュー */
.btnClose {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnClose:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnClose:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnClose:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnClose:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}

/* 一覧メニュー */
.btnList {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#008080;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnList:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnList:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnList:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnList:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnList:before {
	position: relative;
/*	float: left;*/
	margin-right: 10px;
	font-family:FontAwesome;
	content: "\f03a";
/*	font-size:0.9em;*/
}

/* リスト内の編集系ボタン */
.btnListEdit {
	display: inline-block;
	padding: 0.1em 0.6em;
	text-decoration: none;
	color: #fff;
	background-color:#4179be;
	border-radius: 3px;
	transition: .4s;
}
.btnListEdit:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnListEdit:visited {
    color: #fff;
    text-decoration: none;
}
.btnListEdit:link {
    color: #fff;
    text-decoration: none;
}
.btnListEdit:active {
    color: #fff;
    text-decoration: none;
}
.btnListEdit:before {
	position: relative;
	margin-right: 0px;
	font-family:FontAwesome;
	content: "\f044";
	font-size:1.5em;
}

/* リスト内の編集系ボタン */
.btnListEdit2 {
	display: inline-block;
	padding: 0.1em 0.6em;
	text-decoration: none;
	color: #fff;
	background-color:#32cd32;
	border-radius: 3px;
	transition: .4s;
}
.btnListEdit2:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnListEdit2:visited {
    color: #fff;
    text-decoration: none;
}
.btnListEdit2:link {
    color: #fff;
    text-decoration: none;
}
.btnListEdit2:active {
    color: #fff;
    text-decoration: none;
}
.btnListEdit2:before {
	position: relative;
	margin-right: 0px;
	font-family:FontAwesome;
/*	content: "\f044";*/
	content: "\f0e8";
	font-size:1.5em;
}

/* リスト内の編集系ボタン */
.btnListEdit3 {
	display: inline-block;
	padding: 0.1em 0.6em;
	text-decoration: none;
	color: #fff;
	background-color:#4179be;
	border-radius: 3px;
	transition: .4s;
}
.btnListEdit3:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnListEdit3:visited {
    color: #fff;
    text-decoration: none;
}
.btnListEdit3:link {
    color: #fff;
    text-decoration: none;
}
.btnListEdit3:active {
    color: #fff;
    text-decoration: none;
}
.btnListEdit3:before {
	position: relative;
	margin-right: 4px;
	font-family:FontAwesome;
	content: "\f044";
	font-size:1.0em;
}

/* リスト内の編集系ボタン */
.btnListCheck {
	display: inline-block;
	padding: 0.1em 0.6em;
	text-decoration: none;
	color: #fff;
	background-color:#4179be;
	border-radius: 3px;
	transition: .4s;
}
.btnListCheck:hover {
	opacity:0.8;
    color: #fff;
	cursor: pointer;
}
.btnListCheck:visited {
    color: #fff;
    text-decoration: none;
}
.btnListCheck:link {
    color: #fff;
    text-decoration: none;
}
.btnListCheck:active {
    color: #fff;
    text-decoration: none;
}
.btnListCheck:before {
	position: relative;
	margin-right: 0px;
	font-family:FontAwesome;
	content: "\f058";
	font-size:1.5em;
}

/* リスト内の印刷系ボタン */
.btnListPrint {
	display: inline-block;
	padding: 0.1em 0.6em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#228b22;
	border-radius: 3px;
	transition: .4s;
}
.btnListPrint:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnListPrint:visited {
    color: #fff;
    text-decoration: none;
}
.btnListPrint:link {
    color: #fff;
    text-decoration: none;
}
.btnListPrint:active {
    color: #fff;
    text-decoration: none;
}
.btnListPrint:before {
	position: relative;
	margin-right: 0px;
	font-family:FontAwesome;
	content: "\f1c1";
	font-size:1.5em;
}

/* リスト内の新規系ボタン */
.btnListNew {
	display: inline-block;
	padding: 0.1em 0.6em;
	text-decoration: none;
	color: #FFF;
	background-color:#32cd32;
	border-radius: 3px;
	transition: .4s;
}
.btnListNew:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnListNew:visited {
    color: #fff;
    text-decoration: none;
}
.btnListNew:link {
    color: #fff;
    text-decoration: none;
}
.btnListNew:active {
    color: #fff;
    text-decoration: none;
}


/* リスト内の削除系ボタン */
.btnListDelete {
	background-color: #ff0000;
	color: #ffffff;
	padding: 4px;
	cursor: pointer;
}
.btnListDelete:link {
    color: #ffffff;
    text-decoration: none;
}
.btnListDelete:visited {
    color: #ffffff;
    text-decoration: none;
}
.btnListDelete:hover {
    color: #ffffff;
    text-decoration: none;
}

/* リスト内の展開ボタン */
.btnListTree {
	display: inline-block;
	padding: 0.1em 0.6em;
	text-decoration: none;
	color: #fff;
	background-color:#4179be;
	border-radius: 3px;
	transition: .4s;
}
.btnListTree:hover {
	opacity:0.8;
    color: #fff;
	cursor: pointer;
}
.btnListTree:visited {
    color: #fff;
    text-decoration: none;
}
.btnListTree:link {
    color: #fff;
    text-decoration: none;
}
.btnListTree:active {
    color: #fff;
    text-decoration: none;
}
.btnListTree:before {
	position: relative;
	margin-right: 0px;
	font-family:FontAwesome;
	content: "\f0e8";
	font-size:1.4em;
}

/* 更新系メニュー */
.btnRegist2 {
   border-top: 1px solid #96d1f8;
   background: #00bfff;
   background: -webkit-gradient(linear, left top, left bottom, from(#00bfff), to(#00bfff));
   background: -webkit-linear-gradient(top, #00bfff, #00bfff);
   background: -moz-linear-gradient(top, #00bfff, #00bfff);
   background: -ms-linear-gradient(top, #00bfff, #00bfff);
   background: -o-linear-gradient(top, #00bfff, #00bfff);
   padding: 2px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: "メイリオ";
   text-decoration: none;
   vertical-align: middle;
   }
 .btnRegist2:hover {
   border-top-color: #00ffff;
   background: #00bfff;
   color: #000;
   }
 .btnRegist2:link {
    color: #ffffff;
    text-decoration: none;
   }
 .btnRegist2:active {
   border-top-color: #00ffff;
   background: #00bfff;
}

/* 汎用メニュー */
.btnCommon {
	font-size:14px;
	font-family: "メイリオ";
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding: 3px 8px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #555555 9%, #877d87 96% );
	background:-ms-linear-gradient( top, #555555 9%, #877d87 96% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#877d87');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(9%, #555555), color-stop(96%, #877d87) );
	background-color:#555555;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 0px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.btnCommon:hover {
	background:-moz-linear-gradient( center top, #877d87 9%, #555555 96% );
	background:-ms-linear-gradient( top, #877d87 9%, #555555 96% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#877d87', endColorstr='#555555');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(9%, #877d87), color-stop(96%, #555555) );
	background-color:#877d87;
}.btnCommon:active {
	position:relative;
	top:1px;
}.btnCommon:link {
    color: #ffffff;
    text-decoration: none;
}.btnCommon:visited {
    color: #ffffff;
    text-decoration: none;
}

.btnLogin {
	font-size:12px;
	font-family: "メイリオ";
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:2px 8px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f9f9f9 9%, #e9e9e9 96% );
	background:-ms-linear-gradient( top, #f9f9f9 9%, #e9e9e9 96% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(9%, #f9f9f9), color-stop(96%, #e9e9e9) );
	background-color:#f9f9f9;
	color:#666666;
	display:inline-block;
	text-shadow:0px 0px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}.btnLogin:hover {
	background:-moz-linear-gradient( center top, #e9e9e9 9%, #f9f9f9 96% );
	background:-ms-linear-gradient( top, #e9e9e9 9%, #f9f9f9 96% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(9%, #e9e9e9), color-stop(96%, #f9f9f9) );
	background-color:#e9e9e9;
}.btnLogin:active {
	position:relative;
	top:1px;
}.btnLogin:visited {
	color: #000;
}

.head_title {
    font-size: 12px;
    color: #808080;
}

.data_title {
    font-size: 14px;
    color: #000000;
}


/*****************************************************************************
 メインページの画像表示エリア
*****************************************************************************/
.gallery {
    width:980px;
    margin-top:10px;
    border:#d3d3d3 1px solid;
}

.gallery .inner {
    width:960px;
    margin: 10px 0 0 8px;
}

.gallery .photobox {
    width:310px;
    float:left;
    border: 1px dashed #0000cc; /* 1.枠線 */
    background-color: #FAF9C8;  /* 2.背景色 */
    margin: 4px; /* 周囲の余白 */
}

.gallery .photobox img {
    max-height: 225px;
    max-width: 300px;
}

p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 80%;  /* 5.文字サイズ */
   color: darkblue; /* 6.文字色 */
}


/*****************************************************************************
ページャー
*****************************************************************************/

#pager_wrap {
	width:100%;
	margin: 4px 0 4px 0px;
	font-size: 14px;
	z-index: 0;
}

ul.pager {
	margin: 0px;
	font-size:12px;
	z-index: 0;
}
ul.pager li {
	float: left;
	margin-right: 5px;
	border: 1px #3366FF solid;
	font-weight: bold;
	z-index: 0;
}
ul.pager li.prev,
ul.pager li.next {
	border: none;
}
ul.pager li a {
	position: relative;
	display: block;
	padding: 2px 5px;
	color: #3366FF;
	z-index: 0;
}
ul.pager li a:link,
ul.pager li a:visited {
	text-decoration: none;
}

ul.pager li a:hover,
ul.pager li a:active {
	background-color: #AADDFF;
	text-decoration: none;
}

ul.pager li em {
	display: block;
	padding: 2px 5px;
	background: #333333;
	color: #FFFFFF;
}

ul.pager li.active {
	display: block;
	padding: 2px 5px;
	background: #3366FF;
	color: #ffffff;
}


/*
工事中
*/
.kouji_block{
	color:red;
	font-weight:bold;
    background-image: url('/shared/images/mark_warning.gif');
	background-size: 100px;
}

/* kouji label */
.kouji:BEFORE{
/*
	font-size: 18px;
	content: "†";
	padding-left: 2px;
	color: red;
	font-weight:bold;
*/
	margin: 0 4px 0 10px;
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url( '/shared/images/mark_warning.gif'); 
	background-size: contain;
	vertical-align: middle;
}

.update_msg {
	padding: 6px;
	margin: 4px;
	background-color: #afafaf;
	text-align: left;
	font-size: 16px;
}

#mmaga_douki:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#btn_action:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#user_list:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#user_reset:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.user_update:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.data_search:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.user_backlist:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#menu_staff:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#menu_mail:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#menu_system:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#menu_master:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#corp_regist:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#corp_new:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.data_update:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.mail_backlist:hover img {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


.toppage {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.toppage a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}


/* TOP ニュース定義
-------------------------------*/
.top_info {
	margin: 2px 0 0 0;
    font-size: 14px;
}

.top_info td {
    font-size: 12px;
	margin  : 0;
	padding : 10px;
	color   : #000000;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
}




/* 案件管理で追加 */

/* タイムカード入力
-------------------------------*/
.timecardHead {
    padding          : 4px;
    color            : #FFFFFF;
    background-color : #336666;
    FONT-FAMILY      : "メイリオ";
    font-size        : 11px;
    line-height      : 1.2em;
    text-align       : center;
    border           : 1px solid #778899;
}

.timecardCol {
    padding          : 2px;
    background       : #EEEEEE;
    font-size        : 11px;
    line-height      : 1.0em;
    text-align       : center;
    border:1px solid #778899;
    FONT-FAMILY      : "メイリオ";
}

/* 時給アップ行１ */
.timecardCol2 {
    padding          : 2px;
    background       : #e0ffff;
    font-size        : 11px;
    line-height      : 1.0em;
    text-align       : center;
    border:1px solid #778899;
    FONT-FAMILY      : "メイリオ";
}

/* 時給アップ行２ */
.timecardCol3 {
    padding          : 2px;
    background       : #00ffff;
    font-size        : 11px;
    line-height      : 1.0em;
    text-align       : center;
    border:1px solid #778899;
    FONT-FAMILY      : "メイリオ";
}


/* 給与支払明細入力
-------------------------------*/
.meisaiHead {
    padding: 5px 5px;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    background: #EEE;
    color: #000;
    line-height: 18px;
    /*width: 25%;*/
    border-collapse: collapse;
    border: 1px solid #CCC;
	font-size: 14px;
    FONT-FAMILY      : "メイリオ";
}

.meisaiCol {
    padding: 5px;
    background: #F5F5F5;
    border-collapse: collapse;
    border: 1px solid #CCC;
	font-size: 14px;
    FONT-FAMILY      : "メイリオ";
}

/* 詳細データのセパレータ */
.sublistTitle {
    padding : 2px;
    line-height: 24px;
    background: #c0c0c0;
    color: #000;
    font-size : 14px;
    FONT-FAMILY      : "メイリオ";
	font-weight: bold;
}

/* ローディング画像 */
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000;
	z-index: 1;

	background-color: #eeeeee;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
#loader {
	display: bloak;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 400px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #000;
	z-index: 2;
}

/* ローディング画像 */
#loader-bg2 {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000;
	z-index: 1;

	background-color: #eeeeee;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
#loader2 {
	display: bloak;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 400px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #000;
	z-index: 2;
}

/* ローディング画像 */
#loader-bg3 {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000;
	z-index: 1;

	background-color: #eeeeee;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
#loader3 {
	display: bloak;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 400px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #000;
	z-index: 2;
}

/*  各ボタン定義
---------------------------------------------------------- */

/* 「新規」ボタン */
/*
.btnNew {
	background-color: #4179be;
	color: #000000;
	padding: 4px;
}
.btnNew:link {
    color: #000000;
    text-decoration: none;
}
.btnNew:visited {
    color: #000000;
    text-decoration: none;
}
.btnNew:hover {
    color: #000000;
    text-decoration: none;
}
*/


/*****************************************************************************/
/* 見出し */
/*****************************************************************************/
.midasiInfo {
/*    position: relative;*/
    color: #ffffff ;
    background: #000000;
    font-size: 12pt ;
    line-height: 1;
    margin: 2px 0px 4px 0px;
    padding: 10px 5px 10px 10px;
/*    box-shadow:1px 3px 7px 0px  #666666 ;*/
}
/*
.midasiInfo:after, midasiInfo:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
*/
.midasiInfo:after {
    left: 0;
    border-right: 5px solid #333;
}
.midasiInfo:before {
    right: 0;
    border-left: 5px solid #333;
}

/*  スタッフ一覧で使用
---------------------------------------------------------- */

/* 一般 */
.dcClass1 {
    border: solid 1px #000;
    background: #00bfff;
    color: #000;
    padding: 0 4px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 10px;
}

/* 学生 */
.dcClass2 {
    border: solid 1px #000;
    background: #00fa9a;
    color: #000;
    padding: 0 4px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 10px;
}

/* 待機中 */
.dcTaiki {
    border: solid 1px #ff0000;
    background: #ff0000;
    color: #FFF;
    padding: 2px 6px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 14px;
}

/* マッチング中 */
.dcMatch {
    border: solid 1px #00bfff;
    background: #00bfff;
    color: #FFF;
    padding: 2px 6px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 14px;
}

/* 未入力 */
.tmInputNone {
    border: solid 1px #000;
    background: #ff0000;
    color: #FFF;
    padding: 2px 4px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 10px;
}

/* 入力中 */
.tmInput {
    border: solid 1px #000;
    background: #ffff00;
    color: #000;
    padding: 2px 4px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 10px;
}

/* 確定 */
.tmInputEnd {
    border: solid 1px #000;
    background: #00bfff;
    color: #FFF;
    padding: 2px 4px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 10px;
}


/* バー式ステップ表示 */
#step_bar_box {
    text-align: left;
    overflow: hidden;
    margin-top: 4px;
    margin-bottom: 4px;
}

.step_bar {
    list-style: none;
}

.step_bar li {
    line-height: 46px;
    color: #a6a6a6;
    text-decoration: none;
    padding: 0 15px 0 35px;
    background: #d3d3d3;
    display: inline-block;
}

.step_bar li small {
    font-size: 80%;
}

.step_bar li::after {
    position: relative;
    display: block;
    margin-top: -25px;
    margin-left: auto;
    margin-right: -25px;
    height: 22px;
    width: 20px;
    content: " ";
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    background: #d3d3d3;
    border-right: 1px solid #fff;
}

.step_bar li::before {
    float: right;
    display: block;
    margin-bottom: -25px;
    margin-left: auto;
    margin-right: -25px;
    height: 21px;
    width: 20px;
    content: " ";
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -ms-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
    background: #d3d3d3;
    border-right: 1px solid white;
}

.step_bar li:first-child {
    padding-left: 20px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.step_bar li:last-child {
    padding-left: 35px;
    padding-right: 40px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.step_bar li:last-child::before {
    border: 0;
    background: transparent !important;
}

.step_bar li:last-child::after {
    border: 0;
    background: transparent !important;
}

.step_bar li.current {
    background: #00ffff;
    color: #333;
}

.step_bar li.current::before {
    background: #00ffff;
}

.step_bar li.current::after {
    background: #00ffff;
}

.step_bar li.current:last-child {
    margin-right: -35px;
}

.step_bar li.current:last-child::before {
    border: 0;
    background: transparent !important;
}

.step_bar li.current:last-child::after {
    border: 0;
    background: transparent !important;
}


/*****************************************************************************/
/* 明細伝票枠のスクロール設定 */
/*****************************************************************************/

/* 一胎子明細一覧のスクロール幅 */
.scr_fetus {
	overflow: auto;   /* スクロール表示 */ 
    border:#000 1px solid;
/*
	overflow-y: scroll;
	overflow-x: auto;
*/
	height: 380px;
}

/* 生体登録一覧のスクロール幅 */
.scr_seitai {
	overflow-y: scroll;
    border:#000 1px solid;
	height: 380px;
}

/* マスター関連のスクロール幅 */
.scr_master {
	overflow: auto;   /* スクロール表示 */ 
    border:#000 1px solid;
	height: 600px;
}

/* 血縁登録関連のスクロール幅 */
.scr_link {
	overflow: auto;   /* スクロール表示 */ 
    border:#000 1px solid;
	height: 170px;
	font-size: 11px;
}

.searchBox {
	font-size: 11px;
}

.searchFrame {
	z-index: 0;
	position: relative;
	display: inline-block;
}

.inputBox {
	padding-right: 6px;
	z-index: 0;
}

.searchFrame .clearButton{
	width: 16px;
	height: 16px;
	position: absolute;
	right: 3px;
	top: 3px;
	background: url(../images/page_find.png) no-repeat left center;
	cursor: pointer;
	z-index: 0;
}


/*****************************************************************************/
/* 中央ポップアップダイアログ設定 */
/*****************************************************************************/

.modal {
	display: none;
}
.modalBody {
	position: fixed;
	z-index: 1000;
	background: #eee;
	width: 600px;
	left: 50%;
	top: 50%;
	color: #ff0000;
	height: 200px
	border-width: 5px;
	border-color: #ff0000;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.modalBK {
	position: fixed;
	z-index: 999;
	height: 100%;
	width: 100%;
	background: #ccc;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
}

.close {
	cursor: pointer;
	margin: 0px 0 0 0;
	text-align: right;
}
/*
.modal {
	width:690px;
	color: #eee;
}
*/
.modal p {
	font-size:16px;
	text-align:justify;
}
.modal h1{
	font-weight:bold;
	font-size: 30px;
}
.modalBody{
	padding: 10px;
}


/* 「必須」マーク
---------------------------------------------------------------------------*/
.required {
}

.required:after {
	padding: 0px 2px;
    color: #FFF;
	position: relative;
	float: right;
    content: " 必須 ";
	background: #FF0000;
	font-size: 10px;
}

.required2 {
}

.required2:after {
	padding: 0px 2px;
    color: #FFF;
	position: relative;
	float: right;
    content: "必須";
	background: #FF0000;
	font-size: 10px;
}

/* 「?」マーク
---------------------------------------------------------------------------*/
.question {
}

.question:after {
	position: relative;
	float: right;
	font-family:FontAwesome;
	content: "\f059";
	font-size:1.4em;
}

/* 「昇順」、「降順」マーク
---------------------------------------------------------------------------*/
.order_asc {
	text-decoration: none;
	border-top: 1px solid blue;
	padding-top: 2px;
}

.order_desc {
	text-decoration: none;
	border-bottom: 1px solid blue;
	padding-bottom: 2px;
}


/* 「?」吹き出し 上部
---------------------------------------------------------------------------*/
.cp_tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
/*	background: linear-gradient(transparent 60%, #f19ec2 60%);*/
}
.cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	bottom: 150%;
	line-height: 180%;
	left: 0;
	visibility: hidden;
	width: auto;
	white-space: nowrap;
	padding: 0.6em 0.6em;
	transition: opacity 1s;
	text-align: left;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #da3c41;
}
.cp_tooltip .cp_tooltiptext::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
	border-top-color: #da3c41;
}
.cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 1;
}

/* 「?」吹き出し 下部
---------------------------------------------------------------------------*/
.cp_tooltip_low {
	position: relative;
	display: inline-block;
	cursor: pointer;
/*	background: linear-gradient(transparent 60%, #f19ec2 60%);*/
}
.cp_tooltip_low .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 30px;
	line-height: 180%;
	visibility: hidden;
	width: auto;
	white-space: nowrap;
	padding: 0.6em 0.6em;
	transition: opacity 1s;
	text-align: left;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #da3c41;
}
.cp_tooltip_low .cp_tooltiptext::after {
	position: absolute;
	left: 50%;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
	border-top-color: #da3c41;
}
.cp_tooltip_low:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 1;
}

/* 「?」吹き出し 左部
---------------------------------------------------------------------------*/
.cp_tooltip_left {
	position: relative;
	display: inline-block;
	cursor: pointer;
/*	background: linear-gradient(transparent 60%, #f19ec2 60%);*/
}
.cp_tooltip_left .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	left: -200px;
	line-height: 180%;
	visibility: hidden;
	width: auto;
	white-space: nowrap;
	padding: 0.6em 0.6em;
	transition: opacity 1s;
	text-align: left;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #da3c41;
}
.cp_tooltip_left .cp_tooltiptext::after {
	position: absolute;
	left: 50%;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
	border-top-color: #da3c41;
}
.cp_tooltip_left:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 1;
}

/* 支払方法（現金） */
.payGenkin {
    background: #ff7229;
    color: #FFF;
    padding: 2px 4px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 11px;
}

/* 支払方法（銀行） */
.payBank {
    background: #537bd9;
    color: #FFF;
    padding: 2px 4px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 11px;
}

/* 支払方法（カード） */
.payCard {
    background: #f93b57;
    color: #FFF;
    padding: 2px 4px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 11px;
}

/* 取引区分（現金） */
.toriGenkin {
    background: #537bd9;
    color: #FFF;
    padding: 2px 4px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 11px;
}

/* 取引（掛け） */
.toriKake {
    background: #ff7229;
    color: #FFF;
    padding: 2px 4px;
    white-space: nowrap;
    zoom: 1;
    width: 110px;
    text-align: center;
	font-size: 11px;
}

/* 昇順(数の小さいものから大きいものへ進む順序:階段を昇っていく、1-2-3) */
.sortAsc {
	/*text-decoration: underline;*/
}
.sortAsc:after {
    color: #000;
	position: relative;
	float: right;
    content: "▲ ";
	font-size: 11px;
}

/* 降順(階段を下りていく-3-2-1) */
.sortDesc {
	/*text-decoration: underline;*/
}
.sortDesc:after {
    color: #000;
	position: relative;
	float: right;
    content: "▼ ";
	font-size: 11px;
}


/* TABエリア
-------------------------------*/
.tab {
	overflow: hidden;
}
.tab li {
	background: #ccc;
	padding: 5px 25px;
	float: left;
	margin-right: 1px;
	cursor:pointer;
}
.tab li.select {
	background: #eee;
}
.content li {
	background: #eee;
	padding: 5px;
}
.hide {
	display:none;
}

.markFetus {
}
.markFetus:before {
	padding: 0px 4px;
    color: #FFF;
	position: relative;
	float: left;
    content: "ZCC";
	background-color: #9acd32;
	font-size: 10px;
	margin-right: 2px;
}

.markOther {
}
.markOther:before {
	padding: 0px 4px;
    color: #FFF;
	position: relative;
	float: left;
    content: "他";
	background-color: #9acd32;
	font-size: 10px;
	margin-right: 2px;
}

/* 昇順(数の小さいものから大きいものへ進む順序:階段を昇っていく、1-2-3) */
.sortAsc {
	/*text-decoration: underline;*/
}
.sortAsc:after {
    color: #000;
	position: relative;
	float: right;
    content: "▲ ";
	font-size: 11px;
}

/* 降順(階段を下りていく-3-2-1) */
.sortDesc {
	/*text-decoration: underline;*/
}
.sortDesc:after {
    color: #000;
	position: relative;
	float: right;
    content: "▼ ";
	font-size: 11px;
}


/* テーブルライブラリ
---------------------------------------------------------- */
#grid {
	margin: 0 auto;
	z-index: 10;
	font-size: 14px;
}
.foo {
	font-size: 14px;
}


.optTable {
	width: 100%;
    border:1px dotted #778899;
    background-color:#ffffff;
}

.optTable th {
  margin           : 0;
  padding          : 2px;
  color            : #000000;
  background-color : #dcdcdc;
  font-size        : 12px;
}

.optTable td {
  margin           : 0;
  padding          : 1px;
  color            : #000000;
  background-color : #f9eeed;
  font-size        : 11px;
}