@charset "UTF-8";
/*************************************************************
* DC運営システム
* 共通
*
* @author	GlobalEngineering
* @since	1.0
* @version	1.0	2012/04/16	GE s.tomita	ベースバージョン
*
*************************************************************/


/* CSS Document */
*{

	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin:0;
	padding:0;
	font-size: 10.5px;
}

img {
	border:none;
	vertical-align: text-bottom;
}

textarea{
	resize:none;
}

.clear {
	clear:both;
}

p {
	/* font-size:0.8em; */
}

a {
	color:#019dbe;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

html{
	/** heightはリキッド用スタイル　編集禁止 **/
	height:97%;
}
body{
	/** heightはリキッド用スタイル　編集禁止 **/
	height:100%;
	background:#eeeeee;
	/*
	font-size: 10px;
	*/
}

/** 縦リキッド用スタイル　編集禁止 **/
.container{
	background:url(../images/main_bg_second.png);
	width: 1000px;
	margin:0px auto;
	position:relative;
	height: 100%;
	min-height: 100%;
}
body > .container {
	background:url(../images/main_bg_second.png);
	height: auto;
}

.main{
	background:url(../images/header_bg_second.png) left top no-repeat;
	width: 1000px;
	margin-bottom:16px;
	min-height:500px;
	position:relative;
	height: 100%;
}
/** 縦リキッド用スタイル　ここまで **/

/* head
=======================================*/
.head {
	height:50px;
	padding: 0 0 0 170px;
}
.head .page_name {
	float:left;
/* 	font-weight:bold; */
	font-size:14px;
	padding:12px 25px 0 0;
}
/*
.head .user {
	float:left;
	padding:18px 25px 0 0;
}

.head .company {
	float:left;
	padding:18px 25px 0 0;
}
*/
.head .select_box {
/*  Mod Start 2017/10/06 A.Nabeno 契約管理番号表示の追加 */
	/*width:145px;*/
	width:345px;
/*  Mod End 2017/10/06 A.Nabeno 契約管理番号表示の追加 */
	padding:9px 20px 0 0;
	float:right;
	z-index: 2;
}

.head .select_box select {
	/* font-size:0.8em; */
	height:20px;
}

/* content
=======================================*/
.main .content {
	min-height:440px;
	margin:0 auto;
	vertical-align: middle;
	padding:0 0 15px 0;
	width:960px;
}

/* newsblock */
.main .content .news_block {
	border:1px solid #dadada;
	float:left;
/* 	margin: 0 auto; */
/* 	vertical-align: middle; */
/* 	width: 280px; */
	width: 423px;
	background: #f0f2f4;
	height: 361px;
	overflow: auto;
	margin: 0;
    padding: 8px;
}

.main .content .news_block .news_table_block {
	height: 330px;
/* 	width:	280px; */
	width: 423px;
	margin: 0 auto;
	vertical-align: middle;
	overflow: auto;
}

.main .content .news_block table {
	width:403px;
	border: 1px solid #dbdddf;
	/* 2014/11/21 A.Nabeno お知らせメニュー文字数変更によるレイアウト対応 start */
	table-layout: fixed;
	/* 2014/11/21 A.Nabeno end */
}

.main .content .news_block table div{
/* 	width:210px; */
	width:353px;
	margin: 0 auto;
	vertical-align: top;
	word-wrap: break-word;
	font-size:9px;
}

.main .content .news_block table th {
	height:30px;
}
.main .content .news_block table td {
 	padding:0px 14px 0px 30px;
	height:52px;
	width:100px;
	color:#333333;
}

/* 2014/11/21 A.Nabeno お知らせメニュー文字数変更によるレイアウト対応 start */
.main .content .news_block table td.bloc01 {
	background:url(../images/info_block_bg01.png);
	background-position:center center;
/*	height:115px;*/
/*	height:63px;
	vertical-align: top;
	word-break: break-all;*/
	height:38px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	width:100px;
	max-width:100px;
}
.main .content .news_block table td.bloc02 {
	background:url(../images/info_block_bg02.png);
	background-position:center center;
/*	height:115px;*/
/*	height:63px;
	vertical-align: top;
	word-break: break-all;*/
	height:38px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	width:100px;
	max-width:100px;
}

.main .content .news_block a br {
	display:none;
}

.newsDetailDialog table {
	margin-top:11px;
	margin-left,margin-right:auto;
}
/* 2014/11/21 A.Nabeno end */

.main .content .news_block table td .day {
	color:#767676;
	valign:"top";
}

/* gnav */
.main .content .gnav {
	border:1px solid #dadada;
	float:right;
	margin:0;
	padding: 8px;
	background: #f0f2f4;
/* 	width: 640px; */
	width: 497px;
	height: 440px;
}

.main .content .gnav .gnav_inner {
/* 	border: 1px solid #dbdddf; */
	width: 100%;
	height: 400px;
	overflow: auto;
}

.main .content .gnav table {
	border: 1px solid #dbdddf;
	background:url(../images/gnav_bg.png) left center repeat-x #efefef;
/* 	width: 620px; */
	width: 480px;
	height: 400px;
}

.main .content .gnav table td {
	height:150px;
	width:10px;
	padding:10px 10px 5px 10px;
}

.main .content .gnav table td a {
	width:120px;
	height:120px;
	margin:0 auto 10px auto;
	display:block;
	/* font-size:0.6em; */
	color:#333333;
	text-decoration:none;
}
/* .main .content .gnav table td a:hover { */
/* 	color:#F90; */
/* 	text-decoration:underline; */
/* } */

.main .content .gnav table td a img {
	margin-bottom:5px;
}

.main .content .main_nav {
	position:relative;
	width:960px;
	margin-bottom: 7px;
	height: 32px;
	z-index: 1;
}

.main .content .main_nav .left {
	position:absolute;
	left:0;
	top:0;
	width: 21px;
	height: 33px;
	background:url(../images/main_nav_left.png);
}

.main .content .main_nav .right {
	position:absolute;
	right:0px;
	top:0px;
	width: 21px;
	height: 33px;
	background:url(../images/main_nav_right.png);
}

/* システムメニューのファイルダウンロード */
.main .content .download_block {
	border:1px solid #dadada;
	float:left;
/* 	width: 280px; */
	width: 423px;
	background: #f0f2f4;
	height: 57px;
	overflow: auto;
	margin: 4px 0px 0px 0px;
    padding: 8px;
}

.main .content .download_block .download_button_block {
	height: 25px;
	width:	280px;
	margin: 0;
	padding: 2px 0px 0px 0px;
	vertical-align: middle;
	overflow: auto;
}

.main .content .info_area {
	border:1px solid #dadada;
	height:28px;
	overflow:auto;
	font-size:10px;
	line-height:14px;
	color:#d80018;
	padding:0 5px;
	width: 948px;
	margin: 0 auto 7px auto;
	display: block;
}

.main .content .message_textarea {
	border:1px solid #dadada;
	height:28px;
	overflow-y: scroll;
	font-size:10px;
	line-height:14px;
	color:#d80018;
	padding:0 5px;
	width: 948px;
	margin: 0 auto 7px auto;
	display: block;
}

.main .content .application_table {
	background: url(../images/application_table_m_bg.png) repeat-x #dadada;
	margin-bottom:5px;
}

.main .content .application_table th,
.main .content .application_table td {
	border:1px solid #ffffff;
	background:#ffffff;
	text-align:left;
	/* font-size:0.8em; */
	font-weight:normal;
}

.main .content .application_table th.main_t {
	border:none;
	background:url(../images/application_table_m.png) left top no-repeat;
	padding:0 10px;
	line-height:23px;
	text-align:left;
	/* font-size:0.8em; */
	font-weight:bold;
}
.main .content .application_table td {
	padding:1px;
}
.main .content .application_table td input.text {
	width:298px;
	border:1px solid #dadada;
	margin:0 5px 0 0;
	height:18px;
}
.main .content .application_table td input.text_163 {
	width:163px;
	border:1px solid #dadada;
	margin:0 0 0 0;
	height:18px;
}
.main .content .application_table td input.text_110 {
	width:110px;
	border:1px solid #dadada;
	margin:0 0 0 0;
}
.main .content .application_table td select.time {
	border:1px solid #dadada;
	margin:0 5px 0 0;
	height:18px;
	padding:0;
}
.main .content .application_table td textarea.time_area {
	border:1px solid #dadada;
	margin:0;
	/* height:2em; */
	padding:0;
	width:99%;
}

.main .content .application_table td .btn {
	background:url(../images/search_btn_off.png) left top no-repeat;
	padding:0;
	margin:0;
	border:none;
	height:19px;
	width:50px;
	text-indent:-999999px;
	cursor:pointer;
}


.main .content .application_table th {
	width:118px;
}
.main .content .application_table th.midashi01 {
	background:url(../images/application_table_m01.png) left top repeat-x;
	padding:0 10px;
}

.main .content .application_table th.midashi02 {
	background:url(../images/application_table_m02.png) left top repeat-x;
	padding:0 10px;
}

/* tab_table
============================== */
.main .content .tab_table {
	background:#dadada;
	margin-bottom:5px;
}

.main .content .tab_table th,
.main .content .tab_table td {
	border:1px solid #ffffff;
	background:#ffffff;
	text-align:left;
	/* font-size:0.8em; */
	font-weight:normal;
}

.main .content .tab_table th.main_t {
	border:none;
	background:url(../images/application_table_m.png) left top no-repeat;
	padding:0 10px;
	line-height:23px;
	text-align:left;
	/* font-size:0.8em; */
	font-weight:bold;
}
.main .content .tab_table td {
	padding:1px;
}
.main .content .tab_table td input.text {
	width:298px;
	border:1px solid #dadada;
	margin:0 5px 0 0;
	height:18px;
}
.main .content .tab_table td input.text_163 {
	width:163px;
	border:1px solid #dadada;
	margin:0 0 0 0;
}
.main .content .tab_table td input.text_110 {
	width:110px;
	border:1px solid #dadada;
	margin:0 0 0 0;
}
.main .content .tab_table td select.time {
	border:1px solid #dadada;
	margin:0 5px 0 0;
	height:18px;
	padding:0;
}
.main .content .tab_table td textarea.time_area {
	border:1px solid #dadada;
	margin:0;
	/* height:2em; */
	padding:0;
	width:99%;
}
.main .content .tab_table th.midashi01 {
	background:url(../images/application_table_m01.png) left top repeat-x;
	padding:0 0;
	text-align: center;
	width: 23px;
	/* font-size:0.7em; */
}

.main .content .tab_table th.midashi02 {
	background:url(../images/application_table_m02.png) left top repeat-x;
	padding:0 0;
	text-align: center;
	width: 23px;
	/* font-size:0.7em; */
}


/* チェックボックスとラジオボタン
============================== */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}

