@charset "utf-8";

/* ver.13.08.06 */

/*--------------------------------------------------------------

	初期化 基本設定

--------------------------------------------------------------*/	

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
  font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
}
blockquote, q {	quotes: none;	}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
input, textarea{	margin: 0;	padding: 0;	}
table{	border-collapse: collapse; border-spacing:0;	}
body { font-family:'Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,sans-serif; }
h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd { font-size:14px; line-height:16px; }
caption,th,td { text-align:left; vertical-align:top; }
img { vertical-align:top; border:0; }
ul,li { list-style:none; }
option { padding-right:1em; }
address,caption { font-style:normal; font-weight:normal; }
a {	outline:none;	text-decoration:none; }
a:focus {	outline:none;	}
ul a ,li a {	zoom:1;	}

/* HTML5
----------------------------------------------------------------*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* 文字サイズ、装飾
----------------------------------------------------------------*/
.bold	{	font-weight:bold; }
.fz24   {   font-size:24px; }
.fz22   {   font-size:22px; }
.fz20   {   font-size:20px; }
.fz18   {   font-size:18px; }
.fz16   {   font-size:16px; }
.fz14   {   font-size:14px; }
.fz12   {   font-size:12px; }
.fz10   {   font-size:10px; }
.fz08   {   font-size:8px; }
.fzpt24   {   font-size:24pt; }
.fzpt22   {   font-size:22pt; }
.fzpt20   {   font-size:20pt; }
.fzpt18   {   font-size:18pt; }
.fzpt16   {   font-size:16pt; }
.fzpt14   {   font-size:14pt; }
.fzpt13f5   {   font-size:13.5pt; }
.fzpt13   {   font-size:13pt; }
.fzpt12   {   font-size:12pt; }
.fzpt10   {   font-size:10pt; }
.fzpt08   {   font-size:8pt; }
.cap {
	font-size:12px;
	line-height:15px;
}		
.black{ color:#000; }
.red	{	color:#f00;		}
.orange	{	color:#f60;		}
.blue	{	color:#039;		}
.green	{	color:#5b9000;	}
.brown	{	color:#633;		}
.pink	{	color:#f3c;		}
.gray	{	color:#666;		}
.gray_disabled { color:#999; }
.gray_label { color:#999; }
.align_center	{	text-align:center;		}
.align_right	{	text-align:right;		}
.align_left		{	text-align:left;		}
.valign_top		{	vertical-align:top;		}
.valign_middle	{	vertical-align:middle;	}
.valign_bottom	{	vertical-align:bottom;	}
.replace {	overflow:hidden;	white-space:nowrap;	text-indent:100%;	}

.underline { text-decoration: underline; }

/* フロート関係
----------------------------------------------------------------*/
.clear {
	width:100%;
	overflow:hidden;
}
.clearboth {
	clear:both;
}
.flol {
	display:inline; /* IE6 */
	float:left;
}
.flor {
	display:inline; /* IE6 */
	float:right;
}
/* マージン
----------------------------------------------------------------*/
.mt05	{	margin-top:5px;		}
.mt10	{	margin-top:10px;	}
.mt15	{	margin-top:15px;	}
.mt20	{	margin-top:20px;	}
.mt25	{	margin-top:25px;	}
.mt30	{	margin-top:30px;	}
.mt40	{	margin-top:40px;	}
.mt50	{	margin-top:50px;	}
.mt60	{	margin-top:60px;	}
.mt70	{	margin-top:70px;	}
.mt80	{	margin-top:80px;	}
.mt90	{	margin-top:90px;	}
.mt100	{	margin-top:100px;	}

.mb05	{	margin-bottom:5px;	}
.mb10	{	margin-bottom:10px;	}
.mb15	{	margin-bottom:15px;	}
.mb20	{	margin-bottom:20px;	}
.mb25	{	margin-bottom:25px;	}
.mb30	{	margin-bottom:30px;	}
.mb40	{	margin-bottom:40px;	}
.mb50	{	margin-bottom:50px;	}

.pr20   {   padding-right: 20px;    }

/* CSS3
----------------------------------------------------------------*/
.boxshadow {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}

/* ボックスモデル幅指定
----------------------------------------------------------------*/
.bg_w	{ width:100%; }
.page_w	{ width:960px; }
.main_w	{ width:700px; }
.sub_w	{ width:220px; }

/* html/body設定
----------------------------------------------------------------*/
html {
}
body {
	color:#fff;
	font-size:14px;
	line-height:22px;
	text-align:left;
	background:url(/images/bg-33c69d177a4100c71a74f0fbb3331645.gif);
	width: 100%;
}
body.white_color {
	color:#333;
}

a {	color:#36C }
a:hover { color:#39F }

.wrapper {
}

/*--------------------------------------------------------------

	ヘッダ

--------------------------------------------------------------*/	

.header_wrp {
	height:90px;
	width:100%;
	background:#333;
	font-size:26px;
}
.header_wrp p ,
.header_wrp a ,
.header_wrp ul li {
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	line-height:12px;
}
.white_color .header_wrp p ,
.white_color .header_wrp a ,
.white_color .header_wrp ul li {
	color:#333;
}

.blue_color .header_wrp {
	background:url(../images/header_bg_blue.gif) repeat-x;
}
.red_color .header_wrp {
	background:url(../images/header_bg_red.gif) repeat-x;
}
.orange_color .header_wrp {
	background:url(../images/header_bg_orange.gif) repeat-x;
}
.brown_color .header_wrp {
	background:url(../images/header_bg_brown.gif) repeat-x;
}
.green_color .header_wrp {
	background:url(../images/header_bg_green.gif) repeat-x;
}
.durk_color .header_wrp {
	background:url(../images/header_bg_durk.gif) repeat-x;
}
.white_color .header_wrp {
	background:url(../images/header_bg_white.gif) repeat-x;
}

.header {
	position:relative;
	width:100%;
	height:60px;
}
.logo {
	position:absolute;
	left:20px;
	z-index:10;
}
.header_box {
	padding-left:80px;
}
.header_notice {
	float:left;
	width:80px;
	padding-top:6px;
	padding-left:20px;
}
.heaser_radio_btn {
	margin-bottom:5px;
}

.blue_color .header_todo ,
.blue_color .header_workflow ,
.blue_color .header_info {
	background:url(../images/header_inner_bg_01.jpg) no-repeat 0px 8px;
}
.red_color .header_todo ,
.red_color .header_workflow ,
.red_color .header_info {
	background:url(../images/header_inner_bg_02.jpg) no-repeat 0px 8px;
}
.orange_color .header_todo ,
.orange_color .header_workflow ,
.orange_color .header_info {
	background:url(../images/header_inner_bg_03.jpg) no-repeat 0px 8px;
}
.brown_color .header_todo ,
.brown_color .header_workflow ,
.brown_color .header_info {
	background:url(../images/header_inner_bg_04.jpg) no-repeat 0px 8px;
}
.green_color .header_todo ,
.green_color .header_workflow ,
.green_color .header_info {
	background:url(../images/header_inner_bg_05.jpg) no-repeat 0px 8px;
}
.durk_color .header_todo ,
.durk_color .header_workflow ,
.durk_color .header_info {
	background:url(../images/header_inner_bg_06.jpg) no-repeat 0px 8px;
}
.white_color .header_todo ,
.white_color .header_workflow ,
.white_color .header_info {
	background:url(../images/header_inner_bg_07.jpg) no-repeat 0px 8px;
}


.header_todo ,
.header_workflow ,
.header_info {
	padding-top:8px;
	float:left;
	width:240px;
	height:42px;
}

.header_todo .inner ,
.header_workflow .inner ,
.header_info .inner {
	position:relative;
	width:240px;
	height:42px;
}
.header_title {
	position: absolute;
	top: 14px;
}
.header_todo .header_title {
	left: 20px;
}
.header_workflow .header_title {
	left: 7px;
}
.header_info .header_title {
	left: 22px;
}
.urgent_txt {
	position: absolute;
	top: 14px;
	left: 80px;
}
.normal_txt {
	position: absolute;
	top: 14px;
	left: 155px;
}
.urgent_icon {
	position: absolute;
	top: 10px;
	left: 110px;
}
.normal_icon {
	position: absolute;
	top: 10px;
	left: 185px;
}
.header_todo .urgent_icon ,
.header_workflow .urgent_icon ,
.header_info .urgent_icon ,
.header_todo .normal_icon ,
.header_workflow .normal_icon ,
.header_info .normal_icon {
	padding:2px 6px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	display:block;
	
	border-radius:3px;/* 角丸の指定 */
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30);/* 影の指定*/
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
}


.header_icon {
	position: absolute;
	width:30%;
	right: 20px;
	top: 10px;
}
.header_icon li {
	float:right;
	display:inline;
	margin-left:10px;
}
.header_icon li.header_icons {
	text-align:center;
}
.header_icon li.header_icons p{
	margin-bottom:3px;
}
.header_icon li.header_icons img{
	float:left;
	display:inline;
}


.header_bottom {
	position:relative;
	width:100%;
	height:30px;
}
.breadcrumbs {
	position: absolute;
	width: 30%;
	top: 5px;
	left: 20px;
}
.breadcrumbs ul li {
	padding:5px 0px;
	padding-right:20px;
	float:left;
	display:inline;
}
.breadcrumbs ul li.listfirst {
	padding-left:25px;
	background:url(../images/icon_home_01.png) left no-repeat;
}
.white_color .breadcrumbs ul li.listfirst {
	background:url(../images/icon_home_02.png) left no-repeat;
}
.breadcrumbs ul li.listarrow {
	padding-left:25px;
	background:url(../images/arrow2.png) left no-repeat;
}
.white_color .breadcrumbs ul li.listarrow {
	background:url(../images/arrow.png) left no-repeat;
}
.personal {
	position: absolute;
	width: 30%;
	right: 20px;
	top: 5px;
}
.personal ul li {
	padding:5px 0px;
	margin-left:20px;
	float:right;
	display:inline;
}
.personal ul li.user {
	padding-left:20px;
	background:url(../images/icon_user_01.png) left no-repeat;
}
.white_color .personal ul li.user {
	background:url(../images/icon_user_02.png) left no-repeat;
}
.personal ul li.userid {
	padding-left:25px;
	background:url(../images/icon_monita_01.png) left no-repeat;
}
.white_color .personal ul li.userid {
	background:url(../images/icon_monita_02.png) left no-repeat;
}


/*--------------------------------------------------------------

	ボディ

--------------------------------------------------------------*/	

.body_wrp {
	width:100%;
}

.body {
	margin:0 20px 5px 20px;
}



/*--------------------------------------------------------------

	フッタ　ボタン群

--------------------------------------------------------------*/	

.footer {
	margin:0px 0px 20px 20px;
}
.btn_area {
	width:1573px;
	width:102%;
}
.btn_area a {
	display:block;
	float:left;
	width:103px;
	height:32px;
	margin-right:10px;
	background:url(../images/footer_btns_01.png) no-repeat;
	word-wrap:break-all;
	padding:6px 15px 6px 15px;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	line-height:32px;
	color:#cccccc;
}
.btn_area li {
	margin:0px;
	padding:0px;
	line-height:0px;
}

.btn_area .center a {
	float:none;
	margin-right:auto;
	margin-left:auto;
}

.footer .active a {
	/* color:#FFFFFF; */
}
.footer .active a:hover {
	/* color:#FFFFCC; */
}

.btn_2rows a {
	width:73px;
	padding:6px 30px 6px 30px;
	text-align:left;
	line-height:16px;
}
.btn_back a {
	padding:7px 5px 5px 25px;
	background:url(../images/footer_btns_02.png) no-repeat;
}
.btn_check a {
	padding:7px 5px 5px 25px;
	background:url(../images/footer_btns_03.png) no-repeat;
}
.btn_delete a {
	padding:7px 5px 5px 25px;
	background:url(../images/footer_btns_04.png) no-repeat;
}
.btn_print a {
	padding:7px 5px 5px 25px;
	background:url(../images/footer_btns_05.png) no-repeat;
}
.btn_cancel a {
	padding:7px 5px 5px 25px;
	background:url(../images/footer_btns_06.png) no-repeat;
}
.btn_close a {
	padding:7px 5px 5px 25px;
	background:url(../images/footer_btns_07.png) no-repeat;
}
.btn_entry a {
	padding:7px 5px 5px 25px;
	background:url(../images/footer_btns_08.png) no-repeat;
}
.btn_next_a a {
	color: #000;
	background:url(/images/back_btns_09-cdd17884fece4a69d309189ddd75d3ff.png) no-repeat;
}
.btn_next_b a {
	color: #FFF;
	background:url(/images/next_btns_09-00747df06dda71d6d63db69d79acc80b.png) no-repeat;
}
.btn_file a {
	background:url(/images/footer_btns_010-94f62c299db774a41eef48648a01eb8b.png) no-repeat;
}
.btn_csv a {
	padding:7px 5px 5px 25px;
	background:url(../images/footer_btns_11.png) no-repeat;
}
.application_number{
    text-align: right;
    z-index:-1;
}
.application_number2{
    text-align: right;
    position: relative;
    bottom: 44px;
    z-index:-1;
}
.application_number label{
    color: #000
}
.application_number2 label{
    color: #000
}

/*--------------------------------------------------------------

	コンテンツ

--------------------------------------------------------------*/	

.column_wrp {
	width:100%;
	overflow:hidden;
	margin-top:10px;
	margin-left:-5px;
	padding:5px;
}

.column {
	width:100%;
}

.container {
	background:#FFF;
	border-radius:3px;/* 角丸の指定 */
	box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.05);/* ドロップシャドウ */
}

.menu {
	width:400px;
	float:left;
}
.sub {
	width:auto;
	margin-left:420px;
}
.content {
	padding:15px;
	color:#333;
}
.menu .scbox {
	height:495px;
	overflow:auto;
}
.sub .scbox {
	height:105px;
	overflow:auto;
}
.info_table01 .scbox {
	height:450px;
	overflow:auto;
}
.page .content .scbox {
	height:720px;
	overflow:auto;
}


/* 見出し
----------------------------------------------------------------*/
.headline {
	height:40px;
	border-top-left-radius: 3px; /* 上のみ角丸 */
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px; 
}
.blue_color .headline {
	background:url(/images/headline_bg_blue-0fa4a89ce77848e64541e30735e15b09.gif) repeat-x;
}
.red_color .headline {
	background:url(../images/headline_bg_red.gif) repeat-x;
}
.orange_color .headline {
	background:url(../images/headline_bg_orange.gif) repeat-x;
}
.brown_color .headline {
	background:url(../images/headline_bg_brown.gif) repeat-x;
}
.green_color .headline {
	background:url(../images/headline_bg_green.gif) repeat-x;
}
.durk_color .headline {
	background:url(../images/headline_bg_durk.gif) repeat-x;
}
.white_color .headline {
	background:url(../images/headline_bg_white.gif) repeat-x;
}


.headline h3 {
	padding:10px 0px 10px 35px;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
}
.blue_color .headline h3 {
	background:url(/images/ribbon_01-8bca38201d6b9ae4c0918bcbeec97029.png) 5px 0 no-repeat ;
}
.red_color .headline h3 {
	background:url(../images/ribbon_02.png) 5px 0 no-repeat ;
}
.orange_color .headline h3 {
	background:url(../images/ribbon_03.png) 5px 0 no-repeat ;
}
.brown_color .headline h3 {
	background:url(../images/ribbon_04.png) 5px 0 no-repeat ;
}
.green_color .headline h3 {
	background:url(../images/ribbon_05.png) 5px 0 no-repeat ;
}
.durk_color .headline h3 {
	background:url(../images/ribbon_06.png) 5px 0 no-repeat ;
}
.white_color .headline h3 {
	background:url(../images/ribbon_07.png) 5px 0 no-repeat ;
}


/* リスト
----------------------------------------------------------------*/
.main ul {
}

.main ul li {
	float:left;
	display:block;
	text-align:center;
}

.menulist dl#accordion dt a {
	display:block;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	text-decoration:none;
	padding:10px 40px;
	margin-bottom:5px;
	border-radius:3px;/* 角丸の指定 */
}

.blue_color .menulist dl#accordion dt a {
	color:#21659f;
}
.red_color .menulist dl#accordion dt a {
	color:#d13a3a;
}
.orange_color .menulist dl#accordion dt a {
	color:#ef9000;
}
.brown_color .menulist dl#accordion dt a {
	color:#7c4223;
}
.green_color .menulist dl#accordion dt a {
	color:#0b7d02;
}
.durk_color .menulist dl#accordion dt a {
	color:#383838;
}
.white_color .menulist dl#accordion dt a {
	color:#333333;
}


.blue_color .menulist dl#accordion dt.open a{
	background:url(../images/icon_list_minus_01.png) 3px 3px no-repeat #e4eefb;
}
.blue_color .menulist dl#accordion dt.close a{
	background:url(../images/icon_list_plus_01.png) 3px 3px no-repeat #e4eefb;
}
.red_color .menulist dl#accordion dt.open a{
	background:url(../images/icon_list_minus_02.png) 3px 3px no-repeat #fbe4e4;
}
.red_color .menulist dl#accordion dt.close a{
	background:url(../images/icon_list_plus_02.png) 3px 3px no-repeat #fbe4e4;
}
.orange_color .menulist dl#accordion dt.open a{
	background:url(../images/icon_list_minus_03.png) 3px 3px no-repeat #fff1cb;
}
.orange_color .menulist dl#accordion dt.close a{
	background:url(../images/icon_list_plus_03.png) 3px 3px no-repeat #fff1cb;
}
.brown_color .menulist dl#accordion dt.open a{
	background:url(../images/icon_list_minus_04.png) 3px 3px no-repeat #f2e3cd;
}
.brown_color .menulist dl#accordion dt.close a{
	background:url(../images/icon_list_plus_04.png) 3px 3px no-repeat #f2e3cd;
}
.green_color .menulist dl#accordion dt.open a{
	background:url(../images/icon_list_minus_05.png) 3px 3px no-repeat #d4e4d3;
}
.green_color .menulist dl#accordion dt.close a{
	background:url(../images/icon_list_plus_05.png) 3px 3px no-repeat #d4e4d3;
}
.durk_color .menulist dl#accordion dt.open a{
	background:url(../images/icon_list_minus_06.png) 3px 3px no-repeat #dddddd;
}
.durk_color .menulist dl#accordion dt.close a{
	background:url(../images/icon_list_plus_06.png) 3px 3px no-repeat #dddddd;
}
.white_color .menulist dl#accordion dt.open a{
	background:url(../images/icon_list_minus_07.png) 3px 3px no-repeat #fafafa;
}
.white_color .menulist dl#accordion dt.close a{
	background:url(../images/icon_list_plus_07.png) 3px 3px no-repeat #fafafa;
}


