@charset "utf-8";
/***********************************************************
* 共通スタイルシート
***********************************************************/


html {
	font-size: 62.5%;
	overflow-y: scroll;
}
body { margin: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px; font-size: 1.4rem;
}
img {
	border: none;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}


/*----------------------------------------------------------
 リンク
----------------------------------------------------------*/
a {text-decoration: none; color: #333;}
a:link {color: #00CC97;}
a:visited {color: #000;}
a:hover	{color: #00CC97; text-decoration: underline}
a:active {color: #330000;}

/* hover時に透明化 */
a.hov:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/*----------------------------------------------------------
 テキスト
----------------------------------------------------------*/
h1,h2,h3,h4,p,li,dt,dd,th,td,adress{ line-height: 1.5; text-align: left; }
/*li p,dd p,th p,td p{ font-size: 100%;}*/
p {
	margin: 5px;
	font-size: 14px; font-size: 1.4rem;
	text-align: left;
	line-height: 1.5;
}
p span {
	color: #90
}
p em {
	color: #900;
	margin-left: 2px;
	margin-right: 4px;
}

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

.txt-red { color: red;}
.txt-blue { color: blue;}
.accention { color: red; font-weight: bold;}
.caution { color: #330000;}
.notice	{ font-weight: bold;}

.center {text-align: center;}


/*----------------------------------------------------------
 コンテンツ表示部
----------------------------------------------------------*/	
.content-fix {
	width: 940px;
	padding: 0;
	margin: 0 auto;
	*zoom: 1;
}
.content-flex {
	width: 100%;
	margin: 0;
	padding: 0;
	*zoom: 1;
}
.content-flex:before,
.content-flex:after,
.content-fix:before,
.content-fix:after {
	display: table;
	content: "";
}
.content-flex:after,
.content-fix:after {
	clear: both;
}


/*----------------------------------------------------------
 グリッド
----------------------------------------------------------*/	
.row,
.row-fluid {
	width: 100%;
	*zoom: 1;
}
.row:before,
.row:after,
.row-fluid:before,
.row-fluid:after {
	display: table;
	content: "";
}
.row:after,
.row-fluid:after {
	clear: both;
}
/* 固定グリッド */
[class*="grid"] {
	float: left;
	margin-right: 20px;
}
[class*="grid"]:last-child {
	margin-right: 0;
}
.grid.last {
	margin-right: 0;
}
.grid-12 { width: 940px; }
.grid-11 { width: 860px; }
.grid-10 { width: 780px; }
.grid-9 { width: 700px; }
.grid-8 { width: 620px; }
.grid-7 { width: 540px; }
.grid-6 { width: 460px; }
.grid-5 { width: 380px; }
.grid-4 { width: 300px; }
.grid-3 { width: 220px; }
.grid-2 { width: 140px; }
.grid-1 { width: 60px; }
	/* オフセット */
	.push-12 { margin-left: 960px; }
	.push-11 { margin-left: 880px; }
	.push-10 { margin-left: 800px; }
	.push-9 { margin-left: 720px; }
	.push-8 { margin-left: 640px; }
	.push-7 { margin-left: 560px; }
	.push-6 { margin-left: 480px; }
	.push-5 { margin-left: 400px; }
	.push-4 { margin-left: 320px; }
	.push-3 { margin-left: 240px; }
	.push-2 { margin-left: 160px; }
	.push-1 { margin-left: 80px; }

/* 流動グリッド */
.row-fluid [class*="grid"] {
	display: block;
	float: left;
	width: 100%;
	min-height: 28px;
	margin-left: 2.127659574%;
	*margin-left: 2.0744680846382977%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.row-fluid [class*="grid"]:last-child {
	margin-right: 0;
}
.row-fluid .grid-12 {
	width: 99.99999998999999%;
	*width: 99.94680850063828%;
}
.row-fluid .grid-11 {
	width: 91.489361693%;
	*width: 91.4361702036383%;
}
.row-fluid .grid-10 {
	width: 82.97872339599999%;
	*width: 82.92553190663828%;
}
.row-fluid .grid-9 {
	width: 74.468085099%;
	*width: 74.4148936096383%;
}
.row-fluid .grid-8 {
	width: 65.95744680199999%;
	*width: 65.90425531263828%;
}
.row-fluid .grid-7 {
	width: 57.446808505%;
	*width: 57.3936170156383%;
}
.row-fluid .grid-6 {
	width: 48.93617020799999%;
	*width: 48.88297871863829%;
}
.row-fluid .grid-5 {
	width: 40.425531911%;
	*width: 40.3723404216383%;
}
.row-fluid .grid-4 {
	width: 31.914893614%;
	*width: 31.8617021246383%;
}
.row-fluid .grid-3 {
	width: 23.404255317%;
	*width: 23.3510638276383%;
}
.row-fluid .grid-2 {
	width: 14.89361702%;
	*width: 14.8404255306383%;
}
.row-fluid .grid-1 {
	width: 6.382978723%;
	*width: 6.329787233638298%;
}


/*----------------------------------------------------------
 dl 水平
----------------------------------------------------------*/	
dl.dl-horizontal {
	margin: 0;
	padding: 0 auto;
	*zoom: 1;
}
dl.dl-horizontal:before,
dl.dl-horizontal:after {
	display: table;
	content: "";
}
dl.dl-horizontal:after {
	clear: both;
}
dl.dl-horizontal dt {
	width: 160px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
dl.dl-horizontal dd {
	width: auto;
	padding-left: 170px;
}


/*----------------------------------------------------------
 水平ナビゲーション 
----------------------------------------------------------*/	
.navibar {
	width: 100%;
	margin: 0;
	padding: 0;
	*zoom: 1;
}
.navibar:before,
.navibar:after {
	display: table;
	content: "";
}
.navibar:after {
	clear: both;
}
.navibar ul.navi-center {
	margin: 0 auto;
	list-style-type: none;
	text-align: center;
}
.navibar ul.navi-center li {
	display: inline;
}
.navibar ul.navi-left li {
	float: left;
}
.navibar ul.navi-right li {
	float: right;
}


/*----------------------------------------------------------
 フォーム関連
----------------------------------------------------------*/	
form {
	margin: 0 0 20px;
}
.req {
	background: url(../images/check.png) no-repeat left; 
}
.input-area {
	margin-top: 30px;
}
.input-area .input-box {
	margin-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #000;
}
.input-area .input-box:last-child {
}
.input-area .input-box em {
	color: #FF0000;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
}
.input-area ul.sub-input-box {
	list-style-type: none;
}
.input-area ul.sub-input-box li span {
	font-size: 12px; font-size: 1.2rem;
	color: #524632;
}

.form-action {
	display: block;
	margin: 15px auto 0;
}
.button-box {
	text-align: center;
}
/* キャプチャ画像 */
.captcha-img {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}
	
	
/*----------------------------------------------------------
 フォーム要素
----------------------------------------------------------*/	
/* テキストボックス・テキストエリア・リスト */
input,
select,
textarea {
	font-size: 16px; font-size: 1.6rem;
	padding: 4px;
}
input[type="text"],
input[type="password"] {
	width: 97%;
	line-height: 20px;
	border: 1px solid #666666;
	/*border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}
textarea {
	width: 97%;
	min-height: 200px;
	border: 1px solid #666666;
	/*border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}
select {
	height: auto;
	border: 1px solid #666666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
/* 幅等 */
input.input-short {
	width: 60px; !important	
}
input.input-medium {
	width: 60%;	 !important
}
label {
	line-height: 30%;
}
input[type="radio"], input[type="checkbox"] { margin-right: 5px; }


/*	*/
.input-append-btn {
	border: 1px solid #666;
	background-color: #FFF;
	display: inline-block;
	padding: 1px 1px 1px 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.input-append-btn input {
	width: 240px;
	margin: 1px 0 0;
	padding: 4px;
	/*-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;*/
	border: none;
	background-color: transparent;
}
.input-append-btn button.append-btn {
	margin: 0;
	line-height: 15px;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

/* 処理結果表示 */
#result {
	margin: 0px 0px 20px;
	line-height: 1.5;
	text-align: center;
	background:#330000;
	color: #ffffff;
}
/* 入力エラー */
#alert {
	margin: 0px 0px 20px;
	text-align: center;
	text-decoration: blink;
	color: #FF0000;
}
/* 項目毎のエラー表示 */	
.valid_err {
	color: #FF0000;
	margin: 3px 0;
	line-height: 1.5;
	text-align: left;
	font-size: 12px;
}


/*----------------------------------------------------------
 リスト表示用テーブル
----------------------------------------------------------*/	
table.list_table {
	border-collapse: separate;
	border-spacing: 1px;
	min-width: 700px;
	margin: 5px 10px 10px;
}

	table.list_table thead th {
		color: #ffffff;
		font-weight: normal;
		height: 40px;
		padding-left: 5px;
		padding-right: 5px;
		vertical-align: middle;
		text-align: center;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px; 
		-webkit-radius-topright: 5px;
		-webkit-radius-topleft: 5px; 
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		background-color: #AB4751;
		background: -moz-linear-gradient(top, #C78594, #AB4751);
		background: -webkit-gradient(linear, top, bottom, from(#C78594), to(#AB4751));
		position: relative;
	}
	table.list_table thead th a {
		color: #FFFF99;
	}
	table.list_table thead th a:hover {
		color: #FFCC00;
	}
	table.list_table thead th:first-child {
		background: none;	
	}
	table.list_table tbody {
		/*border: 1px solid #999999;*/
	}
	table.list_table tbody tr {
		/*background-color: white;*/
	}
	table.list_table tbody tr td:last-child img {
		margin: 3px;
	}	
	table.list_table tbody tr td {
		background: #FFFFFF;
	}
	table.list_table tbody tr:nth-child(even) td {
		background-color: #ECECEC;
	}
	table.list_table tbody tr:nth-child(odd) td {
		background-color: white;
	}
	table.list_table tbody tr:hover td {
		background-color: #ccc;
	}
	table.list_table tbody tr td {
		padding: 5px 10px;
		text-shadow: 0 1px 0 #fff;
		min-height: 40px;
		border-bottom: 1px solid #cdcdcd;
		box-shadow: 0 1px 0 white;
		white-space: nowrap;
		text-align: center;
		vertical-align: middle;
	}
	table.list_table tbody tr td:first-child {
		width: 15px;
		padding: 0;
		text-indent: -9999px;
		overflow: hidden;
		visibility: hidden;
	}	
	table.list_table tfoot tr td#batch_menu{
		height: 40px;
		background: #eeeeee;
		border-bottom: 0;
		padding-left: 15px;
		vertical-align: middle;
		/*box-shadow: none;*/
	}
		table.list_table tfoot tr td#batch_menu ul {
			list-style-type: none;
			margin: 0 20px 0 0;
			padding: 0;
			float: left;
		}
			table.list_table tfoot tr td#batch_menu ul li {
				float: left;
				margin-right: 5px;
				color: #363636;
			}
			table.list_table tfoot tr td#batch_menu ul li img {
				margin-right: 2px;
			}			
				table.list_table tfoot tr td#batch_menu ul li a:hover {
					text-decoration: none;
				}
	table.list_table tfoot tr td{
		height: 20px;
		background: -moz-linear-gradient(top, #eeeeee,rgba(255,255,255,0.0));
		background: -webkit-gradient(linear, left top, left bottom,from(#eeeeee),to(rgba(255,255,255,0.0)));
		border-bottom: 0;
		box-shadow: none;
	}
	table.list_table tfoot tr td:first-child {
		background: none;
	}
	
	/* ドラッグによる順番変更時 */
	table.sortable tbody tr td:first-child {
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-bottomleft: 5px; 
		-webkit-radius-topleft: 5px;
		-webkit-radius-bottomleft: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		background-color: #C78594;
		border-bottom: 0;
		box-shadow: none;
		position: relative;
		cursor: n-resize;
		visibility: visible;
	}


/*----------------------------------------------------------
 パンくずリスト
----------------------------------------------------------*/	
.crumb {
	margin: 5px auto;
	padding: 0;
	display: block;
	background-color: #FFF;
}
.crumb ul {
	list-style-type: none;
}
.crumb ul li {
	float: left;
	display: inline;
	line-height: 30px;
	margin-right: 7px;
	color: #666;
}
.crumb ul li a {
	background: url(../images/crumb_arrow.png) no-repeat right;
	padding-right: 12px;
	color: #600;
}
.crumb ul li a:hover { 
	text-decoration: underline
}


/*----------------------------------------------------------
 処理ステップ
----------------------------------------------------------*/
ul.steps {
	list-style-type: none;
	margin: 10px 5px 20px;
	text-align: center;
	border: #999999 solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	background: url(../images/common/steps_bg.png) repeat-x;
}
ul.steps li {
	position: relative;
	line-height: 48px;
	width: 158px;
	margin: 0 0 0 -10px;
	display: inline-block;
	background: url(../images/common/step-arrow.png) no-repeat;
}
ul.steps li.current {
	background: url(../images/common/step-current-arrow.png) no-repeat;
}
ul.steps li:first-child {
	margin-left: 0;
}
ul.steps li .step {
	display: inline-block;
	line-height: 48px;
	width: 148px;
	margin-left: 5px;
	text-align: center;
	font-size: 14px; font-size: 1.4rem;
}
ul.steps li.step-1 { z-index: 10; }
ul.steps li.step-2 { z-index: 9; }
ul.steps li.step-3 { z-index: 8; }
ul.steps li.step-4 { z-index: 7; }
ul.steps li.step-5 { z-index: 6; }
ul.steps li.step-6 { z-index: 5; }
ul.steps li.step-7 { z-index: 4; }
ul.steps li.step-8 { z-index: 3; }
ul.steps li.step-9 { z-index: 2; }


/*----------------------------------------------------------
 水平線
----------------------------------------------------------*/
hr {
	margin: 5px 0 10px;
	border: 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #666;
}
hr.dotted {
	border-top: 1px dotted #999;
	border-bottom: none;
}


/*----------------------------------------------------------
 角丸
----------------------------------------------------------*/
.rad-2 {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;	
	border-radius: 2px;
}
.rad-5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	border-radius: 5px;
}
.rad-10 {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	border-radius: 10px;
}


/*----------------------------------------------------------
 グラデーション
----------------------------------------------------------*/
.grd-orange {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc66), to(#ff9900));
	background: -webkit-linear-gradient(top, #ffcc66, #ff9900);
	background: -moz-linear-gradient(top, #ffcc66, #ff9900);
	background: -o-linear-gradient(top, #ffcc66, #ff9900);
	background: -ms-linear-gradient(top, #ffcc66, #ff9900);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc66', endColorstr='#ff9900',GradientType=1 );
	background: linear-gradient(top, #ffcc66, #ff9900);
}
.grd-blue {
	background: -webkit-gradient(linear, left top, left bottom, from(#66ccff), to(#3399ff));
	background: -webkit-linear-gradient(top, #66ccff, #3399ff);
	background: -moz-linear-gradient(top, #66ccff, #3399ff);
	background: -o-linear-gradient(top, #66ccff, #3399ff);
	background: -ms-linear-gradient(top, #66ccff, #3399ff);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ccff', endColorstr='#3399ff',GradientType=1 );
	background: linear-gradient(top, #66ccff, #3399ff);
}
.grd-gray {
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#999999));
	background: -webkit-linear-gradient(top, #EFEFEF, #999999);
	background: -moz-linear-gradient(top, #EFEFEF, #999999);
	background: -o-linear-gradient(top, #EFEFEF, #999999);
	background: -ms-linear-gradient(top, #EFEFEF, #999999);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEFEF', endColorstr='#999999',GradientType=1 );
	background: linear-gradient(top, #EFEFEF, #999999);
}
.grd-black {
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	background: -webkit-linear-gradient(top, #333, #000);
	background: -moz-linear-gradient(top, #333, #000);
	background: -o-linear-gradient(top, #333, #000);
	background: -ms-linear-gradient(top, #333, #000);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#000',GradientType=1 );
	background: linear-gradient(top, #333, #000);
}
.grd-russet {
	background: -webkit-gradient(linear, top, bottom, from(#C78594), to(#AB4751));
	background: -webkit-linear-gradient(top, #C78594, #AB4751);
	background: -moz-linear-gradient(top, #C78594, #AB4751);
	background: -o-linear-gradient(top, #C78594, #AB4751);
	background: -ms-linear-gradient(top, #C78594, #AB4751);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C78594', endColorstr='#AB4751',GradientType=1 );
	background: linear-gradient(top, #C78594, #AB4751);
}


/*----------------------------------------------------------
 ボタン
----------------------------------------------------------*/
/* 基本ボタン */
.button {
	display: inline-block;
	padding: 7px 10px;
	margin: 0;
	line-height: 1.5;
	color: #333;
	outline: none;
	border: 1px solid #d4d4d4;
	background-color: #f4f4f4;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -ms-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ececec', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.07);
	border-radius: 3px;
	font-size: 13px; font-size: 1.3rem;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	cursor: pointer;
	zoom: 1; /* IE hacks */
	*display: inline; /* IE hacks */
}
.button:hover {
	text-decoration: none;
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
	background-color: #ececec;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
	background-image: -moz-linear-gradient(#ececec, #f4f4f4);
	background-image: -ms-linear-gradient(#ececec, #f4f4f4);
	background-image: -o-linear-gradient(#ececec, #f4f4f4);
	background-image: linear-gradient(#ececec, #f4f4f4);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ececec', endColorstr='#f4f4f4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* ボタンサイズ */
.button.large {
	font-size: 15px; font-size: 1.5rem;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.button.small {
	font-size: 12px; font-size: 1.2rem;
	padding: 5px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.button.mini {
	font-size: 11px; font-size: 1.1rem;
	padding: 3px 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* Red Button */
.button.red {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #bd362f;
	background-color: #ee5f5b;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(top, #ee5f5b, #bd362f);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.red:hover {
	background: #bd362f;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
	background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
	background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
	background-image: -ms-linear-gradient(top, #bd362f, #ee5f5b);
	background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
	background-image: linear-gradient(top, #bd362f, #ee5f5b);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Blue Button */
.button.blue {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #0055cc;
	background-color: #0088cc;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
	background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
	background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
	background-image: -o-linear-gradient(top, #0088cc, #0055cc);
	background-image: linear-gradient(top, #0088cc, #0055cc);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.blue:hover {
	background: #0055cc;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0055cc), to(#0088cc));
	background-image: -webkit-linear-gradient(top, #0055cc, #0088cc);
	background-image: -moz-linear-gradient(top, #0055cc, #0088cc);
	background-image: -ms-linear-gradient(top, #0055cc, #0088cc);
	background-image: -o-linear-gradient(top, #0055cc, #0088cc);
	background-image: linear-gradient(top, #0055cc, #0088cc);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0055cc', endColorstr='#0088cc', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Aqua Button */
.button.aqua {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #2f96b4;
	background-color: #5bc0de;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.aqua:hover {
	background: #2f96b4;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
	background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
	background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
	background-image: -ms-linear-gradient(top, #2f96b4, #5bc0de);
	background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
	background-image: linear-gradient(top, #2f96b4, #5bc0de);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#2f96b4', endColorstr='#5bc0de', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Green Button */
.button.green {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #51a351;
	background-color: #62c462;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: -ms-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(top, #62c462, #51a351);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.green:hover {
	background: #51a351;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
	background-image: -webkit-linear-gradient(top, #51a351, #62c462);
	background-image: -moz-linear-gradient(top, #51a351, #62c462);
	background-image: -ms-linear-gradient(top, #51a351, #62c462);
	background-image: -o-linear-gradient(top, #51a351, #62c462);
	background-image: linear-gradient(top, #51a351, #62c462);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#51a351', endColorstr='#62c462', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Russet Button */
.button.russet {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #AB4751;
	background-color: #C78594;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C78594), to(#AB4751));
	background-image: -webkit-linear-gradient(top, #C78594, #AB4751);
	background-image: -moz-linear-gradient(top, #C78594, #AB4751);
	background-image: -ms-linear-gradient(top, #C78594, #AB4751);
	background-image: -o-linear-gradient(top, #C78594, #AB4751);
	background-image: linear-gradient(top, #C78594, #AB4751);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#C78594', endColorstr='#AB4751', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.russet:hover {
	background: #AB4751;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#AB4751), to(#C78594));
	background-image: -webkit-linear-gradient(top, #AB4751, #C78594);
	background-image: -moz-linear-gradient(top, #AB4751, #C78594);
	background-image: -ms-linear-gradient(top, #AB4751, #C78594);
	background-image: -o-linear-gradient(top, #AB4751, #C78594);
	background-image: linear-gradient(top, #AB4751, #C78594);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#AB4751', endColorstr='#C78594', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Orange Button */
.button.orange {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #f89406;
	background-color: #fbb450;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -ms-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(top, #fbb450, #f89406);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.orange:hover {
	background: #f89406;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
	background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
	background-image: -moz-linear-gradient(top, #f89406, #fbb450);
	background-image: -ms-linear-gradient(top, #f89406, #fbb450);
	background-image: -o-linear-gradient(top, #f89406, #fbb450);
	background-image: linear-gradient(top, #f89406, #fbb450);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f89406', endColorstr='#fbb450', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* Black Button */
.button.black {
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #222222;
	background-color: #555555;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
	background-image: -webkit-linear-gradient(top, #555555, #222222);
	background-image: -moz-linear-gradient(top, #555555, #222222);
	background-image: -ms-linear-gradient(top, #555555, #222222);
	background-image: -o-linear-gradient(top, #555555, #222222);
	background-image: linear-gradient(top, #555555, #222222);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.button.black:hover {
	background: #222222;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#555555));
	background-image: -webkit-linear-gradient(top, #222222, #555555);
	background-image: -moz-linear-gradient(top, #222222, #555555);
	background-image: -ms-linear-gradient(top, #222222, #555555);
	background-image: -o-linear-gradient(top, #222222, #555555);
	background-image: linear-gradient(top, #222222, #555555);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#222222', endColorstr='#555555', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

/* ボタングループ */
.button-group {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	zoom: 1;
	*display: inline;
}
.button-group .button {
	float: left;
	margin-left: -1px;
	border-radius: 0;
}
.button-group > .button:first-child {
	margin-left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.button-group > .button:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


/*----------------------------------------------------------
 頻出
----------------------------------------------------------*/	
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }


/*----------------------------------------------------------
 clearfix
----------------------------------------------------------*/	
.clearfix:after {
	content: ".";	/* 新しい要素を作る */
	display: block;	/* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*----------------------------------------------------------
 システムエラー発生時
----------------------------------------------------------*/	
.system_err {
	margin: 20px;
	height: 300px;
}