@charset "UTF-8";

body #awardCMS{
	width : 950px ;
	margin : 10px auto ;
	background-color : #fff ;
	color : #333 ;
	text-align : left ;
}
body #awardCMS img{
	vertical-align : bottom ;
}
body #awardCMS a{
	color : #000 ;
	text-decoration : none ;
}
body #awardCMS a:hover{
	color : #f90 ;
}
body #awardCMS a:hover img{
	opacity : 0.7 ;
}
body #awardCMS p{
	margin : 0 ;
	line-height : 140% ;
}

body #awardCMS #topicPath_s{
	width : 926px ;
}

body #awardCMS .header{
	margin : 0 0 15px ;
}
body #awardCMS.commentForm .header{
	margin : 0 0 50px ;
}
body #awardCMS .description p{
	margin : 0 0 10px ;
}
body #awardCMS #awardContents{
	float : left ;
	width : 630px ;
}
body #awardCMS.commentForm #awardContents{
	float : none ;
	width : auto ;
}
body #awardCMS #awardNav{
	float : right ;
	width : 300px ;
	padding : 35px 0 0 ;
}
/* .content */
body #awardCMS .content{
	margin : 0 0 50px ;
}
body #awardCMS #awardNav .content{
	margin : 0 0 30px ;
}
body #awardCMS .content h2{
	padding : 0 0 5px ;
	border-bottom : #e86868 2px dotted ;
	font-size : 150% ;
	font-weight : bold ;
	line-height : 160% ;
}
body #awardCMS .content.titImage h2{
	padding : 0 ;
	border-bottom : none ;
}
body #awardCMS .content.titImage h2 img{
	max-width : 100% ;
	height : auto ;
}
body #awardCMS .content .inner{
	overflow : hidden ;
}
body #awardCMS .content.hasFrame .inner{
	border : #fcc 1px solid ;
	border-top : none ;
}

/***********************************************************
.itemList
***********************************************************/
body #awardCMS .itemList ul{
	width : 645px ;
	margin : 20px 0 0 ;
	border-top : #e86868 1px dashed ;
}
body #awardCMS .itemList ul:first-of-type{
	margin : 0 ;
	border-top : none ;
}
body #awardCMS .itemList ul li{
	float : left ;
	width : 200px ;
	margin : 20px 15px 0 0 ;
}
body #awardCMS .itemList ul li p.catch{
	margin : 0 0 10px ;
	font-size : 116.8% ;
	font-weight : bold ;
	color : #600 ;
}
body #awardCMS .itemList ul li p.subtitle{
	margin : 0 0 5px ;
	text-align : center ;
}

