@charset "utf-8";

/*common
----------------------------------------------------------------------------------------------*/
.boxArtic{
	opacity: 0;
}
#contents{
	position: relative;
	min-height: 550px;
	}
	#contents .backBtn{
	position: absolute;
	right: 20px;
	top: 5px;
	}
	#contents .backBtn a{
		display: block;
		background: url(../images/common/icon03.gif) no-repeat left top;
		padding-left: 18px;
		font-size: 12px;
		line-height: 12px;
	}
#contents h2{
	text-align: left;
	font-size: 18px;
	margin-bottom: 40px;
	background-color: white;
	}
	#contents h2 span{
		font-size: 14px;
	}
/*top
----------------------------------------------------------------------------------------------*/
#contents ul.pickup a{
	display: inline-block;
	float: left;
	width: 340px;
	height: 207px;
	margin:0 20px 20px 0;
	}
	#contents ul.pickup a li div.bb{
		position: relative;
		border: 1px solid #acacac;
		margin: -1px;
		width: 340px;
		height: 207px;
		overflow: hidden;
	}
	#contents ul.pickup a li div.bb img.imgg{
		position: absolute;
		left: 0;
		top: 0;
	}
#contents h2.tp{
	font-size: 13px;
	margin:30px 0 10px 0;
	line-height: 13px;
}
#contents .tinone li{
	display: block !important;
}
#contents .ticker{
	border-top:1px dotted #1c1c1c;
	padding: 10px 0 10px 0;
	border-bottom:1px dotted #1c1c1c;
	width: 700px;
	overflow: hidden;
	}
	
	#contents .ticker ul{
		position: relative;
		text-align: left;
		}
		#contents .ticker ul li{
			margin-bottom: 10px;
			}
			#contents .ticker ul li dl{
				font-size: 0;
			}
			#contents .ticker ul li dt{
				display: inline-block;
				vertical-align: top;
				width: 90px;
				background-color: white;
			}
			#contents .ticker ul li dd{
				display: inline-block;
				vertical-align: top;
				width: 610px;
				background-color: white;
				}
				#contents .ticker ul li dd a{
					color: #1c1c1c;
					line-height: 18px;
				}
				#contents .ticker ul li dd a:hover{
					text-decoration: underline;
				}
		#contents .ticker ul li:last-child{
			margin-bottom: 0;
			}
			
/*profile
----------------------------------------------------------------------------------------------*/
#contents .profile{
	text-align: left;
	}
	#contents .profile h3,
	#contents .profile h4{
		font-size: 18px;
		margin-bottom: 20px;
		letter-spacing: 0.05em;
		background-color: white;
	}
	#contents .profile p{
		font-size: 13px;
		line-height: 30px;
		letter-spacing: 0.05em;
		background-color: white;
	}
	#contents .profile h4.cmp{
		border-top: 1px dotted #acacac;
		margin: 30px 0 20px 0;
		padding: 30px 0 0 0;
		width: 660px;
	}

/*works
----------------------------------------------------------------------------------------------*/
#contents ul.works{
	width: 100%;
	font-size: 0;
	text-align: left;
}
#contents ul.works a{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding:0 22px 20px 0;
	text-align: left;
	box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
	}
	#contents ul.works a li p.date{
		font-size: 11px;
		line-height: 11px;
		letter-spacing: 0.05em;
		padding-top: 10px;
		width: 100%;
	}
	#contents ul.works a li p.tl{
		letter-spacing: 0.03em;
		width: 100%;
		line-height: 20px;
		padding-top: 10px;
	}
	#contents ul.works a li div.bb{
		position: relative;
		border: 1px solid #acacac;
		margin: -1px;
		width: 100%;
		height: 207px;
		overflow: hidden;
	}
	#contents ul.works a li div.bb img.imgg{
		position: absolute;
		left: 0;
		top: 0;
	}
	#contents ul.works a:hover{
		color: #747474;
	}
	
	/* pageList */
	#contents .pageList{
		margin: 30px 20px 0 0;
		border-top: 1px solid #acacac;
		border-bottom: 1px solid #acacac;
		padding: 11px 0 11px 0;
		line-height: 100%;
		}
		#contents .pageList .pre{
			width: 47px;
			height: 18px;
			float: left;
			font-size: 11px;
			display: block;
		}
		#contents .pageList .pre a{
			background: url(../images/common/icon01.gif) no-repeat left top;
			font-size: 11px;
			color: #000;
			padding-left: 24px;
			float: left;
			width: 23px;
			line-height: 18px;
		}
		#contents .pageList .nex{
			width: 47px;
			height: 18px;
			float: right;
		}
		#contents .pageList .nex a{
			background: url(../images/common/icon02.gif) no-repeat right top;
			font-size: 11px;
			float: right;
			color: #000;
			width: 47px;
			text-align: left;
			line-height: 18px;
		}
	#contents .numberList{
		float: left;
		width: 550px;
		margin-left: 25px;
		display: inline;
		text-align: center;
		}
		#contents .numberList a{
			padding: 0 7px;
			line-height: 18px;
			font-size: 11px;
			color: #8f8f8f;
			}
			#contents .numberList a:hover{
				color: #000;
			}
			#contents .numberList a.on{
				color: #000;
			}
