@charset "utf-8";

/*============================================================

全ページ共通

============================================================*/

/*------------------------------------------------------------

基礎

------------------------------------------------------------*/
body, p, th, td{
	font-size:12px;
	font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:120%;
	color:#333;
}
html, body{width:100%;height:100%;}

.clear{clear:both;}
.intxt{
	vertical-align:middle;
	margin:0 3px;
}

ul.normal, ol.normal{padding-left:1.5em;}
	ul.normal li{list-style:disc;}
	ol.normal li{list-style:decimal;}
	ul.normal li, ol.normal li{margin-bottom:0.7em;}
ul.chui li{
	margin-left:1.3em;
	text-indent:-1.3em;
}



/*------------------------------------------------------------

文字装飾

------------------------------------------------------------*/
p{margin-bottom:1em;}
p.noMgBtm{margin-bottom:0;}
p.error{
	color:#ff4000;
	background-color:#ffe5dd;
	background-image:url(../img/bg-com_pError.png);
	background-position:5px;
	background-repeat:no-repeat;
	padding:5px 5px 5px 30px;
	margin-bottom:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	-moz-text-shadow:1px 1px 0 rgba(255,255,255,1);
	-webkit-text-shadow:1px 1px 0 rgba(255,255,255,1);
	position:relative;
	behavior:url(/js/PIE.htc);
}
strong{font-weight:bold;}
.red{color:#f00;}
.xsFont{font-size:10px;}
.sFont{font-size:11px;}
.mFont{font-size:14px;}
.lFont{font-size:16px;}
.xlFont{font-size:18px;}



/*------------------------------------------------------------

リンク

------------------------------------------------------------*/
a, a:link, a:visited{
	color:#037ac4;
	text-decoration:underline;
	outline:none;
}
a:hover{
	color:#20acd5;
	text-decoration:none;
}
a[target="_blank"]{
	/*background-image:url(../img/bg-com_link.gif);*/
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:17px;
}



/*------------------------------------------------------------

フォーム装飾

------------------------------------------------------------*/

/* 入力フォーム：ノーマル時 */
input[type="text"],
input[type="password"],
textarea{
	border:1px solid #a5acb2;
	padding:3px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#f1f4f6;
	background:linear-gradient(#f1f4f6, #fff);
	background:-moz-linear-gradient(top, #f1f4f6, #fff);
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f4f6), to(#fff));
	background:-o-linear-gradient(#f1f4f6, #fff);
	-pie-background:linear-gradient(#f1f4f6, #fff);
	position:relative;
	behavior:url(/js/PIE.htc);
}
input[type="text"],
input[type="password"]{
	vertical-align:middle;
}
textarea{
	width:95%;
	height:150px;
}
/*会員番号入力用など*/
textarea.mini{
	width:100px;
	height:100px;
	margin-right:1em;
}

/* 入力フォーム：マウスオン時 */
input[type="text"]:hover,
input[type="password"]:hover,
textarea:hover{
	border-color:#959ba0;
	box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1) inset;
	-moz-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1) inset;
}

/* 入力フォーム：フォーカス時 */
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{
	border-color:#7fc31c;
	background:none;
	background-color:#fff;
}

/* 入力フォーム：disable時 */
input[type="text"][disabled]{
	background:none;
	background-color:#ccc;
}
input[type="text"][disabled]:hover{
	border-color:#a5acb2;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

/* 入力フォーム：長さやフォーム内のテキスト位置 */
input.wide25{width:15px;}
input.wide50{width:40px;}
input.wide75{width:65px;}
input.wide100{width:90px;}
input.wide150{width:140px;}
input.wide200{width:190px;}
input.wide250{width:240px;}
input.wide300{width:290px;}
input.wide352{width:342px;}
input.wide400{width:390px;}
input.wide500{width:490px;}
input[type="button"]{
	padding:1px 3px;
	cursor:pointer;
}

div.kometxt{
	padding-top:5px;
}


/*------------------------------------------------------------

ボタン：基本形式

------------------------------------------------------------*/

/* ポジ(=n), ネガ(=c), 決定(=a), 追加(=add) 共通：ノーマル時 */
.nBtn,
.cBtn,
.aBtn,
.addBtn{
	line-height:1.5;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(/js/PIE.htc);
}

/* ポジ(=n), ネガ(=c), 決定(=a), 追加(=add) 共通：マウスオン時 */
.nBtn:hover, .cBtn:hover, .aBtn:hover, .addBtn:hover{
	box-shadow:0 1px 3px -1px rgba(0,0,0,0.8);
	-moz-box-shadow:0 1px 3px -1px rgba(0,0,0,0.8);
	-webkit-box-shadow:0 1px 3px -1px rgba(0,0,0,0.8);
}

/* ポジティブ */
.nBtn{
	border:1px solid #70b5d8;
	background:#33bfdb;
	background:linear-gradient(#33bfdb, #28add0);
	background:-moz-linear-gradient(top, #33bfdb, #28add0);
	background:-webkit-gradient(linear, left top, left bottom, from(#33bfdb), to(#28add0));
	background:-o-linear-gradient(#33bfdb, #28add0);
	-pie-background:linear-gradient(#33bfdb, #28add0);
	box-shadow:0 1px 3px -1px rgba(0,0,0,0.8), 0 1px 0 0 rgba(100,170,220,0.8) inset;
	-moz-box-shadow:0 1px 3px -1px rgba(0,0,0,0.8), 0 1px 0 0 rgba(100,170,220,0.8) inset;
	-webkit-box-shadow:0 1px 3px -1px rgba(0,0,0,0.8), 0 1px 0 0 rgba(100,170,220,0.8) inset;
}
.nBtn:hover{
	border-color:#037ac4;
	background:none;
	background-color:#037ac4;
}

/* ネガティブ */
.cBtn{
	border:1px solid #5e5e5e;
	background:#888;
	background:linear-gradient(#888, #666);
	background:-moz-linear-gradient(top, #888, #666);
	background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#666));
	background:-o-linear-gradient(#888, #666);
	-pie-background:linear-gradient(#888, #666);
	box-shadow:0 1px 3px -1px rgba(0,0,0,0.8), 0 1px 0 0 rgba(180,180,180,0.8) inset;
	-moz-box-shadow:0 1px 3px -1px rgba(0,0,0,0.8), 0 1px 0 0 rgba(180,180,180,0.8) inset;
	-webkit-box-shadow:0 1px 3px -1px rgba(0,0,0,0.8), 0 1px 0 0 rgba(180,180,180,0.8) inset;
}
.cBtn:hover{
	border:1px solid #5e5e5e;
	background:#666;
	background:linear-gradient(#666, #888);
	background:-moz-linear-gradient(top, #666, #888);
	background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#888));
	background:-o-linear-gradient(#666, #888);
	-pie-background:linear-gradient(#666, #888);
}

/* 決定（特に操作を気を付けてほしいボタン） */
.aBtn{
	border:1px solid #b01f0d;
	background:#e93f29;
	background:linear-gradient(#e93f29, #c22310);
	background:-moz-linear-gradient(top, #e93f29, #c22310);
	background:-webkit-gradient(linear, left top, left bottom, from(#e93f29), to(#c22310));
	background:-o-linear-gradient(#e93f29, #c22310);
	-pie-background:linear-gradient(#e93f29, #c22310);
	box-shadow:0 1px 3px -1px rgba(0,0,0,0.8), 0 1px 0 0 rgba(255,120,100,0.8) inset;
	-moz-box-shadow:0 1px 3px -1px rgba(0,0,0,0.8), 0 1px 0 0 rgba(255,120,100,0.8) inset;
	-webkit-box-shadow:0 1px 3px -1px rgba(0,0,0,0.8), 0 1px 0 0 rgba(255,120,100,0.8) inset;
}
.aBtn:hover{
	background:#c22310;
	background:linear-gradient(#c22310, #e93f29);
	background:-moz-linear-gradient(top, #c22310, #e93f29);
	background:-webkit-gradient(linear, left top, left bottom, from(#c22310), to(#e93f29));
	background:-o-linear-gradient(#c22310, #e93f29);
	-pie-background:linear-gradient(#c22310, #e93f29);
}

/* 新規登録ボタン */
.addBtn{
	border:1px solid #ccc;
	background:#eef1f4;
	background:linear-gradient(#eef1f4, #e6e9ec);
	background:-moz-linear-gradient(top, #eef1f4, #e6e9ec);
	background:-webkit-gradient(linear, left top, left bottom, from(#eef1f4), to(#e6e9ec));
	background:-o-linear-gradient(#eef1f4, #e6e9ec);
	-pie-background:linear-gradient(#eef1f4, #e6e9ec);
	box-shadow:0 1px 3px -1px rgba(0,0,0,0.8);
	-moz-box-shadow:0 1px 3px -1px rgba(0,0,0,0.8);
	-webkit-box-shadow:0 1px 3px -1px rgba(0,0,0,0.8);
}
.addBtn:hover{
	background:#e6e9ec;
	background:linear-gradient(#e6e9ec, #eef1f4);
	background:-moz-linear-gradient(top, #e6e9ec, #eef1f4);
	background:-webkit-gradient(linear, left top, left bottom, from(#e6e9ec), to(#eef1f4));
	background:-o-linear-gradient(#e6e9ec, #eef1f4);
	-pie-background:linear-gradient(#e6e9ec, #eef1f4);
}

/* ミニボタン */
.shortBtn{
	display:block;
	border:1px solid #6d7676;
	background:#d0dada;
	background:linear-gradient(#d0dada, #a9b3b3);
	background:-moz-linear-gradient(top, #d0dada, #a9b3b3);
	background:-webkit-gradient(linear, left top, left bottom, from(#d0dada), to(#a9b3b3));
	background:-o-linear-gradient(#d0dada, #a9b3b3);
	-pie-background:linear-gradient(#d0dada, #a9b3b3);
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	position:relative;
	behavior:url(/js/PIE.htc);
}
.shortBtn:hover{
	background:#a9b3b3;
	background:linear-gradient(#a9b3b3, #d0dada);
	background:-moz-linear-gradient(top, #a9b3b3, #d0dada);
	background:-webkit-gradient(linear, left top, left bottom, from(#a9b3b3), to(#d0dada));
	background:-o-linear-gradient(#a9b3b3, #d0dada);
	-pie-background:linear-gradient(#a9b3b3, #d0dada);
}

/* ミニボタン */
.delBtnColor{
	border:1px solid #CD9999;
	background:#F7E3E3;
	background:linear-gradient(#F7E3E3, #FF8080);
	background:-moz-linear-gradient(top, #F7E3E3, #FF8080);
	background:-webkit-gradient(linear, left top, left bottom, from(#F7E3E3), to(#FF8080));
	background:-o-linear-gradient(#F7E3E3, #FF8080);
	-pie-background:linear-gradient(#F7E3E3, #FF8080);
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	position:relative;
	behavior:url(/js/PIE.htc);
}
.delBtnColor:hover{
	background:#FF8080;
	background:linear-gradient(#FF8080, #F7E3E3);
	background:-moz-linear-gradient(top, #FF8080, #F7E3E3);
	background:-webkit-gradient(linear, left top, left bottom, from(#FF8080), to(#F7E3E3));
	background:-o-linear-gradient(#FF8080, #F7E3E3);
	-pie-background:linear-gradient(#FF8080, #F7E3E3);
}

/* ミニボタンの長さ */
.m2{width:50px;} /*2文字*/
.m4{width:70px;} /*4文字*/
.m6{width:100px;} /*6文字*/
.m7{width:110px;} /*7文字*/
.m8{width:125px;} /*7文字*/
.mgR{margin-right:10px;} /*複数並ぶため余白を空けたい時*/


/* 各ボタンの中のa要素 */
.nBtn a,
.cBtn a,
.aBtn a,
.addBtn a{
	display:block;
	width:100%;
	padding:7px 0;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.nBtn a, .cBtn a, .aBtn a{color:#fff;}
.addBtn a{
	color:#333;
	background-image:url(../img/bg-com_addBtn.png);
	background-position:8px 4px;
	background-repeat:no-repeat;
}

.shortBtn a{
	display:block;
	width:100%;
	padding:2px 0;
	text-align:center;
	text-decoration:none;
	color:#000;
}

/* ボタンエリア */
ul.btnArea{
	margin:0 auto;
	padding:0 2px;
	overflow:hidden;
	clear:both;
}
ul.XL520{width:520px;} /*大ボタンx2+大（長）ボタン*/
ul.XL470{width:470px;} /*大ボタンx3*/
ul.LL410{width:410px;} /*大（長）ボタンx2*/
ul.LL400{width:400px;} /*大ボタンx2＋小ボタン*/
ul.L360{width:360px;} /*大（長）ボタン＋大ボタン*/
ul.L310{width:310px;} /*大ボタンx2*/
ul.M290{width:290px;} /*大（長）ボタン＋小ボタン*/
ul.M240{width:240px;} /*大ボタン＋小ボタン*/
ul.S200{width:200px;} /*大（長）ボタンx1*/
ul.S150{width:150px;} /*大ボタンx1*/
ul.SS80{width:80px;} /*小ボタンx1*/

	ul.btnArea li{
		display:block;
		float:left;
	}
	.btnArea li.w80{width:80px;} /*約3～4文字まで*/
	.btnArea li.w150{width:150px;} /*約8～9文字まで*/
	.btnArea li.w200{width:200px;} /*約8～9文字まで*/
	.btnArea li.mgR{margin-right:10px;}



/*------------------------------------------------------------

表組み装飾

------------------------------------------------------------*/

/* 表組み：ベース */
table{
	width:100%;
	margin-bottom:2em;
	background-color:#d3d3d3;
	border-collapse:separate;
	border-spacing:1px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(/js/PIE.htc);
}

table caption{
	padding:10px;
	margin-bottom:3px;
	font-weight:bold;
	text-align:left;
	font-size:16px;
	background-color:#eef1f4;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(/js/PIE.htc);
}
	table caption span.shortBtn{position:absolute;}
		table caption span.shortBtn a{padding:3px 0;}
	table caption span.refresh a{
		background-image:url(../img/bg-btn_refresh.png);
		background-position:5px center;
		background-repeat:no-repeat;
	}

table th,
table td{
	padding:10px;
	text-align:left;
}
table th{
	vertical-align:top;
	background-color:#e6e9ec;
	font-size:12px;
	font-weight:bold;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	-moz-text-shadow:1px 1px 0 rgba(255,255,255,1);
	-webkit-text-shadow:1px 1px 0 rgba(255,255,255,1);
	position:relative;
	behavior:url(/js/PIE.htc);
	/*white-space:nowrap;*/
}
table td{
	background-color:#fff;
	vertical-align:middle;
	word-break:break-all;
}
table tr:hover td{background-color:#ecf5e9;}

/* th内の必須マーク */
table th span.hissu{
	display:block;
	float:right;
	color:#f00;
	font-size:14px;
}

/* 2段組み用 */
table th.secnd{background-color:#f0f3f6;}

/* 一番基本的なeditテーブル */
table.edit th{width:170px;}
table.edit td.listType div p{
	width:250px;
	padding:5px 25px 5px 5px;
	margin:10px 0 0;
	background-color:#fff;
	border:1px dashed #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	behavior:url(/js/PIE.htc);
}
	table.edit td.listType div p span{
		position:absolute;
		top:3px;
		right:0;
	}

table.edit td.listType ul li{
	float:none;
	margin-bottom:0.5em;
}

/* 横2列用 */
table.floater{
	width:48%;
	float:left;
}
	table.floater th{width:100px;}

/* 横用 */
table.yoko th{
	width:auto;
	vertical-align:middle;
	font-size:12px;
}

/* 表組み：詳細 */
table.noLine{ /* 主にm_page.htmlで使うのみ */
	margin-bottom:0;
	background-color:#fff;
	border-collapse:collapse;
	border-spacing:0;
}
	table.noLine caption{margin-bottom:0.7em;}
	table.noLine td{padding:0;}
	table.noLine td ul li{margin:0;}
	table.noLine tr:hover td{background-color:#fff;}

table.mgb1em{margin-bottom:1em;} /* margin-bottomを1emにしたいもの */

table caption span{ /* caption内のボタンなど */
	position:absolute;
	top:6px;
	right:10px;
	font-size:12px;
	font-weight:normal;
}

table td.single span.shortBtn{margin:auto;} /* shortBtn 1つ用 */
table td.multi p{margin:0 auto;} /* shortBtnを入れるp */
	table td.multi p.total4{width:120px;} /* そのpの4文字用クラス */
table td.multi span.shortBtn{float:left;} /* shortBtn 2つ並列用 */

table td.cent{text-align:center;} /* セル内のテキストセンター揃え */
table td.right{text-align:right;} /* セル内の右端揃え */
table th.nowrap, table td.nowrap{white-space:nowrap;} /* セル内折り返さない */
table td ul li{ /* ラジオなどの選択肢やshortBtnを並ばせる時 */
	display:block;
	float:left;
	margin:0 1em 1em 0;
}

/* 検索用 */
table.search th{width:170px;}
table.search td input{margin-right:3px;}
table.result td.detailCell span{width:30px;}

/* 小計テーブル */
table.money{float:right;}
	table.money th,
	table.money td{
		font-size:14px;
	}
	table.money td{
		width:171px;
		font-weight:bold;
	}

/* 郵便番号検索の結果span用 */
table td.zip span{
	display:block;
	cursor:pointer;
	margin-bottom:0.7em;
	color:#037ac4;
	text-decoration:underline;
	outline:none;
}
	table td.zip span:hover{
		color:#4ab134;
		text-decoration:none;
	}
	/* 住所が見つからなかった場合 */
	table td.zip span.noAddress,
	table td.zip span.noAddress:hover{
		cursor: text;
		color: #ff4000;
		text-decoration: none;
	}

/* ソート用テーブルのth部分 */
table.sort th{
	cursor:pointer;
	background-image:url(../img/bg-th_sort.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}
table.sort th:hover{
	background-color:#c9cccf;
	box-shadow:0 1px 4px -1px rgba(0,0,0,1) inset;
	-moz-box-shadow:0 1px 4px -1px rgba(0,0,0,1) inset;
	-webkit-box-shadow:0 1px 4px -1px rgba(0,0,0,1) inset;
	position:relative;
	behavior:url(/js/PIE.htc);
}
table.sort th.noSort{
	cursor:default;
	background-image:none;
}
table.sort th.noSort:hover{
	background-color:#e6e9ec;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
table.sort th.sortNow{border-bottom:3px solid #ff4000;}
table.sort th.sortASC,
table.sort th.sortDESC{
	background-position:right bottom;
	background-repeat:no-repeat;
}
table.sort th.sortASC{background-image:url(../img/bg-th_sortASC.png);}
table.sort th.sortDESC{background-image:url(../img/bg-th_sortDESC.png);}

/* 一括更新用 */
.changed{background-color:#ffe8e8;}



/*------------------------------------------------------------

レイアウト

------------------------------------------------------------*/

/* 全部が入る枠 */
#body{
	width:100%;
	height:100%;
}