ul.narrow-sample {
 margin: 10px;
 padding: 0px 0px 1px 0px;
}

ul.narrow-wide {
 margin: 5px 5px 5px 5px;
}

a.ui-link:hover {
 border:1px solid #900;
 background-color:#fc9;
}

.pager_table {
 display:table;
 text-align:center;
 margin:0 auto;
}

.pager_cur_link {
 border:1px solid #36f;
 background-color:#36f;
 padding:3px 8px;
 display:table-cell;
 color:#fff;
}

.pager_link {
 border:1px solid #36f;
 padding:3px 8px;
 display:table-cell;
 color:#36f;
 text-decoration:none;
}
.pager_link:hover {
 background-color:#adf;
}

/* G
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-g {
	border: 1px solid 		#A74C15;
	background: 			#ff889b;
	font-weight: bold;
	color: 					#FFF;
	text-shadow: 0 1px 0 	#333;
	background-image: -moz-linear-gradient(top, 
							#ffa6ac, 
							#ff889b);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ffa6ac),
		color-stop(1, 		#ff889b));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#855f52', EndColorStr='#47332C')";
}
.ui-bar-g,
.ui-bar-g input,
.ui-bar-g select,
.ui-bar-g textarea,
.ui-bar-d button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-g .ui-link-inherit {
	color: 					#333;
}
.ui-bar-g .ui-link {
	color: 					#2489CE;
	font-weight: bold;
}
.ui-body-g {
	border: 1px solid 		#A74C15;
	background: 			#ff889b;
	font-weight: bold;
	color: 					#FFF;
	text-shadow: 0 1px 0 	#333;
	background-image: -moz-linear-gradient(top, 
							#ffa6ac, 
							#ff889b);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ffa6ac),
		color-stop(1, 		#ff889b));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7EFC0', EndColorStr='#FCF99C')";
}
.ui-body-g,
.ui-body-g input,
.ui-body-g select,
.ui-body-g textarea,
.ui-body-g button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-body-g .ui-link-inherit {
	color: 					#333333;
}
.ui-body-g .ui-link {
	color: 					#2489CE;
	font-weight: bold;
}

/* ------------------------------ボタンの色------------------------------ */


.ui-btn-up-g {
	border: 1px solid 		#10760B;
	background: 			#ff889b;
	font-weight: bold;
	color: 					#FFF;
	text-shadow: 0 1px 0 	#333;
	background-image: -moz-linear-gradient(top, 
							#ffa6ac, 
							#ff889b);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ffa6ac),
		color-stop(1, 		#ff889b));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#855f52', EndColorStr='#47332C')";
}
.ui-btn-up-g a.ui-link-inherit {
	color: 					#FFF;
}

/* ------------------------------ボタンを押したときの色------------------------------ */

.ui-btn-hover-g {
	border: 1px solid 		#e79952;
	background: 			#ff889b;
	font-weight: bold;
	color: 					#111;
	text-shadow: 0 1px 1px 	#fff;
	background-image: -moz-linear-gradient(top, 
							#ffa6ac, 
							#ff889b);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ffa6ac),
		color-stop(1, 		#ff889b));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcf0b5', EndColorStr='#fbe26f')";
}

.ui-btn-hover-g a.ui-link-inherit {
	color: 					#333;
}

/* ------------------------------{^_E------------------------------ */


.ui-btn-down-g {
	border: 1px solid 		#E4017F;
	background: 			#ff889b;
	font-weight: bold;
	color: 					#FFF;
	text-shadow: 0 1px 0 	#333;
	background-image: -moz-linear-gradient(top, 
							#ffa6ac, 
							#ff889b);
	background-image: -webkit-gradient(linear,left top,left bottom,
							#ffa6ac), 
							#ff889b));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#855f52', EndColorStr='#47332C')";
}
.ui-btn-down-g a.ui-link-inherit {
	color: 					#333;
}
.ui-btn-up-g,
.ui-btn-hover-g,
.ui-btn-down-g {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}


/* F
-----------------------------------------------------------------------------------------------------------*/

.ui-bar-f {
	border: 1px solid 		#A74C15;
	background: 			#ff889b;
	font-weight: bold;
	color: 					#FFF;
	text-shadow: 0 1px 0 	#333;
	background-image: -moz-linear-gradient(top, 
							#ffa6ac, 
							#ff889b);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ffa6ac),
		color-stop(1, 		#ff889b));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#855f52', EndColorStr='#47332C')";
}
.ui-bar-f,
.ui-bar-f input,
.ui-bar-f select,
.ui-bar-f textarea,
.ui-bar-d button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-bar-f .ui-link-inherit {
	color: 					#333;
}
.ui-bar-f .ui-link {
	color: 					#2489CE;
	font-weight: bold;
}
.ui-body-f {
	border: 1px solid 		#A74C15;
	background: 			#ff889b;
	font-weight: bold;
	color: 					#FFF;
	text-shadow: 0 1px 0 	#333;
	background-image: -moz-linear-gradient(top, 
							#ffa6ac, 
							#ff889b);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ffa6ac),
		color-stop(1, 		#ff889b));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7EFC0', EndColorStr='#FCF99C')";
}
.ui-body-f,
.ui-body-f input,
.ui-body-f select,
.ui-body-f textarea,
.ui-body-f button {
	font-family: Helvetica, Arial, sans-serif;
}
.ui-body-f .ui-link-inherit {
	color: 					#333333;
}
.ui-body-f .ui-link {
	color: 					#2489CE;
	font-weight: bold;
}

/* ------------------------------{^J[------------------------------ */


.ui-btn-up-f {
	border: 1px solid 		#A74C15;
	background: 			#ff889b;
	font-weight: bold;
	color: 					#FFF;
	text-shadow: 0 1px 0 	#333;
	background-image: -moz-linear-gradient(top, 
							#ffa6ac, 
							#ff889b);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ffa6ac),
		color-stop(1, 		#ff889b));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#855f52', EndColorStr='#47332C')";
}
.ui-btn-up-f a.ui-link-inherit {
	color: 					#FFF;
}

/* ------------------------------{^|Cg------------------------------ */

.ui-btn-hover-f {
	border: 1px solid 		#e79952;
	background: 			#ff889b;
	font-weight: bold;
	color: 					#111;
	text-shadow: 0 1px 1px 	#fff;
	background-image: -moz-linear-gradient(top, 
							#ffa6ac, 
							#ff889b);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#ffa6ac),
		color-stop(1, 		#ff889b));
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcf0b5', EndColorStr='#fbe26f')";
}

.ui-btn-hover-f a.ui-link-inherit {
	color: 					#333;
}

/* ------------------------------{^_E------------------------------ */


.ui-btn-down-f {
	border: 1px solid 		#E4017F;
	background: 			#ff889b;
	font-weight: bold;
	color: 					#FFF;
	text-shadow: 0 1px 0 	#333;
	background-image: -moz-linear-gradient(top, 
							#ffa6ac, 
							#ff889b);
	background-image: -webkit-gradient(linear,left top,left bottom,
							#ffa6ac, 
							#ff889b);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#855f52', EndColorStr='#47332C')";
}
.ui-btn-down-f a.ui-link-inherit {
	color: 					#333;
}
.ui-btn-up-f,
.ui-btn-hover-f,
.ui-btn-down-f {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}