/* チェックボックス
============================== */
div.check-group {
	/* font-size:0.8em; */
	line-height:22px;
}

div.check-group div {float:left;}
div.check-group input {
	display: none;
}
div.check-group label {
	background:url(../images/check_non.png) left center no-repeat;
	padding:0 0 0 20px;
	margin-right:10px;
}
div.check-group label.checked {
	background:url(../images/check_on.png) left center no-repeat;
	padding:0 0 0 20px;
}

table.tab_table div.check-group label {
	display:block;
	background:url(../images/check_non.png) center center no-repeat;
	padding:0 0 0 0;
	margin-right:0;
	width:20px;
	height:20px;
}
table.tab_table div.check-group label.checked {
	display:block;
	background:url(../images/check_on.png) center center no-repeat;
	padding:0 0 0 0;
	width:20px;
	height:20px;
}

/* テキスト選択時の色を透明 */
div.check-group label::-moz-selection,
div.check-group label::selection {
	background: transparent;
}
/* ラジオボタン
============================== */
div.radio-group {
	/* font-size:0.8em; */
	line-height:22px;
}

div.radio-group div {float:left;}
div.radio-group input {
	display: none;
}
div.radio-group label {
	background:url(../images/radio_non.png) left center no-repeat;
	padding:0 0 0 20px;
	margin-right:10px;
}
div.radio-group label.checked  {
	background:url(../images/radio_on.png) left center no-repeat;
	padding:0 0 0 20px;
}

