body.webservice #alpha {
	float: none;
	width: auto;
	padding-right: 10px;
}


/****************************************************
	シンプルヘッダー / フッター
*****************************************************/

body.simple-header {
	background-image: url(../images/common/body_bg_simple-header.gif);
}

body.simple-header #container-inner {
	background-image: url(../images/common/container-inner_bg_simple-header.jpg);
}
body.simple-header #header {
	height: 88px;
}
body.simple-header #footer {
	height: 44px;
}
body.simple-header #footer-inner {
	padding-top: 15px;
}
body.simple-header #copyright {
	margin-top: 0;
}


/****************************************************
	テーブル
*****************************************************/

body.simple-header table.base {
	width: 740px;
}
body.simple-header table.level4 {
	margin: 0 30px 10px 30px !important;
	width: 720px;
}
body.simple-header table.level5 {
	margin: 0 40px 10px 40px !important;
	width: 700px;
}
body.simple-header .gray-frame table.base {
	width: 700px;
}


/****************************************************
	共通部品
*****************************************************/

/* ボタン */
input.button-150 {
	width: 150px;
}
input.arrow02-right {
	background: transparent url(../images/common/icon/arrow02_right.gif) no-repeat 6px center;
}
input.arrow02-left {
	background: transparent url(../images/common/icon/arrow02_left.gif) no-repeat 6px center;
}

/* グレーの枠 */
body.simple-header .gray-frame {
	background: #fafafa url(../images/common/gray-frame_wide.gif) no-repeat;
	width: 740px;
	margin: 0 auto 20px auto;
}
body.simple-header .gray-frame-inner {
	background: url(../images/common/gray-frame_wide_bottom.gif) no-repeat left bottom;
	padding: 10px 20px;
	zoom: 1;
}

/* ウィンドウを閉じるボタン */

body.simple-header a.close-window {
	display: block;
	width: 124px;
	height: 18px;
	margin-top: 49px;
	background: url(../images/common/button/close-window.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
body.simple-header a.close-window:hover {
	background-position: 0 -18px;
}
body.simple-header #header a.close-window {
	float: right;
}
body.simple-header #alpha a.close-window {
	margin: 30px auto 0 auto;
}

/* 印刷プログラムページ用 */
a:hover {
	color: #0088CC;
}
a {
	color: #555555;
}
a img {
	border: 0 none;
}
#print-header {
	width: 600px;
	margin: 0 auto;
	text-align: left;
	padding: 0px 400px 0px 10px;
	margin: 0 0 -10px 0;
	position:relative
}
#print-container{
	width: 650px;
	margin: 0 auto;
	text-align: center;
	padding: 0px 0px 0px 10px;
	margin: 0 0 0 5;
	border-top: 3px #be3837 solid;
}

#print-header a.close {
	position: absolute;
	right: 50px;
	top: 15px;
}

/* お申込みメールアドレス入力 */
form.input-mail {
	float: left;
	padding: 10px;
	margin-left: 20px;
	display: inline;		/* IE6で左マージンが2倍になるバグを回避する */
	background: #fafafa;
	line-height: 1.5;
}

/* お申し込みメールアドレスの登録（確認） */
table.register-mail-confirm th {
	width: 160px;
}

/* 既にお持ちの「ログインID」でお申込みをされるお客さま */
form.input-existing-id {
	margin: 0 20px 10px 20px;
	padding: 5px;
	background: #fafafa;
}
form.input-existing-id table {
	border-collapse: collapse;
	margin: 0 !important;
}
form.input-existing-id td {
	padding: 3px;
}
form.input-existing-id td.already-have {
	padding-right: 45px;
}
form.input-existing-id input.button-150 {
	margin-left: 14px;
}

/* テーブル（ご利用登録・お客さま情報・お申込みの流れ・仮登録情報の入力） */
table.use-registration th,
table.customer-info th,
table.application-flow th,
table.interim-registration th {
	width: 160px;
}

