@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:19px;
}
#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-els{
	margin-top:7px;
	width:520px;
}
#socialmedia li.btn-els a{
	background:url(http://www.uplink.co.jp/img/txt_uplink_els.gif) 0 0 no-repeat;
	display:block;
	width:190px;
	height:20px;
}
#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;
}
#container{
	clear:both;
	margin:0 auto;
	width:950px;
}

/*index.php*/
#container #index{
	background:url(../img/top_bg_main.jpg) no-repeat;
	margin:0 0 100px 0;
	padding:0;
	width:950px;
}
#container #index .index-left{
	width:520px;
	margin:0;
	padding:0;
	float:left;
}
#container #index .index-left h2{
	width:440px;
	height:120px;
	margin:0;
	padding:0;
}
#container #index .index-left h2 a{
	background:url(../img/top_h2.gif) no-repeat;
	display:block;
	width:440px;
	height:120px;
}
#container #index .index-left h2 a:hover{
	background:url(../img/top_h2.gif) 0 -120px no-repeat;
}
#container #index .index-right{
	width:430px;
	margin:0;
	padding:0;
	float:right;
}
#container #index .index-right .trailer{
	margin:130px 0 0 7px;
	padding:0;
}
#container #index .index-right .winning{
	background:url(../img/top_txt_note.jpg) no-repeat;
	margin:12px 0 0 13px;
	padding:0;
	width:391px;
	height:162px;
}

#container #index .index-title{
	background:url(../img/top_h1.gif) no-repeat;
	margin:30px 0 0 0;
	padding:0;
	width:950px;
	height:90px;
}

#container #index .index-body{
	background:url(../img/top_bg_body.jpg) no-repeat;
	margin:0;
	padding:11px 0 0 0;
}
#container #index .index-body ul.menu{
	background:url(../img/top_menu.gif) 0 -100px no-repeat;
	margin:0 10px 10px;
	padding:0;
	height:50px;
}
#container #index .index-body ul.menu li{
	margin:0 15px 0 0;
	padding:0;
	float:left;
}
#container #index .index-body ul.menu li a{
	display:block;
	height:50px;
}
#container #index .index-body ul.menu li.menu05{
	margin:0 0 0 0;
}
#container #index .index-body ul.menu li.menu01 a{
	background:url(../img/top_menu.gif) 0 0 no-repeat;
	width:160px;
}
#container #index .index-body ul.menu li.menu02 a{
	background:url(../img/top_menu.gif) -175px 0 no-repeat;
	width:160px;
}
#container #index .index-body ul.menu li.menu03 a{
	background:url(../img/top_menu.gif) -350px 0 no-repeat;
	width:230px;
}
#container #index .index-body ul.menu li.menu04 a{
	background:url(../img/top_menu.gif) -595px 0 no-repeat;
	width:180px;
}
#container #index .index-body ul.menu li.menu05 a{
	background:url(../img/top_menu.gif) -790px 0 no-repeat;
	width:140px;
}
#container #index .index-body ul.menu li.menu01 a:hover{
	background:url(../img/top_menu.gif) 0 -50px no-repeat;
	width:160px;
}
#container #index .index-body ul.menu li.menu02 a:hover{
	background:url(../img/top_menu.gif) -175px -50px no-repeat;
	width:160px;
}
#container #index .index-body ul.menu li.menu03 a:hover{
	background:url(../img/top_menu.gif) -350px -50px no-repeat;
	width:230px;
}
#container #index .index-body ul.menu li.menu04 a:hover{
	background:url(../img/top_menu.gif) -595px -50px no-repeat;
	width:180px;
}
#container #index .index-body ul.menu li.menu05 a:hover{
	background:url(../img/top_menu.gif) -790px -50px no-repeat;
	width:140px;
}
#container #index .index-body h3{
	background:url(../img/top_h3.jpg) no-repeat;
	margin:0;
	padding:0;
	height:51px;
	clear:both;
}
#container #index .index-body .data{
	background:url(../img/top_data.jpg) no-repeat;
	margin:0;
	padding:0;
	height:35px;
}