/* プレースホルダ
============================== */
.placeholder-label{
	display: inline-block;
	position: relative;
}

.placeholder-text{
	color: #999999;
	display: block;
	left: 5px;
	position: absolute;
	top: 2px;
}

/* ボタン及びサブミット
============================== */
.button_01 {
	background-image: url("../images/application_table_btn06.gif");
}
.button_02 {
	background-image: url("../images/application_table_btn05.gif");
}

.toroku_btn {
	float:left;
}

.toroku_btn .btn {
	background:url(../images/regist_btn_off.png) left top no-repeat;
	padding:0;
	margin:0;
	border:none;
	height:25px;
	width:65px;
	text-indent:-999999px;
	cursor:pointer;
}

.foot{
	background:url(../images/footer_bg.png) left bottom no-repeat;
	position:absolute;
	bottom:0px;
	height:14px;
	text-align:right;
	line-height:14px;
	font-size:8px;
	color: #ffffff;
	width: 995px;
	padding: 0 5px 0 0;
}
/* テーブル用CSS */
.table_01 {
	border:1px solid #dadada;
	background: #f7f7f7;
	margin: 0 auto;
	width:960px;
	table-layout: fixed;
	border-collapse:collapse;
	border-spacing: 0px;
}

.table_01 td {
	border:1px solid #dadada;
	background: #f7f7f7;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	padding:1px;
}

