@charset "utf-8";
/*

Theme Name: Petlefe TUBE

Theme URI: 

Description: 

Version: 1.0

Author: Digi-ark

Tags:

*/



* {
	padding: 0;
	margin: 0;
}
html {
	height: 100%;
	overflow-y: scroll;
}
body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Osaka";
	font-size: 12px;
	line-height: 1.4em;
	text-align: center;
	background: url(images/background.jpg);
}
#head_line {
	height: 8px;
	display: block;
	background: url(images/head_line.png) repeat-x;
}
* html #head_line {
	height: 8px;
	margin: 0 0 -6px 0;
	display: block;
	background: url(images/head_line.png) repeat-x;
}
#wrap {
	width: 960px;
	margin: 0 auto;
	text-align:left;
	min-height: 100%;
	height: auto !important;
	height: 100%; /* ie用に設定 */
	margin: 0 auto -320px;/* class="footer"と同じ高さ(100px)の負の値を入力 */
}
#bread {
	margin: 0 0 5px 0;
}
/*======================================

	common

=======================================*/



h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
	font-size: 12px;
}
p {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}
ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
dl, dt, dd {
	padding: 0;
	margin: 0;
}
a:link.png_bg {
	text-decoration:underline;
}
/*======================================

	fontsize

=======================================*/



.f10 {
	font-size: 10px;
}
.f10b {
	font-size: 10px;
	font-weight: bold;
}
.f12 {
	font-size: 12px;
}
.f12b {
	font-size: 12px;
	font-weight: bold;
}
.f12b-white {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.f12b-orange {
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
}
.f14 {
	font-size: 14px;
}
.f14b {
	font-size: 14px;
	font-weight: bold;
}
/*======================================

	clear

=======================================*/



.clear {
	clear: both;
}
.cf:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.cf {
	display: inline-block;
}
/* exlude MacIE5 \*/

* html .cf {
	height: 1%
}
.cf {
	display: block;
}
/*======================================

	Link

=======================================*/



a {
	color: #494949;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}
/* end MacIE5 */



/*======================================

	Header

=======================================*/



#header {
	position: relative;
	height: 120px;
}
#header h1#logo {
	position: absolute;
	left: 0px;
	top: 20px;
	height: 90px;
	width: 350px;
	overflow: hidden;
	display: block;
	text-indent: -800px;
}
#header h1#logo a {
	height: 90px;
	width: 350px;
	display: block;
	background: url(images/background_parts.png) no-repeat 0 0;
}
#header #head_login {
	position: absolute;
	top: -4px;
	right: 0px;
	height: 42px;
	width: 418px;
	background: url(images/background_parts.png) no-repeat 0 -95px;
}
#header #head_login #login_name {
	width: 400px;
	overflow: hidden;
	color: #FFF;
	text-indent: 10px;
}
#header #head_login ul {
	padding: 0 10px;
	display: block;
}
#head_login ul li {
	float: left;
	padding: 0 3px 0 0;
	margin: 0 5px 0 0;
	color: #FFF;
	background: url(images/head_login_list.gif) no-repeat right center;
}
#head_login ul li.last {
	background: none;
}
#head_login ul li a span {
	height: 20px;
	padding: 1px 0 2px 18px;
	cursor: pointer;
}
#head_login ul li a span#login {
	background: url(images/head_login_icon.png) no-repeat 0 -1px;
}
#head_login ul li a span#upload {
	background: url(images/head_login_icon.png) no-repeat 0 -24px;
}
#head_login ul li a span#mypage {
	background: url(images/head_login_icon.png) no-repeat 0 -48px;
}
#head_login ul li a span#profile {
	background: url(images/head_login_icon.png) no-repeat 0 -72px;
}
#head_login ul li a {
	color: #FFF;
	text-decoration:underline;
}
#head_login ul li a:hover {
	color: #FFF;
	text-decoration:none;
}
#header #head_bnr {
	width:400px;
	height:60px;
	position:absolute;
	bottom:10px;
	right:10px;
}
/*======================================

	menu

=======================================*/



