@charset "utf-8";
/*-----------------------------------------------
 base
 -----------------------------------------------*/
html {
	height:100%;
	margin: 0;
	padding: 0;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
	color:#404040;
}
body {
	height:100%;
	margin: 0;
	background-color:#ffffff;
	font-size: 12px;
	-webkit-text-size-adjust: 100%; /* 20140725pre -3 */
}
/* body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td, img { */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, p, blockquote, th, td, img {
	margin: 0;
	padding: 0;
}
/*-----------------------------------------------
clearfix
-----------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
	min-height:1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block;}
/* End hide from IE-mac */

/* ========== link ========== */
a {
	color: #404040;
	text-decoration: none;
	outline: none;
}
a img {
	border: none;
	color: #000066;
}

a img:hover{opacity:0.6;}

a:hover {color: #3AA4B1;}
a:visited {color: #000066;}
a:active {color: #000066;}

/* ========== block level ========== */
address {font-style: normal;}

/* ========== inline level ========== */
q:before,q:after {content: '';}
img,abbr,acronym {border: 0;} 
img {vertical-align: middle;}

/* ========== table ========== */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border-collapse: 0;
/*	table-layout: fixed;*/
}
caption,th {text-align: left;}

/* ========== font  ========== */
.fsS {font-size: 90%;}
.fsS80 {font-size: 80%;}
.bold {font-weight: bold !important;}

/* ========== text align ========== */
.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.txt_l {text-align: left !important;}
.txt_c {text-align: center !important;}
.txt_r {text-align: right !important;}

/* ========== float ========== */
.fl{float:left;}
.fr{float:right;}
.f_left {float: left;}
.f_right {float: right;}
.c_both {clear: both;}
.clearBoth{clear:both;}

/* ========== form ========== */
form,fieldset,input,textarea {
	margin: 0;
	padding: 0;
}
select, 
input[type="text"],
input[type="number"], /* 20140516pre */
input[type="password"],
input[type="date"],
textarea {
	padding: 4px 8px;
	font-size: 12px;
	color: #404040;
	vertical-align: middle;
	font-family: inherit;
	border: thin solid #CCCCCC;
	background: none repeat scroll 0 0 #fff;
}
option {
	margin-right: 8px;
	padding: 0;
	font-size: 12px;
	color: #34495E;
	background: none repeat scroll 0 0 #fff;
	cursor:pointer;
}
select:hover,
option:hover {
	background: none repeat scroll 0 0 #F7F7F7;
}
input[type="button"]{
	padding:3px 8px;
	font-size: 13px;
/*	color: #333;*/
	letter-spacing: 1px;
	-webkit-appearance: none;
	border:1px solid #ccc;
}

input[type="button"]:hover{
	opacity:0.6;
}
.selectAll{
	margin:0 2px 0 0;
	padding:1px 8px;
	font-size: 12px;
	color: #333;
	letter-spacing: 1px;
	border:1px solid #ccc;
}
.selectAll:hover{
	color: #ffffff;
	opacity:0.6;
}
.positiveBtn{
	background-color:red;
	color:#fff;
}
.negativeBtn{
	background-color:blue;
	color:#fff;
}
.strongNegativeBtn{
	background-color:#1a1a1a;
	color:#fff;
}
.editBtn{
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
	background-color:#777;
	width:50px;
	height:20px;
	font-size:12px;
	color:#fff;
}
.btnLeftRadius{
	border-radius: 5px 0 0 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px 0 0 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px 0 0 5px;   /* Firefox用 */  
}
.btnRightRadius{
	border-radius: 0px 5px 5px 0;        /* CSS3草案 */  
	-webkit-border-radius: 0px 5px 5px 0;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0px 5px 5px 0;   /* Firefox用 */  
}
.btnAllRadius{
	border-radius: 5px !important;        /* CSS3草案 */  
	-webkit-border-radius: 5px !important;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px !important;   /* Firefox用 */  
}
.btnSquare{
	border-radius: 0px !important;        /* CSS3草案 */  
	-webkit-border-radius: 0px !important;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 0px !important;   /* Firefox用 */  
}
.btnDivideLine {
	border-left: 1px solid #919191 !important;
}

/* ========== messages ========== */
/* notify_message -> PositiveMessage */
/* error_message  -> NegativeMessage */
/* notice_message -> AttentionMessage */
/* normal_message -> message */

.notify_message,
.error_message,
.notice_message,
.normal_message{
	color:#5e5e5e;
	font-size: 13px;
	margin-bottom: 12px;
	padding: 7px 10px;
}
.notify_message{
	border: 1px solid #70e082;
	background-color: #d9f2dd;
}
.error_message{
	font-weight: bold;
	border: 1px solid #e60000;
	background-color: #ffcdcd;
}
.notice_message{
	border:1px solid #e6db55;
	background-color:#ffffe0;
}
.normal_message{
	border:1px solid #8596b5;
	background-color:#eceef3;
}
.caption{
	border-radius: 5px !important;        /* CSS3草案 */  
	-webkit-border-radius: 5px !important;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px !important;   /* Firefox用 */  
	padding: 6px;
	background-color: #f6f6f6;
}
/** 注釈（アスタリスク） **/
.red {
	font-size:95%;
	font-weight:bold;
  color: #dd0000;
}
input.err,
select.err,
textarea.err{
	border:1px solid #dd0000;
	background-color: #ffeeef;
}
.required {
  width: 8px;
  display: -webkit-inline-box;
}

/* ========== other ========== */
@media print {
	* {
		position: static ! important;
		overflow: visible ! important;
	}
}
/*-----------------------------------------------
 login
-----------------------------------------------*/
.loginBg {background-color:#e6e6e6;}
.loginMainContent {
	width: 400px;
    background-color:#fff;
}
.loginTitle {
	width: 353px;
	height: 26px;
}
.loginBoxGray {
	width: 350px;
	padding:0 25px 20px;
}
.loginTextBox {width: 350px;}
.loginTextBox input {
	width: 330px;
	height: 43px;
	margin-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	border: 0;
	font-size: 15px;
	color: #999999;
	background-color:#f1f2f6;
}
.loginSave {margin-bottom: 10px;}
.loginSave * {vertical-align: middle;}
.loginButtonRight {
	width: 100%;
	text-align: right;
	margin-top: 5px;
}

.loginButton{
	background-color: #bfbfbf;
	color: #ffffff;
	width: 160px;
	margin-left: 190px;
	height: 36px;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	-webkit-appearance: none;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	border:0 none;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
}

.loginButton:hover {opacity:0.6;}
.loginButton a {
	color: #ffffff;
	text-decoration: none;
	padding: 7px 52px 7px 52px;
}
.loginButton a:visited {color: #ffffff;}
.loginButton a:active {color: #ffffff;}

.loginNotes{
	padding-bottom:20px;
}
.loginNotes p{
	font-size:11px;
	text-align:center;
}
.loginNotes p a{
	color:#bfbfbf;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
}

/*-----------------------------------------------
 container
-----------------------------------------------*/
#container {
	min-width: 1024px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}
#containerInner {
	padding:0;
	line-height: 1.5;
}
/*-----------------------------------------------
 header
 -----------------------------------------------*/
#header {
	position:relative;
	padding:0;
	border:0 none !important;
	background-color:#fff;
}
#logo {
	height:28px;
	margin-top:8px;
	float: left;
}
.logoTitleCustom {
	width: 130px;
	height:22px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url("../img/logo.png?20160520000000") no-repeat 0 0;
}
#logo a:hover {opacity: 0.6;}


/* global navigation */
ul#globalMenu{
	margin-left:20px;
	float:left;
}
ul#globalMenu li{
	width:auto;
	height:38px;
	margin-left:5px;
	overflow:hidden;
	font-size:12px;
	color:#000;
	letter-spacing:0.2em;
	text-align:center;
	list-style-type:none;
	float:left;
}
ul#globalMenu li:hover,
ul#globalMenu li.selectedList{
	border-radius:5px 5px 0 0;
}
ul#globalMenu li.selectedList{
	background-color:#ccc;
}
ul#globalMenu li a{
	display:block;
	height:38px;
	padding:0 15px;
	color:#404040;
	text-decoration: none !important;
	line-height:3.6;
}
ul#globalMenu li.selectedList a{
	color:#000;
}

