/* =========================================================
	Reset
========================================================= */
* {
	font-family: sans-serif;
}
body, div, header, footer, nav, h1, h2, h3, h4, h5, h6, form, li, img {
	margin: 0;
	padding: 0;
}
header, footer, nav, section {
	display: block;
}
body {
	color: #000;
	background: #fff;
	/* line-height: 1.4; for_HP */
	line-height: 1.5;
	font-size: 12px;
	-webkit-text-size-adjust:none;
}
p {
	/* margin: 0 0 10px 0; for_HP */
	margin: 8px 0;
	/* padding: 0; for_HP */
	padding: 0 10px;
}
input, button {
	margin: 0;
	line-height: 1;
}
a img {
	border: 0;
}
ul, ol {
	/* margin: 0 0 10px 2em; for_HP */
	margin: 8px 0;
	/* padding: 0; for_HP */
	padding: 0 10px 0 2em;
}
ol {
	padding-left: 2.5em;
}
/* ウェブサービス向けの設定 START */
dl {
	margin: 8px 0;
	padding: 0;
}
h1, h2, h3 {
	line-height: 1;
}
h2 {
	margin: 0;
	padding: 10px;
	border-bottom: 1px #e4e4e4 solid;
	font-size: 18px;
	font-weight: bold;
}
h2 .small {
	display: block;
	margin-bottom: 0.2em;
	font-size: 11px;
	font-weight: normal;
}
h3 {
	margin: 0 0 8px 0;
	padding: 5px 10px;
	background-color: #6da8d5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#81b7e1), to(#5595c7));
	background-image: -moz-linear-gradient(top, #81b7e1, #5595c7);
	-webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.5) inset;
	border-width: 1px 0;
	border-color: #155678;
	border-style: solid;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	font-size: 14px;
}
/* ウェブサービス向けの設定 END */

/* =========================================================
	Common
========================================================= */
.nowrap {
	white-space: nowrap;
}
.center {
	text-align: center;
}
.border {
	padding-bottom: 10px;
	border-bottom: 1px #e4e4e4 solid;
}
.clear-after:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}