ul#main_menu {
	height: 35px;
	padding: 3px 0 0 0;
	display: block;
	background: url(images/background_parts.png) no-repeat 0 -140px;
}
ul#main_menu li {
	float: left;
	overflow: hidden;
}
ul#main_menu li a {
	height: 29px;
	overflow: hidden;
	line-height: 29px;
	display: block;
	text-indent: -500px;
	background: url(images/menu_title.png) no-repeat;
}
ul#main_menu li a#m_home {
	width: 87px;
	background-position: 0 0;
}
ul#main_menu li a#m_home:hover, ul#main_menu li a#m_home_select {
	width: 87px;
	background-position: 0 -37px;
}
ul#main_menu li a#m_movie {
	width: 121px;
	background-position: -87px 0;
}
ul#main_menu li a#m_movie:hover, ul#main_menu li a#m_movie_select {
	width: 121px;
	background-position: -87px -37px;
}
ul#main_menu li a#m_ranking {
	width: 163px;
	background-position: -208px 0;
}
ul#main_menu li a#m_ranking:hover, ul#main_menu li a#m_ranking_select {
	width: 163px;
	background-position: -208px -37px;
}
ul#main_menu li a#m_mypage {
	width: 97px;
	background-position: -371px 0;
}
ul#main_menu li a#m_mypage:hover, ul#main_menu li a#m_mypage_select {
	width: 97px;
	background-position: -371px -37px;
}
ul#main_menu li a#m_regist {
	width: 110px;
	background-position: -468px 0;
}
ul#main_menu li a#m_regist:hover, ul#main_menu li a#m_regist_select {
	width: 110px;
	background-position: -468px -37px;
}
ul#main_menu li a#m_contact {
	width: 111px;
	background-position: -578px 0;
}
ul#main_menu li a#m_contact:hover, ul#main_menu li a#m_contact_select {
	width: 111px;
	background-position: -578px -37px;
}
ul#main_menu li#menu_serch {
	height: 26px;
	width: 260px;
	padding: 0 0 0 10px;
	background: url(images/background_parts.png) no-repeat -640px -100px;
}
ul#main_menu li#menu_serch #s_form {
	float: left;
	height: 20px;
	width: 212px;
	margin: 5px 0 0 0;
	border: none;
	background: none;
}
ul#main_menu li#menu_serch input#s_form_submit {
	float: left;
	height: 25px;
	width: 32px;
	border: none;
	display: block;
	background: url(images/menu_search_submit.gif) no-repeat center center;
	cursor: pointer;
}
/*======================================

	top_section

=======================================*/



#head_section {
	position: relative;
	height: 100px;
	margin: 10px 0;
	display: block;
	text-align: right;
	background: url(images/background_parts.png) no-repeat 0 -250px;
}
#head_section #upload_button {
	position: absolute;
	top: 20px;
	right: 10px;
	height: 50px;
	width: 200px;
	overflow: hidden;
	text-align: left;
	text-indent: -500px;
	background: url(images/background_parts.png) no-repeat -430px -85px;
}
#head_section #upload_button a {
	height: 50px;
	width: 200px;
	display: block;
}
/*======================================

	head_bnr

=======================================*/



ul#head_bnr {
	height: 84px;
	margin: 0 0 10px 0;
	display: block;
}
ul#head_bnr li {
	float: left;
	height: 42px;
	width: 192px;
}
ul#head_bnr li a img {
	border: 1px solid #CCC;
	vertical-align: bottom;
}
/*======================================

	head_submenu

=======================================*/



#head_submenu {
	height: 85px;
	padding: 0 10px;
	margin: 0 0 5px 0;
	display: block;
	background: url(images/background_parts.png) no-repeat 0 -355px;
}
ul#movie_count {
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
}
ul#movie_count li {
	float: left;
}
ul#movie_count li#movie_count_title {
	width: 140px;
	overflow: hidden;
	text-indent: -500px;
}
ul#keyword {
	float: right;
	width: 730px;
	margin: 10px 0 0 0;
}
ul#keyword li {
	float: left;
	margin: 0 5px 0 0;
}
ul#keyword li#keyword_title {
	width: 100px;
	overflow: hidden;
	text-indent: -300px;
}
ul#keyword li#keyword_list {
	height: 15px;
	width: 600px;
	overflow: hidden;
}
ul#keyword li#keyword_list a {
	color: #FF6600;
	text-decoration: underline;
}
#head_submenu #infomation {
	padding: 0 0 0 130px;
	margin: 5px 0;
	line-height: 26px;
	display:block;
}
.stockTicker {
	position: relative;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, San-serif;
	font-size: x-small;
	list-style-type: none;
}
.infocontainer {
	height: 20px;
	width: 800px;
	overflow: hidden;
}
.infocontainer .infowrap {
	position: relative;
	left: 0px;
	top: 0px;
	width: 800px;
	overflow: hidden;
	font-size-adjust: none;
}
ul#ticker {
	height: 20px;
	overflow: hidden;
	list-style: none;
}
ul#ticker li {
	padding: 0 30px 0 0;
	font-size: 10px;
	display: inline;
}
#submenu_ad {
	display:block;
	margin:10px 0 0 0;
}
/*======================================

	top

=======================================*/

