@charset "utf-8";
/* CSS Document */
#header{
	clear:both;
	background-image:url(../img/castrade.png);
	background-position:right center;
	background-repeat:no-repeat;
	overflow:hidden;
	height:30px;
}

h1{
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, rgb(3,169,195)),
		color-stop(0, rgb(42,50,50))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(3,169,195) 100%,
		rgb(42,50,50) 0%
	);
	border-top:2px solid #03527F;
	border-bottom:2px solid #0A90AE;
	margin:0;
	color:white;
	text-align: center;
	font-size: 14px;
	display: block;
	padding: 2px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	outline: 0 !important;
	text-shadow: 0 -1px 1px black;
	vertical-align: baseline;
	clear:both;
}

#bottom{
	text-align:center;
	padding:5px 0;
	font-size:10px;
}
#bottom a{
	flort:right;
	text-align:right;
}

#item{
	list-style:none;
	clear:both;
	margin:0 auto;
	padding:0;
	width:80%;
}
#item li{
	float:left;
	margin-left:5px;
	margin-bottom:5px;
}
#item li a{
	display:block;
	background:#FFF;
	border:1px solid #06F;
	border-radius:5px;
	box-shadow:1px 1px 3px #999;
	padding:0px;
	text-align:center;
}
#item li a:hover{
	border:1px solid #F60;
	box-shadow:none;
}

ul.list01 li p{
	margin-top:1em;
	margin-left:1em;
}
ul.Thumblist li h3{
	margin-left:20px;
}
ul.Thumblist li p{
	margin-left:20px;
}


.ui-btn-active{
	border:none;
}


.btn-l{
	width:80%;
	margin:10px auto;
}

.hidden{
	opacity:0.0;
	display:none;
}

#Model p{
	text-align:right;
}
#Model strong{
	text-indent:2em;
	text-align:left;
}



/* ボタン、リスト、ヘッダー */
.ui-btn-text, .ui-li-desc,
.ui-header .ui-title {
    white-space: normal;
}


/* clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}