/* =========================================================
	Links
========================================================= */
a {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
}
a.arrow03:before {
	content: url(images/common/icon/arrow03.png);
	margin-right: 3px;
}
a.tel:before {
	content: url(images/common/icon/tel.png);
	margin-right: 3px;
}
a.btn {
	float: left;
	padding: 3px 5px;
	border-radius: 4px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background-image: -moz-linear-gradient(top, #fff, #eee);
	border: 1px #bcbcbc solid;
	text-decoration: none;
}

/* =========================================================
	Form Elements
========================================================= */
form dl {
	border-top: 1px #e4e4e4 solid;
}
h2 + form dl {
	border-top: none;
}
form dl,
form dt,
form dd {
	margin: 0;
}
form dt {
	padding: 3px 10px;
	background: #def2fa;
	border-top: 1px #fff solid;
}
form dt.required:before {
	content: "＊";
	color: #c00;
}
form dd {
	padding: 5px 10px 8px 10px;
	border-bottom: 1px #e4e4e4 solid;
}
form dd:last-child {
	border-bottom: none;
}
.btn-area {
	padding: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background-image: -moz-linear-gradient(top, #fff, #eee);
	border-width: 1px 0;
	border-color: #c6c6c6;
	border-style: solid;
	text-align: center;
}
button img {
	vertical-align: middle;
	margin: -0.2em 0.3em 0 0;
}

/* Text, Button */
input[type="text"],
input[type="email"],
input[type="submit"],
input[type="button"],
button {
	border-radius: 4px;
	max-width: 290px;
}

/* ************************ */
/* 初期iPhoneでは480×320px */
/* ************************ */
form dd textarea {
	border-radius: 4px;
	font-size:12px;
	width:100%;
		max-width: 1004px;
		min-width: 300px;
	height:300px;
	background-color: #fff;
	background-image: linear-gradient(top, #e9e9e9, #fff);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#fff));
		background-image: -moz-linear-gradient(top, #e9e9e9, #fff);
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.1) inset;
		-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset;
		-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset;
	border: 1px #bcbcbc solid;
	padding:4px 0;
}

input[type="text"],
input[type="email"] {
	padding: 4px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#fff));
	background-image: -moz-linear-gradient(top, #e9e9e9, #fff);
	background-image: linear-gradient(top, #e9e9e9, #fff);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset;
	box-shadow: 0 1px 0 0 rgba(0,0,0,0.1) inset;
	border: 1px #bcbcbc solid;
}
input[type="submit"],
input[type="button"],
button {
	padding: 4px 8px;
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.5) inset;
	font-weight: bold;
}
input[type="submit"].orange,
input[type="button"].orange,
button.orange {
	background-color: #ffaf40;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc965), to(#ff9a22));
	background-image: -moz-linear-gradient(top, #ffc965, #ff9a22);
	background-image: linear-gradient(top, #ffc965, #ff9a22);
	border: 1px #ec9229 solid;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
input[type="submit"].blue,
input[type="button"].blue,
button.blue {
	background-color: #59b3dc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7bc5e7), to(#349fd0));
	background-image: -moz-linear-gradient(top, #7bc5e7, #349fd0);
	background-image: linear-gradient(top, #7bc5e7, #349fd0);
	border: 1px #2390c3 solid;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
input[type="submit"].gray,
input[type="button"].gray,
button.gray {
	box-shadow: 0 1px 0 0 rgba(255,255,255,1) inset;
	-webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,1) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(255,255,255,1) inset;
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	border: 1px #bcbcbc solid;
	color: #000;
	text-shadow: 0 1px 1px rgba(255,255,255,0.8);
}
input.txt-medium {
	font-size: 14px;
	padding: 5px;
}
input.txt-large {
	font-size: 16px;
	padding: 5px;
}
input.btn-medium,
button.btn-medium {
	font-size: 14px;
	font-weight: bold;
}
input.btn-large,
button.btn-large {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
}
.btn-wide {
	width: 80%;
}
.btn-half {
	width: 45%;
}

/* Radio Button, Checkbox */
ul.radio-group {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.radio-group .group-item {
	position: relative;
}
.radio-group label {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0 0 -1px 0;
	padding: 5px 5px 5px 26px;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
	background-image: -moz-linear-gradient(top, #fff, #e9e9e9);
	border-width: 1px;
	border-color: #bcbcbc;
	border-style: solid;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.radio-group .group-item:first-child label {
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}
.radio-group .group-item:last-child label {
	margin: 0;
	border-radius: 0 0 4px 4px / 0 0 4px 4px;
}
.radio-group .checked label {
	z-index: 2;
	background-color: #6da8d5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#81b7e1), to(#5595c7));
	background-image: -moz-linear-gradient(top, #81b7e1, #5595c7);
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.5) inset;
	border-color: #155678;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}
.radio-group input {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	left: 5px;
	margin-top: -8px;
	z-index: 1;
}
.radio-group label:before {
	content: url(images/common/icon/radio.png);
	clip: rect(0, 16px, 16px, 0);
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -8px;
	z-index: 2;
}
.radio-group .checked label:before {
	clip: rect(0, 32px, 16px, 16px);
	left: -11px;
}

/* =========================================================
	Common Parts
========================================================= */
/* Header */
header {
	position: relative;
	padding: 7px 10px;
	border-width: 4px 0 3px 0;
	border-color: #3265a6 transparent #be3837 transparent;
	border-style: solid;
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.15);
	line-height: 1; /* _only_HP */
}
header:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
header h1 {
	float: left;
}
header .pc-site {
	float: right;
	margin-top: 10px;
	padding: 3px 6px;
	border-radius: 10px;
	font-size: 10px;
}
header .pc-site:before {
	content: url(images/common/icon/pc_small.png);
	vertical-align: middle;
	margin-right: 3px;
}
header img {
	vertical-align: bottom;
}
/* PC Site Button */
a.pc-site {
	text-decoration: none;
	line-height: 1;
	background-color: #efefef;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d4d4d4));
	background-image: -moz-linear-gradient(top, #efefef, #d4d4d4);
	background-image: linear-gradient(top, #efefef, #d4d4d4);
	-webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,1) inset, 0 -1px 0 0 rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0 1px 1px 0 rgba(255,255,255,1) inset, 0 -1px 0 0 rgba(0,0,0,0.2) inset;
	box-shadow: 0 1px 1px 0 rgba(255,255,255,1) inset, 0 -1px 0 0 rgba(0,0,0,0.2) inset;
	border-width: 1px;
	border-color: #999 #999 #777 #999;
	border-style: solid;
	color: #555;
	text-shadow: 0 1px  0 rgba(255,255,255,0.5);
}

/* Main Navigation */
ul.main-nav {
	margin: 0;
	border-bottom: 1px #e4e4e4 solid;
		padding: 0; /* HP resetより */
}
ul.main-nav li {
	display: block;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #fff), to(#f2f2f2));
	background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
	background-image: linear-gradient(top, #fff, #f2f2f2);
	border-width: 1px 0;
	border-color: #e4e4e4 transparent #fff transparent;
	border-style: solid;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
}
ul.main-nav a {
	display: block;
	position: relative;
	padding: 10px;
	text-decoration: none;
}
ul.main-nav a:after {
	content: url(./images/common/icon/arrow01.png);
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
	line-height: 1px;
}

/* Footer */
footer {
	background: #fafafa;
}

/* Footer Navigation */
footer ul.footer-nav {
	margin: 0;
		padding: 0; /* HP resetより */
	border-width: 1px 0;
	border-color: #e4e4e4 transparent #fff transparent;
	border-style: solid;
}
footer ul.footer-nav:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
footer ul.footer-nav li {
	display: block;
	width: 50%;
	float: left;
	background: #fff;
	border-width: 0 0 1px 1px;
	border-color: #e4e4e4;
	border-style: solid;
	margin-left: -1px;
	line-height: 1;
}
footer ul.footer-nav a {
	display: block;
	position: relative;
	padding: 10px;
	text-decoration: none;
}
footer ul.footer-nav a:after {
	content: url(./images/common/icon/arrow02.png);
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -4px;
	line-height: 1px;
}
footer ul.footer-nav li.shd {
	letter-spacing: -2px;
}
/* Site Switch*/
footer ul.site-switch {
	width: 22em;
	margin: 10px auto;
	font-size: 13px;
	list-style-type: none;
	line-height: 1;
}
footer ul.site-switch:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
footer ul.site-switch li {
	display: block;
	width: 11em;
	float: left;
	text-align: center;
}
footer ul.site-switch span.mobile-site {
	display: block;
	background-color: #7b7b7b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7b7b7b), to(#9f9f9f));
	background-image: -moz-linear-gradient(top, #7b7b7b, #9f9f9f);
	background-image: linear-gradient(top, #7b7b7b, #9f9f9f);
	-webkit-box-shadow: -1px 1px 0 0 rgba(0,0,0,0.2) inset, 0 -1px 0 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow: -1px 1px 0 0 rgba(0,0,0,0.2) inset, 0 -1px 0 0 rgba(255,255,255,0.5) inset;
	box-shadow: -1px 1px 0 0 rgba(0,0,0,0.2) inset, 0 -1px 0 0 rgba(255,255,255,0.5) inset;
	border: 1px #686868 solid;
	color: #fff;
	text-shadow: 0 -1px  0 rgba(0,0,0,0.5);
	padding: 3px 0;
	border-radius: 12px 0 0 12px;
	letter-spacing: -2px;
}
footer ul.site-switch span.mobile-site:before {
	content: url(./images/common/icon/mobile_medium.png);
	vertical-align: middle;
	margin-right: 3px;
}
footer ul.site-switch a.pc-site {
	display: block;
	padding: 3px 0;
	border-radius: 0 12px 12px 0;
}
footer ul.site-switch .pc-site:before {
	content: url(./images/common/icon/pc_medium.png);
	vertical-align: middle;
	margin-right: 3px;
}
/* Maintenance Information */
footer p.maintenance {
	text-align: center;
	line-height: 1;
}

/* Copyright */
footer p.copyright {
	text-align: center;
	font-size: 11px;
	background: #1a6193;
	color: #fff;
	margin: 0;
	padding: 10px;
}
footer p.copyright .company-name {
	text-transform: uppercase;
}

/* =========================================================
	Top Page
========================================================= */
body.top p.myseino {
	text-align: center;
	padding-top: 10px;
		margin: 10px 0;
		padding: 0 10px;
}
body.top p.myseino input {
	font-size: 15px;
	padding: 6px 10px;
}
body.top ul.main-nav {
	margin-bottom: 10px;
}
body.top ul.main-nav a{
	padding: 1px 10px 1px 10px;
}
body.top ul.main-nav img.icon {
	vertical-align: -1.33em;
	margin-right: 5px;
}
body.top li.track {
	padding: 1px 10px 10px 10px;
}
body.top li.track form {
	padding-left: 55px;
	overflow: visible;
}
body.top li.track img.icon {
	margin-left: -55px;
}
body.top li.track input[type="text"] {
	font-size: 14px;
	vertical-align: middle;
	margin-right: 3px;
}
body.top li.track button {
	padding: 2px 1px 1px 2px;
	line-height: 14px;
	vertical-align: middle;
	-webkit-appearance: none;
}
body.top li.track button img {
	vertical-align: bottom;
}
body.top li.track a {
	position: static;
	display: inline;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

body.top li.track a:after {
	display: none;	/* hide arrow icon */
}

/* =========================================================
	ウェブサイト向け
========================================================= */

/* jQueryアコーディオン対応 */
form dl.navi2 dt {background-color:#ffffff !important;}
form dl.navi2 dt span {text-decoration:underline; color:#0000ff;
}

/* ソーシャルメディアへのリンク */
ul.socialmedia {width:240px; margin-top:24px; margin-bottom:24px; margin-left:auto; margin-right:auto; }
	ul.socialmedia li{list-style-type:none; font-size:14pt; padding-left:32px; margin-bottom:12px;}
	ul.socialmedia li.facebook {background:url(images/common/icon/logo_facebook.png) top left no-repeat;}
	ul.socialmedia li.twitter {background:url(images/common/icon/logo_twitter.png) top left no-repeat;}
	ul.socialmedia li.seino {background:url(images/common/icon/logo_seino.png) top left no-repeat;}
		ul.socialmedia li li {font-size:12px; list-style-type:disc; padding-left:0px;}
/* =========================================================
	kamotsu
========================================================= */
.msg {
	position: relative;
	margin: 10px;
	padding: 10px 10px 10px 35px;
	border-radius: 4px;
}
.msg:after {
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -8px;
}
.info-msg {
	background-color: #f2f8e4;
	color: #63a10b;
}
.info-msg:after {
	content: url(images/common/icon/msg_info.png);
}
.er-msg {
	background-color: #ffe7e7;
	color: #c33;
}
.er-msg:after {
	content: url(images/common/icon/msg_error.png);
}

/* =========================================================
	GempyoNoShokai
========================================================= */
h2 + .gmp-no-area {
	margin-top: -1px;
}
.gmp-no-area {
	text-align: left;
	margin-bottom: 10px;
}
.gmp-no-area input[type="text"] {
	min-width: 8em;
}
.gmp-no-area button {
	padding: 4px 8px 3px 8px;
}
.track-result .summary {
	position: relative;
	padding: 8px 10px 8px 48px;
	background-color: #f2f8e4;
	border-width: 1px 0;
	border-color: #d0e4a3;
	border-style: solid;
	color: #63a10b;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
}
.track-result .summary-notfound {
	background-color: #ffe7e7;
	border-color: #f8cbcb;
	color: #c33;
}
.track-result .summary:before {
	content: url(images/kamotsu/icon/box.png);
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -13px;
}
.track-result .mail {
	text-align: center;
}
.track-result table {
	margin: 0 0 10px 0;
	border-collapse: collapse;
	border-width: 1px 0;
	border-color: #d5d5d5;
	border-style: solid;
	width: 100%;
}
.track-result dl {
	font-size: 13px;
	padding: 0 10px;
}
.track-result dl:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
.track-result dt {
	float: left;
	color: #3492ba;
}
.track-result dd {
	margin: 0 0 0 9em;
}
.track-result th,
.track-result td {
	padding: 3px 7px;
}
.track-result th {
	background-color: #f0f1f0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2e4e3));
	background-image: -moz-linear-gradient(top, #fff, #e2e4e3);
	box-shadow: 1px 0 0 0 rgba(255,255,255,1) inset;
	-webkit-box-shadow: 1px 0 1px 0 rgba(255,255,255,1) inset;
	-moz-box-shadow: 1px 0 1px 0 rgba(255,255,255,1) inset;
 	border: 1px #d5d5d5 solid;
	font-weight: normal;
	text-align: left;
}
.track-result th:first-child,
.track-result td:first-child {
	padding-left: 10px;
	border-left: none;
}
.track-result th:last-child,
.track-result td:last-child {
	padding-right: 10px;
	border-right: none;
}
.track-result tr.present td {
	/*
	box-shadow: 0 2px 0 0 #d0e4a3 inset, 0 -2px 0 0 #d0e4a3 inset;
	-webkit-box-shadow: 0 2px 1px 0 #d0e4a3 inset, 0 -2px 1px 0 #d0e4a3 inset;
	*/
	border-width: 2px 0;
	border-color: #d0e4a3;
	border-style: solid;
	padding-top: 1px;
	padding-bottom: 1px;
}
/*
.track-result .branch-name {
	display: block;
}
*/
.track-result .tel {
	line-height: 1;
	padding: 3px 5px;
}
/*
.track-result table.detail,
.track-result table.goods {
	margin-bottom: 0;
	border-bottom: none;
}
*/
.track-result table.detail td {
	vertical-align: top;
}
.track-result tbody tr:nth-child(even) td {
	background-color: #f3f4f3;
}
.track-result table.detail th.status {
	width: 4em;
}
.track-result table.detail th.time {
	width: 7em;
}
.track-result table.goods th {
	width: 2em;
}
.track-result table.goods th.weight {
	width: 3em;
}
.track-result table.contact td.branch-type {
	width: 3em;
}
.track-result table.contact td.branch-name {
	width: 10em;
}
/* =========================================================
	trackStatusMail
========================================================= */
form dl .note {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
}
ul.gempyo-no {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.send-time {
	display: none;
}