#maincontent {
	display: block;
	background: url(images/content_center_bg.gif) repeat-y;
}
#maincontent #maincontent_head {
	height: 10px;
	display: block;
	background: url(images/content_head_bg.gif) no-repeat top center;
}
#maincontent #maincontent_head h2 {
	overflow: hidden;
	text-indent: -800px;
}
#maincontent #maincontent_wrap {
	padding: 0 10px;
	display: block;
}
/*======================================

	contents

=======================================*/



#contents {
	float: right;
	width: 705px;
}
/*======================================

	top

=======================================*/



#contents #top_player {
	display: block;
}
#top_player #top_new_movie {
	float: left;
	width: 480px;
}
#top_player #top_new_movie #top_movie_title {
	line-height: 25px;
	display: block;
	text-indent: 30px;
	background: url(images/top_movie_title.png) no-repeat;
}
#top_player #top_movie_list {
	float: right;
	width: 225px;
}
#contents h3 {
	height: 40px;
	margin: 0 0 10px 0;
	overflow: hidden;
	display: block;
	text-indent: -500px;
	background: url(images/title.png) no-repeat;
}
#contents h3#top_ranking {
	background-position:0 -280px;
}
#contents h3#top_monthrank {
	background: url(images/monthrank_title.png) no-repeat;
}
#contents h3#top_commentrank {
	background: url(images/commentrank_title.png) no-repeat;
}
#contents h3#top_ratingrank {
	background: url(images/ratingrank_title.png) no-repeat;
}
#contents h3#top_newmovie {
	background-position:0 -240px;
}
#contents .top_movie_frame {
	background: url(images/top_movielist_center_bg.png);
}
#top_rank_tabs {
	height:300px;
	overflow:hidden;
	display:block;
	position:relative;
	z-index:1000;
}
#top_rank_tabs ul#tabmenu {
	display:block;
	background:url(images/rank_tab_bg.png) no-repeat;
	padding:7px 0 0 20px;
}
#top_rank_tabs li.menu_list {
	background:url(images/rank_tab_li.png) no-repeat;
	width:94px;
	height:30px;
	text-align:center;
	float:left;
	margin:0 5px 0 0;
}
#top_rank_tabs li.menu_list a {
	width:94px;
	height:30px;
	display:block;
	line-height:30px;
}
#top_rank_tabs ul#tabmenu li.active, #top_rank_tabs ul#tabmenu li.menu_list:hover {
	background:url(images/rank_tab_li_r.png) no-repeat;
}
#top_rank_tabs ul#tabmenu li.active a {
	color: #333333;
}
#top_rank_tabs div.tab_frame {
}
.top_movie_frame span.movie_list_head {
	height: 5px;
	display: block;
	background: url(images/top_movielist_head_bg.png) no-repeat center top;
}
.top_movie_frame span.movie_list_foot {
	height: 5px;
	display: block;
	background: url(images/top_movielist_foot_bg.png) no-repeat center bottom;
}
.top_movie_frame ul.movie_list {
	padding: 0 0 0 20px;
	display: block;
	text-align: center;
}
.top_movie_frame ul.movie_list li {
	float: left;
	width: 166px;
	padding: 0 0 10px 0;
	color: #666;
	line-height: 1.2em;
	background: url(images/top_post_center_bg.png) repeat-x center bottom;
}
.top_movie_frame ul.movie_list li span.post_head {
	height: 8px;
	display: block;
	background: url(images/top_post_head_bg.png) no-repeat center top;
}
.top_movie_frame ul.movie_list li .movie_section {
	width: 144px;
	margin: 0 auto;
	text-align: left;
}
.top_movie_frame ul.movie_list li .movie_section .movie_title {
	height: 30px;
	overflow: hidden;
}
.movie_section .movie_thumb {
	position: relative;
	margin: 0 0 3px 0;
	height:104px;
}
.top_movie_frame ul.movie_list li .movie_section .movie_thumb img.rank_number {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}
.top_movie_frame ul.movie_list li .movie_section .movie_thumb img.add_favorite {
	position: absolute;
	left: 2px;
	top: 90px;
	z-index: 100;
}
.top_movie_frame ul.movie_list li .movie_section .movie_thumb img.thumb {
	height: 100px;
	width: 140px;
	border: 2px solid #CCC;
	background: #CCC;
}
.top_movie_frame #all_movie {
	height: 21px;
	margin: 10px 20px;
	overflow: hidden;
	display: block;
	text-align: right;
	text-indent: -800px;
}
.top_movie_frame #all_movie a {
	height: 21px;
	width: 150px;
	display: block;
	text-align: left;
	background: url(images/top_allmovie.png) no-repeat;
}
#top_ad {
	width:470px;
	margin:10px auto 0 auto;
}
/*======================================

	category

=======================================*/



