@charset "utf-8";


/*全体設定
---------------------------------------------------------------------------*/
body {
	color: #666;
	margin: 0px;
	padding: 0px;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background: #ededed;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*リンク設定
---------------------------------------------------------------------------*/
a {
	color: #666;
}
a:hover {
	color: #000;
	text-decoration: none;
}


/*コンテナー
---------------------------------------------------------------------------*/
#container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

/*ヘッダー
---------------------------------------------------------------------------*/
header {
	width: 100%;
	background-color: #FFF;
	padding: 15px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	-webkit-box-shadow: 1px 2px 7px #b7b7b7;
	box-shadow: 1px 2px 7px #b7b7b7;
	margin-top: 5px;

}
header h1 {
	line-height: 1;
	padding: 0px 0px 5px 10px;
}
header h1 img{
	vertical-align: middle;
}


/*トップイメージ
---------------------------------------------------------------------------*/
#mainimg {
	clear: left;
	width: 980px;
	height: 213px;
	position: relative;
	background-color: #FFF;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 1px 2px 7px #b7b7b7;
	box-shadow: 1px 2px 7px #b7b7b7;
	margin-bottom: 5px;
}
#mainimg img {
	border-radius: 0px 0px 10px 10px;
	vertical-align: bottom;
	z-Index:2;
	position: absolute;
	left:0px;
	top:0px;
}
#res_image {
	z-Index:2;
	position: absolute;
	left:0px;
	top:0px;
}


/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	clear: left;
	width: 950px;
	background-color: #FFF;
	padding: 5px 15px 0px 15px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 1px 2px 7px #b7b7b7;
	box-shadow: 1px 2px 7px #b7b7b7;
	overflow:auto;
}

/*メイン
---------------------------------------------------------------------------*/
#main {
	float: left;
	width: 47%;
	padding-bottom: 20px;
}
#main section > h1,
#main article > h1 {
	border-bottom: 1px solid #ccc;
	font-size: 100%;
	padding: 5px 10px 5px px;
	clear: both;
	margin-left:15px;
}
#main p {
	padding: 15px
}
.info {
	min-width: 250px;
	line-height:20px;
}


/*サブ
---------------------------------------------------------------------------*/
#sub {
	float:right;
	width: 50%;
	padding-bottom: 0px;
}
#sub h1 {
	border: 1px solid #CCC;
	border-radius: 6px 6px 0 0;
	font-size: 100%;
	text-align: center;
	padding: 5px 0px;
	background-color: #999;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));
	background-image: -webkit-linear-gradient(#999, #666);
	background-image: linear-gradient(#999, #666);
	color:#fff;
}
#sub ul {
	margin-top: 1em;
}
#sub ul li.login {
	text-align:center;
	border:0;
	padding:0;
	width:50%;
	float:left;
}
#sub ul li.cancel {
	text-align:center;
	border:0;
	padding:0;
	width:50%;
	float:left;
}
.smapho {
	display:none;
}

/*フッター
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding: 2px 0 0 0;
	color: #333;
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #333;
}


/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
}


/*フォーム
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
	height: 150px;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;
	line-height: 2;
}
.ta1 td{
	width: auto;
	padding: 10px;
}
.ta1 th{
	width: auto;
	padding: 10px;
	text-align: right;
	background-color: #e5e5e5;
}
.ta1 th{
	width: auto;
	text-align: right;
	background-color: #ededed;
}
.ta1 caption{
	padding: 10px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: left;
	background-color: #e9ddae;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae));
	background-image: -webkit-linear-gradient(#efe6c5, #e9ddae);
	background-image: linear-gradient(#efe6c5, #e9ddae);
	font-weight: bold;
}
/*submitボタンの設定*/
input[type="submit"],
input[type="button"] {
	width: 80%;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #999;
	border-radius: 30px;
	background-color: #131dff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4d55ff), to(#131dff));
	background-image: -webkit-linear-gradient(#4d55ff, #131dff);
	background-image: linear-gradient(#4d55ff, #131dff);
	-webkit-box-shadow: 0px 2px 5px #bebebe;
	box-shadow: 0px 2px 5px #bebebe;
	font-size: 14px;
	color: #FFF;
}
/*submitボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: #4d55ff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#131dff), to(#4d55ff));
	background-image: -webkit-linear-gradient(#131dff, #4d55ff);
	background-image: linear-gradient(#131dff, #4d55ff);
}

/*端末名
---------------------------------------------------------------------------*/
#term_info {
	display: none;
	padding-left: 0px;
	padding-bottom: 0px;
	float: left;
	overflow-wrap: break-word;
	word-break: break-word;
}

#term_name {
	font-size: 11px;
}