/*left*/
#container #index .index-body .left{
	width:580px;
	margin:0;
	padding:0;
	float:left;
}
#container #index .index-body .left .content{
	width:580px;
	margin:0 0 20px 0;
	padding:0;
}
#container #index .index-body .left .content.news h4{
	background:url(../img/top_h4_news.gif) no-repeat;
	margin:7px 0 0 0;
	padding:0;
	height:40px;
}
#container #index .index-body .left .content.news h4 a{
	display:block;
	width:160px;
	height:40px;
}
#container #index .index-body .left .content.news .body{
	background:url(../img/top_bg_news.jpg) no-repeat;
	margin:0 0 0 10px;
	padding:20px;
}
#container #index .index-body .left .content.news .body ul{
	margin:0;
	padding:0;
    height:170px;
    overflow: auto;
}
#container #index .index-body .left .content.news .body ul li{
	margin:0 0 10px 0;
	padding:3px 0 3px 10px;
	border-left:#000 solid 3px;
}
#container #index .index-body .left .content.news .body ul li .date{
	color:#990000;
	font-size:12px;
	line-height:1.4;
}
#container #index .index-body .left .content.news .body ul li h5{
	color:#333;
	font-weight:normal;
	line-height:1.4;
}
#container #index .index-body .left .content.news .body ul li h5 a{
	color:#333;
	text-decoration:underline;
	font-weight:normal;
	line-height:1.4;
}
#container #index .index-body .left .content.news .body ul li h5 a:hover{
	color:#666;
	text-decoration:none;
}

#container #index .index-body .left .content.uplinkmessage h4{
	background:url(../img/top_h4_uplinkmessage.gif) no-repeat;
	margin:7px 0 0 0;
	padding:0;
	height:40px;
}
#container #index .index-body .left .content.uplinkmessage .body{
	background:#FFF;
	margin:0 0 0 10px;
	padding:20px 0;
	width:570px;
}
#container #index .index-body .left .content.uplinkmessage .body p{
	margin:0 20px 10px;
	padding:0;
	font-size:14px;
}

#container #index .index-body .left .content.directormessage h4{
	background:url(../img/top_h4_directormessage.gif) no-repeat;
	margin:7px 0 0 0;
	padding:0;
	height:40px;
}
#container #index .index-body .left .content.directormessage .body{
	background:#FFF;
	margin:0 0 0 10px;
	padding:20px 0;
	width:570px;
}
#container #index .index-body .left .content.directormessage .body p{
	margin:0 20px 10px;
	padding:0;
	font-size:16px;
}
#container #index .index-body .left .content.tofuture{
	background:#FFF url(../img/top_img_stone.gif) 300px 180px no-repeat;
	margin:0 0 0 10px;
	padding:15px 0;
	width:570px;
}
#container #index .index-body .left .content.tofuture .body{
	border:#333 solid 1px;
	margin:0 15px;
}
#container #index .index-body .left .content.tofuture .body h4{
	background:url(../img/top_h4_tofuture.gif) no-repeat;
	height:60px;
	margin:20px 15px 0;
}
#container #index .index-body .left .content.tofuture .body p{
	margin:0 20px 15px 20px;
	font-size:18px;
}
#container #index .index-body .left .content.tofuture .body p.sign{
	background:url(../img/top_txt_sign.gif) no-repeat;
	margin:0 0 0 190px;
	width:107px;
	height:120px;
}

#container #index .index-body .left .banner{
	margin:0 0 20px 10px;
}



/*right*/
#container #index .index-body .right{
	width:340px;
	margin:17px 10px 0 0;
	padding:0;
	float:right;
}
#container #index .index-body .right .content{
	margin:0 0 20px 0;
	padding:0;
}

#container #index .index-body .right .content.twitter{
	background:none;
}
#container #index .index-body .right .content.twitter .twtr-hd h3{
	background:none;
	height:auto;
	font-size:14px !important;
	line-height:1.8 !important;
}
#container #index .index-body .right .content.twitter .twtr-hd h4{
	background:none;
	height:auto;
	font-size:20px !important;
	font-family: "Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ Ｐゴシック","Osaka",sans-serif !important;
}
#container #index .index-body .right .content.twitter .twtr-widget {
	font-family: "Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ Ｐゴシック","Osaka",sans-serif !important;
}
#container #index .index-body .right .content.twitter .twtr-bd p{
	font-size:12px;
	line-height:1.6 !important;
}