/* テーブル（専用ラベルプリンタの利用確認） */
table.gempyo-type {
	width: 710px !important;
}
table.gempyo-type th {
	width: 120px;
}
table.gempyo-type div.gempyo {
	width: 360px;
	margin-right: 10px;
}
table.gempyo-type div.image {
	width: 170px;
	margin:0 0 0 auto;
}
table.gempyo-type img {
	border:solid 2px #C0C0C0;
}
table.printer-use th {
	width:200px;
}
table.printer-use div.image {
	margin-right:10px;
}
table.printer-use div.printer {
	width:345px;
	margin:0 0 0 auto;
}

/* リスト（ご利用上の注意・仮登録情報の入力） */
ul.usage-note li,
ul.interim-registration li {
	margin-bottom: 1em;
}
ul.usage-note .body-link,
ul.interim-registration .body-link {
	margin-bottom: 0 !important;
}
ul.usage-note div.clear-both {
	height: 0;
	overflow: hidden;
}
ul.usage-note .download-adobe-reader {
	margin: 0;
}

/* お申込みの流れ */
table.application-flow img {
	vertical-align: middle;
}


/* 県名検索 */
table.prefecture td {
	width: 20%;
}

/* 市町村検索 */
table.municipality th,
table.municipality td {
	text-align: center;
}

/* 重要なお知らせ */
.news-info-area {
	margin: 0 10px 10px 10px;
	padding-bottom: 7px;
	border-width: 0 1px 1px 1px;
	border-color: #cb5150;
	border-style: solid;
}
#alpha .news-info-area .news-info-title {
	margin: 0 0 7px 0;
	padding: 4px 4px 4px 29px;
	border: 0;
	background: #cb5150 url(../images/common/icon/news_icon_important.gif) no-repeat 4px center;
	color: #fff;
	text-indent: 0;
	height: auto;
	font-size: 100%;
	zoom: 1;
}
.news-info-area .news-list {
	margin: 0 10px !important;
}

/* ステップ */
table.step {
	border-collapse: collapse;
	margin-top: 20px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
table.step th {
	width: 217px;
	padding: 0;
}
table.step td {
	width: 197px;
	padding: 10px;
	text-align: center;
	background: #e9fbff url(../images/webservice/common/frame/blue-frame_one-third.gif) no-repeat left bottom;
}
table.step td.unfinished {
	background-color: #fafafa;
}
table.step td.arrow {
	width: 44px;
	padding: 0;
	background: transparent none;
}

/* タブ */
div.tab {
	margin: -10px 10px 10px 10px;
}

/****************************************************
	ご利用規約
*****************************************************/

/* 2011/04/28 M.Miyashiro スマートフォン対応のため、ご利用規約のCSSは
terms_of_service.cssに別途記載 */

/****************************************************
	お届け状況確認
*****************************************************/

form.track input.text {
	width: 100px;
}
form.track th {
	letter-spacing: -1px;
}
form.track .col1 {
	width: 105px;
}
form.track .col2,
form.track .col3,
form.track .col6 {
	width: 96px;
}
form.track .col5 {
	width: 35px;
	text-align: center;
}

table.package-detail1 .col1,
table.package-detail1 .col3 {
	width: 276px;
}
table.package-detail2 th,
table.package-detail2 td {
	width: 16.7%;
}
table.package-detail3 .col1 {
	width: 104px;
}
table.package-detail3 .col2 {
	width: 164px;
}

table.package-detail3 .col3{
	background: #FFFACD;
}

table.package-detail3 .col4 {
	width: 160px;
}

table.notified-party .col1 {
	width: 40%;
}


/****************************************************
	営業所検索
*****************************************************/

body.simple-header table.branch-info {
	width: 740px;
	background-image: url(../images/common/table/branch-info_bg_wide.gif);
}
body.simple-header table.branch-info th.branch-name {
	background-image: url(../images/common/table/branch-name_bg_wide.gif);
}
body.simple-header table.branch-info td {
	width: 535px;
}


/****************************************************
	ログインIDが一つでご利用いただけるWebサービス一覧
*****************************************************/

body.simple-header .one-third-box-outer {
	width: 780px;
	margin-right: -30px;
}
body.simple-header .one-third-box {
	width: 240px;
}
body.simple-header #alpha .one-third-box h3 {
	background-image: url(../images/common/h3_bg_short_240px.gif);
}