.menulist dl#accordion dd ul li a {
	display:block;
	padding:8px 0px 7px 10px;
	margin:0px 0px 5px 40px;
	color:#FFF;
	border-radius:3px;/* 角丸の指定 */
	background:url(../images/arrow2.png) 305px center no-repeat #1F7AC8;
}

.blue_color .menulist dl#accordion dd ul li a {
	background-color:#1F7AC8;
}
.red_color .menulist dl#accordion dd ul li a {
	background-color:#ef6060;
}
.orange_color .menulist dl#accordion dd ul li a {
	background-color:#ffae00;
}
.brown_color .menulist dl#accordion dd ul li a {
	background-color:#aa6c35;
}
.green_color .menulist dl#accordion dd ul li a {
	background-color:#0b7d02;
}
.durk_color .menulist dl#accordion dd ul li a {
	background-color:#666666;
}
.white_color .menulist dl#accordion dd ul li a {
	color:#333333;
	background-color:#ebebeb;
}




/* 基本テーブル
----------------------------------------------------------------*/
.content .list {
}
.content table {
	width:98%;
	text-align:left;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
    word-break: break-all;
	
}
@media ( min-width : 1024px ) {
.content table{
  width:100%;
}
}
.content table td {
	vertical-align:middle;
	padding:10px;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}

