html { height:100%;}
body {
	color:#666666;
	line-height:1.4;
	font-size:13px;
	height:100%;
}

a:link {color:#005aff;}
a:hover,
a:active {color:#4d8cff;}
a:visited {color:#6b31fe;}

/* ========================================
■ヘッダー
======================================== */
#header {
	background:url(../img/header_bg.png) repeat-x top left;
	height:62px;
}
#header div {
	width:860px;
	margin:0 auto;
	position:relative;
}
#header p.username {
	position:absolute;
	top:25px;
	right:92px;
	text-align:right;
	color:#0042ff;
	font-weight:bold;
	font-size:14px;
}
#header p.logout {
	position:absolute;
	top:20px;
	right:0px;
}
#header p.logout a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

/* ========================================
■ナビゲーション
======================================== */
#navi {
	background:url(../img/navi_bg.png) repeat-x top left;
	height:44px;
}
#navi div {
	width:900px;
	margin:0 auto;
	position:relative;
}
#navi ul {
	position:absolute;
	top:0;
	left:92px;
	height:34px;
	overflow:hidden;
}
#navi ul li {
	display:inline-block;
	height: 100%;
}
#navi ul li a{
	position: relative;
	font-weight: bold;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	min-width: 120px;
	text-decoration: none;
	background-color: #b5ddfc;
	border-radius: 10px 10px 0 0;
	padding: 0 10px;
}
#navi ul li a::before{
	content: "";
	width: 100%;
	height: 70%;
	border-radius: 10px;
	position: absolute;
    top: 0;
    left: 0;
	background-color: #cae7fd;
}
#navi ul li a p{
	z-index: 1;
	padding-top: 5px;
	color: #0090ff;
	font-size: 14px;
    letter-spacing: 1px;
}
#navi ul li a:hover{
	opacity: 0.5;
}
#guide {
	width:860px;
	height:25px;
	margin:0 auto;
	text-align:right;
	zoom:1;
}
#guide a {
	position:relative;
	z-index:100;
}
#guide a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#csv_submit{
	font-size: 1.2em;
	background-color: #cae7fd;
	color: #0090ff;
	font-weight: bold;
	border: 1px solid #ffffff;
}

/* ========================================
■メインコンテンツ＋サイド
======================================== */
#container {
	width: 860px;
	margin:-25px auto 0;
}
#container.container--customer{
	width: 1200px;
}
/* ========================================
■メインコンテンツ
======================================== */
#contents {
	margin:20px auto;
}
#contents h2 {
	font-weight:bold;
	margin-bottom:10px;
}
#contents h2 .username {
	color:#0042ff;
}
#contents p { font-size:12px;}

/* home */
#contents.home dl {
	width:420px;
	margin-top:10px;
	border:1px solid #e5e3e3;
	font-size:12px;
}
#contents.home dl dt {
	height:36px;
	line-height:36px;
	color:#ffffff;
	font-weight:bold;
	padding:0 14px;
}
#contents.home dl dd {
	background:#f2f2f2;
	padding:11px;
	height:390px;
	overflow:auto;
}
#contents.home dl dd h3 {
	font-weight:bold;
	line-height:18px;
	padding-bottom:5px;
	margin-bottom:9px;
	border-bottom:1px dashed #acacac;
}
#contents.home dl dd h3.new {
	padding-left:40px;
}
#contents.home dl dd p {
	font-size:10px;
	margin-bottom:20px;
}
#contents.home dl#hope { float:left;}
#contents.home dl#hope dt { background:url(../img/customer_hope_bg.png) repeat-x top left;}
#contents.home dl#hope dd h3.new { background:url(../img/customer_hope_new.png) no-repeat top left;}
#contents.home dl#update { float:right;}
#contents.home dl#update dt { background:url(../img/customer_update_bg.png) repeat-x top left;}
#contents.home dl#update dd h3.new { background:url(../img/customer_update_new.png) no-repeat top left;}
#contents.home .error_message {
	border:2px solid #f24242;
	padding:10px 10px 10px 45px;
	margin:0 10px 10px;
	font-size:12px;
	color:#f24242;
	font-weight:bold;
	background:url(../img/caution.png) no-repeat 10px center #ffe6e6;
}

