@charset "utf-8";
/* CSS Document */

html,body{
	height:100%;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
	}
body {
	font: normal 14px/1.4em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
	background: url(../images/body-bg.jpg) repeat left top;
}
#contents{
	width:100%;
	height:500px;
	background:url(../images/contents-bg.jpg) repeat-x left top;
	border: 0px solid #FFF;
	}
#box1,#box2,#box3{
	width:800px;
	height:500px;
	border: 0px solid #FFF;
	background: url(../images/content.jpg) no-repeat left top;
	}


#contents #box1 #header {
	margin: 0px 0px 16px;
	padding: 10px 0px 0px 10px;
	width: 790px;
	float: left;
}
#contents #box1 #header h1 {
	background: url(../images/dc-title.jpg) no-repeat left top;
	display: block;
	margin: 0px 48px 0px 0px;
	padding: 0px;
	height: 32px;
	width: 380px;
	float: left;
}
#contents #box1 #header h1 a {
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 380px;
}
#contents #box1 #header h1 a:hover {
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 380px;
}

/*WORKSLIST*/

#contents #box1 #workslist {
	float: left;
	width: 790px;
	margin: 0px;
	display: block;
	height: 399px;
	padding: 0px 0px 0px 10px;
}
#contents #box1 #workslist #workslist-title {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 610px;
	text-indent: -9999px;
	background: url(../images/workslist/dc-workslist-title.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents {
	display: block;
	width: 790px;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 7px 0px 0px;
	height: 297px;
	overflow: hidden;
}
#contents #box1 #workslist #wl-contents li {
	display: block;
	margin: 0px 11px 10px 0px;
	padding: 0px;
	height: 90px;
	width: 120px;
	float: left;
}
#contents #box1 #workslist #wl-contents li a {
	display: block;
	margin: 0px;
	padding: 10px 10px 10px 20px;
	height: 70px;
	width: 90px;
	font-size: 12px;
	font-weight: bold;
	color: #361600;
	text-decoration: none;
}

#contents #box1 #workslist .wl-contents-nav {
	float: left;
	width: 780px;
	height: 40px;
}
#contents #box1 #workslist .wl-contents-nav ul {
	padding: 0px;
	margin: 0px auto;
	list-style: none;
	display: block;
}
#contents #box1 #workslist .wl-contents-nav ul li {
	display: block;
	margin: 0px;
	color: #FFF;
	padding: 0px;
	float: left;
	height: 40px;
}

#contents #box1 #workslist .wl-contents-nav ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 40px;
	margin: 0px;
	padding: 0px;
	display: block;
}
#contents #box1 #workslist .wl-contents-nav ul li .current_page {
	color: #361600;
	text-decoration: none;
	background-color: #FFF;
	margin: 5px 10px 5px 0px;
	line-height: 30px;
	padding: 0px 5px;
	height: 28px;
	border: 1px solid #361600;
	display: block;
	float: left;
}
#contents #footer {
	margin: 0px;
	width: 790px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
}
#contents #footer #fnav {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 40px;
	list-style-type: none;
}
#contents #footer #fnav #fnav01 {
	display: block;
	margin: 0px 30px 0px 0px;
	padding: 13px 0px 0px;
	float: left;
	height: 27px;
	width: 125px;
}
#contents #footer #fnav #fnav02 {
	display: block;
	margin: 0px 30px 0px 0px;
	padding: 13px 0px 0px;
	float: left;
	height: 27px;
	width: 155px;
}
#contents #footer #fnav #fnav03 {
	display: block;
	margin: 0px 20px 0px 0px;
	padding: 13px 0px 0px;
	float: left;
	height: 27px;
	width: 164px;
}
#contents #footer #fnav #fnav04 {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 40px;
	width: 260px;
}
#contents #box1 #footer #fnav #fnav01 a {
	display: block;
	height: 27px;
	width: 125px;
	text-indent: -9999px;
	background: url(../images/dc-fnav01.jpg) no-repeat left bottom;
}
#contents #box1 #footer #fnav #fnav01 a:hover {
	display: block;
	height: 27px;
	width: 125px;
	text-indent: -9999px;
	background: url(../images/dc-fnav01.jpg) no-repeat left top;
}
#contents #box1 #footer #fnav #fnav02 a {
	display: block;
	height: 27px;
	width: 155px;
	text-indent: -9999px;
	background: url(../images/dc-fnav02.jpg) no-repeat left bottom;
}
#contents #box1 #footer #fnav #fnav02 a:hover {
	display: block;
	height: 27px;
	width: 155px;
	text-indent: -9999px;
	background: url(../images/dc-fnav02.jpg) no-repeat left top;
}
#contents #box1 #footer #fnav #fnav03 a {
	display: block;
	height: 27px;
	width: 164px;
	text-indent: -9999px;
	background: url(../images/dc-fnav03.jpg) no-repeat left bottom;
}
#contents #box1 #footer #fnav #fnav03 a:hover {
	display: block;
	height: 27px;
	width: 164px;
	text-indent: -9999px;
	background: url(../images/dc-fnav03.jpg) no-repeat left top;
}
#contents #box1 #footer #fnav #fnav04 a {
	display: block;
	height: 40px;
	width: 260px;
	text-indent: -9999px;
	background: url(../images/dc-fnav04.jpg) no-repeat left bottom;
}
#contents #box1 #footer #fnav #fnav04 a:hover {
	display: block;
	height: 40px;
	width: 260px;
	text-indent: -9999px;
	background: url(../images/dc-fnav04.jpg) no-repeat left top;
}
#contents #box1 #workslist .wl-contents-nav ul li .link_first {
	background: url(../images/pc-linkfirst-bg.jpg) no-repeat left top;
	text-indent: -9999px;
	height: 40px;
	width: 61px;
	display: block;
}
#contents #box1 #workslist .wl-contents-nav ul li .link_before {
	background: url(../images/pc-linkbefore-bg.jpg) no-repeat left top;
	display: block;
	height: 40px;
	width: 115px;
	text-indent: -9999px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#contents #box1 #workslist .wl-contents-nav ul li .link_next {
	background: url(../images/pc-linknext-bg.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 115px;
	display: block;
	text-indent: -9999px;
}
#contents #box1 #workslist .wl-contents-nav ul li .link_last {
	background: url(../images/pc-linklast-bg.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 59px;
	text-indent: -9999px;
	display: block;
}
#contents #box1 #workslist .wl-contents-nav ul li .link_page {
	display: block;
	margin: 5px 10px 5px 0px;
	padding: 0px 6px;
	height: 30px;
	background: #361600;
	line-height: 30px;
	color: #FFF;
	float: left;
}
#contents #box1 #workslist .terms {
	background: url(../images/dc-icon03.jpg) no-repeat left top;
	display: block;
	padding-left: 25px;
	line-height: 25px;
	height: 25px;
}


