@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	line-height: 1;
	background: #f5f6e8;
}

img {
	border: 0;
}

p {
	margin: 0.5em 0;
	padding: 0;
	color: #3c2619;
	font: smaller/1.75 Verdana, Geneva, sans-serif;
}

li {
	margin-bottom: 0.8em;
	color: #3c2619;
	font: smaller/1.4 Verdana, Geneva, sans-serif;
}

dt {
	margin: 0;
	padding: 0;
	color: #848170;
	font: smaller/1.75 Verdana, Geneva, sans-serif;
	letter-spacing: 0.2em;
}

dd {
	margin: 0 0 1em 1.5em;
	padding: 0;
	color: #3c2619;
	font: smaller/1.75 Verdana, Geneva, sans-serif;
}

dd ul {
	margin: 0.5em 0 1.8em;
}

dd li {
	font-size: 100%;
}

em {
	color: #848170;
	font-style: normal;
}

th, td {
	color: #3c2619;
	font: smaller/1.75 Verdana, Geneva, sans-serif;
}
	

a:link, a:visited {
	color: #7e4e33;
	text-decoration: underline;
}

a:hover, a:active {
	color: #aaaa1e;
	text-decoration: underline;
}

.clearfix:after {
	content: "";
	font-size: 0.1em; 
	display: block; 
	line-height: 0; 
	height: 0.1px;
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p.arrow {
	padding-left: 23px;
	line-height: 18px;
	background: url(../siteimages/mark/arrow.gif) no-repeat left center;
}

#wraper {
	background: url(../siteimages/background/top.jpg) repeat-x;
}

/** header **/

#header {
	position: relative;
	height: 350px;
	background: url(../siteimages/background/film.jpg) no-repeat center bottom;
}

#logo {
	width: 254px;
	margin: 0 auto;
	padding-top: 18px;
}

/** menu **/

#menu {
	position: relative;
	width: 890px;
	height: 52px;
	margin: 0 auto;
	overflow: hidden;
}

* html #menu {
	width: 893px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	margin: 0 3px 0 4px;
	padding: 0;
	float: left;
}

#menu li a {
	display: block;
	width: 170px;
	height: 52px;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#menu li a:hover {
	background-position: 0 -52px;
}

#menu li.company,
#menu li.company a {
	background-image: url(../siteimages/menu/company.gif);
}

#menu li.works,
#menu li.works a {
	background-image: url(../siteimages/menu/works.gif);
}

#menu li.talent,
#menu li.talent a {
	background-image: url(../siteimages/menu/talent.gif);
}

#menu li.contact,
#menu li.contact a {
	background-image: url(../siteimages/menu/contact.gif);
}

#menu li.links,
#menu li.links a {
	background-image: url(../siteimages/menu/links.gif);
}

#menu li.shop,
#menu li.shop a {
	background-image: url(../siteimages/menu/shop.gif);
}

#ticket {
	position: relative;
	width: 230px;
	height: 52px;
	margin: 0px auto 10px;
}

#ticket a {
	display: block;
	width: 230px;
	height: 52px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../siteimages/menu/ticket.png) no-repeat;
}

#ticket a:hover {
	background-position: 0 -52px;
}
	

/** footer **/

#footer {
	position: relative;
	width: 361px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#copyright {
	width: 60px;
	background: url(../siteimages/footer/separator.gif) no-repeat right center;
	float: left;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;

}

#footer li {
	margin: 0 0 0 12px;
	padding: 0;
	float: left;
}

#footer li a img {
	vertical-align: top;
	border-bottom: 1px solid #f5f6e8;
}

#footer li a:hover img {
	border-bottom: 1px solid #8e6751;
}

/** contents **/

#contents {
	position: relative;
	width: 880px;
	margin: 30px auto 40px;
}

#hotnews {
	position: relative;
	margin: 0 10px;
}

#hotnews h2 {
	margin: 0;
	padding: 0;
	float: left;
}

#index-column {
	position: relative;
	margin-top: 20px;
}

#index-column h2 {
	margin: 0 0 14px;
	padding: 0;
}

#page-box {
	position: relative;
	margin-top: 20px;
}

#page-box h2 {
	margin: 0 0 14px;
	padding: 0;
}