/* お客様情報 */
#contents.customer #search_condition  {
	font-size:12px;
	margin:5px 0;
	line-height:1.6;
}
#contents.customer #search_condition .entry_count span,
#contents.customer #search_condition .entry_condition span {
	color:#0042ff;
	font-weight:bold;
	font-size:12px;
}
#contents.customer #search_condition .entry_count span { font-size:16px;}
#contents.customer #search_condition .entry_condition { font-size:10px;}

#contents.customer #page_navi {
	margin:10px 0;
}
#contents.customer #page_navi li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	border:1px solid #cae7fd;
	font-size:12px;
	height:22px;
	margin-right:5px;
}
#contents.customer #page_navi li.disabled { border:1px solid #dfe1df;}
#contents.customer #page_navi li.active { border:1px solid #60ed6b;}
#contents.customer #page_navi li a {
	color:#0090ff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	line-height:20px;
	padding:0 5px;
	background:#cae7fd;
	border:1px solid #ffffff;
}
#contents.customer #page_navi li.disabled a { background:#ededed; color:#cccccc; cursor:default;}
#contents.customer #page_navi li.active a { background:#31d13e; color:#ffffff;}

#contents.customer .data_comment {
	text-align:right;
	margin-top:-28px;
	margin-right:1px;
}
#contents.customer .data_comment a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#contents.customer #customer_table {
	width:1200px;
}
#contents.customer #customer_table table{
	width: 1200px;
}
#contents.customer #customer_table th,
#contents.customer #customer_table td {
	padding:0 5px;
	height:40px;
	vertical-align:middle;
	border:1px solid #ffffff;
	text-align:center;
}
#contents.customer #customer_table td.td_left { text-align:left;}
#contents.customer #customer_table th {
	background:url(../img/customer_table_head_bg.png) repeat-x top left;
	color:#ffffff;
	font-weight:bold;
	white-space:nowrap;
}
#contents.customer #customer_table th span {
	font-size: 10px;
	font-weight: 100;
}
#contents.customer #customer_table th img {
	vertical-align:middle;
}
#contents.customer #customer_table td {
	/*background:#ededed;*/
}
#contents.customer #customer_table .comp td { background:#fcfba6;}
#contents.customer #customer_table .lost td { background:#dcdcdc;}

#contents.customer #search {
	background:url(../img/customer_search_bg_top.png) no-repeat top left #cae7fd;
	padding:10px 0 0 0;
	margin-bottom:20px;
}
#contents.customer #search h3 {
	background:url(../img/customer_search_icon.png) no-repeat 10px center;
	padding-left:30px;
	color:#0042ff;
	font-weight:bold;
}
#contents.customer #search h3 span {
	font-size:10px;
	font-weight:normal;
}
#contents.customer #search #condition_setting {
	margin:8px 8px 0 8px;
	padding:4px;
	background:#ffffff;
}
#contents.customer #search #condition_setting li {
	background:#7ac5fe;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:8px;
	margin:4px;
	color:#0042ff;
}
#contents.customer #search #condition_setting li input.short { width:80px;}
#contents.customer #search #condition_setting li input.middle { width:200px;}
#contents.customer #search #condition_setting li input.long { width:350px;}
#contents.customer #search #condition_setting li p {
	font-weight:bold;
	font-size:10px;
	margin-bottom:3px;
}
#contents.customer #search #condition_setting li .small {
	text-align:right;
	margin-top:-1.9em;
	font-weight:normal;
	color:#fffc00;
}
#contents.customer #search .btn {
	background:url(../img/customer_search_bg_bottom.png) no-repeat bottom left #cae7fd;
	padding:10px;
	text-align:center;
}
#contents.customer #search .btn button {
	border:none;
	padding:0;
	margin:0 10px 0 0;
	background:#cae7fd;
	cursor:pointer;
	overflow:visible;
}