/*els*/
#container #index .index-body .right .content.els{
	background:#F1E6C9;
	padding:15px;
}
#container #index .index-body .right .content.els h4{
	background:url(../img/top_h4_els.gif) center 0 no-repeat;
	margin:0 0 5px 0;
	height:45px;
}
#container #index .index-body .right .content.els h4 a{
	display:block;
	width:310px;
	height:45px;
}
#container #index .index-body .right .content.els ul{
	background:url(../img/line_els.gif) 0 0 repeat-x;
	padding:15px 0 0 0;
}
#container #index .index-body .right .content.els ul li{
	margin:0 0 10px 0;
}
#container #index .index-body .right .content.els ul li h5{
	background:url(../img/icon_arrow.gif) 0 9px no-repeat;
	margin:0;
	font-size:16px;
}
#container #index .index-body .right .content.els ul li h5 a{
	margin:0;
	padding:0 0 0 10px;
	color:#48401D;
	font-weight: normal;
}
#container #index .index-body .right .content.els ul li p{
	margin:0 0 5px 10px;
	font-size:12px;
	line-height:1.6;
}
#container #index .index-body .right .content.els ul li.icon p{
	margin:5px 0 0 10px;
	width:185px;
	float:left;
}
#container #index .index-body .right .content.els ul li.icon .img{
	margin:5px 0 0 0;
	width:110px;
	float:right;
}
#container #index .index-body .right .content.els .btn-twitter{
	margin:20px 0 15px 0;
}
#container #index .index-body .right .content.els .btn-twitter a{
	background:url(../img/btn_els_twitter.gif) 0 0 no-repeat;
	display:block;
	width:310px;
	height:44px;
}
#container #index .index-body .right .content.els .btn-twitter a:hover{
	background:url(../img/btn_els_twitter.gif) 0 -44px no-repeat;
}
#container #index .index-body .right .content.els .foot{
	background:url(../img/line_els.gif) 0 0 repeat-x;
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	text-align:right;
}
#container #index .index-body .right .content.els .foot a{
	color:#48401D;
	text-decoration:none;
}
#container #index .index-body .right .content.els .foot a:hover{
	text-decoration:underline;
}




/*second*/
#container #second{
	background:url(../img/second_bg.jpg) 0 0 no-repeat;
	margin:0 0 100px 0;
	padding:0;
	width:950px;
}
#container #second .second-head{
	margin:0;
	padding:0;
}
#container #second .second-head h1 a{
	display:block;
	background:url(../img/second_h1.gif) 0 0 no-repeat;
	width:550px;
	height:70px;
	margin:0;
	padding:0;
}
#container #second .second-head ul.menu{
	margin:27px 10px 25px;
	padding:0;
	height:50px;
}
#container #second .second-head ul.menu li{
	margin:0 15px 0 0;
	padding:0;
	height:50px;
	float:left;
}
#container #second .second-head ul.menu li a{
	display:block;
	height:50px;
}
#container #second .second-head ul.menu li.menu05{
	margin:0 0 0 0;
}
#container #second .second-head ul.menu li.menu01 a{
	background:url(../img/second_menu.gif) 0 0 no-repeat;
	width:160px;
}
#container #second .second-head ul.menu li.menu02 a{
	background:url(../img/second_menu.gif) -175px 0 no-repeat;
	width:160px;
}
#container #second .second-head ul.menu li.menu03 a{
	background:url(../img/second_menu.gif) -350px 0 no-repeat;
	width:230px;
}
#container #second .second-head ul.menu li.menu04 a{
	background:url(../img/second_menu.gif) -595px 0 no-repeat;
	width:180px;
}
#container #second .second-head ul.menu li.menu05 a{
	background:url(../img/second_menu.gif) -790px 0 no-repeat;
	width:140px;
}
#container #second .second-head ul.menu li.menu01 a:hover{
	background:url(../img/second_menu.gif) 0 -50px no-repeat;
	width:160px;
}
#container #second .second-head ul.menu li.menu02 a:hover{
	background:url(../img/second_menu.gif) -175px -50px no-repeat;
	width:160px;
}
#container #second .second-head ul.menu li.menu03 a:hover{
	background:url(../img/second_menu.gif) -350px -50px no-repeat;
	width:230px;
}
#container #second .second-head ul.menu li.menu04 a:hover{
	background:url(../img/second_menu.gif) -595px -50px no-repeat;
	width:180px;
}
#container #second .second-head ul.menu li.menu05 a:hover{
	background:url(../img/second_menu.gif) -790px -50px no-repeat;
	width:140px;
}