h3#title_cat_movie {
	margin: 0 0 5px 0;
	background: url(images/title_movielist.png) no-repeat;
}
#cat_keyword {
	display: block;
	background: url(images/top_movielist_center_bg.png) no-repeat;
}
#cat_keyword span.keyword_list_head {
	height: 5px;
	display: block;
	background: url(images/top_movielist_head_bg.png) no-repeat center top;
}
#cat_keyword span.keyword_list_foot {
	height: 5px;
	display: block;
	background: url(images/top_movielist_foot_bg.png) no-repeat center bottom;
}
#cat_keyword #keyword_title {
	width: 100px;
	margin: 0 0 0 5px;
	overflow: hidden;
	text-indent: -300px;
	background: url(images/submenu_keyword.png) no-repeat;
}
#cat_keyword #keyword_list {
	padding: 0 10px;
	line-height: 1.3;
}
#cat_keyword #keyword_list a {
	white-space: nowrap;
}
#cat_movie_data {
	margin: 5px;
	display: block;
}
#movie_count {
	float: left;
	width: 150px;
	font-weight: bold;
}
#list_change {
	float: right;
	width: 200px;
	text-align: right;
}
ul#cat_movie_list {
	display: block;
}
ul#cat_movie_list li {
	padding: 10px 0;
	display: block;
	background: url(images/movielist_partition.png) no-repeat bottom center;
}
ul#cat_movie_list li .movie_thumb {
	position: relative;
	float: left;
	width: 144px;
}
ul#cat_movie_list li .movie_thumb img.thumb {
	height: 100px;
	border: 2px solid #CCC;
}
ul#cat_movie_list li .movie_list_section {
	float: right;
	width: 550px;
	text-align: left;
}
ul#cat_movie_thumb {
	display: block;
}
ul#cat_movie_thumb li {
	float: left;
	width: 175px;
	padding: 10px 0;
	margin: 0 0 10px 0;
	text-align: center;
	background: url(images/movielist_thumb_partition.png) no-repeat center right;
	height:250px;
}
ul#cat_movie_thumb li.fourth {
	background: none;
}
ul#cat_movie_thumb li .movie_thumb {
	position: relative;
	width: 144px;
	margin: 0 auto;
	text-align:left;
	height:104px;
}
ul#cat_movie_thumb li .movie_thumb img.thumb {
	height: 100px;
	width: 140px;
	margin: 0 auto;
	border: 2px solid #CCC;
}
ul#cat_movie_thumb li a.movie_thumb:hover {
	border: 2px solid #CCC;
}
ul#cat_movie_thumb li .movie_list_section {
	width: 145px;
	margin: 3px auto;
	text-align: left;
}
ul#cat_movie_thumb li .movie_list_section p.movie_title {
	height: 33px;
	overflow: hidden;
	display: block;
}
/*======================================

	pager

=======================================*/



.wp-pagenavi {
	padding: 3px 0;
	margin: 5px 0;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	display: block;
	text-align: center;
}
/*======================================

	sidebar

=======================================*/