body #awardCMS .itemList ul li p.thumbnail{
	margin : 0 0 10px ;
	display : table ;
}
body #awardCMS .itemList ul li p.thumbnail a{
	display : table-cell ;
	height : 200px ;
	width : 200px ;
	text-align : center ;
	vertical-align : middle ;
}
body #awardCMS .itemList ul li p.thumbnail a img{
	max-width : 200px ;
	max-height : 200px ;
}
body #awardCMS .itemList ul li p.title{
	margin : 0 0 15px ;
	font-size : 116.8% ;
	font-weight : bold ;
	text-align : center ;
}
body #awardCMS .itemList ul li p.comment{
	position : relative ;
}
body #awardCMS .itemList ul li p.comment a{
	position : relative ;
	display : block ;
	padding : 10px ;
	background : #db0404 ;
	border-radius : 5px ;
	text-align : center ;
	color : #fff ;
	font-weight : bold ;
}
body #awardCMS .itemList ul li p.comment a:before{
	content: '';
	position: absolute;
	border-bottom: 8px solid #db0404;
	border-right: 0px solid transparent;
	border-left: 8px solid transparent;
	top: -8px;
	left: 15px;
}
body #awardCMS .itemList ul li p.comment a:hover{
	opacity : 0.7 ;
}
/* item4 overwite */
body #awardCMS .itemList ul.item4{
	width : 640px ;
}
body #awardCMS .itemList ul.item4 li{
	width : 150px ;
	margin : 20px 10px 0 0 ;
}
body #awardCMS .itemList ul.item4 li p.catch{
	font-size : 100% ;
}
body #awardCMS .itemList ul.item4 li p.thumbnail a{
	height : 150px ;
	width : 150px ;
}
body #awardCMS .itemList ul.item4 li p.thumbnail a img{
	max-width : 150px ;
	max-height : 150px ;
}
/***********************************************************
.rules
***********************************************************/
body #awardCMS .rule dl{
	margin : 20px 0 ;
}
body #awardCMS .rule dl dt{
	font-weight : bold ;
	font-size : 116.7% ;
}
body #awardCMS .rule p{
	margin : 20px 0 ;
}
body #awardCMS .rule.hasFrame .inner{
	padding : 0 20px ;
}
/***********************************************************
.present
***********************************************************/
body #awardCMS .present h3{
	margin : 20px 0 ;
	font-size : 133.3% ;
	font-weight : bold ;
	color : #db0404 ;
}
body #awardCMS .present ul li{
	position : relative ;
	min-height : 150px ;
	margin : 20px 0 ;
	padding : 0 0 0 170px ;
}
body #awardCMS .present ul li p.thumbnail{
	position : absolute ;
	display : table ;
	left : 0 ;
	top : 0 ;
}
body #awardCMS .present ul li p.thumbnail a{
	display : table-cell ;
	height : 150px ;
	width : 150px ;
	text-align : center ;
	vertical-align : middle ;
}
body #awardCMS .present ul li p.thumbnail img{
	max-width : 150px ;
	max-height : 150px ;
}
body #awardCMS .present ul li p.title{
	margin : 0 0 15px ;
	font-size : 116.8% ;
	font-weight : bold ;
}
body #awardCMS .present.hasFrame .inner{
	padding : 0 20px ;
}
/* #awardNav */
body #awardCMS #awardNav .present h3{
	text-align : center ;
}
body #awardCMS #awardNav .present ul li{
	padding : 0 20px ;
}
body #awardCMS #awardNav .present ul li p.thumbnail{
	position : static ;
	margin : 0 -10px 10px ;
	text-align : center ;
}
body #awardCMS #awardNav .present ul li p.thumbnail img{
	max-width : 280px ;
	max-height : 280px ;
}
body #awardCMS #awardNav .present ul li p.title{
	margin : 0 0 5px ;
}
body #awardCMS #awardNav .present ul li p.text{
	margin : 0 0 5px ;
}
body #awardCMS #awardNav .present.hasFrame .inner{
	padding : 0 ;
}

/***********************************************************
.free
***********************************************************/
body #awardCMS .free p{
	margin : 20px 0 ;
}
body #awardCMS .free a{
	text-decoration : underline ;
}
body #awardCMS .free .image p{
	margin : 0 ;
	text-align : center ;
}
body #awardCMS .free .image p img{
	max-width : 100% ;
	height : auto ;
}
body #awardCMS .free.hasFrame .inner{
	padding : 0 20px ;
}