h1#page-title {
	margin: 0 0 0 15px;
	padding: 0;
}

/** column **/

.column-container {
	background: url(../siteimages/background/column_body.gif) repeat-y;
}

.column-top {
	background: url(../siteimages/background/column_top.gif) no-repeat top;
}

.column-bottom {
	background: url(../siteimages/background/column_bottom.gif) no-repeat bottom;
}

.column {
	padding: 20px;
}

.column .left {
	position: relative;
	width: 500px;
	float: left;
}

.column .right {
	position: relative;
	width: 287px;
	float: right;
}

/** box **/

.box-container {
	background: url(../siteimages/background/box_body.gif) repeat-y;
}

.box-top {
	background: url(../siteimages/background/box_top.gif) no-repeat top;
}

.box-bottom {
	background: url(../siteimages/background/box_bottom.gif) no-repeat bottom;
}

.box {
	padding: 20px;
}

.box .left {
	position: relative;
	width: 410px;
	float: left;
}

.box .right {
	position: relative;
	width: 410px;
	float: right;
}

.box h3 {
	margin: 0 0 0.8em;
	padding: 0;
	color: #848170;
	font-size: 95%;
	line-height: 1.3;
}

/** check list **/

ul.check-list {
	margin: 0 0 0 30px;
	padding: 0;
	list-style-image: url(../siteimages/mark/check.gif);
}

ul.check-list li {
	margin: 0;
	padding: 0.5em 0;
}

* +html ul.check-list li {
	padding: 0 0 1em 1em;
}

* html ul.check-list li {
	padding: 0 0 1em 1em;
}

/** work page **/

.work-thumbnail {
	width: 310px;
	float: left;
}

.work-thumbnail img {
	margin-right: 5px;
}

.work-text {
	width: 525px;
	float: right;
}

.work-text h3 {
	margin: 0 0 0.8em;
	padding: 0;
	color: #848170;
	font-size: 95%;
	line-height: 1.3;
}

.work-text h3 a:link,
.work-text h3 a:visited {
	color: #848170;
	text-decoration: none;
}

.work-text h3 a:hover,
.work-text h3 a:active {
	color: #aaaa1e;
	text-decoration: underline;
}

.work-text p {
	line-height: 1.6;
}

.work-separator {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed #ccc1ba;
}

/** mail form **/

#mailform {
	position: relative;
	margin: 20px 0 0;
}

#mailform table {
	border-collapse: collapse;
}

#mailform th {
	padding: 8px 12px;
	color: #848170;
	text-align: left;
	white-space:nowrap;
	background: #e8f2ea;
	border: 2px solid #fff;
}

#mailform td {
	padding-left: 6px;
}

#mailform .submit {
	padding-top: 10px;
	text-align: center;
}

#mailform label.error {
	margin-left: 6px;
	padding-left: 22px;
	color: #c00;
	font-weight: bold;
	background: url(../siteimages/mark/error.gif) no-repeat left center;
}

#mailform input.error {
	background: #f3a1a1;
}

#mailform input:focus,
#mailform textarea:focus{
	background: #fcffd9;
}

/** profile **/

.talent-thumbnail {
	margin-left: 20px;
	float: left;
}

.talent-thumbnail-first {
	float: left;
}

.talent-photo {
	width: 300px;
	float: left;
}

.talent-text {
	width: 500px;
	float: right;
}

ul.talent-profile-thumb  {
	margin: 0.2em;
	padding: 0;
	list-style: none;
}

.talent-profile-thumb li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

.talent-profile-thumb img {
	border: 1px solid #d2cbc8;
}

/** shop page **/

.shop-thumbnail {
	width: 300px;
	background: #fafaf3;
	float: left;
}

.shop-text {
	width: 525px;
	float: right;
}

.shop-text h3 {
	margin: 0 0 0.8em;
	padding: 0;
	color: #848170;
	font-size: 95%;
	line-height: 1.3;
}

.shop-text h3 a:link,
.shop-text h3 a:visited {
	color: #848170;
	text-decoration: none;
}

.shop-text h3 a:hover,
.shop-text h3 a:active {
	color: #aaaa1e;
	text-decoration: underline;
}

.shop-text p {
	line-height: 1.6;
}

.shop-separator {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed #ccc1ba;
}