@charset "UTF-8";

/*======================================
	共通デザインスタイルシート
======================================*/

/*--------------------------------------
	1.Structure
--------------------------------------*/
html, body {
	font-size  : 12px;
	line-height: 1.5;
	height     : 100%;
	margin     : 0;
	padding    : 0;
	background : #ffffff;
	font-family: monospace;
	/* IE6,7hack */
	>font-family: 'ＭＳ ゴシック',monospace;
	letter-spacing : 0;
}
#container {
	width : 840px;
	margin: 0 auto;
	min-height: 100%;
	height    : auto !important;
	height    : 100%;
	margin    : 0 auto -21px;
	background: #ffffff;
}
#sidebar {
	float  : left;
	width  : 164px;
	text-align: center;
	margin : 0 0 0 5px;
	background: #ffffff;
}
#sideline,
#sidelineend {
	float  : right;
	width  : 15px;
	margin : 0 0 0 0;
}
#sideline {
	height : 540px;
	position : relative;
	background-repeat: repeat-y;
	background-image: url("../img/rain_bg_body.gif");
}
#sidelineend {
	height   : 64px;
	position : absolute;
	top : auto; left : 0px; right : 0px; bottom : 0px;
	background-color: white;
	background-repeat: no-repeat;
	background-image: url("../img/rain_bg_end.gif");
}
#body {
	float: right;
	width : 650px;
	height: 1%;
	margin: 0 auto;
	background: #ffffff;
}
#header {
	float: left;
	width : 100%;
	height: 62px;
	margin: 0 auto;
	background: #ffffff;
}
#content {
	float: left;
	width : 100%;
	background: #ffffff;
}
#btnlft {
	float: left;
	width : 50%;
	height: 40px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
}
#btnrht {
	float: right;
	width : 50%;
	height: 40px;
	margin: 0 auto;
	text-align: right;
	background: #ffffff;
}
#container:after {
	content: "";
	display: block;
	clear  : both;
}
#footer-space {
	clear  : both;
	height: 21px;
}
#footer {
	width : 840px;
	height: 21px;
	margin: 0 auto;

	background: #ffffff;
}
#breadcrumb {
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: left top;
	height: 24px;
	padding-left: 15px;
	line-height: 22px;
	font-size: 12px;
	color: #666666;
}

@media print {
	html, body {
		font-size  : 10px;
		line-height: 1.2;
	}
	#container {
		min-height: auto;
		height: auto;
		width : 680px;
	}
	#header,
	#body,
	#content {
		float: none;
	}
	#sidebar {
		float: none;
		display : none;
	}
	#sideline,
	#sidelineend {
		float: none;
		display : none;
	}
	#footer {
		width : 650px;
	}
}

/*--------------------------------------
	2.Text
--------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	border-style : solid;
	margin       : 0.5em 0;
	padding      : 4px 0px 2px 4px;
}
h1 {
	font-size: 189%;
}
h2 {
	border-width : 1px 1px 1px 8px;
	border-color : #666666;
	color        : #666666;
	font-size    : 159%;
}
h3 {
	border-width : 0 0 1px 6px;
	border-color : #777777;
	color        : #777777;
	font-size    : 144%;
}
h4 {
	border-width : 0 0 1px 6px;
	border-color : #888888;
	color        : #888888;
	font-size    : 122%;
}
h5 {
	font-size: 107%;
}
h6 {
	font-size: 107%;
}

p {
	margin : 0.5em 20px;
	padding: 0;
}

span.lbl,
label {
	white-space: nowrap;
}

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size : 100%;
	line-height: 100%;
}
/*--------------------------------------
	3.Hyper Text
	aタグは以下の順番で定義すること
--------------------------------------*/
a {
	color: #0000ff;
	text-decoration: none;
}
a:visited {
	color: #0000ff;
}
a:hover {
	color: #ff0000;
}
a:active {
	color: #ff0000;
}

a img {
	border: none;
}

/*--------------------------------------
	4.List
--------------------------------------*/
ul,
ol {
	margin      : 0;
	padding-left: 2em;
}

dl {
	margin: 0;
}
dd {
	margin-left: 2em;
}

/*--------------------------------------
	6.Forms
--------------------------------------*/
form {
	margin : 0;
	padding: 0;
}
input,
textarea,
select,
optgroup,
option {
	font-size  : inherit;
	font       : 100%;
	>font-family: 'ＭＳ ゴシック',monospace;
}
optgroup option {
	padding-left: 20px;
}

/*--------------------------------------
	7.Tables
--------------------------------------*/

table {
	font-size      : inherit;
	font           : 100%;
	width          : 100%;
}
table th {
	font-size      : 95%;
}

/*--------------------------------------
	8.Images
--------------------------------------*/
img {
	border         : none;
	vertical-align : baseline;
}
a img {
	border         : none;
}

/*--------------------------------------
	9.Object
--------------------------------------*/
br {
	letter-spacing : 0;
}


/*--------------------------------------
	x.clearfix
--------------------------------------*/
div.clearfix:after {
	content: "";
	display: block;
	clear  : both;
	height: 0;
	visibility: hidden;
}
div.clearfix {
	min-height: 1px;
}
* html div.clearfix {
	height: 1px;
}

/*--------------------------------------
	IME Mode
--------------------------------------*/
input._imeoff {
	ime-mode: disabled;
}

/*--------------------------------------
	ajax-loading
--------------------------------------*/
div.ajax-loading {
	position:absolute;
	left:-2000px;
}

.input-family {
	font-family :'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',monospace!important;
}

.ui-progressbar-value {
	background-image: url(/img/progressbar.gif)!important;
}