#sidebar {
	float: left;
	width: 220px;
}
#sidebar h3 {
	height: 40px;
	width: 220px;
	display: block;
	text-indent: -500px;
	background: url(images/title.png) no-repeat;
}
#sidebar h3#side_login {
	background-position:0 0;
}
#sidebar h3#side_petch {
	background-position:0 -40px;
}
#sidebar h3#side_keyword {
	background-position:0 -80px;
}
ul#side_ch_list {
	display: block;
}
ul#side_ch_list li {
	padding: 2px 0 2px 10px;
	border-bottom: 1px dotted #CCC;
	background: url(images/side_ch_li.gif) no-repeat 4px center;
}
#sidebar h3#side_post_rank {
	background-position:0 -120px;
}
#sidebar h3#side_comment_rank {
	background-position:0 -200px;
}
#sidebar h3#side_newcomment {
	background-position:0 -160px;
}
#sidebar .side_wrap {
	padding: 5px;
	margin: 0 0 5px 0;
	display: block;
	background: url(images/side_bg.png) no-repeat center bottom;
}
#sidebar .tag_list {
	line-height: 1.5;
}
#sidebar .tag_list a {
	white-space: nowrap;
}
#sidebar #side_mobile {
	height: 50px;
	width: 220px;
	padding: 160px 0 0 0;
	background: url(images/side_mobile.png) no-repeat;
}
ul#side_bnr {
	display: block;
}
ul#side_bnr li {
	margin: 0 0 3px 0;
}
ul#side_bnr li img {
	border: 1px solid #CCC;
}
ul#side_bnr li#haiti {
	text-align:center;
}
ul.side_rank {
	display: block;
}
ul.side_rank li {
	padding: 0 0 3px 30px;
	margin: 0 0 3px 0;
	border-bottom: 1px dotted #CCC;
	background: url(images/rank_badge.png) no-repeat;
}
ul.side_rank li img.side_avatar {
	float: left;
	width: 30px;
	border: 2px solid #CCC;
}
ul.side_rank li .rank_author_data {
	float: right;
	width: 140px;
}
ul.side_rank li.no1 {
	background-position: 5px 0;
}
ul.side_rank li.no2 {
	background-position: 5px -50px;
}
ul.side_rank li.no3 {
	background-position: 5px -100px;
}
ul.side_rank li.no4 {
	background-position: 5px -150px;
}
ul.side_rank li.no5 {
	background-position: 5px -200px;
}
ul.side_comment {
	display: block;
}
ul.side_comment li {
	padding: 0 0 3px 30px;
	margin: 0 0 3px 0;
	border-bottom: 1px dotted #CCC;
	background: url(images/comment_ballon.png) no-repeat 5px 3px;
	word-break: normal;
}
ul.side_comment li img.side_avatar {
	float: left;
	width: 30px;
	border: 2px solid #CCC;
}
ul.side_comment li .comment_author_data {
	float: right;
	width: 140px;
}
#side_ad {
	width:200px;
	margin:0 auto;
}
/*======================================

	single

=======================================*/