/****************************************************
	所要日数検索
*****************************************************/

.required-days-step1 {
	margin-bottom: 39px;
}
form .required-days-step1 {
	background: url(../images/webservice/common/icon/arrow_large_right.gif) no-repeat center center;
}
.required-days-step1,
.required-days-date {
	position: relative;
	zoom: 1;
}
.required-days-step1 img.step1,
.required-days-date img.step2 {
	position: absolute;
	left: 0;
	top: -30px;
}
.required-days-from,
.required-days-to,
.required-days-date {
	padding: 0 10px 10px 10px;
	background: #fff url(../images/webservice/common/frame/blue-frame_half.gif) no-repeat left bottom;
	line-height: 1.5;
}
.required-days-date {
	background-image: url(../images/webservice/common/frame/blue-frame.gif);
	margin-bottom: 10px;
}
.required-days-from {
	width: 308px;
	float: left;
}
.required-days-to {
	width: 308px;
	float: right;
}
.required-days-date {
	clear: both;
	zoom: 1;
}
.required-days-step1:after,
.required-days-date:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
.required-days-from .title,
.required-days-to .title,
.required-days-date .title {
	margin: 0 -10px 10px -10px;
}
.required-days-date div.select-date {
	float: left;
	margin-right: 20px;
}
.required-days-date div.shipment-or-arrive {
	float: left;
}
.required-days-step1 input.postcode,
.required-days-step1 input.select-address,
.required-days-step1 select.address,
.required-days-date select.date {
	width: 100px;
}
.required-days-step1 input.address {
	width: 300px;
}
.required-days-result-arrow-bottom {
	margin: 20px 0 !important;
	text-align: center;
}
.required-days-result {
	background: #fff;
	border: 1px #e4e4e4 solid;
	padding: 0 10px 10px 10px;
	margin-bottom: 10px;
}
.required-days-result table {
	margin: 0 !important;
	border-collapse: collapse;
	width: 678px;
}
.required-days-result th {
	background: url(../images/webservice/required-days/result_table_border.gif) no-repeat left bottom;
	padding: 6px 0 7px 0;
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}
.required-days-result td {
	background: url(../images/webservice/required-days/result_table_border.gif) no-repeat right bottom;
	padding: 6px 0 7px 25px;
	vertical-align: top;
}
.required-days-faster {
	background: #fafafa;
	padding: 10px;
	margin: 20px;
}
.required-days-faster .faster-img {
	margin-top: -20px;
	float: left;
}
.required-days-faster .faster-text {
	margin-left: 120px;
}
.required-days-faster table {
	margin: 0 !important;
	border-collapse: collapse;
}
.required-days-faster th {
	font-weight: normal;
	text-align: left;
	padding: 0 25px 0 0;
	white-space: nowrap;
	vertical-align: top;
}
.required-days-faster td {
	padding: 0;
}


/****************************************************
	H2見出し
*****************************************************/