/* subMenu */
#subMenu{
	min-width:185px;
	position: absolute;
	top: 0;
	right: 0;
}
#userName {
	height:35px;
	color:#fff;
	text-indent:0;
	text-align:center;
	line-height:2.9;
	text-indent:35px;
	background-color:#555;
	background-image:url("../img/ballon_ico.png");
	background-repeat : no-repeat;
	background-position:2px 2px;
}
#userName a{
	display:block;
	padding-right:40px;
	color:#fff;
	font-weight:bold;
	background-color:transparent;
	background-image:url("../img/ballon_ico.png");
	background-repeat: no-repeat;
	background-position: right -125px;
}
#userName:hover{
	background-color:#777;
}
.subMenuBody{
	width:95%;
	position: absolute;
	top: 35px;
	right:0px;
	color: #fff;
	display: none;
	z-index: 100;
	border-top:1px dotted #fff;
	background-color:#777;
}
.MenuInner div{
	width:100%;
	border-bottom:1px dotted #fff;
}
.MenuInner div a{
	display: block;
	padding: 10px 0 10px 36px;
	font-size:12px;
	color: #fff;
	text-decoration: underline;
}
.MenuInner div.customer_id,
.MenuInner div.customer_code {
	padding: 6px 0 5px;
	text-align:center;
	text-indent: 0em;
	border-bottom:1px solid #fff;
	background-color: #555;
}
.MenuInner div.customer_id p,
.MenuInner div.customer_code p {
	background-color: #fff;
	color: #222;
	width: 82%;
	padding: 5px;
	text-align: left;
	margin: 5px auto;
	border-radius: 3px;
	word-break: break-all;
}
.MenuInner div#Help{
	background-color:transparent;
	background-image:url("../img/ballon_ico.png");
	background-repeat:no-repeat;
	background-position: 2px -27px;
}
.MenuInner div#Help a{
	background-color:transparent;
	background-image:url("../img/icon_newwin.png");
	background-repeat:no-repeat;
	background-position: 80px 15px;
}
.MenuInner div#contact{
	background-color:transparent;
	background-image:url("../img/ballon_ico.png");
	background-repeat:no-repeat;
	background-position: 2px -159px;
}
.MenuInner div#Admin{
	background-color:transparent;
	background-image:url("../img/ballon_ico.png");
	background-repeat:no-repeat;
	background-position: 2px -190px;
}
.MenuInner div#Back{
	background-color:transparent;
	background-image:url("../img/ballon_ico.png");
	background-repeat:no-repeat;
	background-position: 2px -57px;
}
.MenuInner div#Logout{
	background-color:transparent;
	background-image:url("../img/ballon_ico.png");
	background-repeat:no-repeat;
	background-position: 2px -85px;
	border-bottom:0 none;
}