.table_01 .none {
	border:none;
	background: #eeeeee;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	padding:0px;
}

.table_01 .main_t {
	border:none;
	background:url(../images/application_table_m_repeat.png) left top repeat-x;
	padding:0 10px;
	line-height:23px;
	text-align:left;
	font-size:1em;
	font-weight:bold;
}

.table_01 input[type="text"]{
	border:1px solid #dadada;
	margin:0 5px 0 0;
	height:18px;
	width:99%;
}
.table_01 textarea{
	border:1px solid #dadada;
	margin:0 5px 0 0;
	width:99%;
}

.table_01 input[type="text"][readonly="readonly"]{
	border:1px solid #dadada;
	margin:1px 5px 1px 0;
	height:18px;
	background: #f7f7f7;
}

.table_01 textarea[readonly="readonly"]{
	border:1px solid #dadada;
	margin:1px 5px 1px 0;
	background: #f7f7f7;
}

.table_01 tr td .detailTextarea{
	border:1px solid #ffffff;
	margin:0 5px 0 0;
	background: #f7f7f7;
}

.table_01 .midashi01 {
	background:url("../images/application_table_m01.png") left top repeat-x;
	padding:0 10px;
	background-size: contain;
}

.table_01 .midashi02 {
	background:url("../images/application_table_m02.png") left top repeat-x;
	padding:0 10px;
	background-size: contain;
}

.table_01 .midashi01b {
	background:url("../images/application_table_m01b.png") left top repeat-x;
	padding:0 10px;
}

.table_01 .midashi02b {
	background:url("../images/application_table_m02b.png") left top repeat-x;
	padding:0 10px;
}

.table_01 .midashi01bb {
	background:url("../images/application_table_m01bb.png") left top repeat-x;
	padding:0 10px;
}

.table_01 .midashi02bb {
	background:url("../images/application_table_m02bb.png") left top repeat-x;
	padding:0 10px;
}

.table_01 .midashi01bbb {
	background:url("../images/application_table_m01bbb.png") left top repeat-x;
	padding:0 10px;
}

.table_01 .midashi02bbb {
	background:url("../images/application_table_m02bbb.png") left top repeat-x;
	padding:0 10px;
}