.odd-even-display:nth-child(odd) td {
	/*background-color:#FFF;*/
	background-image:url(/images/lists_bg-6699b12188c3a732eb2245978d2be67d.gif);
}
.odd-even-display:nth-child(even) td {
	background-color:#FFF;
}

.content table td a {
	font-size:14px;
	line-height:16px;
	color:#333;
	text-decoration:none;
	display:block;
	background:url(../images/arrow.png) right no-repeat;
}
.content table td a:hover {
	text-decoration:none;
	color:#333;
}
.content table th {
	vertical-align:middle;
	width:100px;
	padding:10px;
	border-right:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}
.content table td.status {
	width:40px;
}

.blue_color .content table.tbl_ele01 th:nth-last-of-type(1) {
	border-right:solid 1px #abc1dc;
}
.blue_color .content table.tbl_ele01 tr:nth-child(even) th:first-child {
	background-color:#dfebfc;
	width:20px;
}
.blue_color .content table.tbl_ele01 tr:nth-child(odd) th:first-child {
	background-image:url(/images/lists_number_bg_01-b90632098f46c7404893a61360faba97.gif);
	width:20px;
}
.blue_color .content table tr:nth-child(even) {
	background:#ecf3fc;
}
.blue_color .content table tr:nth-child(odd) {
	background-image:url(/images/lists_color_bg_01-3f88252ce4abd9d1e79a9d683aeef3da.gif);
}