.MenuInner div#Help:hover,
.MenuInner div#Back:hover,
.MenuInner div#Logout:hover,
.MenuInner div#Admin:hover,
.MenuInner div#contact:hover{
	background-color:#999;
}

/*-----------------------------------------------
 tabBottom
 -----------------------------------------------*/
div.title,
#tabBottom{
	height:40px;
	position:relative;
	padding:0;
	overflow:hidden;
	background-color:#ccc;
}
.titleInner {
	margin: 0;
}
.pagetitle,
.pagetitleSecond{
	height:52px;
	border-bottom:1px solid #e2e2e2;
}
.pagetitle h2,
.pagetitleSecond h2{
	font-size: 15px;
	font-weight: normal;
	padding-top: 16px;
	padding-left: 40px;
}
.pagetitleSecond{
	margin-top:40px;
	border-top:1px solid #e2e2e2;
}
.pagetitle h2 strong,
.pagetitleSecond strong{
	margin-left:1em;
}
.tableHeading {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 8px 0;
}
h3.tableHeading {
	font-size:14px;
}
h3.tableHeading span{
	font-size:12px;
}

/*-----------------------------------------------
 content
-----------------------------------------------*/
#content {
	position:relative;
	margin: 0 auto;
	padding: 0;
	background: none repeat scroll 0 0 #fff;
}
#contentInner:after {
	display: block;
	height: 0.1px;
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
	clear: both;
}

