@charset "utf-8";



/*social media bar*/
#socialmedia{
	background:#333;
	display: block;
	height:35px;
	z-index:10000;
}
#socialmedia ul{
	margin:0 auto;
	width:950px;
}
#socialmedia li{
	margin:0 10px 0 0;
	float:left;
}
#socialmedia li.btn-uplink{
	margin-top:3px;
	width:560px;
}
#socialmedia li.btn-uplink a{
	background:url(http://www.uplink.co.jp/img/btn-uplink.gif) 0 0 no-repeat;
	display:block;
	width:19px;
	height:28px;
}
#socialmedia li.btn-mixi{
	margin-top:9px;
}
#socialmedia li.btn-hatena{
	margin-top:7px;
}
#socialmedia li.btn-facebook{
	margin-top:7px;
}
#socialmedia li.btn-twitter{
	margin-top:7px;
	margin-right:0;
}






/*index.php*/
#container{
	clear:both;
	margin:0 auto;
	width:950px;
}
#container #index{
	background: url(../img/top_bg.jpg) 0 0 no-repeat;
	margin:0 0 0 0;
	padding:0;
	width:950px;
	height:666px;
}
#container #index .top-left{
	width:773px;
	float:left;
}
#container #index .top-left h2{
	background:url(../img/top_h2.gif) 0 0 no-repeat;
	margin:75px 0 0 261px;
	padding:0;
	width:439px;
	height:40px;	
}
#container #index .top-left h1{
	background:url(../img/top_h1.gif) 0 0 no-repeat;
	margin:18px 0 0 180px;
	padding:0;
	width:252px;
	height:190px;
	float:left;
}
#container #index .top-left .trailer{
	margin:20px 19px 0 0;
	padding:0;
	width:300px;
	height:185px;
	float:right;
}

#container #index .top-right{
	width:177px;
	float:right;
}
#container #index .top-right .btn-twitter{
	margin:3px 7px 0 0;
	padding:0;
	width:170px;
	height:170px;
}
#container #index .top-right .btn-twitter a{
	display:block;
	background: url(../img/top_twitter_btn.jpg) 0 0 no-repeat;
	width:170px;
	height:170px;
}
#container #index .top-right .btn-twitter a:hover{
	background: url(../img/top_twitter_btn.jpg) 0 -170px no-repeat;
}

#container #index ul.top-menu{
	margin:0 126px 0 209px;
	position:relative;
	height:237px;
}
#container #index ul.top-menu li{
	position: absolute;
}
#container #index ul.top-menu li a{
	display:block;
}
#container #index ul.top-menu li.news a{
	display:block;
	width:95px;
	height:83px;
}
#container #index ul.top-menu li.news{
	background:url(../img/top_menu.gif) -5px -78px no-repeat;
	top:17px;
	left:0;
}
#container #index ul.top-menu li.news:hover{
	background:url(../img/top_menu.gif) -5px -248px no-repeat;
	top:17px;
	left:0;
}
#container #index ul.top-menu li.theater a{
	display:block;
	width:105px;
	height:103px;
}
#container #index ul.top-menu li.theater{
	background:url(../img/top_menu.gif) -126px -57px  no-repeat;
	width:105px;
	height:103px;
	top:100px;
	left:66px;
}
#container #index ul.top-menu li.theater:hover{
	background:url(../img/top_menu.gif) -126px -227px  no-repeat;
	width:105px;
	height:103px;
	top:100px;
	left:66px;
}
#container #index ul.top-menu li.about{
	background:url(../img/top_menu.gif) -238px -9px no-repeat;
	/*background:url(../img/top_menu.gif) -238px -9px no-repeat;*/
	width:165px;
	height:160px;
	top:54px;
	left:181px;
}
#container #index ul.top-menu li.about:hover{
	background:url(../img/top_menu.gif) -238px -179px no-repeat;
	width:165px;
	height:160px;
	top:54px;
	left:181px;
}
#container #index ul.top-menu li.about a{
	display:block;
	width:165px;
	height:160px;
}
#container #index ul.top-menu li.blogparts a{
	display:block;
	width:115px;
	height:93px;
}
#container #index ul.top-menu li.blogparts{
	background:url(../img/top_menu.gif) -405px -67px no-repeat;
	width:115px;
	height:93px;
	top:109px;
	left:357px;
}
#container #index ul.top-menu li.blogparts:hover{
	background:url(../img/top_menu.gif) -405px  -237px no-repeat;
	width:115px;
	height:93px;
	top:109px;
	left:357px;
}
#container #index ul.top-menu li.sow{
	background:url(../img/top_menu.gif) -532px -53px no-repeat;
	width:215px;
	height:107px;
	top:0px;
	left:400px;
}
#container #index ul.top-menu li.sow:hover{
	background:url(../img/top_menu.gif) -532px -223px no-repeat;
	width:215px;
	height:107px;
	top:0px;
	left:400px;
}
#container #index ul.top-menu li.sow a{
	display:block;
	width:215px;
	height:107px;
}
#container #index .top-foot{
	margin:0 0 0 0;
}
#container #index .top-foot .news{
	margin:0 8px 0 10px;
	background:url(../img/top_news_bg.gif) no-repeat;
	width:300px;
	height:222px;
	float:left;
}
#container #index .top-foot .news h4 a{
	margin:10px 0 5px 10px;
	display:block;
	width:116px;
	height:24px;
}
#container #index .top-foot .news ul{
	width:275px;
	height:172px;
	margin:0 10px 10px 15px;
	overflow: auto;
}
#container #index .top-foot .news ul li{
	margin:0 0 10px 0;
}
#container #index .top-foot .news ul li .date{
	font-size:12px;
	color:#E35541;
	line-height:1.3;
}
#container #index .top-foot .news ul li h5 a{
	font-weight:normal;
	text-decoration:underline;
	color:#333;
	line-height:1.3;
}
#container #index .top-foot .news ul li h5 a:hover{
	text-decoration: none;
}