#single_movie {
	float: left;
	width: 480px;
}
#single_movie h2 {
	height: 40px;
	width: 480px;
	line-height: 45px;
	display: block;
	text-indent: 35px;
	background: url(images/single_moviename_title.png) no-repeat center top;
}
#single_movie #single_details {
	display: block;
}
#single_movie #single_details p {
	margin: 3px 0;
}
#single_movie #single_details ul#details_menu {
	display: block;
}
ul#details_menu li {
	float: left;
}
ul#details_menu li span {
	height: 20px;
	margin: 0 3px;
	line-height: 20px;
	display: block;
	background: url(images/single_icon.png) no-repeat right top;
}
ul#details_menu li span span {
	padding: 0 0 0 15px;
	background: none;
}
ul#details_menu li span a {
	padding: 0 0 0 20px;
}
ul#details_menu li span#playlist {
	background-position: 0 0;
}
ul#details_menu li span#bookmark {
	background-position: 0 -25px;
}
ul#details_menu li span#violation {
	background-position: 0 -57px;
}
#single_movie h3#comments {
	height: 40px;
	width: 480px;
	overflow: hidden;
	display: block;
	text-align: left;
	text-indent: -500px;
	background: url(images/single_comment_title.png) no-repeat;
}
#single_comment #comment_pager {
	padding: 3px 0;
	margin: 5px 0;
	text-align: center;
	background: #EFEFEF;
}
#single_comment ol#thecomments {
	display: block;
}
#single_comment ol#thecomments li {
	padding: 5px 10px;
	border-bottom: 1px dotted #CCC;
	display: block;
}
#single_comment ol#thecomments li .comment_avator {
	float: left;
	height: 70px;
	width: 70px;
	border: 2px solid #CCC;
}
#single_comment ol#thecomments li .comment_read {
	float: right;
	width: 380px;
}
#single_comment form#commentform {
	display: block;
}
#single_comment form#commentform #comment_submit {
	display: block;
	text-align: center;
}
#single_comment form#commentform input#submit {
	height: 35px;
	width: 187px;
	margin: 0 auto;
	border: none;
	color: #FFFFFF;
	background: url(images/comment_submit.gif) no-repeat;
}
#single_comment form#commentform input.comment_form, #single_comment form#commentform textarea.comment_form {
	width: 478px;
	padding: 1px;
	margin: 0 0 5px 0;
	border: 1px solid #CC9966;
}
#single_side {
	float: right;
	width: 450px;
}
#single_side .single_side_wrap {
	padding: 0 0 10px 0;
	border: none;
	background: url(images/side_movielist_bg.png) no-repeat bottom center;
}
#single_side h3 {
	height: 40px;
	width: 450px;
	overflow: hidden;
	line-height: 50px;
	display: block;
	text-align: left;
	text-indent: -500px;
}
#single_side h3#single_title_author {
	background: url(images/single_postauthor_title.png) no-repeat;
}
.single_side_wrap #single_author {
	padding: 10px;
}
.single_side_wrap img.movie_avator {
	float: left;
	width: 70px;
	border: 2px solid #CCC;
}
.single_side_wrap #author_section {
	float: right;
	width: 350px;
}
#single_author dl#movie_embed {
	display: block;
}
dl#movie_embed dt {
	display: block;
}
dl#movie_embed dd {
	display: block;
}
dl#movie_embed dd input {
	width: 428px;
	padding: 1px;
	border: 1px solid #CC9966;
}
#single_side #single_title_postlist {
	text-indent: 40px;
	background: url(images/single_movielist_title.png) no-repeat;
}
#single_side h3#single_title_relation {
	background: url(images/single_relation_title.png) no-repeat;
}
ul.side_movie_list {
	height: 400px;
	display: block;
	overflow-y: scroll;
}
ul.side_movie_list li {
	padding: 10px;
	display: block;
	background: url(images/single_movielist_partition.png) no-repeat bottom center;
}
ul.side_movie_list li .movie_section {
	float: right;
	width: 260px;
}
ul.side_movie_list li img.movie_thumb {
	float: left;
	height: 100px;
	width: 140px;
	border: 2px solid #CCC;
}
/*======================================

	login

=======================================*/



h3#title_loginform {
	background: url(images/title_loginform.png) no-repeat;
}
/*======================================

	user

=======================================*/



h3#title_profile {
	background: url(images/title_profile.png) no-repeat;
}
#user_profile {
	display: block;
}
#user_profile dl {
	width: 650px;
	margin: 5px auto;
	border-top: 0;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #eee;
}
#user_profile dt {
	float:left;
	clear:both;
	width:18em;
	padding:0.5em;
	_width:18em;    /* WinIE */
	border-top:1px solid #CCC;
	text-align:center;
}
#user_profile dd {
	margin-left:19em;    /* = dt.width + dt.padding */
	padding:1ex;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	background:#fff;
}
#user_profile dd input {
	width: 200px;
	padding: 1px;
	border: 1px solid #CCC;
}
#user_profile dd textarea {
	width: 300px;
	padding: 1px;
	border: 1px solid #CCC;
}
#user_profile dd input#deletepicture {
	width: 20px;
	border: none;
}
#user_profile #profile_submit {
	width: 650px;
	margin: 10px auto;
	text-align: center;
}
#user_profile #reg_passmail-tml-main {
	width: 650px;
	margin: 10px auto;
	text-align: center;
}
#user_profile #submit {
	width: 650px;
	margin: 0 auto;
	text-align: center;
}
#user_profile h4 {
	width: 650px;
	margin: 5px auto;
}
#user_profile #submit input {
	height: 30px;
	width: 200px;
}
/*======================================

	privacy

=======================================*/

#privacy {
	display: block;
}
#privacy h3#title_privacy {
	height: 40px;
	overflow: hidden;
	display: block;
	background: url(images/title_privacy.png) no-repeat;
}
#privacy ol {
	padding: 0 10px 0 30px;
	margin: 5px 0 0 0;
	display: block;
	list-style-type: decimal;
}
#privacy ol li {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #EEE;
	list-style-type: decimal;
}
/*======================================

	mypage

=======================================*/