/*-----------------------------------------------
 settings
-----------------------------------------------*/
#appCameraSetting,
#appLoggerSetting{
    margin: 20px 40px;
}
ul.configSettingList li{
	float: left;
	list-style: none outside none;
	margin: 0 20px 20px 0;
	background-color: #787878;
}
ul.configSettingList li:hover{
	opacity:0.85;
}
ul.configSettingList li a{
	text-decoration:none;
	letter-spacing: 0px;
	display: block;
	height: 200px;
	width: 200px;
	text-align: left;
	background-color: #f5f5f5;
	color: #000;
	font-size: 12px;
}
.configSettingListTitle {
	padding: 10px;
	font-size: 14px;
	color: #ffffff;
	background-color: #4c4c4c;
}
.configSettingListText {
	padding: 10px 20px;
}
.configSettingNotes {
	background: #ffffff;
	color: #404040;
	padding: 10px;
	margin-top: 10px;
}
/*-----------------------------------------------
 footer
-----------------------------------------------*/
#footer {
	width:100%;
	position: absolute !important;
	top: auto !important;
	bottom:0;
}
#footer address {
	font-size: 11px;
	color:#000;
	text-align: center;
	letter-spacing:0.1em;
}



/*-----------------------------------------------
components
-----------------------------------------------*/
.appContents {
	margin:10px 0 0 10px;
}

.title h1,
#appPageTitle {
	font-size:14px;
	color:#000;
	font-weight:normal;
	margin-left:10px;
	font-size: 14px;
	letter-spacing: 0.2em;
	line-height: 3.0;
}
#appPageTitle input[type='text'],
#appPageTitle select{
	padding:2px 8px;
}
#appPageTitle a{
	color:#fff;
	text-decoration:underline;
}
.appContentsTitle{
	margin:0 0 5px 0;
	font-size:12px;
	letter-spacing:0.2em;
}

/*-----------------------------------------------
 404Error
-----------------------------------------------*/
#error404 a {
	text-decoration: underline;
	color: #3AA4B1;
}

/*-----------------------------------------------
 Error Message
-----------------------------------------------*/
.notify_message,
.error_message{
	/*margin: 16px 16px 8px;*/
	font-size: 12px;
	font-weight: bold;
}
.notify_message {color: #3498db;}
.error_message { color: #FF0000;}

strong.error{color:#FF5A9F;}

/*-----------------------------------------------
 toolTip
-----------------------------------------------*/
.toolTip{position: relative;}
.toolTip span{
	display:block;
	width: 300px;
	position: absolute; top: 20px;
	left: 0; padding: 10px;
	color: #000000;
	text-decoration: none;
	visibility: hidden;
	text-overflow: string;
	white-space: normal;
	border: solid 1px #efefef;
	background-color: #F5F5F5;
}
a.toolTip:hover,a.toolTip:hover span{
	visibility: visible;
	z-index: 100;
	text-decoration:none;
	color:#404040;
}

a:visited{color:#404040}

/*-----------------------------------------------
 table
-----------------------------------------------*/

table#dataTable{
	width:99%;
	border-collapse: collapse;
	margin:10px auto;
}

table#dataTable thead tr{
	width:100%;
}
table#dataTable thead tr th{
	height:25px;
	padding:0 5px 0 5px;
	font-size:12px;
	color:#F2F2F2;
	font-weight:normal;
	line-height:2.4em;
	white-space: nowrap;
	border-right: 1px solid #4C4C4C;
	background-color:#333333;
}
table#dataTable thead tr th a{
	color:#fff;
	text-decoration:underline;
}
table#dataTable thead tr th img{
	position:relative;
	top:2px;
	padding-left:5px;
}
table#dataTable thead tr th a.tooltip {
	float: right;
}
table#dataTable thead tr th img#tip {
	width: 14px;
	height: 14px;
	float: right;
	margin:3px 5px 0 0;
	padding-left: 5px;
}
table#dataTable tbody tr:nth-child(even){
	background-color:#F7F7F7;
}

