@import url("../template.css");

/*タイトル*/

h1 {
	margin-left:200px;
	text-indent:55px;
	background:url(img/title_card.jpg) no-repeat;
}

table.card {
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;
	_margin-left:7px;
	width:645px;
	background-color:#fff;
	border-collapse:collapse;
}

table.card td.text {
	padding-top:0;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
	height:295px;
	vertical-align:top;
	font-size:14px;
	color:#333;
}

table.card td.text p {
	margin-top:0;
	padding:10px 0 0 0;
	border-top:2px dotted #00c;
	font-size:14px;
	color:#333;
	line-height:18px;
}

table.card td.text strong {
	display:block;
	margin-left:35px;
	padding-top:2px;
	width:173px;
	font-size:18px;
	color:#fff;
	line-height:70px;
	background:url(img/hyouka.jpg) no-repeat;
	text-align:center;
}

table td.img_left {
	border:none;
}

table td.img_right {
	border:none;
	vertical-align:bottom;
}

h1 {
	margin-top:10px;
	margin-bottom:0;
	padding:0;
	text-align:left;
	font-size:14px;
	border:1px solid #ccc;
	line-height:50px;
}

h1#white {
	background:url(../img/white.jpg) 0 0;
	background-repeat:no-repeat;
}

h1#black {
	background:url(../img/black.jpg) 0 0;
	background-repeat:no-repeat;
}

h1#blue {
	background:url(../img/blue.jpg) 0 0;
	background-repeat:no-repeat;
}

h1#red {
	background:url(../img/red.jpg) 0 0;
	background-repeat:no-repeat;
}

#title_r {
	margin:0 5px 0 200px;
	padding:0;
	width:640px;
	font-size:12px;
	font-weight:normal;
	color:#00c;
	text-align:right;
	border-bottom:2px solid #00c;
}

/*メニュー*/
#contents #menu {
	float:left;
	margin-top:3px;
	margin-left:3px;
	_margin-left:1px;
	padding:3px;
	width:180px;
	height:700px;
	border:1px solid #00c;
	font-size:12px;
	color:#000;
	overflow:auto;
}

a.card {
	display:block;
	margin:1px 0;
	padding:0 0 0 12px;
	width:168px;
	height:20px;
	line-height:20px;
}

a.card:visited,
a.card:link {
	background:url("../img/bar.jpg") 0 0;
}

a.card:hover,
a.card:active {
	background:url("../img/bar.jpg") 0 40px;
	text-decoration:none;
}
/*色選択*/
a.c_white,
a.c_blue,
a.c_black,
a.c_red {
	display:block;
	float:left;
	margin-left:4px;
	margin-bottom:5px;
	padding:0;
	width:40px;
	height:20px;
	line-height:20px;
}

a.c_white:visited,
a.c_white:link {
	background:url("../img/color.jpg") 0 0;
}

a.c_white:hover,
a.c_white:active {
	background:url("../img/color.jpg") 0 20px;
}

a.c_black:visited,
a.c_black:link {
	background:url("../img/color.jpg") 120px 0;
}

a.c_black:hover,
a.c_black:active {
	background:url("../img/color.jpg") 120px 20px;
}

a.c_red:visited,
a.c_red:link {
	background:url("../img/color.jpg") 80px 0;
}

a.c_red:hover,
a.c_red:active {
	background:url("../img/color.jpg") 80px 20px;
}

a.c_blue:visited,
a.c_blue:link {
	background:url("../img/color.jpg") 40px 0;
}

a.c_blue:hover,
a.c_blue:active {
	background:url("../img/color.jpg") 40px 20px;
}

.cl {
	display:block;
	margin:1px 0;
	padding:0 0 0 12px;
	width:168px;
	height:20px;
	line-height:20px;
	background:url("../img/bar.jpg") 0 20px;
}

.mark {
	float:left;
	border:none;
}

.dan {
	font-weight:bold;
	font-size:14px;
}

#menu a.dan4 {
	display:block;
	margin:1px 0;
	padding:0 0 0 12px;
	width:168px;
	font-weight:bold;
	font-size:14px;
	height:20px;
	line-height:20px;
}

#menu a.dan4:visited,
#menu a.dan4:link {
	background:url("../img/bar3.jpg") 0 0;
}

#menu a.dan4:hover,
#menu a.dan4:active {
	background:url("../img/bar3.jpg") 0 40px;
	text-decoration:none;
}

a.dan2 {
	display:block;
	margin:1px 0;
	padding:0 0 0 12px;
	width:168px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	font-size:14px;
}

a.dan3 {
	padding:1px 0 0 12px;
	width:168px;
	height:29px;
	line-height:14px;
	font-size:12px;
}

a.dan2:visited,
a.dan2:link {
	background:url("../img/bar2.jpg") 0 0;
}

a.dan2:hover,
a.dan2:active {
	background:url("../img/bar2.jpg") 0 30px;
	text-decoration:none;
}


/*評価色付け*/
.s {
	color:#f00;
	background-color:#000;
}

.a {
	color:#fa0;
	background-color:#000;
}

.b {
	color:#ff0;
	background-color:#000;
}

.c {
	color:#fff;
	background-color:#000;
}

.d {
	color:#ccc;
	background-color:#000;
}

.e {
	color:#999;
	background-color:#000;
}

.f {
	color:#666;
	background-color:#000;
}
/*INDEX表示用*/
#top_text {
	margin-top:10px;
	margin-left:195px;
	font-size:12px;
}
#top_text p {
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
}

#top_text table {
	width:auto;
}

#top_text table td {
	vertical-align:bottom;
}

#top_image {
	border:1px solid #00c;
}