#container #index .top-foot .twitter{
	margin:0 7px 0 0;
	width:360px;
	float:left;
	font-family:"Verdana","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif !important;
}
#container #index .top-foot .twitter .twtr-doc .twtr-hd{
	padding:5px !important;
}
#container #index .top-foot .twitter .twtr-doc .twtr-hd h3{
	font-size:10px;
	font-family:"Verdana","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif !important;
}
#container #index .top-foot .twitter .twtr-doc .twtr-hd h4{
	font-size:14px !important;
	font-family:"Verdana","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif !important;
}
#container #index .top-foot .twitter .twtr-doc .twtr-tweet-text p{
	font-size:11px;
	font-family:"Verdana","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif !important;
}
#container #index .top-foot .twitter .twtr-doc .twtr-ft div{
	padding:5px !important;
}



#container #index .top-foot .banner{
	margin:0;
	width:255px;
	float:left;
}
#container #index .top-foot .banner ul li{
	margin:0 0 5px 0;
	height:52px;
}
#container #index .top-foot .banner ul li.last{
	margin:0 0 0 0;
}
#container #index .top-foot h3.credit{
	margin:10px 0 50px 0;
	background:url(../img/top_foot.gif) no-repeat;
	height:120px;
}



/*2nd menu*/
#container #second{
	background:#DBDDC8 url(../img/2nd_update_bg.jpg) no-repeat;
	width:950px;
}
#container #second #head{
	background:url(../img/2nd_update_menu_bg.jpg) 0 10px no-repeat;
	margin:0 10px;
	height:130px;
}
#container #second #head h1{
	margin:10px 0 0 15px;
	width:143px;
	height:120px;
	float:left;
}
#container #second #head h1 a{
	display:block;
	width:143px;
	height:120px;
}
#container #second #head .navi{
	float:right;
	margin:0 15px 0 0;
}
#container #second #head .navi ul.submenu{
	margin:23px 0 0 120px;
	height:48px;
}
#container #second #head .navi ul.submenu li{
	float:left;
	height:35px;
	margin:0 20px 0 0;
	padding:0 0 0 38px;
	line-height:35px;
}
#container #second #head .navi ul.submenu li a{
	color:#4A4C30;
}