#alpha h2.assembly-service-accept {
	background: url(../images/title_h2/webservice/assembly-service-accept.gif) no-repeat;
}
#alpha h2.assembly-service-additional-registration {
	background: url(../images/title_h2/webservice/assembly-service-additional-registration.gif) no-repeat;
}
#alpha h2.assembly-service-application-confirmation {
	background: url(../images/title_h2/webservice/assembly-service-application-confirmation.gif) no-repeat;
}
#alpha h2.assembly-service-application-finish {
	background: url(../images/title_h2/webservice/assembly-service-application-finish.gif) no-repeat;
}
#alpha h2.assembly-service-confirmation {
	background: url(../images/title_h2/webservice/assembly-service-confirmation.gif) no-repeat;
}
#alpha h2.assembly-service-finish {
	background: url(../images/title_h2/webservice/assembly-service-finish.gif) no-repeat;
}
#alpha h2.assembly-service-mail {
	background: url(../images/title_h2/webservice/assembly-service-mail.gif) no-repeat;
}
#alpha h2.assembly-service-new-confirmation {
	background: url(../images/title_h2/webservice/assembly-service-new-confirmation.gif) no-repeat;
}
#alpha h2.bill {
	background: url(../images/title_h2/webservice/bill.gif) no-repeat;
}
#alpha h2.bill-additional-registration {
	background: url(../images/title_h2/webservice/bill-additional-registration.gif) no-repeat;
}
#alpha h2.bill-display {
	background: url(../images/title_h2/webservice/bill-display.gif) no-repeat;
}
#alpha h2.bill-finish {
	background: url(../images/title_h2/webservice/bill-finish.gif) no-repeat;
}
#alpha h2.bill-history {
	background: url(../images/title_h2/webservice/bill-history.gif) no-repeat;
}
#alpha h2.bill-login {
	background: url(../images/title_h2/webservice/bill-login.gif) no-repeat;
}
#alpha h2.bill-new-confirmation {
	background: url(../images/title_h2/webservice/bill-new-confirmation.gif) no-repeat;
}
#alpha h2.bill-new-registration {
	background: url(../images/title_h2/webservice/bill-new-registration.gif) no-repeat;
}
#alpha h2.bill-registration-confirmation {
	background: url(../images/title_h2/webservice/bill-registration-confirmation.gif) no-repeat;
}
#alpha h2.branch-search-result {
	background: url(../images/title_h2/webservice/branch-search-result.gif) no-repeat;
}
#alpha h2.business {
	background: url(../images/title_h2/webservice/business.gif) no-repeat;
}
#alpha h2.business-confirmation {
	background: url(../images/title_h2/webservice/business-confirmation.gif) no-repeat;
}
#alpha h2.business-finish1 {
	background: url(../images/title_h2/webservice/business-finish1.gif) no-repeat;
}
#alpha h2.business-finish2 {
	background: url(../images/title_h2/webservice/business-finish2.gif) no-repeat;
}
#alpha h2.business-new-confirmation {
	background: url(../images/title_h2/webservice/business-new-confirmation.gif) no-repeat;
}
#alpha h2.business-registration {
	background: url(../images/title_h2/webservice/business-registration.gif) no-repeat;
}
#alpha h2.business-registration-confirmation {
	background: url(../images/title_h2/webservice/business-registration-confirmation.gif) no-repeat;
}
#alpha h2.kangaroo {
	background: url(../images/title_h2/webservice/kangaroo.gif) no-repeat;
}
#alpha h2.kangaroo-corporation {
	background: url(../images/title_h2/webservice/kangaroo-corporation.gif) no-repeat;
}
#alpha h2.kangaroo-large {
	background: url(../images/title_h2/webservice/kangaroo-large.gif) no-repeat;
}
#alpha h2.kangaroo-non-packing {
	background: url(../images/title_h2/webservice/kangaroo-non-packing.gif) no-repeat;
}
#alpha h2.kangaroo-plural {
	background: url(../images/title_h2/webservice/kangaroo-plural.gif) no-repeat;
}
#alpha h2.one-login-id {
	background: url(../images/title_h2/webservice/one-login-id.gif) no-repeat;
}
#alpha h2.required-days {
	background: url(../images/title_h2/webservice/required-days.gif) no-repeat;
}
#alpha h2.track {
	background: url(../images/title_h2/webservice/track.gif) no-repeat;
}
#alpha h2.track-mail {
	background: url(../images/title_h2/webservice/track-mail.gif) no-repeat;
}
#alpha h2.transfer-additional-application {
	background: url(../images/title_h2/webservice/transfer-additional-application.gif) no-repeat;
}
#alpha h2.transfer-display {
	background: url(../images/title_h2/webservice/transfer-display.gif) no-repeat;
}
#alpha h2.transfer-finish {
	background: url(../images/title_h2/webservice/transfer-finish.gif) no-repeat;
}
#alpha h2.transfer-flow {
	background: url(../images/title_h2/webservice/transfer-flow.gif) no-repeat;
}
#alpha h2.transfer-history {
	background: url(../images/title_h2/webservice/transfer-history.gif) no-repeat;
}
#alpha h2.transfer-inquiry {
	background: url(../images/title_h2/webservice/transfer-inquiry.gif) no-repeat;
}
#alpha h2.transfer-login {
	background: url(../images/title_h2/webservice/transfer-login.gif) no-repeat;
}
#alpha h2.transfer-new-confirmation {
	background: url(../images/title_h2/webservice/transfer-new-confirmation.gif) no-repeat;
}
#alpha h2.transfer-new-registration {
	background: url(../images/title_h2/webservice/transfer-new-registration.gif) no-repeat;
}
#alpha h2.transfer-registration-confirmation {
	background: url(../images/title_h2/webservice/transfer-registration-confirmation.gif) no-repeat;
}
#alpha h2.km2-enquete {
	background: url(../images/title/km2-enquete-otameshi.gif) no-repeat;
}