h3#title_mypage {
	margin: 0 0 5px 0;
	background: url(images/title_mypage.png) no-repeat;
}
ul.favorite_list {
	display: block;
	margin:0 0 10px 0;
}
ul.favorite_list li {
	float: left;
	width: 115px;
	margin: 0 0 10px 0;
	text-align: center;
}
ul.favorite_list li .movie_list_section {
	width: 110px;
	margin: 0 auto;
	text-align: left;
}
ul.favorite_list li a.movie_thumb img {
	border:2px solid #CCC;
}
ul.favorite_list li .movie_list_section p.movie_title {
	height: 33px;
	width: 100px;
	margin: 0 auto;
	overflow: hidden;
}
/*======================================

	ranking

=======================================*/



h3#title_movie_rank {
	margin: 0 0 5px 0;
	background: url(images/title_ranking.png) no-repeat;
}
ul#rank_tab {
	height: 39px;
	padding: 0 0 0 10px;
	display: block;
	background: url(images/rank_tab_bg.png) no-repeat;
}
ul#rank_tab li {
	float: left;
	width: 94px;
	padding: 10px 0 0 0;
	margin: 0 10px 0 0;
	line-height: 39px;
	display: block;
	text-align: center;
}
ul#rank_tab li a {
	float: left;
	width: 94px;
	line-height: 29px;
	background: url(images/rank_tab_li.png) no-repeat;
}
ul#rank_tab li a.select, ul#rank_tab li a:hover {
	float: left;
	width: 94px;
	margin: 0 0 -3px 0;
	line-height: 29px;
	background: url(images/rank_tab_li_r.png) no-repeat left top;
}
/*======================================

	company

=======================================*/



#company {
	display: block;
}
#company h3#title_company {
	height: 40px;
	overflow: hidden;
	display: block;
	background: url(images/title_company.png) no-repeat;
}
#company dl {
	width: 650px;
	margin: 5px auto;
	border-top: 0;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #eee;
}
#company dt {
	float:left;
	clear:both;
	width:10em;
	padding:0.5em;
	_width:10em;    /* WinIE */
	border-top:1px solid #CCC;
	text-align:center;
}
#company dd {
	margin-left:11em;    /* = dt.width + dt.padding */
	padding:1ex;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	background:#fff;
}
/*======================================

	register

=======================================*/



h3#title_register {
	background: url(images/title_regist.png) no-repeat;
}
/*======================================

	contact

=======================================*/



h3#title_contact {
	margin: 0 0 5px 0;
	background: url(images/title_contact.png) no-repeat;
}
#contact dl {
	width: 650px;
	margin: 5px auto;
	border-top: 0;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background: #eee;
}
#contact dt {
	float:left;
	clear:both;
	width:10em;
	padding:0.5em;
	_width:10em;    /* WinIE */
	border-top:1px solid #CCC;
	text-align:center;
}
#contact dd {
	margin-left:11em;    /* = dt.width + dt.padding */
	padding:1ex;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	background:#fff;
}
#contact dd input {
	width: 200px;
	padding: 1px;
	border: 1px solid #CCC;
}
#contact dd textarea {
	width: 300px;
	padding: 1px;
	border: 1px solid #CCC;
}
#contact #contact_submit {
	width: 650px;
	margin: 0 auto;
	text-align: center;
}
#contact #contact_submit input {
	width: 200px;
}
/*======================================

	link

=======================================*/

h3#title_link {
	background: url(images/title_link.png) no-repeat;
}
#link_pager {
	margin:5px 0;
	display:block;
	text-align:center;
}
#link {
	display:block;
}
#link ul.link_list {
	width:690px;
	margin:0 auto;
}
ul.link_list li.link_frame {
	display:block;
	border-bottom:1px dotted #DCDCDC;
	padding:0 0 5px 0;
}
ul.link_list li.link_frame img.snap {
	float:left;
	width:90px;
	border:1px solid #DEDEDE;
}
ul.link_list li.link_frame .link_section {
	float:right;
	width:590px;
}
/*======================================

	link_about

=======================================*/