#container #second #head .navi ul.submenu li.webdice{
	background:url(../img/2nd_submenu01.gif) 0 0 no-repeat;
}
#container #second #head .navi ul.submenu li.links{
	background:url(../img/2nd_submenu02.gif) 0 0 no-repeat;
}
#container #second #head .navi ul.submenu li.filmrental{
	background:url(../img/2nd_submenu03.gif) 0 0 no-repeat;
}
#container #second #head .navi ul.submenu li.webdice:hover{
	background:url(../img/2nd_submenu01.gif) 0 -35px no-repeat;
}
#container #second #head .navi ul.submenu li.links:hover{
	background:url(../img/2nd_submenu02.gif) 0 -35px no-repeat;
}
#container #second #head .navi ul.submenu li.filmrental:hover{
	background:url(../img/2nd_submenu03.gif) 0 -35px no-repeat;
}

#container #second #head .navi ul.submenu li.comments{
	background:url(../img/2nd_submenu04.gif) 0 0 no-repeat;
}
#container #second #head .navi ul.submenu li.comments:hover{
	background:url(../img/2nd_submenu04.gif) 0 -35px no-repeat;
}


#container #second #head .navi ul.menu{
	width:700px;
	height:60px;
}
#container #second #head .navi ul.menu li{
	height:45px;
	float:left;
}
#container #second #head .navi ul.menu li a{
	height:45px;
	display:block;
}
#container #second #head .navi ul.menu li.news a{
	background:url(../img/2nd_menu.jpg) 0 0 no-repeat;
	width:88px;
}
#container #second #head .navi ul.menu li.news a:hover{
	background:url(../img/2nd_menu.jpg) 0 -45px no-repeat;
}
#container #second #head .navi ul.menu li.theater a{
	background:url(../img/2nd_menu.jpg) -88px 0 no-repeat;
	width:108px;
}
#container #second #head .navi ul.menu li.theater a:hover{
	background:url(../img/2nd_menu.jpg) -88px -45px no-repeat;
}
#container #second #head .navi ul.menu li.about a{
	background:url(../img/2nd_menu.jpg) -196px 0 no-repeat;
	width:160px;
}
#container #second #head .navi ul.menu li.about a:hover{
	background:url(../img/2nd_menu.jpg) -196px -45px no-repeat;
	width:160px;
}
#container #second #head .navi ul.menu li.blogparts a{
	background:url(../img/2nd_menu.jpg) -356px 0 no-repeat;
	width:124px;
}
#container #second #head .navi ul.menu li.blogparts a:hover{
	background:url(../img/2nd_menu.jpg) -356px -45px no-repeat;
	width:124px;
}
#container #second #head .navi ul.menu li.sow a{
	background:url(../img/2nd_menu.jpg) -480px 0 no-repeat;
	width:220px;
}
#container #second #head .navi ul.menu li.sow a:hover{
	background:url(../img/2nd_menu.jpg) -480px -45px no-repeat;
	width:220px;
}

/*about movie*/
#container #second.aboutmovie #head{
	background:url(../img/2nd_about_menu_bg.jpg) 0 10px no-repeat;
	margin:0 10px;
	height:162px;
}
#container #second.aboutmovie #head .navi ul.menu{
	width:700px;
	height:45px;
}
#container #second.aboutmovie #head .navi ul.about-menu{
	width:533px;
	margin:8px 0 0 10px;
	clear:both;
}
#container #second.aboutmovie #head .navi ul.about-menu li{
	height:29px;
	float:left;
}
#container #second.aboutmovie #head .navi ul.about-menu li a{
	height:29px;
	display:block;
}
#container #second.aboutmovie #head .navi ul.about-menu li.intro a{
	background:url(../img/2nd_about_menu.gif) -17px -8px no-repeat;
	width:149px;
	margin:0 0 0 17px;
}
#container #second.aboutmovie #head .navi ul.about-menu li.cast a{
	background:url(../img/2nd_about_menu.gif) -166px -8px no-repeat;
	width:165px;
	margin:0;
}
#container #second.aboutmovie #head .navi ul.about-menu li.staff a{
	background:url(../img/2nd_about_menu.gif) -331px -8px no-repeat;
	width:119px;
	margin:0;
}
#container #second.aboutmovie #head .navi ul.about-menu li.column a{
	background:url(../img/2nd_about_menu.gif) -450px -8px no-repeat;
	width:70px;
	margin:0;
}
#container #second.aboutmovie #head .navi ul.about-menu li.intro a:hover{
	background:url(../img/2nd_about_menu.gif) -17px -45px no-repeat;
	width:149px;
	margin:0 0 0 17px;
}
#container #second.aboutmovie #head .navi ul.about-menu li.cast a:hover{
	background:url(../img/2nd_about_menu.gif) -166px -45px no-repeat;
	width:165px;
	margin:0;
}
#container #second.aboutmovie #head .navi ul.about-menu li.staff a:hover{
	background:url(../img/2nd_about_menu.gif) -331px -45px no-repeat;
	width:119px;
	margin:0;
}
#container #second.aboutmovie #head .navi ul.about-menu li.column a:hover{
	background:url(../img/2nd_about_menu.gif) -450px -45px no-repeat;
	width:70px;
	margin:0;
}




