@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { margin: 0px; padding: 0px; color:#eee; background-color: #eee;font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:0.5px; line-height:25px; -webkit-text-size-adjust: 100%;}



.en_title { font-size:24px; padding-top:20px; padding-bottom:20px; border-bottom-color:#aaa; border-bottom-style:dotted; border-bottom-width:1px;}
.en_contents { font-size:14px; padding:15px; text-align:left; border-bottom-color:#aaa; border-bottom-style:dotted; border-bottom-width:1px; border-left-color:#CCC; border-left-style:solid; border-left-width:5px; border-right-color:#CCC; border-right-style:solid; border-right-width:5px;}
.en_contents_point { font-size:12px; padding-left:10px;}






a { outline: none; }
a:link { text-decoration: none; color: #fff; }
a:visited { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; color: #fff; }
a:active { text-decoration: none; }

h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; font-size: 12px; }

p { margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: bottom; margin: 0px; padding: 0px; }



.layout { width:100%; height:auto;}
.header { width:100%; height:auto; background-image:url(../img/header_bg2.png); border-bottom-color:#eee; border-bottom-style:dotted; border-bottom-width:20px;box-sizing: content-box; padding-top:10px; padding-bottom:10px;}
.header_table { width:940px; height:auto; margin:0px auto; box-sizing: content-box; padding:10px;}

.header_menu_text { padding:10px; color:eee; font-size:12px; text-align:center;}
.header_menu_text:hover { background-color: #dd0066; -webkit-transition-duration:1.0s; transition-duration:1.0s;}
.header_menu_text2 { padding:10px; color:eee; font-size:12px; text-align:center; background-color: #dd0066;}

.header_menu_text a { color:#eee;}

.en { width:100%; height:auto;}
.header_menu_en { color:#eee; text-align:right;}
.en_point { margin-right:20px; font-size:12px; color:#FFF; background-color: #dd0066; padding:5px;}
.en_point:hover { background-image:url(../img/header_bg2.png); color:#FFF; -webkit-transition-duration:1.0s; transition-duration:1.0s;}


.credit { width:100%; height:auto; background-image:url(../img/header_bg2.png); bottom:0px; position:absolute; border-top-color:eee; border-top-style:dotted; border-top-width:20px;box-sizing: content-box;}
.credit_table { width:940px; height:auto; margin:0px auto; text-align:center; padding:20px; box-sizing: content-box; float:left;}
.credit_txt { width:100%; height:auto;}

.credit2 { width:100%; height:auto; background-image:url(../img/header_bg2.png); border-top-color:eeeeee; border-top-style:dotted; border-top-width:20px;box-sizing: content-box;}
.credit2_bg { width:100%; height:auto;}
.credit2_table { width:940px; height:auto; margin:0px auto; text-align:center; padding:20px; box-sizing: content-box; float:left;}
.credit2_txt { width:100%; height:auto;}

.contents_text { width:auto; padding:15px; margin:0px auto; box-sizing: content-box;}
.contents_text2 { width:auto; padding-left:15px; padding-right:15px; margin:0px auto; box-sizing: content-box;}

.contents { width:940px; height:auto; margin:0px auto; margin-top:20px; margin-bottom:20px;}
.contents_table { width:940px; height:auto; margin:0px auto; background-image: url(../img/contents_bg.png); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; margin-top:20px; border-color:#FFF; border-style:solid; border-width:3px; color:#333; padding:10px;}

.sp { width:50%; height:auto; padding:10px;}
.sub_text { font-size:14px;}
.subpage_main_img { width:100%; height:auto;}
.subpage_main_trailer_img { width:100%; height:auto; background-color:#000;}
.subpage_main_trailer_img:hover { width:100%; height:auto; background-color:#FF0000;-webkit-transition-duration:1.0s; transition-duration:1.0s;}

.introduction_img { width:100%; height:auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-color:#FFF; border-style:solid; border-width:3px;}




.trailer_image { width:100%; height:auto;}
.trailer_image_box { padding:10px; text-align:center;}
.trailer_image_img { width:100%; height:auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-color:#FFF; border-style:solid; border-width:2px; }

.name { font-size:24px;}
.description { font-size:12px;}

.director_work_img { width:100%; height:auto; margin-bottom:10px; border-color:#FFF; border-style:solid; border-width:5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px;}
.director_work_img:hover { width:100%; height:auto; margin-bottom:10px;border-color:#dd0066; border-style:solid; border-width:5px;-webkit-transition-duration:1.0s; transition-duration:1.0s;}
.director_work_title { background-color:#dd0066; padding:10px; color:#FFF;}
.director_work_title_box { padding-bottom:20px;}

.space { padding:10px;}