.red_color .content table.tbl_ele01 th:nth-last-of-type(1) {
	border-right:solid 1px #eed3d3;
}
.red_color .content table.tbl_ele01 tr:nth-child(even) th:first-child {
	background-color:#ffe7e7;
	width:20px;
}
.red_color .content table.tbl_ele01 tr:nth-child(odd) th:first-child {
	background-image:url(../images/lists_number_bg_02.gif);
	width:20px;
}
.red_color .content table tr:nth-child(even) {
	background:#fff0f0;
}
.red_color .content table tr:nth-child(odd) {
	background-image:url(../images/lists_color_bg_02.gif);
}

.orange_color .content table.tbl_ele01 th:nth-last-of-type(1) {
	border-right:solid 1px #e1d4b1;
}
.orange_color .content table.tbl_ele01 tr:nth-child(even) th:first-child {
	background-color:#fff5db;
	width:20px;
}
.orange_color .content table.tbl_ele01 tr:nth-child(odd) th:first-child {
	background-image:url(../images/lists_number_bg_03.gif);
	width:20px;
}
.orange_color .content table tr:nth-child(even) {
	background:#fffaed;
}
.orange_color .content table tr:nth-child(odd) {
	background-image:url(../images/lists_color_bg_03.gif);
}

.brown_color .content table.tbl_ele01 th:nth-last-of-type(1) {
	border-right:solid 1px #e0d2bb;
}
.brown_color .content table.tbl_ele01 tr:nth-child(even) th:first-child {
	background-color:#f6ebd9;
	width:20px;
}
.brown_color .content table.tbl_ele01 tr:nth-child(odd) th:first-child {
	background-image:url(../images/lists_number_bg_04.gif);
	width:20px;
}
.brown_color .content table tr:nth-child(even) {
	background:#fef6e9;
}
.brown_color .content table tr:nth-child(odd) {
	background-image:url(../images/lists_color_bg_04.gif);
}