#container #second .second-body{
	margin:0;
	padding:0;
	clear:both;
}
#container #second .second-body .left{
	margin:20px 0 0 10px;
	float:left;
	width:570px;
}
#container #second .second-body .left .content{
	background:#FFF;
	margin:0 0 20px 0;
	padding:20px;
}
#container #second .second-body .left .content h4{
	font-size:14px;
	font-weight:normal;
	line-height:1.4;
	color:#990000;
}
#container #second .second-body .left .content h3{
	border-bottom:#FFF000 solid 4px;
	font-size:20px;
	line-height:1.4;
	margin:0;
	padding:0 0 5px 0;
}
#container #second .second-body .left .content .body{
	margin:20px 15px;
}
#container #second .second-body .left .content .body p{
	margin:0 0 20px 0;
	line-height:1.5;
}
#container #second .second-body .left .content .foot{
	border-top:#FFF000 solid 4px;
	text-align:right;
}


#container #second .second-body .right{
	margin:20px 10px 0 0;
	float:right;
	width:340px;
}
#container #second .second-body .right .content{
	background:#FFF000;
	margin:0 0 20px 0;
	padding:20px 20px 10px 20px;
}
#container #second .second-body .right .content ul li{
	border-left: 3px solid #000000;
	margin: 0 0 10px;
	padding: 3px 0 3px 10px;
}

#container #second .second-body .right .content ul li h4{
	font-size:12px;
	font-weight:normal;
	line-height:1.4;
	color:#990000;
}
#container #second .second-body .right .content ul li h3{
	border-bottom:#FFF000 solid 4px;
	font-size:14px;
	font-weight:normal;
	line-height:1.4;
	margin:0;
	padding:0 0 5px 0;
}
#container #second .second-body .right .content ul li h3 a{
	color:#333;
}


/*news*/
#container #second .second-body.news h2{
	background:url(../img/second_h2.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	width:281px;
	height:60px;
}

/*theater*/
#container #second .second-body.theater h2{
	background:url(../img/second_h2_theater.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	width:281px;
	height:60px;
}
#container #second .second-body.theater ul.theater-list{
	margin:20px 10px 0 10px;
}
#container #second .second-body.theater ul.theater-list li{
	float:left;
	margin:0 12px 0 0;
	background:#FFF000;
	width:145px;
	text-align:center;
}
#container #second .second-body.theater ul.theater-list li:hover{
	background:#FFF979;
}
#container #second .second-body.theater ul.theater-list li a{
	display:block;
	width:145px;
	height:40px;
	color:#000;
	line-height:40px;
	text-decoration:none;
	font-size:16px;
}
#container #second .second-body.theater ul.theater-list li.last{
	margin:0 0 0 0;
}
#container #second .second-body.theater .left .ken{
	margin:0 0 0 0;
	color:#FFF000;
	font-size:24px;
	font-weight:800;	
}
#container #second .second-body.theater .left .content .body strong{
	font-size:18px;
}

#container #second .second-body.theater .right{
	margin-top:63px;
}
#container #second .second-body.theater .right .ken{
	margin:0 0 10px 0;
	padding:5px 10px;
	color:#FFF000;
	background:#000;
}


/*blogparts*/
#container #second .second-body.blogparts h2{
	background:url(../img/second_h2_blogparts.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	width:345px;
	height:60px;
}

.code {
    background: none repeat scroll 0 0 #DCE8EB;
    height: 75px;
    margin: 15px 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
	line-height:1.3;
}
.code:hover {
    background: none repeat scroll 0 0 #B6CFD6;
    height: 75px;
    margin: 15px 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
}


