@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/pc-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: 412px;
	padding: 0px 0px 0px 10px;
}
#contents #box1 #workslist #workslist-title {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 610px;
	text-indent: -9999px;
	background-image: url(../images/workslist/pc-workslist-title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contents #box1 #workslist #wl-contents {
	display: block;
	width: 790px;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 7px 0px 0px;
	height: 300px;
	overflow: hidden;
}
#contents #box1 #workslist #wl-contents li {
	display: block;
	margin: 0px 11px 10px 0px;
	padding: 0px;
	height: 84px;
	width: 114px;
	border: 3px solid #f1d044;
	float: left;
}
#contents #box1 #workslist #wl-contents li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 84px;
	width: 114px;
}
#contents #box1 #workslist #wl-contents .gold {
	display: block;
	margin: 3px 0px 0px -128px;
	padding: 0px;
	height: 30px;
	width: 30px;
	float: left;
}
#contents #box1 #workslist #wl-contents .silver {
	display: block;
	margin: 3px 0px 0px -128px;
	padding: 0px;
	height: 30px;
	width: 30px;
	float: left;
}
#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: 27px;
	list-style-type: none;
}
#contents #footer #fnav #fnav01 {
	display: block;
	margin: 0px 30px 0px 0px;
	padding: 0px;
	float: left;
	height: 27px;
	width: 125px;
}
#contents #footer #fnav #fnav02 {
	display: block;
	margin: 0px 30px 0px 0px;
	padding: 0px;
	float: left;
	height: 27px;
	width: 155px;
}
#contents #footer #fnav #fnav03 {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 27px;
	width: 164px;
}
#contents #box1 #footer #fnav #fnav01 a {
	display: block;
	height: 27px;
	width: 125px;
	text-indent: -9999px;
	background: url(../images/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/fnav01.jpg) no-repeat left top;
}
#contents #box1 #footer #fnav #fnav02 a {
	display: block;
	height: 27px;
	width: 155px;
	text-indent: -9999px;
	background: url(../images/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/fnav02.jpg) no-repeat left top;
}
#contents #box1 #footer #fnav #fnav03 a {
	display: block;
	height: 27px;
	width: 164px;
	text-indent: -9999px;
	background: url(../images/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/fnav03.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/pc-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: 412px;
	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/pc-awards-title.jpg) no-repeat left top;
}
#contents #box1 #awards .awards-date {
	background: url(../images/archives/pc-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/pc-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/pc-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/pc-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/pc-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/pc-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/pc-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 113px;
	float: left;
	height: 234px;
	width: 205px;
	list-style: none;
}
#contents #box1 #awards #awards-gold #gold-photo {
	border: 3px solid #f1d044;
	display: block;
	height: 148px;
	width: 198px;
}
#contents #box1 #awards #awards-gold #gold-icon {
	display: block;
	margin: -151px 0px 0px 3px;
	padding: 0px;
	height: 30px;
	width: 30px;
}
#contents #box1 #awards #awards-gold #goto-detail {
	display: block;
	margin: 171px 0px 0px;
	padding: 0px;
	height: 30px;
	width: 205px;
}
#contents #box1 #awards #awards-silver {
	display: block;
	width: 418px;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 19px 0px 0px 27px;
}

#contents #box1 #awards #awards-silver li {
	display: block;
	float: left;
	margin: 0px 15px 12px 0px;
	padding: 0px;
	height: 84px;
	width: 114px;
	border: 3px solid #f1d044;
}
#contents #box1 #awards #awards-silver #silver-icon {
	display: block;
	margin: 3px 0px 0px -132px;
	padding: 0px;
	height: 30px;
	width: 30px;
	border-style: none;
}