@charset "euc-jp";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-image: url(../images/content_bg.jpg);
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
	font-size: 18px;
	line-height: 34px;
}

/* header */

#header {
	position:relative;
	width:100%;
	height:342px;
	background-image: url(../images/header_wave.png),url(../images/header_bg.jpg) ;
	background-repeat: repeat-x,no-repeat;
	background-position: left bottom,center center;
	-moz-background-size:auto,cover;
	background-size:auto,cover;
}

h1 {
	position: absolute;
	left: 50%;
	top: 45px;
	margin-left: -241px;
}

h2 {
	position: absolute;
	left: 50%;
	top: 174px;
	margin-left: -258px;
}

ul#heder-menu {
	position: absolute;
	left: 50%;
	top: 250px;
	margin-left:-537px;
}

ul#heder-menu li {
	display:table-cell;
}

#ouen {
	position: absolute;
	right: 32px;
	top: 11px;
}

/* sns */ 

div#social {
	position:fixed;
	left:0px;
	bottom:0px;
	background-color: #24b7b3;
	height: 47px;
	width: 100%;
	text-align:center;
}

div#social ul {
	margin-top:12px;
}

div#social ul li {
	display:inline-table;
}

div#social li.tw iframe {
	width: 86px !important;
}

/* ccontent */

#content-container {
	width:820px;
	margin:0 auto;
	padding:70px 0px 120px 0px;
}

h3 {
	padding:30px 0px 30px 0px;
	
}

h4 {
	padding:30px 0px;
	
}

h5 {
	padding:30px 0px 0px 0px;
	
}

h3 img,
h4 img {
	display:block;
	margin:0 auto;
}

/* about*/

#content-container.about {
	background-image: url(../images/chicken.png);
	background-repeat: no-repeat;
	background-position: 570px 50px;
}

.about-pic {
	margin:30px 0px;
	
}

.keyword-container {
	padding: 24px 0px;
	font-size: 16px;
	line-height: 24px;
}

.keyword-container h6 {
	margin-bottom: 16px;	
}

.keyword-pic {
	float: right;
	margin-left: 20px;	
}

.keyword-container.brown {
	background-image: url(../images/line_brown.png);
	background-repeat: repeat-x;
	background-position: left top;		
}

.keyword-container.green {
	background-image: url(../images/line_green.png);
	background-repeat: repeat-x;
	background-position: left top;		
}

.keyword-container.blue {
	background-image: url(../images/line_blue.png);
	background-repeat: repeat-x;
	background-position: left top;		
}

.keyword-container.purple {
	background-image: url(../images/line_purple.png);
	background-repeat: repeat-x;
	background-position: left top;		
}


/* trailer */

#content-container.trailer {
	text-align:center;
}

#trailer-container {
	width:810px;
	margin:0 auto;
	padding:30px 0px;
}

#trailer-container iframe {
	border: 5px solid #d6d49b;	
}

/* comments */

#content-container.comments h4 {
	
}

#content-container.comments p {
	display:block;
	width:560px;
	margin: 0 auto;
	padding-bottom:30px;
}

/* cast*/

#content-container.cast {
	background-image: url(../images/goat.png);
	background-repeat: no-repeat;
	background-position: 510px 120px;
}

.cast-container {
	padding: 24px 0px 60px 0px;
	font-size: 16px;
	line-height: 24px;
}

.cast-container h6 {
	margin-bottom: 40px;	
}

.cast-pic {
	float: left;
	margin-top:-45px;
	margin-right: 20px;
	margin-bottom: 10px;	
}

.cast-link {
	width:100%;
	margin:20px 0px 0px 0px;
}

.cast-link a {
	color: #FFF;
	background-color: #03a6ad;
	display: table-cell;
	padding: 10px 40px 10px 20px;
	float: right;
	border-radius: 6px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 6px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 6px;   /* FirefoxÍÑ */
	text-decoration: none;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: right 12px center;
}

.cast-link a:hover {
	background-color: #25b5bb;	
}

.cast-container.purple {
	background-image: url(../images/line_purple.png);
	background-repeat: repeat-x;
	background-position: left 75px;
}

.cast-container.brown {
	background-image: url(../images/line_brown.png);
	background-repeat: repeat-x;
	background-position: left 75px;
}

.cast-container.green {
	background-image: url(../images/line_green.png);
	background-repeat: repeat-x;
	background-position: left 75px;
}

.cast-container.blue {
	background-image: url(../images/line_blue.png);
	background-repeat: repeat-x;
	background-position: left 75px;
}


/* staff */

#content-container.staff {
	background-image: url(../images/staff.png);
	background-repeat: no-repeat;
	background-position: 540px 80px;
}

.staff-container {
	padding: 24px 0px 30px 0px;
	font-size: 16px;
	line-height: 24px;
}

.staff-container h6 {
	margin-bottom: 40px;	
}

.staff-pic {
	float: left;
	margin-top:-45px;
	margin-right: 20px;
	margin-bottom: 10px;	
}

.staff-container.purple {
	background-image: url(../images/line_purple.png);
	background-repeat: repeat-x;
	background-position: left 75px;
}

.staff-container.brown {
	background-image: url(../images/line_brown.png);
	background-repeat: repeat-x;
	background-position: left 75px;
}

.staff-container.green {
	background-image: url(../images/line_green.png);
	background-repeat: repeat-x;
	background-position: left 75px;
}

.staff-container.blue {
	background-image: url(../images/line_blue.png);
	background-repeat: repeat-x;
	background-position: left 75px;
}

/* theater */

#content-container.theater {
	text-align: center;
	font-size: 16px;
	line-height: 26px;
}

.theater-table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	width: 100%;
	margin-top:40px;
}

.theater-table tr.header td {
	background-color: #f3f3f3;
	font-weight:bold;
}

.theater-table td {
	padding: 1em 1em;
	border: 1px solid #cccccc;
	text-align: center;
	background-color: #FFF;
}

.theater-table tr.header td {
	background-color: #efefef;
}


.theater-table td a {
	color: #03a6ad;
	text-decoration: none;
}

.theater-table td a:hover {
	text-decoration: underline;
}