table#dataTable tbody tr td{
	height:40px;
	padding:0 5px 0 5px;
	font-size:12px;
	font-weight:normal;
}
tr.ListBackgroundColor01,
tr.ListBackgroundColor02{
	border-bottom:1px solid #fff;
}

span.required {
	width: 33px;
	display: block;
	padding: 1px 0;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #dd0000;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */  
}
/*-----------------------------------------------
 table tooltip
-----------------------------------------------*/
#powerTip {
	width: 250px;
	padding: 15px !important;
}
.popupTip div.tipContent {
	width: 250px;
}
.popupTip div.tipTitle {
	padding-bottom:10px;
	font-size: 12px;
}
.popupTip div.tipTitle img {
	width: 14px;
	margin-top: 2px;
	margin-right: 10px;
}
.popupTip div.tipBody {
	width: 100%;
	font-size: 11px;
	line-height: 20px;
}
.popupTip div.tipBody p {
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}

/*-----------------------------------------------
 table head app contents
-----------------------------------------------*/
#listEventDate{width:110px;}
#listEventOccurrencePoint{
	width:50px;
}
#listEventType{
	width:85px;
	min-width:85px;
	white-space:nowrap;
}
#listEventDetail{}
#listEventCheckImage{width:50px;}
.listEventCheckImage{
	width:50px;
	text-align:center;
}
.listEventType{	text-align:center;}

/*-----------------------------------------------
 table head platform
-----------------------------------------------*/
th#listEdit,
td.listEdit{
	width:30px;
	text-align:center;
}
td.listEdit{
	padding:0 !important;
	overflow:hidden;
}
td.listEdit:hover{
	/*background:#3fcae7;*/
	opacity:0.6;
}
td.listEdit a{
	display:block;
	width:23px;
	height:23px;
	margin:0 auto;
	text-indent:120%;
	overflow:hidden;
	white-space:nowrap;
	background-color:#AAB2BE;
	background-image:url("../img/btn_detail_allow.png");
	background-repeat:no-repeat;
	background-position:5px 5px;
	border-radius: 14px;        /* CSS3草案 */  
	-webkit-border-radius: 14px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 14px;   /* Firefox用 */
}
td.listEdit a img{
	vertical-align:middle;
	opacity:1 !important;
}
th#listApp{
	width:50px;
	text-align:center;
	vertical-align:middle;
}

td.listStates img{
	position:relative;
	top:2px;
	padding-right:5px;
}

td.term_app {
	width: 60px;
	text-align: center;
	padding:0 !important;
	overflow:hidden;
}
td.term_app a{
	display:block;
	width:70px;
	min-height:40px;
	height:100%;
	line-height:3;
}
td.term_app img{
	vertical-align:middle;
}
.termlist table .term_name,
.termlist table .user_manage_id,
.termlist table .serial_no,
.termlist table .term_type_name,
.termlist table .term_status_name,
.termlist table .activation_dt,
.termlist table .term_check {
	width: auto;
}

div.ListHeadArrow{
	display:inline;
	position:relative;
	top:-4px;
	left:10px;
}

