/* CSS Document */
*{
padding:0;
margin:0;
}
html{
height:100%;
}
body {
color:#333333;
/* 2019.01.22莉ｮ霑ｽ蜉� */
/* #FFFFEE; */
/* background-color: #B4E1FF; */
/* background-color: #fffaf0; */
background-color: #fff4e1;
/* background: linear-gradient(#05FBFF, #1E00FF); */
text-align:center;
line-height:120%;
font-family:Arial, Helvetica, sans-serif;
}
a {
color: #0066CC;
text-decoration: none;
}
a:hover, a:active {
color: #FF9900;
text-decoration: underline;
}
h2{
padding:13px;
color:#0066CC;
font-size:18px;
}
h3{
padding:10px;
color:#0066CC;
font-size:18px;
}
/*-----------------------------------------------------------------
* 繝倥ャ繝繝ｼ驛ｨ
-----------------------------------------------------------------*/
#header{
text-align:center;
width:100%;
height:90px;
background-color: #eeeeee;
/* background-color: #DFE6E9; */
/* background:url(../../img/pc/top-back.gif); */
}
#title{
padding-top:10px;
}
.version{
font-size:12px;
}
/*-----------------------------------------------------------------
* 繧ｳ繝ｳ繝�Φ繝�Κ
-----------------------------------------------------------------*/
#title_shadow{
width:100%;
height:10px;
/* background-color: #DFE6E9; */
/* background:url(../../img/pc/top-shadow.gif) repeat-x; */
}
#sub_title{
height:20px;
font-size:13px;
padding:6px;
color: white;
background-color: #FFA73D;
/* background-color: #DFE6E9; */
border: 1px solid #ccc;
/* background-color:#CCCCCC; */
}
#sub_title #login_status{float:right;}
#sub_title #now_time {float:left;}
#sub_title #company_name{float:left;}
/*
#content{
}
*/
.part-img{
-moz-box-sizing: border-box;
box-sizing: border-box;
/* background-image:url(../../img/pc/login/login_img.jpg);*/ /* 逕ｻ蜒上�URL繧呈欠螳� */
background-repeat: no-repeat; /* 逕ｻ蜒上�郢ｰ繧願ｿ斐＠繧呈欠螳� */
background-position:center center; /* 逕ｻ蜒上�陦ｨ遉ｺ菴咲ｽｮ繧呈欠螳� */
background-size:cover;
/* background-size:contain; */
/* background-size:100% auto; */
/* background-size: 100% 100%; */
}
.main02{
margin:auto;
width:900px;
font-size:12px;
}
.page_title11{
margin:auto;
width:900px;
margin-top:10px;
text-align:left;
}
.page_title11 img{
float:left;
margin-right:8px;
}
.main01{
margin:auto;
width:780px;
font-size:12px;
}
.main11{
margin:auto;
width:980px;
font-size:12px;
}
.page_title01{
margin:auto;
width:700px;
margin-top:10px;
text-align:left;
}
.page_title01 img{
float:left;
margin-right:8px;
}
.page_title02{
width:400px;
margin:10px 0 10px 0;
text-align:left;
}
.page_title02 img{
float:left;
margin-right:8px;
}
.main_box{
margin:auto;
width:880px;
margin-top:20px;
padding:10px;
border:#ccc solid 1px;
background-color:#FAFAFA;
/*
display:inline-table;
*/
}
.main_box_s{
margin:auto;
width:680px;
margin-top:20px;
padding:10px;
border:#ccc solid 1px;
background-color:#FAFAFA;
/*
display:inline-table;
*/
}
.main_box:after{
content:"";
display:block;
clear:both;
}
.top_main_left{
float:left;
width:530px;
text-align:left;
padding-right:10px;
padding-left:5px;
}
.top_main_right{
float:right;
width:320px;
text-align:left;
}
#new_mail{
overflow:auto;
height:605px;
}
#new_mail .news{
text-align:left;
padding:10px;
}
#new_mail .news p.date {
background:url(../../img/pc/ticket02_v3.png) no-repeat left center;
padding-left:18px;
padding-top:3px;
font-weight:bold;
}
#new_mail .news p.category {
padding-top:5px;
border-bottom:1px dotted #999999;
}
#new_mail .news p.title {
padding-top:5px;
border-bottom:1px dotted #999999;
color:#333333;
}
#new_mail .news p.comment_cnt {
padding-top:5px;
border-bottom:1px dotted #999999;
color:#333333;
}
#new_mail p.unconfirmed {
padding-top:5px;
border-bottom:1px dotted #999999;
}
.main_left{
float:left;
width:440px;
text-align:left;
}
.main_right{
float:right;
width:230px;
}
.filter_box01{
text-align:left;
margin:auto;
margin-top:20px;
margin-bottom:20px;
padding:5px;
width:700px;
background-color:#FAFAFA;
border:1px solid #DDD;
}
.filter_box11{
text-align:left;
margin:auto;
margin-top:5px;
margin-bottom:5px;
padding:5px;
width:430px;
background-color:#FAFAFA;
border:1px solid #DDD;
}
/*.grid_header { } */
.grid_header table{ margin:auto; width:720px; }
.sub_box{
text-align:left;
margin:auto;
width:680px;
margin-top:10px;
padding:5px;
}
/*
* 繝｡繝�そ繝ｼ繧ｸ陦ｨ遉ｺ�磯∽ｿ｡荳榊庄��
*/
.msg_box{
margin:auto;
margin-top:10px;
width:440px;
height:606px;
text-align:center;
}
.msg_box_message{
margin:auto;
margin-top:280px;
font-size:20px;
}
/*
* 縺顔衍繧峨○
*/
/* 濶ｲ螟画峩縲20110629 h_nemoto chg */
.info_box_w{
font-size:13px;
margin:auto;
margin-top:15px;
width:900px;
text-align:left;
/*border:#66603e #ccc solid 1px;*/
/*background-color:#ffef99;*/ /* #FAFAFA; */
border:#8c8c8c solid 1px; /* 2014.02.27 */
background-color:#ffffcc; /* 2014.02.27 */
}
.info_box_w ul{
list-style:none;
}
.info_box_w li{
padding-left:10px;
}
.info_box{
font-size:13px;
margin:auto;
margin-top:15px;
width:700px;
text-align:left;
/*border:#66603e #ccc solid 1px;*/
/*background-color:#ffef99;*/ /* #FAFAFA; */
border:#8c8c8c solid 1px; /* 2014.02.27 */
background-color:#ffffcc; /* 2014.02.27 */
}
.info_box_title{
background:url(../../img/pc/information_v3.png) no-repeat left;
font-size:15px;
padding-left:20px;
margin:5px; /* 2014.02.27 */
}
.info_box ul{
list-style:none;
}
.info_box li{
padding-left:30px;
}
/*
* 繧ｨ繝ｩ繝ｼ陦ｨ遉ｺ
*/
.error_box{
font-size:13px;
margin:auto;
margin-top:20px;
width:450px;
padding:10px;
border:#FF686C solid 2px;
text-align:left;
background-color:#FFECEC;
}
.error_box ul{
list-style:none;
}
.error_box li{
background:url(../../img/pc/warning.png) no-repeat left;
padding-left:20px;
}
/*.newMailSend{} */
.newMailSend .filter_box01{
width:410px;
}
/*.addMailSend{}*/
.addMailSend .filter_box01{
width:640px;
}
/* 繧ｫ繝�ざ繝ｪ驕ｸ謚� */
.category_box{
margin:auto;
width:500px;
margin-top:20px;
padding:10px;
border:#ccc solid 1px;
background-color:#FAFAFA;
}
.login_v3{
/* height: 70vh; */
/* height:700px; */
width: 350px;
/* background: #ccc; */
margin: 0 auto;
text-align: center;
vertical-align: middle;
position: relative;
}
.main_login{
/*
top: 0;
bottom: 0;
margin:auto;
position: relative;
*/
position: absolute;
top: 120px;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
/*margin-top:60px;*/
/* vertical-align: middle; */
}
.main_login #login{
margin:auto;
width:300px;
padding:10px;
border:#DDD solid 1px;
background-color:#FAFAFA;
/*
vertical-align: middle;
background-color:#3388FF;
*/
}
.main_login #login:after{
content:"";
display:block;
clear:both;
}
.main_login #login_left{
float:left;
width:200px;
}
.main_login #login_right{
text-align:left;
float:right;
width:200px;
}
.main_login #login_input{
margin-top:10px;
padding:10px;
border:#DDD solid 1px;
background-color:#F0F0F0;
}
.veri{
text-align:left;
}
#lbox{
float:left;
width:430px;
text-align:left;
}
#rbox{
float:right;
width:430px;
text-align:left;
}
/*-- TOOL BAR ----------------------------*/
#toolbar{
height:70px;
width:100%;
/*
//background-color:#FAFAFA;
//2019.01.22莉ｮ螟画峩 */
background-color:#ffffff;
/* background-color:#EEFFFF; */
}
/*
* 繝｡繧､繝ｳ繝｡繝九Η繝ｼ繧｢繧､繧ｳ繝ｳ
*/
#toolbar .menu_icon {
float:left;
margin: 3px 0px 3px 3px;
text-align:center;
}
#toolbar .menu_icon a {
display: block;
float: left;
height:60px !important;
height: 60px;
width: 98px !important;
width: 98px;
vertical-align: middle;
text-decoration: none;
/* border: 1px solid #FFBBFF; */
/* 2019.01.22 莉ｮ螟画峩 */
border: 1px solid #ccc;
padding: 2px 3px 1px 3px;
}
#toolbar .menu_icon a:link {color: #808080;}
#toolbar .menu_icon a:hover {
color: #333;
background-color: #f1e8e6;
border: 1px solid #c24733;
}
#toolbar .menu_icon a:active {color: #808080;}
#toolbar .menu_icon a:visited {color: #808080;}
#toolbar .menu_icon img {margin-top: 2px;}
#toolbar .menu_icon span {
display: block;
font-size:13px;
}
/*
* 荳闊ｬ繝｡繝九Η繝ｼ繧｢繧､繧ｳ繝ｳ
*/
#toolbar .icon {
float:right;
margin: 3px 0px 3px 3px;
text-align:center;
}
#toolbar .icon a {
display: block;
float: left;
height:60px !important;
height: 60px;
width: 65px !important;
width: 65px;
vertical-align: middle;
text-decoration: none;
border: 1px solid #ccc;
padding: 2px 5px 1px 5px;
}
#toolbar .icon a:link {color: #808080;}
#toolbar .icon a:hover {
color: #333;
background-color: #f1e8e6;
border: 1px solid #c24733;
}
#toolbar .icon a:active {color: #808080;}
#toolbar .icon a:visited {color: #808080;}
#toolbar .icon img {margin-top: 5px;}
#toolbar .icon span {
display: block;
font-size:13px;
}
.title_shadow{
width:100%;
height:10px;
/* background:url(../../img/pc/top-shadow.gif) repeat-x; */
}
/*-----------------------------------------------------------------
* 繝輔ャ繧ｿ繝ｼ驛ｨ
-----------------------------------------------------------------*/
#footer{
margin:auto;
width:700px;
margin-top:40px;
font-size:13px;
color:#999999;
text-align:center;
}
/*-----------------------------------------------------------------
*縲繝�ヰ繝�げ逕ｨ
-----------------------------------------------------------------*/
/*
#debug{
}*/
.cake-sql-log table {
background: #f4f4f4;
}
.cake-sql-log td {
padding: 4px 8px;
text-align: left;
}
/*-----------------------------------------------------------------
*縲蜈ｱ騾壹け繝ｩ繧ｹ
-----------------------------------------------------------------*/
.cle { clear:both; }
.p_top2 {padding-top:2px;}
.p_top3 {padding-top:3px;}
.p_top4 {padding-top:4px;}
.p_top5 {padding-top:5px;}
.p_top6 {padding-top:6px;}
.p_top7 {padding-top:7px;}
.p_top8 {padding-top:8px;}
.p_top10 {padding-top:10px;}
.p_bottom10{padding-bottom:10px;}
.p_bottom30{padding-bottom:30px;}
.p_attach{
background:url(../../img/pc/clip_icon_v3.png) no-repeat left;
padding-left:18px;
font-weight:bold;
}
.font_size_12 { font-size:12px; }
.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.font_red_bold
{
color:#FF0000;
font-weight:bold;
}
.font_red
{
color:#FF0000;
}
.font_gray { font-size:10px; color:#555; }
.font_disable { color:#808080; } /* 譛ｪ謇ｿ隱阪�蜿嶺ｿ｡閠��譁�ｭ苓牡 */
.waku_red
{
border:1px solid #FF0000;
background-color:#FFCCFF;
color:#FF0000;
padding:3px 8px;
font-size:14px;
}
.waku_blue
{
border-left:8px solid #0066CC;
border-bottom:1px solid #0066CC;
color:#0066CC;
font-size:14px;
padding-left:8px;
font-weight:bold;
}
.ul_list01 {
margin:10px 0;
}
.ul_list01 li {
display:inline;
line-height:110%;
list-style-type:none;
padding-left:18px;
background:url(../../img/pc/point01_v3.png) no-repeat left;
}
/*
* Form
*/
.input_box{
border:1px solid #ccc;
padding:3px;
width: 149px;
background-color:#FFFFFF;
}
.input_box_ime_active
{
border:1px solid #ccc;
padding:3px;
ime-mode:active;
background-color:#FFFFFF;
}
.input_box_ime_disabled
{
border:1px solid #ccc;
padding:3px;
background-color:#FFFFFF;
ime-mode:disabled;
}
.input_box_disabled{
border:1px solid #ccc;
background-color:#EFEFEF;
padding:3px;
}
.button {
padding: 1px 4px;
border-top: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
border-bottom: 1px solid #BABDB6;
border-right: 1px solid #BABDB6;
/* background-color: #DFE6E9; */
background: url(../../img/pc/button_back.png) #EFEFEF;
height: 21px;
}
.button:hover, .button:focus {
border-top: 1px solid #BABDB6;
border-right: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
border-left: 1px solid #BABDB6;
}
.button_wide {
width: 150px;
padding: 1px 4px;
border-top: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
border-bottom: 1px solid #BABDB6;
border-right: 1px solid #BABDB6;
/* background-color: #DFE6E9; */
background: url(../../img/pc/button_back.png) #EFEFEF;
height: 21px;
}
.button_wide:hover, .button_wide:focus {
border-top: 1px solid #BABDB6;
border-right: 1px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
border-left: 1px solid #BABDB6;
}
/*
* 繝��繝悶Ν
*/
.search_grid11
{
margin:auto;
width:450px;
overflow:auto;
height:300px;
}
.search_grid01
{
margin:auto;
width:730px;
overflow:auto;
height:400px;
}
.search_grid02{
overflow:auto;
height:480px;
}
.search_grid02 table.grid {
width: 500px;
}
.addMailSend table.grid {
width: 640px;
}
.search_grid03{
overflow:auto;
height:300px;
}
.search_grid03 table.grid {
width: 300px;
}
.category_box_grid{
overflow:auto;
height:350px;
}
.category_box_grid table.grid {
width: 460px;
}
table.grid {
text-align:left;
margin:auto;
border: 1px solid #CCCCCC;
width: 710px;
border-collapse:collapse;
}
table.grid th {
padding: 8px;
background: url(../../img/pc/background_v3.jpg);
}
table.grid tr.row0 {background-color: #f1f1f1;}
table.grid tr.row1 {background-color: #FFF; }
table.grid tr.row0_red {background-color: #f1f1f1; color:Red;}
table.grid tr.row1_red {background-color: #FFF; color:Red;}
table.grid td {
border-bottom: 1px solid #e5e5e5;
padding: 8px;
}
table.grid_s1 {
text-align:left;
margin:auto;
border: 1px solid #CCCCCC;
width: 630px;
border-collapse:collapse;
}
table.grid_s1 th {
padding: 8px;
background: url(../../img/pc/background_v3.jpg);
}
table.grid_s1 tr.row0 {background-color: #f1f1f1;}
table.grid_s1 tr.row1 {background-color: #FFF; }
table.grid_s1 tr.row0_red {background-color: #f1f1f1; color:Red;}
table.grid_s1 tr.row1_red {background-color: #FFF; color:Red;}
table.grid_s1 td {
border-bottom: 1px solid #e5e5e5;
padding: 8px;
}
table.grid_s2 {
text-align:left;
margin:auto;
border: 1px solid #CCCCCC;
width: 630px;
border-collapse:collapse;
}
table.grid_s2 th {
padding: 8px;
background: url(../../img/pc/background_v3.jpg);
}
table.grid_s2 tr.row0 {background-color: #f1f1f1;}
table.grid_s2 tr.row1 {background-color: #FFF; }
table.grid_s2 tr.row0_red {background-color: #f1f1f1; color:Red;}
table.grid_s2 tr.row1_red {background-color: #FFF; color:Red;}
table.grid_s2 td {
border-bottom: 1px solid #e5e5e5;
padding: 8px;
}
table.grid_s3 {
text-align:left;
margin:auto;
border: 1px solid #CCCCCC;
width: 450px;
border-collapse:collapse;
}
table.grid_s3 th {
padding: 8px;
background: url(../../img/pc/background_v3.jpg);
}
table.grid_s3 tr.row0 {background-color: #f1f1f1;}
table.grid_s3 tr.row1 {background-color: #FFF; }
table.grid_s3 tr.row0_red {background-color: #f1f1f1; color:Red;}
table.grid_s3 tr.row1_red {background-color: #FFF; color:Red;}
table.grid_s3 td {
border-bottom: 1px solid #e5e5e5;
padding: 8px;
}
table.grid_s4 {
text-align:left;
margin:auto;
border: 1px solid #CCCCCC;
width: 430px;
border-collapse:collapse;
}
table.grid_s4 th {
padding: 8px;
background: url(../../img/pc/background_v3.jpg);
}
table.grid_s4 tr.row0 {background-color: #f1f1f1;}
table.grid_s4 tr.row1 {background-color: #FFF; }
table.grid_s4 tr.row0_red {background-color: #f1f1f1; color:Red;}
table.grid_s4 tr.row1_red {background-color: #FFF; color:Red;}
table.grid_s4 td {
border-bottom: 1px solid #e5e5e5;
padding: 8px;
}
table.grid_ss {
text-align:left;
margin:auto;
border: 1px solid #CCCCCC;
width: 200px;
border-collapse:collapse;
}
table.grid_ss th {
padding: 4px;
background: url(../../img/pc/background_v3.jpg);
}
table.grid_ss tr.row0 {background-color: #f1f1f1;}
table.grid_ss tr.row1 {background-color: #FFF; }
table.grid_ss tr.row0_red {background-color: #f1f1f1; color:Red;}
table.grid_ss tr.row1_red {background-color: #FFF; color:Red;}
table.grid_ss td {
border-bottom: 1px solid #e5e5e5;
padding: 4px;
}
.form_table{
width:100%;
text-align:left;
border-collapse:collapse;
}
.form_table td{
padding:5px;
}
.form_table_recovery td{
padding:0px;
}
/* 繝｡繝ｼ繝ｫ隧ｳ邏ｰ諠��ｱ */
.mail_title{
margin:auto;
width:680px;
text-align:left;
margin-top:20px;
padding:10px;
border:#DDD solid 1px;
background-color:#FAFAFA;
font-size:15px;
font-weight:bold;
margin-bottom:20px;
}
.mail_main{
margin:auto;
width:700px;
}
.honbun{
margin-top:10px;
padding:10px;
border:#DDD solid 1px;
background-color:#FAFAFA;
}
.honbun_box{
margin:auto;
width:630px;
padding:10px;
border:#DDD solid 1px;
background-color:#DBE2FD;
}
.comment{
margin:auto;
width:630px;
margin-top:10px;
padding:10px;
border:#DDD solid 1px;
background-color:#FFFFCC;
}
.comment_title{
margin:auto;
width:620px;
margin-bottom:15px;
text-align:left;
}
.comment_title img{
float:left;
margin-right:8px;
}
.comment_list
{
overflow:auto;
height:330px;
width:612px;
padding:5px;
}
.mail_table
{
margin:auto;
width:625px;
text-align:left;
border-collapse:collapse;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
}
.mail_table td{
padding:5px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
.mail_table .honbun_head{
background-color:#FFFFCC;
}
.comment_table
{
margin:auto;
width:596px;
text-align:left;
border-collapse:collapse;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
}
.comment_table th
{
background-color:#DBE2FD;
text-align:center;
font-weight:normal;
padding:2px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
.comment_table td
{
padding:5px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
.comment_table .comment_head{
background-color:#DBE2FD;
}
/*.table_none
{
}*/
.table_none img{
padding-top:5px;
}
.table_none td, .table_none tr
{
padding:0px;
margin:0px;
border:none;
padding-right:5px;
}
/* 繧｢繝ｳ繧ｵ繝ｼ邨先棡 */
.answer_title{
margin:auto;
width:600px;
text-align:left;
margin-top:20px;
padding:10px;
border:#DDD ridge 2px;
background-color:#DBE2FD;
font-size:15px;
font-weight:bold;
margin-bottom:20px;
}
.answer_name{
margin:auto;
width:600px;
text-align:left;
margin-top:20px;
padding:5px;
border-bottom:#DDD solid 2px;
font-size:14px;
font-weight:normal;
margin-bottom:20px;
background-color:#F5F5F5;
}
.answer{
margin:auto;
width:600px;
margin-top:10px;
padding:5px;
border:#DDD solid 1px;
background-color:#FFFFF0;
}
.answer_table
{
margin:auto;
width:544px;
text-align:left;
border-collapse:collapse;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
}
.answer_table th
{
background-color:#DBE2FD;
text-align:center;
font-weight:normal;
padding:2px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
.answer_table td
{
padding:5px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}
.answer_list
{
overflow:auto;
height:300px;
width:560px;
padding:5px;
margin:10px 15px 10px 15px;
}
/* 繧｢繝ｳ繧ｵ繝ｼ繝�Φ繝励Ξ繝ｼ繝� */
.answer_box{
margin:auto;
width:500px;
margin-top:20px;
margin-left:40px;
padding:10px;
border:#ccc solid 1px;
background-color:#FAFAFA;
}
.answer_box:after{
content:"";
display:block;
clear:both;
}
.Confirm_grid
{
overflow:auto;
height:430px;
}
.Confirm_grid table.grid {
width: 640px;
}
.Confirm_table{
margin:auto;
width:550px;
text-align:left;
border-collapse:collapse;
}
.Confirm_table td{
padding:5px;
}
.Confirm_table .Confirm_heder_title{
font-weight:bold;
color:#0066FF;
padding-bottom:5px;
border-bottom:1px solid #0066FF;
padding-top:10px;
padding-bottom:2px;
}