.table_01 .select_box {
	border:1px solid #dadada;
	margin:0 5px 0 0;
	height:18px;
	padding:0;
	font-size:1em;
}

/* Mod Start 2013/03/15 K.Shintani ケージ・事務所追加対応 */
.table_01c {
	border:1px solid #dadada;
	background: #f7f7f7;
/* 	margin: 0 auto; */
	margin: 0;
/* 	width:960px; */
	table-layout: fixed;
	border-collapse:collapse;
	border-spacing: 0px;
}

.table_01c td {
	border:1px solid #dadada;
	background: #f7f7f7;
	text-align:center;
	font-size:1em;
	width:65.5px;
	font-weight:normal;
	padding:1px;
}

/* Mod End 2013/03/15 K.Shintani  */

.hidden {
	border: 0;
	padding:0;
	margin: 0;
	visibility: collapse;
	height: 0;
}

.table_01 .required {
	background: #ffffe0;
}

/* アイコン表示  */
div .detail {
	width: 23px;
	height: 16px;
	padding: 0 !important;
	margin-left: 15px;
	background:url(../images/detail.png) no-repeat;
	background-position: center;
	color: #ffffff;
}

.detail:hover {
	width: 23px;
	height: 16px;
	padding: 0 !important;
	background:url(../images/detail_over.png) no-repeat;
	background-position: center;
	color: #ffffff;
}

.detail:active {
	width: 23px;
	height: 16px;
	padding: 0 !important;
	background:url(../images/detail_active.png) no-repeat;
	background-position: center;
	color: #ffffff;
}

/* ボタン初期表示 */
.button_70 {
	border:0px;
	width: 74px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_01.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_70_hover {
	border:0px;
	width: 74px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_02.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_70_focus {
	border:0px;
	width: 74px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_02.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_70_active {
	border:0px;
	width: 74px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_03.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}
/* Add Start A.Murakami 2013/04/25 受付票非活性対応*/
.button_70_inactive {
	border:0px;
	width: 74px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_01_gray.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}
/* Add End A.Murakami 2013/04/25 受付票非活性対応*/

.button_70s {
	border:0px;
	width: 63px;
	height: 19px;
	font-size:11px;
	background:url(../images/button_01s.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_70s_hover {
	border:0px;
	width: 63px;
	height: 19px;
	font-size:11px;
	background:url(../images/button_02s.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_70s_focus {
	border:0px;
	width: 63px;
	height: 19px;
	font-size:11px;
	background:url(../images/button_02s.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_70s_active {
	border:0px;
	width: 63px;
	height: 19px;
	font-size:11px;
	background:url(../images/button_03s.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_130 {
	border:0px;
	width: 133px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_04.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_130_hover {
	border:0px;
	width: 133px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_05.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_130_focus {
	border:0px;
	width: 133px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_05.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_130_active {
	border:0px;
	width: 133px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_06.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_190 {
	border:0px;
	width: 193px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_07.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_190_hover {
	border:0px;
	width: 193px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_08.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_190_focus {
	border:0px;
	width: 193px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_08.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_190_active {
	border:0px;
	width: 193px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_09.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_250 {
	border:0px;
	width: 252px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_10.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_250_hover {
	border:0px;
	width: 252px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_11.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_250_focus {
	border:0px;
	width: 252px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_11.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

.button_250_active {
	border:0px;
	width: 252px;
	height: 25px;
	font-size:12px;
	background:url(../images/button_12.png) no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: bold;
}

/* Loading用JqueryUiDialog定義 */
.jquery-ui-dialog-loading {
}

.jquery-ui-dialog-loading img{
	vertical-align: middle;
}

.jquery-ui-dialog-alert .ui-dialog-content {
}

.jquery-ui-dialog-loading .ui-dialog-titlebar{
	display:none
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 10.5px;
}

span.fg_center {
	width: 100%;
	display: block;
	text-align: center;
}
div.button_group_between {
	margin:5px 0 10px 0;
	text-align: right;
}

div.button_group_bottom {
	margin:5px 0 2px 0;
	text-align: right;
}

.textOverflow {
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}