/* ====================================================================== */
/* スペーサー */
/* ====================================================================== */

.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; }

/* ====================================================================== */
/* 文字サイズ */
/* ====================================================================== */

.fd1  { font-size: 80%; line-height: 160%; }
.fu1  { font-size: 130%; line-height: 140%; }
.fu2  { font-size: 150%; line-height: 140%; }
.fu3  { font-size: 210%; line-height: 130%; }

.fd1b { font-size: 80%; line-height: 160%; font-weight: bold; }
.fu1b { font-size: 130%; line-height: 140%; font-weight: bold; }
.fu2b { font-size: 150%; line-height: 140%; font-weight: bold; }
.fu3b { font-size: 210%; line-height: 130%; font-weight: bold; }

/* safari only \*/
html[xmlns*=""] body:last-child .fd1, .fd1b {
	letter-spacing: -0.2em;
}
html[xmlns*=""] body:last-child .fu2, .fu2b {
	letter-spacing: -0.1em;
}

textarea {
	font-size:100%;
	line-height: 130%;
	font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
}

*html textarea { /* IE Only */
	font-size:110%;
	font-family: Arial, sans-serif;
}

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

.text-vermilion { color: #c4004f; }
.text-green     { color: #009c95; }
.text-orange    { color: #cf6116; }

.text-gray      { color: #cccccc; }
.text-ash       { color: #999999; }

.text-catch     { color: #478830; }
.text-midashi   { color: #c4004f; }

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

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

/* ====================================================================== */
/* ボタン関連 */
/* ====================================================================== */

.button {
	background: transparent url('../img/button/bt_edge.gif') no-repeat top right;
	color: #0000ff;
	display: block;
	float: left;
	height: 22px;
	margin: 0px 1px 1px 0px;
	padding-right: 3px; /* sliding doors padding */
	text-decoration: none;
}

.button:active {
	color: #0000ff;
	/*margin: 1px 0px 0px 1px;*/
	outline: none;
}

.button span#blank {
	background: transparent url('../img/button/bt_blank.gif') no-repeat;
	display: block;
	line-height: 10px;
	padding: 8px 4px 4px 9px;
} 

.button span#search {
	background: transparent url('../img/button/bt_search.gif') no-repeat;
	display: block;
	line-height: 10px;
	padding: 8px 4px 4px 25px;
} 

.button span#check {
	background: transparent url('../img/button/bt_check.gif') no-repeat;
	display: block;
	line-height: 10px;
	padding: 8px 4px 4px 25px;
} 

.button span#key {
	background: transparent url('../img/button/bt_key.gif') no-repeat;
	display: block;
	line-height: 10px;
	padding: 8px 4px 4px 25px;
} 

.button span#back {
	background: transparent url('../img/button/bt_back.gif') no-repeat;
	display: block;
	line-height: 10px;
	padding: 8px 4px 4px 25px;
} 

.button span#ng {
	background: transparent url('../img/button/bt_ng.gif') no-repeat;
	display: block;
	line-height: 10px;
	padding: 8px 4px 4px 25px;
} 

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

.frame-cat {
	border: solid 1px #e6e6e6;
	background-color: #ffffff;
	padding: 4px;
}

.frame-cat-min {
	border: solid 1px #e6e6e6;
	background-color: #ffffff;
	padding: 3px;
}

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

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

.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;*/
}

.frame-none {
	padding: 0px 0px 0px 0px;
	display: block;
}

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;
}

.frame-min-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: 3px;*/
}

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

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

/* ====================================================================== */
/* 画像＋テキスト＠テーブルライク */
/* ====================================================================== */

div.item-left {
	width:100%;
	display:table;
}

div.item-left span.itemImg-left {
	margin:0;
	padding: 0px 12px 0px 0px;
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left; /* IE 6, 7 */
}

div.item-left div.itemTxt-left {
	display:table-cell;
	vertical-align:top;
	/zoom:1; /* IE 6, 7 */
}

div.item-right {
	width:100%;
	display:table;
direction:rtl;
}

div.item-right span.itemImg-right {
	margin:0;
	padding: 0px 0px 0px 12px;
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left; /* IE 6, 7 */
}

div.item-right div.itemText-right {
	display:table-cell;
	vertical-align:top;
direction:ltr;
	/zoom:1; /* IE 6, 7 */
}