#container #second #body{
	clear:both;
	margin:11px 10px 0;
	background:#F0F1E8;
}

#container #second #body h2{
	height:100px;
}
#container #second #body.news h2{
	background:url(../img/news_h2.gif) no-repeat;
}
#container #second #body.theater h2{
	background:url(../img/theater_h2.gif) no-repeat;
}
#container #second #body.links h2{
	background:url(../img/links_h2.gif) no-repeat;
}
#container #second #body.blogparts h2{
	background:url(../img/blogparts_h2.gif) no-repeat;
}
#container #second #body.sow h2{
	background:url(../img/aboutSOW_h2.gif) no-repeat;
}

#container #second #body .box-left{
	float:left;
	width:500px;
	margin:35px 0 0 35px;
}
#container #second #body .box-left .box {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #85923D;
    margin: 0 0 20px 0;
    padding: 15px 20px;
}
#container #second #body .box-left .box h4 {
    color:#E35541;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
#container #second #body .box-left .box h3 {
    border-bottom: 1px solid #85923D;
    line-height: 1.4;
    margin: 0;
    padding: 0 0 10px;
}
#container #second #body .box-left .box .txt {
    margin: 15px 0;
}
#container #second #body .box-left .box .txt p {
    margin: 0 0 15px;
}
#container #second #body .box-left .box .txt p a {
    color: #0F839B;
}
#container #second #body .box-left .box .foot {
    border-top: 1px solid #85923D;
    margin: 15px 0 0;
    padding: 10px 0 0;
    text-align: right;
}

#container #second #body .box-right{
	float:right;
	width:325px;
	margin:35px 35px 0 0;
}
#container #second #body .box-right .list ul li {
	border-left:2px solid #85923D;
	margin:0 0 10px 7px;
	padding:5px 0 5px 10px;
	line-height:1.5;
}
#container #second #body .box-right .list ul li a {
	color:#333333;
}
#container #second #body .box-right .list ul li .date {
	font-size:10px;
}


/*sow*/
#container #second #body.sow{
	background:#F0F1E8 url(../img/aboutSOW_bg.jpg) bottom center no-repeat;
	padding:0 0 390px 0;
}
#container #second #body.sow hr{
	margin:10px 20px 35px;
}
#container #second #body.sow h3{
	background:url(../img/aboutSOW_h3.gif) no-repeat;
	height:200px;
}
#container #second #body.sow .sow-about{
	width:580px;
	float:left;
	margin:0 0 0 35px;
}
#container #second #body.sow .sow-about h4{
	color:#6A466A;
	font-weight:700;
}
#container #second #body.sow .sow-about h4.right{
	color:#6A466A;
	text-align:right;
	font-size:12px;
	font-weight:700;
	margin:0 0 30px 0;
}
#container #second #body.sow .sow-about p{
	margin:0 0 20px 0;
}

