@charset "utf-8";

/* Style sheet for Portal page */


.topics {
	width: 100%;
	border: none;
	background: url(../img/topic_bg.png) no-repeat;
	overflow: hidden;
}

ul.topic_thumb {
    display: table;
/*
    table-layout: fixed;
    width: 100%;
*/
	padding: 10px 10px;
}
ul.topic_thumb li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	padding: 0px 5px;
}
ul.topic_thumb li:first-child {
    padding-left: 0px;    
}
ul.topic_thumb li:last-child {
    padding-right: 0px;    
}
ul.topic_thumb li a {
    display: block;
    text-decoration: none;
    color: white;
}

.top_content{
	background-color: #FFFFFF;
	overflow: hidden;
	padding: 20px 10px;
}

div.info_area {
	width: 720px;
	float: left;
}

h2.portal {
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin-bottom: 0px;
}

h3.portal {
	font-size: 1.0em;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
	margin: 20px 0px;
}
h3.portal::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

p.hd {
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 1.0em;
}

.list_info dt, .list_info dd{
/*	line-height: 1.2em; */
	line-height: 1.0em; 
/*	margin-top:  1.0em; */
}

.list_info dt{
	border: none;
	clear: left;
	float: left;
	text-indent: 0px;
	font-weight: bold;
	margin-bottom: 0px;
	width: 65;
	text-align: left;
	padding: 0px 5px;
}

.list_info dd{
	padding: 5px 5px;
	margin-top: 14px;
	float: left;
	font-size: 1.2em;
/*	padding: 20px 5px 10px 0px; */
/*	margin-left: 80px; */
}

.list_info dd.info_date{
	width: 85px;
	padding: 5px 5px;
	margin-top: 16px;
}

.list_info dd.info_title{
	max-width: 450px;
	padding: 5px 5px;
	margin-top: 16px;
}

.info_important_frame {
/*	background: #FFFDF4; */
	background: #FFEEEE;
	background: -ms-linear-gradient(top,#FFFDF7 0%,#F4EAD5);
	background: -moz-linear-gradient(top,#FFFDF7 0%,#F4EAD5);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFDF7), to(#F4EAD5));
/*	border: #EEEEEE solid 1px; */
	border: #990000 solid 1px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	width: 100%;
	padding: 5px 5px;
	margin-left: -5px;
}

div.content {
	font-size: 1.2em;
	background-color: #FFFFFF;
	padding: 10px 20px;
}
div.content p,li{
/*	margin-left: 2.0em; */
	line-height: 1.5em;
}
div.plivacy p {
	line-height: 1.5em;
}
ol.normal li {
	list-style: decimal;
}

ul.normal li {
	list-style: disc;
}

ul.list_disc {
	margin-left: 1.0em;
}
ul.list_disc li {
	position: relative;
	text-indent: 0.8em;
}

ul.list_disc li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}

.content_ybox {
	padding: 10px 10px;
   -ms-border-radius: 5px;    /* 古いFirefox */
   -moz-border-radius: 5px;    /* 古いFirefox */
   -webkit-border-radius: 5px; /* 古いSafari,Chrome */
   border-radius: 5px;         /* CSS3 */

   border: 1px #999 solid;     /* 枠線の装飾 */
   background-color: #FBF9EC;   /* 背景色 */
}

ol.list_parenthes{
	padding: 0 0 0 2em;
	margin: 0 0 0 1.0em;
	text-indent: -2.0em;
	padding-left: 2.0em;		
}

ol.list_parenthes li{
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
}

ol.list_parenthes li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}

/************************************************

	カテゴリ別検索ボタン

*************************************************/
ul.category_btn li {
	display: inline-block;
	margin: 0px 0px !important;
	padding: 0px 0px !important;
}