.green_color .content table.tbl_ele01 th:nth-last-of-type(1) {
	border-right:solid 1px #c4d4c3;
}
.green_color .content table.tbl_ele01 tr:nth-child(even) th:first-child {
	background-color:#e5f0e4;
	width:20px;
}
.green_color .content table.tbl_ele01 tr:nth-child(odd) th:first-child {
	background-image:url(../images/lists_number_bg_05.gif);
	width:20px;
}
.green_color .content table tr:nth-child(even) {
	background:#f0faef;
}
.green_color .content table tr:nth-child(odd) {
	background-image:url(../images/lists_color_bg_05.gif);
}

.durk_color .content table.tbl_ele01 th:nth-last-of-type(1) {
	border-right:solid 1px #b7b7b7;
}
.durk_color .content table.tbl_ele01 tr:nth-child(even) th:first-child {
	background-color:#e7e7e7;
	width:20px;
}
.durk_color .content table.tbl_ele01 tr:nth-child(odd) th:first-child {
	background-image:url(../images/lists_number_bg_06.gif);
	width:20px;
}
.durk_color .content table tr:nth-child(even) {
	background:#f3f3f3;
}
.durk_color .content table tr:nth-child(odd) {
	background-image:url(../images/lists_color_bg_06.gif);
}

.white_color .content table.tbl_ele01 th:nth-last-of-type(1) {
	border-right:solid 1px #dedede;
}
.white_color .content table.tbl_ele01 tr:nth-child(even) th:first-child {
	background-color:#f1f1f1;
	width:20px;
}
.white_color .content table.tbl_ele01 tr:nth-child(odd) th:first-child {
	background-image:url(../images/lists_number_bg_07.gif);
	width:20px;
}
.white_color .content table tr:nth-child(even) {
	background:#f7f7f7;
}
.white_color .content table tr:nth-child(odd) {
	background-image:url(../images/lists_color_bg_07.gif);
}

.wordbreak {
    -webkit-appearance:none;
}


/* jspContainer
----------------------------------------------------------------*/

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

/* 全体 */
.jspContainer { overflow:hidden; position:relative; }

/* スクロールバーを除いたエリア */
.jspPane { position:absolute; }

/* 縦スクロールバー */
.jspVerticalBar { position:absolute; top:0; right:0; width:5px; height:100%; }

