/* ====================================================================== */
/* 基本定義 */
/* ====================================================================== */
html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	background-color: #fff;
	color: #3333;
	font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
	background: url("../img/cmn/bg.jpg") repeat-x;
}

a       { color: #0000ff; text-decoration: underline; }
a:hover { color: #e60000; text-decoration: underline; }

img { border: 0; }
br  { letter-spacing: 0; }

/* ====================================================================== */
/* スペーサー */
/* ====================================================================== */
.space-1  { padding: 1px 0px 0px 0px; }
.space-2  { padding: 2px 0px 0px 0px; }
.space-3  { padding: 3px 0px 0px 0px; }
.space-4  { padding: 4px 0px 0px 0px; }
.space-5  { padding: 5px 0px 0px 0px; }
.space-6  { padding: 6px 0px 0px 0px; }
.space-7  { padding: 7px 0px 0px 0px; }
.space-8  { padding: 8px 0px 0px 0px; }
.space-9  { padding: 9px 0px 0px 0px; }
.space-10 { padding: 10px 0px 0px 0px; }
.space-15 { padding: 15px 0px 0px 0px; }
.space-20 { padding: 20px 0px 0px 0px; }
.space-25 { padding: 25px 0px 0px 0px; }
.space-30 { padding: 30px 0px 0px 0px; }
.space-35 { padding: 35px 0px 0px 0px; }
.space-40 { padding: 40px 0px 0px 0px; }
.space-45 { padding: 45px 0px 0px 0px; }
.space-50 { padding: 50px 0px 0px 0px; }

/* ====================================================================== */
/* テキスト色 */
/* ====================================================================== */

.text-red    { color: #e60000; }
.text-verm   { color: #690026; }
.text-blue   { color: #0068b3; }
.text-green  { color: #64aa44; }
.text-orange { color: #ffa927; }
.text-gray   { color: #cccccc; }

/* ====================================================================== */
/* h1-4追加 */
/* ====================================================================== */
h1 {
	margin: 2px 0px 4px;
	padding: 0px 0px 2px 14px;
	font-size: 16px;
	color:#4444;
}
h2 {
	margin: 2px 0px 4px;
	padding: 8px 0px 4px 14px;
	font-size: 16px;
	background: url(../img/cmn/h2.jpg);
	background-repeat: no-repeat;
}
h3 {
	margin: 2px 0px 4px;
	padding: 8px 0px 4px 14px;
	color: #55555;
	font-size:16px;
	background: url(../img/cmn/h3.jpg);
	background-repeat: no-repeat;
}
h4 {
	margin: 0px;
	padding: 6px 0px 4px 0px; 
	color: #ff3300;
	font-size:14px;
}
h5 {
	margin: 0px ;
	padding: 6px 0px 6px 0px;
	color: #444444;
	font-size:14px;
}
/* ====================================================================== */
/* ui追加 */
/* ====================================================================== */

ul {
		margin: 0px ;
	padding: 4px 4px 2px 8px;
	color: #444444;
	font-size:14px;
	}


/* ====================================================================== */
/* ライン */
/* ====================================================================== */

.line-dot  {
	height: 1px;
	background: url("../img/cmn/line_dot.gif") repeat-x;
}

.line-gray  {
	height: 1px;
	background: url("../img/cmn/line_gray.gif") repeat-x;
}

.line-separate  {
	width: 2px;
	background: url("../img/cmn/line_separate.gif") repeat-y;
}

/* ====================================================================== */
/* 画像フレーム */
/* ====================================================================== */

.frame-left {
	float: left;
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
	background-color: #ffffff;
	padding: 4px;
	margin: 0px 15px 5px 0px;
}

.frame-right {
	float: right;
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
	background-color: #ffffff;
	padding: 4px;
	margin: 0px 0px 5px 15px;
}

.frame-static {
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
	background-color: #ffffff;
	padding: 4px;
}

a .frame-left:hover {
	background-color: #ffffcc;
}

a .frame-right:hover {
	background-color: #ffffcc;
}

a .frame-static:hover {
	background-color: #ffffcc;
}

.frame-min-left {
	float: left;
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
	background-color: #ffffff;
	padding: 3px;
	margin: 0px 7px 3px 0px;
}

.frame-min-right {
	float: right;
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px #bbbbbb;
	border-right: solid 1px #bbbbbb;
	background-color: #ffffff;
	padding: 3px;
	margin: 0px 0px 3px 7px;
}

a .frame-min-left:hover {
	background-color: #ffffcc;
}

a .frame-min-right:hover {
	background-color: #ffffcc;
}

/* ====================================================================== */
/* フォーム */
/* ====================================================================== */

#clmn-line {
	background-color: #e3e0da;
}

#clmn-ttl {
	padding: 4px 0px 4px 10px;;
	color: #000000;
	/*font-weight: bold;*/
	background-color: #ece9e3;
}

#clmn-cts {
	padding: 4px 0px 4px 2px;;
	color: #333333;
	/*background-color: #f8f7f3;*/
}

#clmn-mark {
	color: #c70018;
	text-align: center;
	/*background-color: #f8f7f3;*/
}

#clmn-spc {
	background-color: #ffffff;
}

#error-bg {
	padding: 4px 0px 4px 2px;;
	background-color: #ffffbb;
}

#error-exist {
	color: #c70018;
}

#error-msg {
	color: #c70018;
	font-weight: bold;
	padding: 3px 0px 0px 0px;
}

.f1 {
	background-color: #ffffff;
}

.f2 {
	background-color: #f5f5f5;
}

.attention {
	padding: 3px 0px 0px 0px;
	color: #c70018;
}