#contents #box1 #awards {
	float: left;
	width: 800px;
	margin: 0px;
	display: block;
	height: 399px;
	padding: 0px;
}
#contents #box1 #awards #awardslist-title {
	display: block;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	height: 30px;
	width: 610px;
	text-indent: -9999px;
	background: url(../images/archives/dc-awards-title.jpg) no-repeat left top;
}
#contents #box1 #awards .awards-date {
	background: url(../images/archives/dc-awards-headbg.jpg) no-repeat left top;
	display: block;
	width: 740px;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 45px;
	height: 30px;
	line-height: 30px;
}
#contents #box1 #awards .awards01-detail {
	background: url(../images/archives/dc-awards01-bg.jpg) no-repeat left top;
	display: block;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	height: 314px;
	width: 785px;
}
#contents #box1 #awards .awards02-detail {
	background: url(../images/archives/dc-awards02-bg.jpg) no-repeat left top;
	display: block;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	height: 314px;
	width: 785px;
}
#contents #box1 #awards .awards03-detail {
	background: url(../images/archives/dc-awards03-bg.jpg) no-repeat left top;
	display: block;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	height: 314px;
	width: 785px;
}
#contents #box1 #awards .awards04-detail {
	background: url(../images/archives/dc-awards04-bg.jpg) no-repeat left top;
	display: block;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	height: 314px;
	width: 785px;
}
#contents #box1 #awards .awards05-detail {
	background: url(../images/archives/dc-awards05-bg.jpg) no-repeat left top;
	display: block;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	height: 314px;
	width: 785px;
}
#contents #box1 #awards .awards06-detail {
	background: url(../images/archives/dc-awards06-bg.jpg) no-repeat left top;
	display: block;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	height: 314px;
	width: 785px;
}
#contents #box1 #awards #awards-gold {
	display: block;
	margin: 0px;
	padding: 19px 0px 0px 88px;
	float: right;
	height: 234px;
	width: 182px;
	list-style: none;
}
#contents #box1 #awards #awards-gold #gold-recipe {
	display: block;
	height: 90px;
	width: 120px;
	background: url(../images/archives/dc-awrads-goldbg.gif) no-repeat left top;
	padding: 0px;
}
#contents #box1 #awards #awards-silver {
	display: block;
	width: 405px;
	float: right;
	list-style: none;
	margin: 0px;
	padding: 19px 0px 0px 110px;
}

#contents #box1 #awards #awards-silver li {
	display: block;
	float: left;
	margin: 0px 15px 12px 0px;
	padding: 0px;
	height: 90px;
	width: 120px;
	background: url(../images/archives/dc-awrads-silverbg.gif) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .gold {
	background: url(../images/dc-gold.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .silver {
	background: url(../images/dc-silver.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .pink {
	background: url(../images/dc-pink.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .green {
	background: url(../images/dc-green.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .blue {
	background: url(../images/dc-blue.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .orange {
	background: url(../images/dc-orange.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .red {
	background: url(../images/dc-red.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .yellow {
	background: url(../images/dc-yellow.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .purple {
	background: url(../images/dc-purple.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .purple2 {
	background: url(../images/dc-purple2.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .white {
	background: url(../images/dc-white.jpg) no-repeat left top;
}
#contents #box1 #workslist #wl-contents .black {
	background: url(../images/dc-black.jpg) no-repeat left top;
}
#contents #box1 #awards #awards-gold #gold-recipe a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 90px;
	height: 70px;
	padding: 10px 10px 10px 20px;
	color: #361600;
}
#contents #box1 #awards #awards-silver li a {
	display: block;
	margin: 0px;
	padding: 10px 10px 10px 20px;
	height: 70px;
	width: 90px;
	font-size: 12px;
	color: #361600;
	text-decoration: none;
	font-weight: bold;
}
#contents #box1 #awards #awards-silver .goto-detail {
	display: block;
	height: 30px;
	width: 292px;
	margin: 0px;
	padding: 0px 0px 0px 99px;
	background: url(none);
	clear: both;
}
#contents #box1 #awards #awards-silver .goto-detail a {
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 292px;
}