#alpha h2#entry-kamotsuclose.finish {
	background: url(../images/title_h2/webservice/kamotsuClose/finish.gif) no-repeat;
}

#alpha h2#agree-error{
	background: url(../images/title_h2/webservice/common/01cm0010.gif) no-repeat;
}

#alpha h2.km2-admin {
	background: url(../images/title/km2-admin.gif) no-repeat;
}
/****************************************************
	H3見出し
*****************************************************/

#alpha h3.application-flow {
	background: url(../images/title_h3/webservice/application-flow.gif) no-repeat;
}
#alpha h3.register-mail-confirm {
	background: url(../images/title_h3/webservice/register-mail-confirm.gif) no-repeat;
}
body.simple-header #alpha h3.contact {
	background: url(../images/title_h3/webservice/contact.gif) no-repeat;
}
#alpha h3.customer-info {
	background: url(../images/title_h3/webservice/customer-info.gif) no-repeat;
}
#alpha h3.except-internet {
	background: url(../images/title_h3/webservice/except-internet.gif) no-repeat;
}
#alpha h3.interim-registration {
	background: url(../images/title_h3/webservice/interim-registration.gif) no-repeat;
}
#alpha h3.package-detail {
	background: url(../images/title_h3/webservice/package-detail.gif) no-repeat;
}
#alpha h3.register-by-existing-id {
	background: url(../images/title_h3/webservice/register-by-existing-id.gif) no-repeat;
}
#alpha h3.usage-note {
	background: url(../images/title_h3/webservice/usage-note.gif) no-repeat;
}
#alpha h3.use-registration {
	background: url(../images/title_h3/webservice/use-registration.gif) no-repeat;
}
#alpha h3.register-mail {
	background: url(../images/title_h3/webservice/register-mail.gif) no-repeat;
}
#alpha h3.attention {
	background: url(../images/title_h3/webservice/attention.gif) no-repeat;
}
#alpha h3.terms-of-service {
	background: url(../images/title/terms-of-service.gif) no-repeat;
}
#alpha h3.register-customer-info-confirmation {
	background: url(../images/title/register-customer-info-confirmation.gif) no-repeat;
}
#alpha h3.register-customer-info-finish {
	background: url(../images/title/register-customer-info-finish.gif) no-repeat;
}

/************Tips表示の設定************/
/* Tip表示する文字の装飾 */
A.tips{
  text-decoration:none;
  font-style:italic;
  color:#ff33cc;
}

/* Tip表示するレイアの定義と装飾 */
SPAN.tips{
  position:absolute;
  visibility:hidden;
  border:1px solid #3333cc;
  padding:5;
  background-color:#ffffcc;
  layer-background-color:#ffffcc;
}
/************プログレス処理************/
.pbhide
	{
	position:absolute;
	visibility:hidden;
	}
.pbshow
	{
	position:absolute;
	visibility:visible;
	}
.prgbar
	{
	margin:0px 0px 0px 0px;/*上右下左*/
	width:200px;
	border:ridge 2px #99ccff;
	background-color:#003366;
	padding:0px 0px 0px 4px;
	color:#ffffff; 
	}