/* WEBエントリー */
#contents.entry #entry_form {
	background:#f0f0f1;
	width:500px;
	margin:20px auto 30px;
	padding:20px;
}
#contents.entry #entry_form table {
	width:100%;
	background:#ffffff;
	border-top:1px solid #d9d9d9;
}
#contents.entry #entry_form table th,
#contents.entry #entry_form table td {
	padding:8px;
	border:1px solid #d9d9d9;
	border-top:none;
}
#contents.entry #entry_form table td.row {
	border-bottom:1px dashed #d9d9d9;
}
#contents.entry #entry_form table th {
	font-size:12px;
	font-weight:bold;
	width:150px;
	background:#feffb7;
}
#contents.entry #entry_form table td.is_error {
	background:#ffdddd;
}
#contents.entry #entry_form table td.is_error .error_text {
	font-weight:bold;
	color:#ff0000;
}
#contents.entry #entry_form table th .must {
	text-align:right;
	margin:-17px 0 0 0;
}
#contents.entry #entry_form table th .alert {
	padding-top: 15px;
	font-weight: normal;
}
#contents.entry #entry_form table td {
	font-size:10px;
}
#contents.entry #entry_form table td .small {
	color:#ff3d10;
}
#contents.entry #entry_form table input.short { width:80px;}
#contents.entry #entry_form table input.middle { width:180px;}
#contents.entry #entry_form table input.long { width:350px;}

#contents.entry #entry_form .submit {
	text-align:center;
	margin:15px 0 5px;
}
#contents.entry #entry_form .submit input {
	padding:10px 30px;
	font-weight:bold;
}

/* ご利用ガイド */
#contents.guide dl {
	margin: 20px 0 20px 0;
	line-height: 1.6em;
}
#contents.guide dl dt {
	float: left;
	margin-right: 30px;
}
#contents.guide dl dd.title {
	color: #0090ff;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 20px;
}
#contents.guide dl dd p {
	font-size: 11px;
	margin-top: 30px;
}
#contents.guide h3 {
	font-weight: bold;
	margin-bottom: 10px;
}

/* 登録情報 */
#contents.regist #regist_setting {
	background:#f0f0f1;
	width:480px;
	margin:20px auto 30px;
	padding:30px;
}
#contents.regist #regist_setting table {
	width:100%;
}
#contents.regist #regist_setting table th,
#contents.regist #regist_setting table td {
	padding:5px;
}
#contents.regist #regist_setting table th {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	width:180px;
}
#contents.regist #regist_setting table th span {
	color:#999999;
	font-size:10px;
	font-weight:normal;
}
#contents.regist #regist_setting table td input {
	width:230px;
	height:15px;
	line-height:15px;
	font-size:15px;
	padding:5px;
	color:#555555;
	border:1px solid #cccccc;
}
#contents.regist #regist_setting .submit {
	text-align:center;
	margin-top:20px;
}
#contents.regist #regist_setting .submit input {
	padding:10px 30px;
	font-weight:bold;
}

/* ログイン */
#login {
	width:100%;
	height:100%;
	position:relative;
	background:#474747;
}
#login .error_message {
	border:2px solid #f24242;
	padding:10px 10px 10px 45px;
	margin:0 10px 10px;
	font-size:12px;
	color:#f24242;
	font-weight:bold;
	background:url(../img/caution.png) no-repeat 10px center #ffe6e6;
}
#login #login_form {
	width:426px;
	background:#f0f0f1;
	position:absolute;
	top:20%;
	left:50%;
	margin:0 0 0 -213px;
}
#login #login_form h1 {
	text-align:center;
	margin:15px;
}
#login #login_form table {
	margin:0 auto;
	width:370px;
}
#login #login_form table th,
#login #login_form table td {
	padding:5px;
}
#login #login_form table th {
	font-weight:bold;
	width:120xp;
	text-align:center;
}
#login #login_form table td input {
	width:230px;
	height:16px;
	line-height:16px;
	font-size:16px;
	padding:5px;
	color:#555555;
	border:1px solid #cccccc;
}
#login #login_form .submit {
	text-align:center;
	margin-top:20px;
}
#login #login_form .submit input {
	padding:10px 30px;
	font-weight:bold;
}
#login #login_form .forget {
	margin:20px 25px;
	font-size:12px;
}

/* ========================================
■フッター
======================================== */
#footer {
}
#footer .pagetop {
	text-align:right;
	width:860px;
	margin:-23px auto 0;
	background:#ffffff;
}
#footer .copy {
	background:#0090ff;
	line-height:54px;
	text-align:center;
	color:#ffffff;
	font-size:12px;
}