#link_about {
	display:block;
}
#link_about a.underline {
	text-decoration:underline;
	background:url("images/side_ch_li.gif") no-repeat scroll 4px center transparent;
	padding:2px 0 2px 10px;
}
#link_about h4 {
	margin:10px 0px 10px 0px;
	font-size:120%;
	color:#333;
}
#link_about dl {
	width:590px;
	list-style-position: inside;
	list-style-type: none;
}
#link_about dl.bnr {
	margin-left:30px;
}
#link_about dl.bnr dt {
	padding:10px 0px;
	font-weight: bold;
}
#link_about dl.bnr dd {
	padding:5px 0px 5px 30px;
	border-bottom:1px dotted #DCDCDC;
}
#link_about ul.mail_body {
	margin:10px 0px 10px;
	padding-left:30px;
	font-weight: bold;
}
#link_about ul.mail_body li {
	background:url("images/side_ch_li.gif") no-repeat scroll 4px center transparent;
	padding:2px 0 2px 10px;
}
#link_about dl ul li {
	margin:5px 0px 5px 0px;
	list-style-type:none;
}
/*======================================

	footer

=======================================*/

#footer_push {
	height: 320px;
}
#footer {
	height: 320px;
	color: #FFFFFF;
	background: url(images/footer_bg.png) repeat-x left top;
}
#footer_wrap a {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer #maincontent_foot {
	height: 20px;
	display: block;
	background: url(images/content_foot_bg.png) no-repeat center top;
}
#footer_wrap {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#footer_wrap #footer_navi_area {
	display: block;
	background: url(images/footer_separator.gif) repeat-y left top;
}
#footer_wrap ul {
	float: left;
	height: 260px;
	width: 320px;
	padding: 0;
	text-align: center;
	background: url(images/footer_separator.gif) repeat-y right top;
}
ul#footer_menu li {
	width: 300px;
	padding: 3px 0;
	margin: 0 auto;
	text-align: left;
	background: url(images/footer_list.gif) repeat-x bottom center;
}
ul#footer_menu li a {
	padding: 0 0 0 10px;
	background: url(images/foot_menu_list.gif) no-repeat left center;
}
ul#footer_menu li#title_menu {
	overflow: hidden;
	text-indent: -300px;
	background: url(images/foot_title_menu.png) no-repeat left center;
}
ul#footer_newmovie li {
	width: 300px;
	padding: 3px 0;
	margin: 0 auto;
	text-align: left;
	background: url(images/footer_list.gif) repeat-x bottom center;
}
ul#footer_newmovie li a.movie_thumb {
	float: left;
	height: 36px;
	width: 48px;
	border: 2px solid #CCC;
}
ul#footer_newmovie li .movie_section p.movie_title {
	height: 14px;
	overflow: hidden;
	display: block;
}
ul#footer_newmovie li .movie_section {
	float: right;
	width: 240px;
}
ul#footer_newmovie li#title_movie {
	overflow: hidden;
	text-indent: -300px;
	background: url(images/foot_title_movie.png) no-repeat left center;
}
ul#footer_comment li {
	width: 300px;
	padding: 3px 0;
	margin: 0 auto;
	text-align: left;
	background: url(images/footer_list.gif) repeat-x bottom center;
}
ul#footer_comment li img.avator_thumb {
	float: left;
	height: 30px;
	width: 30px;
	border: 2px solid #CCC;
}
ul#footer_comment li .comment_section {
	float: right;
	width: 255px;
}
ul#footer_comment li#title_comment {
	overflow: hidden;
	text-indent: -300px;
	background: url(images/foot_title_comment.png) no-repeat left center;
}
#footer_copy {
	margin: 5px 0 0 0;
	display: block;
}
#footer_copy span {
	float: left;
	height: 18px;
	display: block;
}
#footer_copy span#copy_section {
	width: 456px;
	overflow: hidden;
	text-indent: -500px;
	background: url(images/foot_section.png) no-repeat;
}
#footer_copy span#copy_2010 {
	width: 40px;
	overflow: hidden;
	text-indent: -500px;
	background: url(images/copy_year.png) no-repeat 0 -20px;
}
#footer_copy span#copy_2011 {
	width: 40px;
	overflow: hidden;
	text-indent: -500px;
	background: url(images/copy_year.png) no-repeat 0 -40px;
}
#footer_copy span#copy_2012 {
	width: 40px;
	overflow: hidden;
	text-indent: -500px;
	background: url(images/copy_year.png) no-repeat 0 -60px;
}
#footer_copy span#copy_right {
	width: 295px;
	overflow: hidden;
	text-indent: -500px;
	background: url(images/foot_copy_right.png) no-repeat;
}