/***********************************************************
.banner
***********************************************************/
body #awardCMS .banner li{
	margin : 15px 0 ;
}
body #awardCMS .banner li p.thumbnail{
	margin : 0 0 10px ;
	text-align : center ;
}
body #awardCMS .banner li p.thumbnail img{
	max-width : 100% ;
	height : auto ;
}
body #awardCMS .banner li p.title{
	text-align : center ;
}
body #awardCMS .banner li p.title a{
	text-decoration : underline ;
}
/* nav */
body #awardCMS #awardNav .banner li{
	margin : 10px ;
}
body #awardCMS #awardNav .banner li p.thumbnail{
	width : 200px ;
	margin : 0 auto 5px ;
}
body #awardCMS #awardNav .banner li p.title{
	text-align : left ;
}
/***********************************************************
.works
***********************************************************/
body #awardCMS .works p.thumbnail{
	display : table ;
	width : 200px ;
	margin : 20px auto 15px ;
}
body #awardCMS .works p.thumbnail a{
	display : table-cell ;
	max-width : 200px ;
	max-height : 200px ;
	text-align : center ;
	vertical-align : middle ;
}
body #awardCMS .works p.thumbnail a img{
	max-width : 200px ;
	max-height : 200px ;
}
body #awardCMS .works p.title{
	margin : 0 0 15px ;
	text-align : center ;
	font-size : 116.8% ;
	font-weight : bold ;
}
body #awardCMS .works ul li{
	margin : 5px 0 0 ;
	text-align : center ;
}
body #awardCMS .works.hasFrame .inner{
	padding : 0 0 20px ;
}
/***********************************************************
.winners
***********************************************************/
body #awardCMS .winners p.thumbnail{
	display : table ;
	width : 200px ;
	margin : 20px auto 15px ;
}
body #awardCMS .winners p.thumbnail a{
	display : table-cell ;
	max-width : 200px ;
	max-height : 200px ;
	text-align : center ;
	vertical-align : middle ;
}
body #awardCMS .winners p.thumbnail a img{
	max-width : 200px ;
	max-height : 200px ;
}
body #awardCMS .winners p{
	margin : 0 30px 15px ;
}
body #awardCMS .winners p.title{
	width : 200px ;
	margin : 0 auto 15px ;
	font-size : 116.8% ;
	font-weight : bold ;
}
body #awardCMS .winners p.more{
	margin : 0 30px ;
	font-weight : bold ;
	text-align : right ;
}
body #awardCMS .winners p.more a{
	position : relative ;
}
body #awardCMS .winners p.more a:before{
	content: '';
	position: absolute;
	border-left: 5px solid #db0404;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	top: 3px;
	left: -9px;
}
body #awardCMS .winners.hasFrame .inner{
	padding : 0 0 20px ;
}
/***********************************************************
.winner
***********************************************************/
body #awardCMS .winner h3{
	margin : 20px 0 ;
	font-size : 133.3% ;
	font-weight : bold ;
	color : #db0404 ;
}
body #awardCMS .winner dl{
	margin : 20px 0 ;
}
body #awardCMS .winner dl dt{
	font-size : 116.7% ;
	font-weight : bold ;
}
body #awardCMS .winner.hasFrame .inner{
	padding : 0 20px ;
}
/***********************************************************
.newcomment
***********************************************************/
body #awardCMS .newcomment ul li{
	position : relative ;
	min-height : 70px ;
	margin : 10px 0 ;
	padding : 0 0 10px 80px ;
	border-bottom : #e86868 1px dotted ;
}
body #awardCMS .newcomment ul li p.thumbnail{
	position : absolute ;
	display : table ;
	left : 0 ;
	top : 0 ;
	margin : 0 ;
}
body #awardCMS .newcomment ul li p.thumbnail a{
	display : table-cell ;
	width : 70px ;
	height : 70px ;
	text-align : center ;
	vertical-align : middle ;
}
body #awardCMS .newcomment ul li p.thumbnail a img{
	max-width : 70px ;
	max-height : 70px ;
}
body #awardCMS .newcomment ul li p.title{
	margin : 0 0 5px ;
	font-weight : bold ;
}
body #awardCMS .newcomment ul li p.body{
	margin : 0 0 5px ;
	font-size : 83.3% ;
}
body #awardCMS .newcomment ul li p.name{
	text-align : right ;
	font-weight : normal ;
	font-size : 83.3% ;
}
/***********************************************************
.detail
***********************************************************/
body #awardCMS .detail p.back{
	position : relative ;
	margin : 0 0 30px 9px ;
}
body #awardCMS .detail p.back a{
	font-weight : bold ;
}
body #awardCMS .detail p.back a:before{
	content: '';
	position: absolute;
	border-left: 5px solid #db0404;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	top: 3px;
	left: -9px;
}
body #awardCMS .detail p.thumbnail{
	margin : 0 auto 20px ;
	text-align : center ;
}
body #awardCMS .detail p.thumbnail img{
	max-width : 100% ;
	height : auto ;
}
body #awardCMS .detail p.catch{
	margin : 0 0 30px ;
	text-align : center ;
	font-size : 150% ;
	font-weight : bold ;
	color : #600 ;
}
body #awardCMS .detail p.subtitle{
	margin : -20px 0 30px ;
	text-align : center ;
	font-size : 100% ;
	font-weight : normal ;
}
body #awardCMS .detail div.publisher{
	padding : 15px ;
	margin : 0 0 20px ;
	border : #e8676b 2px dotted ;
}
body #awardCMS .detail div.publisher h2{
	padding : 0 ;
	border : none ;
	margin : 0 0 5px ;
}
body #awardCMS .detail div.publisher p.data{
	margin : 0 0 15px ;
}
body #awardCMS .detail div.publisher h2.publisher,
body #awardCMS .detail div.publisher h3{
	margin : 0 0 5px ;
	font-size : 116.8% ;
	font-weight : bold ;
	color : #a07c01 ;
}
/* hasThumbnail */
body #awardCMS .detail div.publisher.hasThumbnail{
	position : relative ;
	min-height : 120px ;
	padding : 15px 15px 15px 150px ;
}
body #awardCMS .detail div.publisher.hasThumbnail p.thumbnail{
	position : absolute ;
	width : 120px ;
	margin : 0 ;
	left : 15px ;
	top : 15px ;
}
body #awardCMS .detail p.btn{
	width : 300px ;
	margin : 30px auto 0 ;
}
body #awardCMS .detail p.btn a{
	display : block ;
	background : #db0304 ;
	border-radius : 5px ;
	text-align : center ;
	line-height : 60px ;
	font-size : 150% ;
	font-weight : bold ;
	color : #fff ;
}
body #awardCMS .detail p.btn a:hover{
	opacity : 0.7 ;
}
/***********************************************************
.comment
***********************************************************/
body #awardCMS div.comment{
	padding : 15px 10px 10px ;
	background : #ffcccb ;
	border-radius : 5px ;
}
body #awardCMS div.comment .header{
	margin : 0 ;
}
body #awardCMS div.comment .header h2{
	float : left ;
	margin : 0 ;
	padding : 0 ;
	border : none ;
}
body #awardCMS div.comment .header p{
	float : right ;
	font-size : 116.7% ;
}
body #awardCMS .comment .header p strong{
	font-size : 128.6% ;
}
body #awardCMS div.comment ul li{
	position : relative ;
	margin : 15px 0 0 ;
	padding : 15px ;
	background : #fff ;
	border-radius : 5px ;
}
body #awardCMS div.comment ul li:before{
	content: '';
	position: absolute;
	border-bottom: 11px solid #fff;
	border-right: 0px solid transparent;
	border-left: 14px solid transparent;
	top: -11px;
	left: 38px;
}
body #awardCMS div.comment ul li p.body{
	margin : 0 0 10px ;
}
body #awardCMS div.comment ul li p.name{
	text-align : right ;
	font-size : 83.3% ;
	font-weight : normal ;
}
/***********************************************************
.commentForm
***********************************************************/
body #awardCMS form.commentForm{
	position : relative ;
	padding : 30px 200px ;
	background : #ffcccb ;
}
body #awardCMS form.commentForm textarea,
body #awardCMS form.commentForm div.confirm{
	box-sizing : border-box ;
	width : 100% ;
	height : 100px ;
	padding : 10px ;
	margin : 0 0 25px ;
	border : none ;
	background : #fff ;
	border-radius : 5px ;
}
body #awardCMS form.commentForm div.confirm{
	height : auto ;
}
body #awardCMS form.commentForm ul.error{
	margin : -15px 0 25px ;
	color : #f00 ;
}
body #awardCMS form.commentForm ul.error{
	margin : -15px 0 25px ;
	color : #f00 ;
}
body #awardCMS form.commentForm label.btn{
	display : block ;
	width : 300px ;
	margin : 0 auto ;
	text-align : center ;
}
body #awardCMS form.commentForm label.btn input.submit{
	border : none ;
	width : 300px ;
	height : 60px ;
	background : #db0304 ;
	border-radius : 5px ;
	font-size : 150% ;
	color : #fff ;
	cursor : pointer ;
}
body #awardCMS form.commentForm label.btn input.submit:hover{
	opacity : 0.7 ;
}
body #awardCMS form.commentForm p.back{
	position : absolute ;
	width : 70px ;
	height : 30px ;
	bottom : 30px ;
	left : 240px ;
	line-height : 30px ;
	text-align : center ;
}
body #awardCMS form.commentForm p.back a{
	display : block ;
	background : #999999 ;
	color : #fff ;
	font-size : 116.7% ;
	border-radius : 5px ;
}
body #awardCMS form.commentForm p.back a:hover{
	opacity : 0.7 ;
}
/**********************************************************************************************************************
typeB
**********************************************************************************************************************/
/* color */
body #awardCMS.typeB .itemList ul li p.catch,
body #awardCMS.typeB .detail p.catch,
body #awardCMS.typeB form.commentForm ul.error{
	color : #039 ;
}
body #awardCMS.typeB .present h3,
body #awardCMS.typeB .winner h3{
	color : #039 ;
}
/* border-color */
body #awardCMS.typeB .content h2,
body #awardCMS.typeB .itemList ul,
body #awardCMS.typeB .content.hasFrame .inner,
body #awardCMS.typeB .newcomment ul li{
	border-color : #99c ;
}
body #awardCMS.typeB .winners p.more a:before,
body #awardCMS.typeB .detail p.back a:before{
	border-left-color : #039 ;
}
body #awardCMS.typeB .itemList ul li p.comment a:before{
	border-bottom-color : #039 ;
}
body #awardCMS.typeB .detail div.publisher{
	border-color : #9899c9 ;
}
/* background-color */
body #awardCMS.typeB .itemList ul li p.comment a,
body #awardCMS.typeB .detail p.btn a,
body #awardCMS.typeB form.commentForm label.btn input.submit{
	background-color : #039 ;
}
body #awardCMS.typeB div.comment,
body #awardCMS.typeB form.commentForm{
	background-color : #cde2fd ;
}
/**********************************************************************************************************************
typeC
**********************************************************************************************************************/
/* color */
body #awardCMS.typeC .itemList ul li p.catch,
body #awardCMS.typeC .detail p.catch,
body #awardCMS.typeC form.commentForm ul.error{
	color : #79610c ;
}
body #awardCMS.typeC .present h3,
body #awardCMS.typeC .winner h3{
	color : #7c9b00 ;
}
/* border-color */
body #awardCMS.typeC .content h2,
body #awardCMS.typeC .itemList ul,
body #awardCMS.typeC .content.hasFrame .inner,
body #awardCMS.typeC .newcomment ul li{
	border-color : #99cc00 ;
}
body #awardCMS.typeC .winners p.more a:before,
body #awardCMS.typeC .detail p.back a:before{
	border-left-color : #cae04c ;
}
body #awardCMS.typeC .itemList ul li p.comment a:before{
	border-bottom-color : #99cc01 ;
}
body #awardCMS.typeC .detail div.publisher{
	border-color : #9bca00 ;
}
/* background-color */
body #awardCMS.typeC .itemList ul li p.comment a,
body #awardCMS.typeC .detail p.btn a,
body #awardCMS.typeC form.commentForm label.btn input.submit{
	background-color : #99cc01 ;
}
body #awardCMS.typeC div.comment,
body #awardCMS.typeC form.commentForm{
	background-color : #e5efb0 ;
}
/**********************************************************************************************************************
typeD
**********************************************************************************************************************/
/* color */
body #awardCMS.typeD .itemList ul li p.catch,
body #awardCMS.typeD .detail p.catch,
body #awardCMS.typeD form.commentForm ul.error{
	color : #923b2a ;
}
body #awardCMS.typeD .present h3,
body #awardCMS.typeD .winner h3{
	color : #ff8400 ;
}
/* border-color */
body #awardCMS.typeD .content h2,
body #awardCMS.typeD .itemList ul,
body #awardCMS.typeD .content.hasFrame .inner,
body #awardCMS.typeD .newcomment ul li{
	border-color : #ff8400 ;
}
body #awardCMS.typeD .winners p.more a:before,
body #awardCMS.typeD .detail p.back a:before{
	border-left-color : #ff942d ;
}
body #awardCMS.typeD .itemList ul li p.comment a:before{
	border-bottom-color : #ff942d ;
}
body #awardCMS.typeD .detail div.publisher{
	border-color : #ff8500 ;
}
/* background-color */
body #awardCMS.typeD .itemList ul li p.comment a,
body #awardCMS.typeD .detail p.btn a,
body #awardCMS.typeD form.commentForm label.btn input.submit{
	background-color : #ff942d ;
}
body #awardCMS.typeD div.comment,
body #awardCMS.typeD form.commentForm{
	background-color : #ffe3cb ;
}
/**********************************************************************************************************************
typeE
**********************************************************************************************************************/
/* color */
body #awardCMS.typeE .itemList ul li p.catch,
body #awardCMS.typeE .detail p.catch,
body #awardCMS.typeE form.commentForm ul.error,
body #awardCMS.typeE .present h3,
body #awardCMS.typeE .winner h3{
	color : #000 ;
}
/* border-color */
body #awardCMS.typeE .content h2,
body #awardCMS.typeE .itemList ul,
body #awardCMS.typeE .content.hasFrame .inner,
body #awardCMS.typeE .newcomment ul li{
	border-color : #666 ;
}
body #awardCMS.typeE .winners p.more a:before,
body #awardCMS.typeE .detail p.back a:before{
	border-left-color : #000 ;
}
body #awardCMS.typeE .itemList ul li p.comment a:before{
	border-bottom-color : #000 ;
	border-bottom-width : 9px ;
	border-left-width : 9px ;
	top : -9px ;
}
body #awardCMS.typeE .itemList ul li p.comment a:after{
	content: '';
	position: absolute;
	border-bottom: 5px solid #fff ;
	border-right: 0px solid transparent;
	border-left: 5px solid transparent;
	top: -5px;
	left: 17px;
}
body #awardCMS.typeE .detail div.publisher{
	border-color : #999 ;
}
/* background-color */
body #awardCMS.typeE .itemList ul li p.comment a{
	padding : 8px 10px ;
	background-color : #fff ;
	border : #000 2px solid ;
	color : #000 ;
}
body #awardCMS.typeE .detail p.btn a,
body #awardCMS.typeE form.commentForm label.btn input.submit{
	width : 296px ;
	line-height : 56px ;
	border : #000 2px solid ;
	background-color : #fff ;
	color : #000 ;
}
body #awardCMS.typeE div.comment,
body #awardCMS.typeE form.commentForm{
	background-color : #e2e2e2 ;
}