/* works Detail */
#contents .worksDetail{
	text-align: left;
	position: relative;
	}
	#contents .worksDetail .date{
		font-size: 11px;
	}
	#contents .worksDetail h3{
		font-size: 24px;
		line-height: 38px;
		width: 700px;
		margin-bottom: 25px;
		background-color: white;
	}
	#contents .worksDetail .category{
		margin-bottom: 8px;
		}
		#contents .worksDetail .category li{
			margin-right: 12px;
			font-size: 13px;
			color: #f3ea00;
			background-color: #acacac;
			padding: 4px;
			line-height: 13px;
		}
	#contents .worksDetail h4{
		font-size: 13px;
		color: #747474;
		line-height: 20px;
		margin-bottom: 30px;
		width: 700px;
	}
	
	#contents .worksDetail .detailCenter{
		width: 660px;
		margin: 0 0 0 30px;
		}
		#contents .worksDetail .detailCenter .youtube{
			width: 640px;
			padding: 0 0 25px 0;
			margin-bottom: 40px;
			border-bottom: 1px solid #acacac;
		}
		#contents .worksDetail .detailCenter .youtube iframe{
			z-index: 999;
		}
	#contents .worksDetail .detailCenter ul.detailThumb li{
		margin:0 20px 20px 0;
		}
		#contents .worksDetail .detailCenter ul.detailThumb li img{
			border: 1px solid #acacac;
			display: block;
			position: relative;
			overflow: hidden;
		}
#contents .links{
	font-size: 13px;
	line-height: 22px;
	margin-top: 15px;
	background-color: white;
	}
	#contents .links a{
		color: #e61f19;
	}
	#contents .links a:hover{
		text-decoration: underline;
	}
/* works show / aritist */
#contents .show{
	text-align: left;
	width: 700px;
}
#contents .show p{
	margin-bottom: 10px;
	line-height: 24px;
	letter-spacing: 0.05em;
	background-color: white;
	}
	#contents .show p a{
		color: #e61f19;
		background-color: white;
	}
	#contents .show p a:hover{
		text-decoration: underline;
	}
#contents .artist{
	text-align: left;
	width: 700px;
	}
	#contents .artist p{
		text-align: left;
		width: 700px;
		line-height: 30px;
		letter-spacing: 0.05em;
		background-color: white;
	}
/* pworks */
#contents .pworks{
	text-align: left;
	}
	#contents .pworks h3,
	#contents .pworks h4{
		margin-bottom: 10px;
	}
	#contents .pworks ul li{
		margin-right: 10px;
		margin-bottom: 10px;
	}
/* contact */
#contents .contact{
	text-align: left;
	padding-right: 20px;
	}
	#contents .contact .sub{
		background-color: #f1f1f1;
		padding: 10px;
		margin-bottom: 20px;
		color: #848484;
		}
		#contents .contact .sub p{
			font-size: 12px;
			line-height: 12px;
			}
			#contents .contact .sub p a{
				text-decoration: underline;
				color: #848484;
			}
			#contents .contact .sub p a:hover{
				text-decoration: none;
			}
	#contents .contact .for {
		border-collapse: collapse;
		margin:  0 auto;
		table-layout: fixed;
		width: 660px;
	}
	
	#contents .contact .for th,
	#contents .contact .for td {
		padding: 20px 15px;
		text-align: left;
		vertical-align: top;
		table-layout: fixed;
		background-color: white;
	}
	#contents .contact .for th{
		width: 120px;
		text-align: left;
		padding-top: 25px;
		table-layout: fixed;
	}
	#contents .contact table input.t{
		margin: 0;
		width: 475px;
		height: 30px;
		padding-left: 5px;
		border: 1px solid #acacac;
		font-family: inherit;
	}
	#contents .contact textarea{
		padding: 5px;
		width: 470px;
		border: 1px solid #acacac;
		font-family: inherit;
	}
	#contents .contact .radio .rdo{
		display: inline-block;
		line-height: 19px;
		height: 19px;
		cursor: pointer;
		overflow: hidden;
		padding: 0 0 0 28px;
		background: url(../images/contact/icon_contact.gif) no-repeat left top;
	}
	#contents .contact .radio input[type='radio']{
		filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
		position: absolute;
	}
	#contents .contact .radio .c_on{background-position:left bottom;}
	#contents .contact .for td{   
		display: block;
		width:100%;
	}
	#contents .contact .submitBtn{
		width: 475px;
		margin: 0 auto;
		text-align: center;
		margin-top: 20px;
	}
	#contents .contact .submitBtn p{
		float: left;
		display: inline;
	}