@charset "utf-8";
/* CSS Document */

body {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
a:visited,
a:link,
a:active {
	text-decoration: none;
	font-weight:bold;
	color: royalblue;
}
a:focus,
a:hover {
	text-decoration: none;
    color: tomato;
}
#container {
	margin: 10px;
	border: 1px solid #D0D0D0;
	box-shadow: 0 0 8px #D0D0D0;
}
#body {
	margin: 0 30px 0 30px;
}
p.footer {
	text-align: right;
	font-size: 11px;
	border-top: 1px solid #D0D0D0;
	line-height: 32px;
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
}
h1 {
	color: #444;
	background-color: transparent;
	border-bottom: 1px solid #D0D0D0;
	font-size: 19px;
	font-weight: normal;
/*	margin: 0 0 14px 0;*/
	margin: 0 0 0 0;
	padding: 14px 15px 10px 15px;
}
.status_error {
	color: #F30;
	background-color: transparent;
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 14px 0;
	padding: 14px 15px 10px 15px;
}
/* Table 下の余分スペース削除 */
.table {
    margin-bottom: 0px;
}

/* TOP PAGE */
.parent{
	width: 100%;
	/* border: 1px solid #aaa; */
}
.attention {
	margin-left:20px;
	margin-right:20px;
	text-align:left;
	overflow-wrap: break-word;
}
.inner h1 , .inner h2{
	padding-top:30px;
	text-align:center;
	font-size:24px;
}
.inner{
	font-size:19px;
	line-height:150%;
	margin-top:10%;
	margin-left:10%;
	width:80%;
/*	height:200px;*/
	text-align:left;
	border: 1px solid #D0D0D0;
	box-shadow: 0 0 100px #AAA;
}
.button {
	padding-top:30px;
	margin-left:15%;
	margin-bottom:15%;
	width:70%;
	height:50px;
	text-align:center;
/*	border: 1px solid #D0D0D0;*/
	box-shadow: 0 0 8px #D0D0D0;	
	border: 1px solid #999999;
	background-color: #DDDDDD;
}

.button a:visited,
.button a:link,
.button a:active {
	text-decoration: none;
	color: orange;
}
.button a:focus,
.button a:hover {
	text-decoration: none;
    color: red;
}

/* Function List Page */

/*
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
*/
.func_list {
/*
	font-family: Consolas, Monaco, Courier New, Courier, monospace;
*/
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}


/************ MENU ************/

.menu_container {
  width: 100%;
  height: 100%;
}

.menu {
  width: auto;
/*  margin: 5% auto 0 auto;*/
  margin: 0 0 0 auto;
/*  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);*/
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  background-color: #f9f9f9;
  max-width: 500px;
}
.menu .slider {
  width: 100%;
  height: 300px;
  background-color: #F03861;
}
.menu .information {
  width: 100%;
  padding: 20px 50px;
  margin-bottom: 30px;
  font-family: "Open Sans", sans-serif;
}
.menu .information h1 {
  color: #333;
  font-size: 1.5rem;
  padding: 0px 10px;
  border-left: 3px solid #F03861;
}
.menu .information h3 {
  color: #e0e0e0;
  font-size: 1rem;
  font-weight: 300;
  padding: 0px 10px;
  border-left: 3px solid #F03861;
}
.menu .information p {
  padding: 10px 0px;
}
.menu ul {
  font-size: 0;
  list-style-type: none;
}
.menu ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #333;
  display: inline-block;
  padding: 15px;
  position: relative;
}
.menu ul li ul {
  display: none;
}
.menu ul li:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.menu ul li:hover ul {
  display: block;
  margin-top: 15px;
  width: 200px;
  left: 0;
  position: absolute;
  z-index: 4;	/* 2020.03.08追加*/
}
.menu ul li:hover ul li {
  display: block;
  background-color: #e7e7e7;
}
.menu ul li:hover ul li span {
  float: right;
  color: #f9f9f9;
  background-color: #F03861;
  padding: 2px 5px;
  text-align: center;
  font-size: .8rem;
  border-radius: 3px;
}
.menu ul li:hover ul li:hover {
  background-color: #e0e0e0;
}
.menu ul li:hover ul li:hover span {
  background-color: #ee204e;
}

#find_template_file_title {
	width: 100%;
}

textarea {
	width: 100%;
}

#form_conversion_history {
	background-color:lavenderblush;
}

#select_conversion_history {
	width:100%;
	/* box-sizing: boder-box; */
	max-width: 100% !important;
	margin-top: 10px;
	margin-bottom:5px;
}

#conversion_history_select {
	font-weight: 900;
	padding: 5px;
	margin-left: 2%;
	text-align: center;
	background-color: #ffffff;
	cursor: pointer;
	border: solid 1px;
	float: left;
	width:	75%;
}

#conversion_history_delete {
	font-weight: 900;
	padding: 5px;
	margin-left: 2%;
	margin-right:2%;
	text-align: center;
	background-color: #ffffff;
	cursor: pointer;
	border: solid 1px;
	float: left;
	width:	19%;
}

#conversion_history_footer {
	clear: both;
	margin-bottom: 10px;
}

@media all and (max-width:480px) { 
h1 {
	font-size: 11px;
}
input {
	width: 100%;
	margin-bottom:3px;
}
textarea {
	width: 100%;
}
.inner {
    margin-top: 5%;
    margin-left: 5%;
    width: 90%;
}
.inner h1 {
	font-size: 16px;
	padding-top: 10px;
}
.inner h2 {
	font-size: 22px;
	padding-top: 15px;
}
.button {
	height:100px;
}
}