/* CSS Document */

body {
	background-color:#FFDC00;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#333333;
	line-height:20px;
	margin:0;
	padding:0;
}


/* layout
***********************************/

#outline {
	width:1100px;
	background-color:#FFFFFF;
	margin:0 auto;
}

#contents {
	width:1005px;
	margin:0 auto;
}


/* fonts
***********************************/

h1 {
	height:30px;
	padding:0;
	font-size:30px;
	font-weight:bold;
	color:#333333;
	text-indent:30px;
	line-height:30px;
	background-image:url(../images/ribbon.png);
	background-repeat:no-repeat;
	background-position:left;
}

h2 {
	padding:0;
	font-size:16px;
	font-weight:bold;
	color:#333333;
}


/* return button
***********************************/
.return {
	width:300px;
	height:40px;
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#222222;
	line-height:40px;
	border:1px solid #888888;
	margin:30px 0;
}

.return a {
	margin:0;
	padding:0;
	color:#222222;
	text-decoration:none;
	display:block;
}

.return a:hover {
	background: #d5cea6;
	background: -moz-linear-gradient(top,  #d5cea6 0%, #c9c190 40%, #b7ad70 100%);
	background: -webkit-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%);
	background: linear-gradient(to bottom,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 );
	color:#FFFFFF;
}


/* caution text
***********************************/
.caution {
	width:1003px;
	text-align:left;
	font:14px #555555;
	border:1px solid #555555;
	margin:30px 0;
}

.caution p {
	padding:0 10px;
	font-size:14px;
	color:#555555;
	font-weight:normal;
	line-height:22px;
}


/* table
***********************************/

.table {
	width:1003px;
	margin:10px 0;
}

.tr {
	width:1003px;
	background-color:#FFFFFF;
	margin:0;
}


.td {
	width:90px;
	height:35px;
	text-align:center;
	line-height:35px;
	margin:0;
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
	float:left;
	display:inline;
}

.td:first-child {
	border-left:1px solid #555555;
}

.td:nth-child(4) {
	border-right:2px solid #555555;
}

/***** category *****/
.cate0 {
	width:90px;
	height:25px;
	margin:0;
	border-top:1PX solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #555555;
	float:left;
	display:inline;
}

.cate1 {
	width:272px;
	height:25px;
	text-align:center;
	line-height:25px;
	margin:0;
	border-top:1px solid #555555;
	border-bottom:1px solid #555555;
	border-right:2px solid #555555;
	float:left;
	display:inline;
}

.cate2 {
	width:636px;
	height:25px;
	text-align:center;
	line-height:25px;
	margin:0;
	border-top:1px solid #555555;
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
	float:left;
	display:inline;
}

/***** thumbnail *****/
.tmb {
	width:90px;
	height:60px;
	text-align:center;
	margin:0;
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
	float:left;
	display:inline;
}

.tmb:first-child {
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}

.tmb:nth-child(4) {
	border-right:2px solid #555555;
}

/***** name *****/
.name {
	width:90px;
	height:35px;
	text-align:center;
	background-color:#FFDC00;
	font-weight:bold;
	color:#333333;
	line-height:35px;
	margin:0;
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
	float:left;
	display:inline;
}

.name:first-child {
	background-color:#FFFFFF;
	border-left:1px solid #FFFFFF;
}

.name:nth-child(4) {
	border-right:2px solid #555555;
}

/***** last *****/
.last1 {
	width:819px;
	height:35px;
	text-align:center;
	line-height:35px;
	margin:0;
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
	float:left;
	display:inline;
}

.last2 {
	width:910px;
	height:35px;
	text-align:center;
	line-height:35px;
	margin:0;
	border-bottom:1px solid #555555;
	border-right:1px solid #555555;
	float:left;
	display:inline;
}

/***** table color *****/
.silver {
	background-color:#F0F0F0;
}

.gray {
	background-color:#CCCCCC;
}

.yellow {
	background-color:#FFF799;
}

.pink {
	background-color:#FF99D3;
}

.green {
	background-color:#99FFC2;
}

.blue {
	background-color:#99E7FF;
}

.white {
	background-color:#FFFFFF;
	color:#888888;
}

/***** space / clear *****/
.space50 {
	width:1003px;
	height:50px;
	margin:0;
}

.space100 {
	width:1003px;
	height:100px;
	margin:0;
}

.clear {
	clear:both;
}