ul.category_btn li img {
	border: solid 1px #ccc;

	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

ul.category_btn li :hover img {
/*	opacity: .8; */

	-webkit-transform: scale(1.1);
	transform: scale(1.1);	
}

/************************************************

	お知らせ カテゴリタブ

*************************************************/
div.info {
	font-size: 0.8em;
	text-align: center;
	background: #0099CC;
	background: -ms-linear-gradient(top,#0099CC 0%,#006699);
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099CC',endColorstr='#006699')";
	color: #FFF;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 50px;
	padding: 3px 5px;
}

div.mente {
	font-size: 0.8em;
	text-align: center;
	background: #53B54A;
	background: -ms-linear-gradient(top,#53B54A 0%,#006633);
	background: -moz-linear-gradient(top,#53B54A 0%,#006633);
	background: -webkit-gradient(linear, left top, left bottom, from(#53B54A), to(#006633));
	color: #FFF;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 50px;
	padding: 3px 5px;
}

div.other {
	font-size: 0.8em;
	text-align: center;
	background: #936093;
	background: -ms-linear-gradient(top,#CC99CC 0%,#663366);
	background: -moz-linear-gradient(top,#CC99CC 0%,#663366);
	background: -webkit-gradient(linear, left top, left bottom, from(#CC99CC), to(#663366));
	color: #FFF;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 50px;
	padding: 3px 5px;
}

div.other2 {
	font-size: 0.8em;
	text-align: center;
	background: #CC9933;
	background: -ms-linear-gradient(top,#FFCC33 0%,#CC9933);
	background: -moz-linear-gradient(top,#FFCC33 0%,#CC9933);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCC33), to(#CC9933));
	color: #FFF;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 50px;
	padding: 3px 5px;
}

/************************************************

	お知らせ 重要

*************************************************/

div.important {
	font-size: 0.8em;
	text-align: center;
	background: #BB1100;
	background: -ms-linear-gradient(top,#FF3300 0%,#990000);
	background: -moz-linear-gradient(top,#FF3300 0%,#990000);
	background: -webkit-gradient(linear, left top, left bottom, from(#FF3300), to(#990000));
	color: #FFF;
	border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 50px;
	padding: 3px 0px;
}


.bannar_title {
  margin-bottom: 10px;
/*  margin: 0 auto; */
/*  padding: 10px 0; */
  font-family: sans-serif;
  font-size: 2em;
  color: #3cb3e4;
  background-color: #FFFFFF;
}

.bannar_heading {
  margin: 1px 0
}

.bannar_wrapper {
  padding: 5px;
  text-align: center;
  border: 3px solid;
/*
  border-top: none;
  width: 100%;
*/  
}

div.bannar_area {
	float:	right;
}

ul.bannar_list > li {
	text-align: center;
	margin-bottom: 10px;
}

/************************************************

	機器情報表示用

*************************************************/

th.mc_id { width: 85px; }
th.mc_name { width: 220px; }
th.mc_target { width: 70px; }
th.mc_action { width: 90px; }

.machine_detail_data th, td {
	border-collapse: collapse;
	line-height: 1.5;
}

.machine_detail_data th {
	border: 1px solid #a0c1d8;
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background: #CEE2F2;
}
.machine_detail_data td {
	border: 1px solid #dddddd;
 	padding: 10px;
	vertical-align: top;
}

ul.machine_detail_name li {
	font-size: 1.5em;
/*    display: table-cell; */
    vertical-align: middle;
    text-align: center;
	padding: 0px 5px;
}
ul.machine_detail_name li:first-child {
	border-bottom: #CCCCCC 1px solid;
}

.machine_price_data th, td {
	border-collapse: collapse;
	line-height: 1.5;
}

.machine_price_data th {
	border: 1px solid #a0c1d8;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	background: #CEE2F2;
}
.machine_price_data td {
	border: 1px solid #dddddd;
 	padding: 10px;
	vertical-align: top;
	text-align: center;
}

/************************************************

	新規登録ユーザの承認ダイアログ

*************************************************/

div.search_form {
	border: #0066CC 1px solid;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	margin: 10px 0px;
	padding: 10px 10px;
	background-color: #B0D8FF;
	display: flex;
}

.search_form table tr th, td {
	padding: 5px 5px;
	vertical-align: middle;
}
.search_form table tr th {
	background-color: #006699;
	text-align: center;
	color: #FFFFFF;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}
.search_form table tr td select, textarea, input[type="text"] {
	margin-bottom: 0px;
}

.search_result {
	font-size: 2.0em;
	text-align: center;
	border: #0066CC 1px solid;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	margin: 10px 0px;
	padding: 10px 10px;
	background-color: #FAF4E4;
	width: 90%;
	margin: 10px auto;
}

div.calendar_bg {
	width: 100%;
	display:table-cell;
	border: #CCCCCC 1px solid;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	margin: 10px 0px;
	padding: 10px 10px;
	background-color: #FFFFFF;
}