/*-----------------------------------------------
 help
-----------------------------------------------*/
#Close{
	width:20px;
	height:20px;
	position:fixed;
	top:8px;
	right:10px;
	z-index:1000;
}
#Close a{
	display: block;
	width: 19px;
	height: 19px;
	overflow:hidden;
	border: 1px solid #ababab;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */  
	text-align: center;
	background-color: #efefef;
	line-height: 19px;
	color: #797979;
	text-shadow: 1px 1px 0 #fff;
}
a.btn_help{
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-left: 10px;
	font-size:12px !important;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border:1px solid #ccc;
	border-radius: 18px;        /* CSS3草案 */  
	-webkit-border-radius: 18px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 18px;   /* Firefox用 */  
	background-color: #ccc;
	transition: all .3s;
}
a.btn_help:hover{
	color: #ccc;
	background-color: #fff;
}

/*------------- status ------------------*/
.stuUse,.stuBefore,
.stuEnd,.stuLock,
.stuStop,.stuNoInput{
	height:20px;
	font-size:11px;
	line-height:21px;
	text-indent:0.6em;
	text-align:left;
	letter-spacing:1px;
	border-left:4px solid #fff;
}
.stuUse    {border-color: #66ce7c;color:#46B55E;}

.stuNoInput{border-color: #c0c0c0;color:#8A8A8A;}
.stuBefore {border-color: #c0c0c0;color:#8A8A8A;}
.stuEnd    {border-color: #c0c0c0;color:#8A8A8A;}

.stuStop   {border-color: #2f2f2f;color:#2f2f2f;}

.stuLock   {border-color: #c00000;color:#c00000;letter-spacing:-1px;}

/* _common */
#lean_overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	background: #000;
}
.w1024{
	width:1024px !important;
	margin:0 auto;
}


/** margin **/
.mt0 {margin-top:0px !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt17 {margin-top:17px !important;}
.mt18 {margin-top:18px !important;}
.mt19 {margin-top:19px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}
.mt170 {margin-top:170px !important;}
.mt180 {margin-top:180px !important;}
.mt190 {margin-top:190px !important;}
.mt200 {margin-top:200px !important;}
.mt350 {margin-top:350px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml12{margin-left:12px !important;}
.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml_1em{margin-left:1em !important;}

.mr0{margin-right:0px !important;}
.mr2{margin-right:2px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr12{margin-right:12px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr29{margin-right:29px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb8{margin-bottom:8px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}

/** padding **/
.pt0 {padding-top:0px !important;}
.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt11 {padding-top:11px !important;}
.pt12 {padding-top:12px !important;}
.pt13 {padding-top:13px !important;}
.pt14 {padding-top:14px !important;}
.pt15 {padding-top:15px !important;}
.pt17 {padding-top:17px !important;}
.pt18 {padding-top:18px !important;}
.pt19 {padding-top:19px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb100 {padding-bottom:100px !important;}

.pl0 {padding-left:0px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl5 {padding-left:5px !important;}
.pl7 {padding-left:7px !important;}
.pl8 {padding-left:8px !important;}
.pl10 {padding-left:10px !important;}
.pl13 {padding-left:15px !important;}
.pl15 {padding-left:15px !important;}
.pl16 {padding-left:16px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}

.pr0 {padding-right:0px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr5 {padding-right:5px !important;}
.pr7 {padding-right:7px !important;}
.pr8 {padding-right:8px !important;}
.pr10 {padding-right:10px !important;}
.pr13 {padding-right:15px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}

.m0auto{margin:0 auto;}


.plr10{
	padding-left:10px !important;
	padding-right: 10px !important;
}
.padding30{
	padding:30px !important;
}

.none {
  width: 0;
  height: 0;
  overflow: hidden;
}

.vat{vertical-align:top !important;}
.vam{vertical-align:middle !important;}
.vab{vertical-align:bottom !important;}

.fw50 {width:50px  !important;}
.fw67 {width:67px  !important;}
.fw80 {width:80px  !important;}
.fw120{width:120px !important;}
.fw130{width:130px !important;}
.fw150{width:150px !important;}
.fw200{width:200px !important;}


/* 印刷設定 */
@media print{
	body {width: 210mm; /* needed for Chrome */}
	#subMenu{float:right !important;}
	.subMenuBody,.fullScreen,#page_menu_wrap{display:none;}
}