.prgbar h4
	{
	margin:0px 0px 0px 0px;/*上右下左*/
	background:#003366 url("/kwsc/pic/pleasewait_f.gif") no-repeat left 2px;
	padding:5px 5px 4px 20px;
	font-size:12px;
	font-weight:normal;
	}

.prgbar h6
	{
	margin:0px 0px 0px 0px;/*上右下左*/
	background:#003366 url("/kwsc/pic/pleasewait_f.gif") no-repeat left 2px;
	padding:5px 5px 4px 20px;
	font-size:12px;
	font-weight:normal;
	}

h3.title {
	background: url(../images/common/box_h3_bg_gray.gif) no-repeat;
	padding: 5px 7px 0 15px;
	position: relative;
	margin: 0 0 -7 0;
	border-bottom: 0;
	line-height: 1.2;
}
#alpha h2.uketoriShohin {
	background: url(../images/title/uketoriShohin.gif) no-repeat;
}
/* K12-225 2012.12.03 [STR] ADD
 * ホームページリニューアルのスタイルが適用されないためここに追加
 */
body.simple-header #header {
	/*height: 120px;*/
	height: 90px;
}
body.simple-header #container-inner {
	background: url("../media/img-lib/common/spacer.gif") no-repeat scroll center top transparent;
}
/* K12-225 2012.12.03 [END] ADD */

#alpha h3 span {
	padding-top: 7px;
	margin-left: 12Px;
	display: block;
}

ul.subwindow-link{
	height:auto;
	padding:6px 0 0 0 ;
	margin-top:0px;
	margin-bottom:0px;
	overflow: hidden;
	}
ul.subwindow-link a{
	text-decoration: none;
}
ul.subwindow-link li{
	display:inline;
	float:left;
	background:url(../media/img-lib/common/li-right-arrow.gif) 8px 50%  no-repeat;
	list-style-type:none;
	list-style-position:inside;
	border:1px solid #e2e1dd;
	margin:2px 8px 2px 0px;
	padding:10px 8px 10px 20px;
	overflow: hidden;
	}

/*　メッセージエリア　*/
#alpha-inner #message {
	clear: left;
	margin-bottom: 0px;
	margin-right: 20px;
	margin-left: 10px;
	border-width: 3px;
	line-height: 20px;
}

#alpha-inner #message p {
	margin: 5px 0 5px 35px;
}

/*正常*/
.ok_msg{
	color: #84b158;
	line-height:18px;
	text-decoration:none;
	font-weight:bold;
	font-size: 13px;
}

.success {
	background: url(../images/common/msg_info.png ) no-repeat;
	background-color: #edffdb;
	background-position: 8px 50%;
	border-color: #a4d770;
	border-style: solid;
}

/*異常*/
.er_msg{
	color: #FF3333;
	line-height: 18px;
	text-decoration: none;
	font-weight:bold;
	font-size: 13px;
}

.failed {
	background: url(../images/common/msg_error.png ) no-repeat;
	background-color: #ffdddd;
	background-position: 8px 50%;
	border-color: #ff6666;
	border-style: solid;
}


html,body{
    margin:0;
    padding:0;
    height:100%;
}

#glayLayer{
    display:none;
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:black;
    opacity: 0.60;
    filter:alpha(opacity=60);
    z-index: 10;   

}

#baseLayer{
	display: none;
	position: relative;
	z-index: 10;
}

#overLayer{
    display:none;
    position: fixed;
    top:50%;
    left:50%;
    margin-top:-250px;
    margin-left:-250px;
    padding: 20px;
    z-index: 100;
}

#closeLayer{
    display:none;
    position: fixed;
    top:50%;
    left:50%;
    margin-top:-230px;
    margin-left: 130px;
    z-index: 1000;
    cursor: pointer;
}

* html #glayLayer{
    position:absolute;
}
* html #overLayer{
    position: absolute;
}

* html #closeLayer{
    position: absolute;
}

#imgDisp {
	cursor: pointer;
}

.img_button {
	margin-right: 10px;
	margin-left: 10px;
}