#container #second #body.sow .sow-book{
	width:250px;
	float:right;
	margin:0 35px 0 0;
	text-align:center;
}
#container #second #body.sow .sow-book img{
	margin:0 0 10px 0;
	padding:10px;
	background:#CCCCCC;
}
#container #second #body.sow .sow-book img:hover{
	background:#BDC9DB;
}
#container #second #body.sow .sow-book p{
	color:#4A4C30;
	margin:0 0 20px 0;
}
#container #second #body.sow .sow-book p a{
	color:#4A4C30;
}
#container #second #body.sow .sow-profile{
	float:left;
	width:420px;
	margin:0 0 0 35px;
}
#container #second #body.sow .sow-profile h4{
	font-size:24px;
	margin:0;
}
#container #second #body.sow .sow-profile h4 span.font-s{
	font-size:16px;
}
#container #second #body.sow .sow-profile p{
	margin:0 0 10px 0;
}
#container #second #body.sow .sow-chronology{
	float:right;
	width:420px;
	margin:20px 35px 0 0;
}
#container #second #body.sow .sow-chronology p{
	text-align:right;
	font-size:12px;
	margin:10px 0;
}
#container #second #body.sow .sow-chronology p a{
	color:#333;
}
#container #second #body.sow .sow-chronology dl{
	background:url(../img/line_chronology.gif) 110px 0 repeat-y;
}

#container #second #body.sow .sow-chronology dl dt{
	width:120px;
	float:left;
	background:url(../img/icon_chronology.gif) 110px 4px no-repeat;
	color:#445749;
	font-size:12px;
	line-height:1.4;
}
#container #second #body.sow .sow-chronology dl dd{
	font-size:12px;
	width:285px;
	float:right;
	line-height:1.4;
	margin:0 0 15px 0;
}


/*about movie*/
#container #second.aboutmovie #body{
	padding-bottom:100px;
}
#container #second.aboutmovie #body .head-img{
	margin:20px 15px 50px 15px;
}
#container #second.aboutmovie #body h3{
	margin:0 35px 10px;
	line-height:1.4;
}
#container #second.aboutmovie #body h4{
	margin:0 35px 10px;
	line-height:1.4;
}
#container #second.aboutmovie #body p{
	margin:0 35px 20px;
}
#container #second.aboutmovie #body .r img{
	border:#C1C5A0 solid 1px;
	padding:10px;
	background:#FFF;
	margin:0 35px 0 15px;
}
#container #second.aboutmovie #body .r h5{
	font-size:12px;
	color:#393A24;
	margin:0 35px 20px 15px;
	font-weight:normal;
}
#container #second.aboutmovie #body .banner{
	margin:80px 25px 0;
}


/*intro*/
#container #second.aboutmovie #body.intro h2{
	background:url(../img/intro_h2.gif) no-repeat;
}


/*cast*/
#container #second.aboutmovie #body.cast h2{
	background:url(../img/cast_h2.gif) no-repeat;
}
#container #second.aboutmovie #body.cast h3.name{
	font-size:26px;
}
#container #second.aboutmovie #body.cast h4{
	color:#CC3300;
	line-height:1.2;
	margin:0 35px 0;
}


/*staff*/
#container #second.aboutmovie #body.staff h2{
	background:url(../img/staff_h2.gif) no-repeat;
}
#container #second.aboutmovie #body.staff h3.name{
	font-size:26px;
}
#container #second.aboutmovie #body.staff h4{
	color:#CC3300;
	line-height:1.2;
	margin:0 35px 0;
}

/*column*/
#container #second.aboutmovie #body.column h2{
	background:url(../img/column_h2.gif) no-repeat;
}

#container #second.aboutmovie #body.column h3{
	font-size:28px;
	line-height:1.2;
	margin:0 35px 15px;
}
#container #second.aboutmovie #body.column h4{
	text-align:right;
	font-size:24px;
	font-weight:normal;
	line-height:1.6;
	color:#333;
	margin:0 50px 25px;
}
#container #second.aboutmovie #body.column h5{
	margin:0 50px;
	text-align:right;
	font-size:18px;
	font-weight:normal;
	line-height:1.6;
	color:#333;
}
#container #second.aboutmovie #body.column p{
	margin:0 50px 20px;
	font-size:16px;
}



/*comments*/

body#comments{
	background: url(../img/popup_bg.jpg);
}
body#comments .box{
	background:#F0F1E8;
	margin:15px;
	padding:15px;
}
body#comments .box p{
	margin:0 0 5px 0;
	color:#4A5F51;
}
body#comments .box p strong{
	color:#4A5F51;
}
body#comments .box p.name{
	margin:0;
	font-size:20px;
	font-weight:800;
	text-align:right;
}
body#comments .box p.name .note{
	color:#4A5F51;
	font-size:14px;
}