/* 横スクロールバー */
.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:5px; }

/* 背景 */
.jspTrack { background:#333; position:relative; }

/* ノブ */
.jspDrag { background:#999; position:relative; top:0; left:0; cursor:pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%; }



/* 角丸アイコン
----------------------------------------------------------------*/
.icon {
	color:#FFF;
	padding:2px 4px;
	font-size:12px;
	line-height:12px;
	text-decoration:none;
	display:inline;
	
	border-radius:3px;/* 角丸の指定 */
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30);/* 影の指定*/
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30);
	background:#333;
}


.icon_red {
	background:#b40101;
	background: -webkit-linear-gradient(#de0000, #b40101);/* グラデーションの指定(Safari・Chrome)*/
	background: -moz-linear-gradient(#de0000, #b40101);/* グラデーションの指定(Firefox)*/
	background: -ms-linear-gradient(#de0000, #b40101);/* グラデーションの指定(IE10)*/
}
.white_color .header_wrp a.icon_red {
	color:#FFF;
}
.red_color .icon_red {
	background:#ff8603;
	background: -webkit-linear-gradient(#ff9e24, #ff8603);/* グラデーションの指定(Safari・Chrome)*/
	background: -moz-linear-gradient(#ff9e24, #ff8603);/* グラデーションの指定(Firefox)*/
	background: -ms-linear-gradient(#ff9e24, #ff8603);/* グラデーションの指定(IE10)*/
}


.icon_green {
	background:#008c00;
	background: -webkit-linear-gradient(#4ba614, #008c00);/* グラデーションの指定(Safari・Chrome)*/
	background: -moz-linear-gradient(#4ba614, #008c00);/* グラデーションの指定(Firefox)*/
	background: -ms-linear-gradient(#4ba614, #008c00);/* グラデーションの指定(IE10)*/	
}
.white_color .header_wrp a.icon_green {
	color:#FFF;
}

.icon_blue {
	background:#3d3db4;
	background: -webkit-linear-gradient(#4e4ed1, #3d3db4);/* グラデーションの指定(Safari・Chrome)*/
	background: -moz-linear-gradient(#4e4ed1, #3d3db4);/* グラデーションの指定(Firefox)*/
	background: -ms-linear-gradient(#4e4ed1, #3d3db4);/* グラデーションの指定(IE10)*/
}
.white_color .header_wrp a.icon_blue {
	color:#FFF;
}


/*--------------------------------------------------------------

	一覧画面、単票画面

--------------------------------------------------------------*/

.list_head {
	margin-bottom:15px;
}
.list_btns {
	width:30%;
	height:33px;
	float:left;
}
.list_btns ul li{
	float:left;
	margin-right:15px;
}

.list_pager {
	width:70%;
	height:33px;
	float:right;
	text-align:right;
}
.list_pager p{
	display: block;
	margin:8px 15px 0px 0px;
	float:right;
}
.page_number {
	float:right;
	margin-top:3px;
	margin-right:15px;
}
.pager_btn {
	float:right;
	width:393px;
	margin-right:-3px;
}

.pager_btn a {
	font-size:12px;
	line-height:12px;
	padding-top:10px;
	display:block;
	float:left;
	color:#CCC;
	height:23px;
}
.pager_btn .active a{
	color:#333;
}
.pager_btn .active a:hover {
	color:#808080;
}
.page_first a {
	padding-left:10px;
	width:95px;
	background-image:url(../images/pager_btn_01.png);
	background-repeat:no-repeat;
}
.page_back a {
	padding-left:10px;
	width:80px;
	background-image:url(../images/pager_btn_02.png);
	background-repeat:no-repeat;
}
.page_next a {
	padding-right:13px;
	width:77px;
	background-image:url(../images/pager_btn_03.png);
	background-repeat:no-repeat;
}
.page_last a {
	padding-right:15px;
	width:93px;
	background-image:url(../images/pager_btn_04.png);
	background-repeat:no-repeat;
}


/* 一覧画面、単票画面 テーブル
----------------------------------------------------------------*/

.list_table01 table th,
.list_table01 table td:nth-of-type(4) {
	text-align:center;
}
.list_table01 table td:first-child {
	text-align:right;
}
.list_table01 table td label{
}

.list_table01,
.info_table01 {
	margin-bottom:30px;
}
.list_table01 table th,
.info_table01 table th {
	white-space:nowrap;
}
.list_table01 table td a,
.info_table01 table td a {
	text-decoration:underline;
	color:#06C;
	background:none;
	display:inline;
}
.list_table01 table td,
.info_table01 table td {
	border-right:solid 1px #CCC;
}

.attention {
	display:inline-block;
	color:#FFF;
	padding:3px 3px 0px 3px;
	height:22px;
	font-size:12px;
	background-image:url(/images/attention_bg_01-44cfa98798c9654e09f6494b2b36407f.png);
	background-repeat:no-repeat;
}

.attention2 {
	display:inline-block;
	color:#FFF;
	padding:3px 3px 0px 3px;
	height:22px;
	font-size:12px;
	background-image:url(/images/attention_bg_01-44cfa98798c9654e09f6494b2b36407f.png);
	background-repeat:no-repeat;
}

.red_color .attention {
	background-image:url(../images/attention_bg_02.png);
}

span.indispensable_icon {
	display:inline-block;
	width:15px;
	height:15px;
	background:url(/images/important_icon_01-66419f213e10191b9099d7ba01571044.png) no-repeat 0px 0px;
}
.red_color span.indispensable_icon {
	background:url(../images/important_icon_02.png) no-repeat 0px 0px;
}

div.inside .align_center h3 {
	font-weight:bold;
	font-size:20px;
    line-height:20px;
    color:#fff;
}
div.inside  {
    width:75%; 
    margin:auto;
}
div.inside .content table td.leftside {
    width:66%; 
    margin-right:33%;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
    vertical-align: top;
}
div.inside .content table td.rightside {
    width:33%; 
    margin-left:67%;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
    vertical-align: top;
    
}
div.inside .content table.centerside {
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;

}
div.inside .wd25{
    width:25%;
}
div.inside .wd16{
    width:16%;
}
div.inside .wd22{
    width:22%;
}
div.inside .contract {
    width:50%;
     font-weight:bold;
      font-size:11px;
}


/* フォームボタン等のデザイン変更
----------------------------------------------------------------*/
input.form_mail {
	margin-bottom:5px;
}

input.input_btns {
	opacity: 0;
	margin-left:-15px;
}
label.input_label  {
	display: inline-block;
	margin-right:0px;
	line-height:21px;
	height:21px;
	padding: 0px 15px 0px 25px;
}

label.input_label2  {
	display: inline-block;
	margin-right:0px;
	line-height:21px;
	height:21px;
	padding: 0px 0px 0px 25px;
}

label.input_label3  {
	display: inline-block;
	margin-right:0px;
	line-height:21px;
	height:21px;
	padding: 0px 0px 0px 20px;
}

/*ラジオボタン*/
input.radio_btns + label.input_label {
	background:url(/images/radio_btn_01-4a3579447e5479ef82627279aa846c07.png) no-repeat 0 0;
}
input.radio_btns + label.input_label:active,
input.radio_btns:checked + label.input_label:active {
	background:url(/images/radio_btn_02-53b417909f8c549c172d8d4e050b65ff.png) no-repeat 0 0;
}
input.radio_btns:checked + label.input_label {
	background:url(/images/radio_btn_02-53b417909f8c549c172d8d4e050b65ff.png) no-repeat 0 0;
}
input.radio_btns:checked + label.input_label:after {
	background:url(/images/radio_btn_02-53b417909f8c549c172d8d4e050b65ff.png) no-repeat 0 0;
}

input.radio_btns +  label.input_label3 {
	background:url(/images/radio_btn_01-4a3579447e5479ef82627279aa846c07.png) no-repeat 0 0;
}
input.radio_btns + label.input_label3:active,
input.radio_btns:checked + label.input_label3:active {
	background:url(/images/radio_btn_02-53b417909f8c549c172d8d4e050b65ff.png) no-repeat 0 0;
}
input.radio_btns:checked + label.input_label3 {
	background:url(/images/radio_btn_02-53b417909f8c549c172d8d4e050b65ff.png) no-repeat 0 0;
}
input.radio_btns:checked + label.input_label3:after {
	background:url(/images/radio_btn_02-53b417909f8c549c172d8d4e050b65ff.png) no-repeat 0 0;
}

/*チェックボックス*/
input.checkbox_btns + label.input_label {
	background:url(/images/checkbox_btn_01-706a7ae8c371d3f2b5a979f81ba3a082.png) no-repeat 0 0;
}
input.checkbox_btns + label.input_label:active,
input.checkbox_btns:checked + label.input_label:active {
	background:url(/images/checkbox_btn_02-b1f19bc9b72c2b415f8bb8599630a560.png) no-repeat 0 0;
}
input.checkbox_btns:checked + label.input_label {
	background:url(/images/checkbox_btn_02-b1f19bc9b72c2b415f8bb8599630a560.png) no-repeat 0 0;
}
input.checkbox_btns:checked  + label.input_label:after {
	background:url(/images/checkbox_btn_02-b1f19bc9b72c2b415f8bb8599630a560.png) no-repeat 0 0;
}

input.checkbox_btns + input + label.input_label2 {
	background:url(/images/checkbox_btn_01-706a7ae8c371d3f2b5a979f81ba3a082.png) no-repeat 0 0;
}
input.checkbox_btns + input + label.input_label2:active,
input.checkbox_btns:checked + input + label.input_label2:active {
	background:url(/images/checkbox_btn_02-b1f19bc9b72c2b415f8bb8599630a560.png) no-repeat 0 0;
}
input.checkbox_btns:checked + input + label.input_label2 {
	background:url(/images/checkbox_btn_02-b1f19bc9b72c2b415f8bb8599630a560.png) no-repeat 0 0;
}
input.checkbox_btns:checked + input + label.input_label2:after {
	background:url(/images/checkbox_btn_02-b1f19bc9b72c2b415f8bb8599630a560.png) no-repeat 0 0;
}


/*ボタン*/
.custom_selectbox .inner ,
input.submit_btn {
	font-size:12px;
	line-height:16px;
	padding:6px 10px 6px 10px;
	/*box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);*//*ドロップシャドー*/
	margin: 0;
	border-radius:3px;
	background:#EDEDED;
		background: -webkit-linear-gradient(#FDFDFD, #EEEEEF);/* グラデーションの指定(Safari・Chrome)*/
		background: -moz-linear-gradient(#FDFDFD, #EEEEEF);/* グラデーションの指定(Firefox)*/
		background: -ms-linear-gradient(#FDFDFD, #EEEEEF);/* グラデーションの指定(IE10)*/
	color:#333;
	border:#CCC 1px solid;
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	cursor:pointer;
}
.submit_btn {
	font-size:12px;
	line-height:16px;
	padding:6px 10px 6px 10px;
	/*box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);*//*ドロップシャドー*/
	margin: 0;
	border-radius:3px;
	background:#EDEDED;
		background: -webkit-linear-gradient(#FDFDFD, #EEEEEF);/* グラデーションの指定(Safari・Chrome)*/
		background: -moz-linear-gradient(#FDFDFD, #EEEEEF);/* グラデーションの指定(Firefox)*/
		background: -ms-linear-gradient(#FDFDFD, #EEEEEF);/* グラデーションの指定(IE10)*/
	color:#333;
	border:#CCC 1px solid;
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	cursor:pointer;
}

.submit_btn_not_active {
	font-size:12px;
	line-height:16px;
	padding:6px 10px 6px 10px;
	/*box-shadow:1px 1px 3px 0px rgba(0,0,0,0.15);*//*ドロップシャドー*/
	margin: 0;
	border-radius:3px;
	background:#EDEDED;
		background: -webkit-linear-gradient(#FDFDFD, #EEEEEF);/* グラデーションの指定(Safari・Chrome)*/
		background: -moz-linear-gradient(#FDFDFD, #EEEEEF);/* グラデーションの指定(Firefox)*/
		background: -ms-linear-gradient(#FDFDFD, #EEEEEF);/* グラデーションの指定(IE10)*/
	color:#333;
	border:#CCC 1px solid;
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	cursor:pointer;
	opacity: 0.5 ;
}

/*セレクトボックス*/
.custom_selectbox {
	position: relative;
	display:inline-block;
}

.custom_selectbox select {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 25px;
	opacity: 0;
}

.custom_selectbox .inner {
	position: relative;
	z-index: 0;
	box-sizing: border-box;
	padding: 0 20px 0 12px;
	height: 25px;
	line-height: 25px;
}

.custom_selectbox .inner:before,
.custom_selectbox .inner:after {
	content: '';
	position: absolute;
	display: block;
}
.custom_selectbox .inner:before {
	top: 0;
	right: 0;
	bottom: 0;
	width: 25px;
}
.custom_selectbox .inner:after {
	top: 50%;
	right: 5px;
	margin-top: -3px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-top-color: #aaa;
	border-width: 6px 4px 0 4px;
}
.custom_selectbox + span {
	margin-right:10px;
}

/*ie10以外のセレクトボックス*/
.ie_class .custom_selectbox ,
.ie_class .custom_selectbox.inner ,
.ie_class .custom_selectbox.inner:before ,
.ie_class .custom_selectbox.inner:after {
	display:inline;
	background:none;
	border-width:0px;
	content:normal;
}
		
/*非活性*/
label.disabled,
label.disabled:after,
.disabled .inner ,
.disabled .inner:after {
	color:#CCC;
	border-top-color: #CCC;
}
input.disabled {
	background:#eeeeee;
}
input.radio_btns + label.disabled {
	background:url(../images/radio_btn_03.png) no-repeat 0 0;
}
input.checkbox_btns + label.disabled {
	background:url(/images/checkbox_btn_03-54674ac9130646e72bc9d3c095abfb5f.png) no-repeat 0 0;
}



/* モーダルCSS */
.modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  max-width: 500px;
  padding: 10px 30px;
  background-color: #fff;
}

.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}


/* 以下ボタンスタイル */
button {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #282828;
  border-radius: 2px;
  cursor: pointer;
}

#openModal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
}

.btn-gradient-simple {
  position: absolute;
  right:0;
  bottom:0;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 3px;
  font-weight: bold;
  color: #FFF;
  background-image: linear-gradient(45deg, #709dff 0%, #b0c9ff 100%);
  transition: .4s;
}

.btn-gradient-simple:hover {
  background-image: linear-gradient(45deg, #709dff 50%, #b0c9ff 100%);
}

.btn-gradient-simple2 {
  position: absolute;
  right:44px;
  bottom:0;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 3px;
  font-weight: bold;
  color: #FFF;
  background-image: linear-gradient(45deg, #709dff 0%, #b0c9ff 100%);
  transition: .4s;
}

.btn-gradient-simple2:hover {
  background-image: linear-gradient(45deg, #709dff 50%, #b0c9ff 100%);
}

.btn-gradient-simple_disable {
  position: absolute;
  right:0;
  bottom:0;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 3px;
  font-weight: bold;
  color: #FFF;
  background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
  transition: .4s;
}
.btn-gradient-simple_disable:hover {
  background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
}

.th_ppp {
    position: relative;    
}
.view_pdf_area { 
    width: 850px;
    height: 400px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px yellow inset;
}