/*introduction*/
#container #second .second-body.introduction h2{
	background:url(../img/second_h2_introduction.gif) 0 0 no-repeat;
	margin:0 0 25px 0;
	padding:0;
	width:675px;
	height:75px;
	float:left;
}
#container #second .second-body.introduction .btn-director{
	margin:0 10px 25px 0;
	padding:0;
	width:265px;
	height:75px;
	float:right;
}
#container #second .second-body.introduction .btn-director a{
	display:block;
	background: url(../img/btn_director.gif) 0 0 no-repeat;
	width:265px;
	height:75px;
}
#container #second .second-body.introduction .btn-director a:hover{
	background: url(../img/btn_director.gif) 0 -75px no-repeat;
}
#container #second .second-body.introduction .center{
	clear:both;
	margin:0 10px;
	padding:0 50px;
	background:#FFF url(../img/bg_introduction.gif) 0 0 no-repeat;
}
#container #second .second-body.introduction .center h3{
	height:245px;
}
#container #second .second-body.introduction .center p{
	margin:0 0 20px 0;
	font-size:18px;
	line-height:1.6;
}
#container #second .second-body.introduction .center .left{
	margin:50px 0;
	padding:0;
	width:430px;
	float:left;
}
#container #second .second-body.introduction .center h4{
	background:url(../img/second_h3_introduction.gif) 0 0 no-repeat;
	margin:0 0 20px 0;
	width:430px;
	height:130px;
}
#container #second .second-body.introduction .center .data{
	margin:50px 0 50px 0;
	padding:50px 0 0 0;
	background: url("../img/line_999.gif") repeat-x scroll 0 0;
}
#container #second .second-body.introduction .center .data h5{
	font-size:16px;
	font-weight:800;
}
#container #second .second-body.introduction .center .data p{
	font-size:14px;
}


#container #second .second-body.introduction .center .right{
	margin:50px 0;
	padding:0;
	width:380px;
	float:right;
	overflow:hidden;
}
#container #second .second-body.introduction .center .right ul li{
	margin:0 0 20px 0;
	padding:0;
}

#container #second .second-body.introduction .center .right ul li a{
	display:block;
	position:relative;
}
#container #second .second-body.introduction .center .right ul li a span{
	position:absolute;
	left:320px;
	top:185px;
	display:none;
	background: url(../img/icon_imgbig.gif) 0 0 no-repeat;
	width:60px;
	height:28px;
}
#container #second .second-body.introduction .center .right ul li a:hover span{
	display:block;
}



/*director*/
#container #second .second-body.director h2{
	background:url(../img/second_h2_director.gif) 0 0 no-repeat;
	margin:0 0 25px 0;
	padding:0;
	width:675px;
	height:75px;
	float:left;
}
#container #second .second-body.director .btn-director{
	margin:0 10px 25px 0;
	padding:0;
	width:265px;
	height:75px;
	float:right;
}
#container #second .second-body.director .btn-introduction a{
	display:block;
	background: url(../img/btn_introduction.gif) 0 0 no-repeat;
	width:265px;
	height:75px;
}
#container #second .second-body.director .btn-introduction a:hover{
	background: url(../img/btn_introduction.gif) 0 -75px no-repeat;
}
#container #second .second-body.director .center{
	clear:both;
	margin:0 10px;
	padding:35px 35px 0;
	background:#FFF;
}
#container #second .second-body.director .center .head-img{
	margin:0 0 20px 0;
}
#container #second .second-body.director .center h3{
	font-size:30px;
	margin:0 15px;
	font-weight:normal;
}
#container #second .second-body.director .center p{
	font-size:16px;
	margin:0 15px 15px 15px;
}
#container #second .second-body.director .center .word{
	margin:35px 15px;
	padding:25px 0 0 0;
	background: url("../img/line_999.gif") repeat-x scroll 0 0;
}
#container #second .second-body.director .center .word h4{
	background:url(../img/h3_director.gif) 0 0 no-repeat;
	width:220px;
	height:60px;
}
#container #second .second-body.director .center .word p{
	margin:0 0 15px 0;
	font-size:18px;
}



/*dvd*/
#container #second .second-body.dvd h2{
	background:url(../img/second_h2_dvd.gif) 0 0 no-repeat;
	margin:0;
	padding:0;
	width:281px;
	height:60px;
}