@charset "utf-8";

* {
-box-sizing: border-box; /* Opera。CSS標準になる予定 */
-moz-box-sizing: border-box; /* Firefox */
-khtml-box-sizing: border-box; /* Apple系 */
-webkit-box-sizing: border-box; /* Safari 3。Windows版で確認 */
-ms-box-sizing:  border-box;
margin: 0px; padding: 0px;
}


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* FONT DEFAULT SETTING */
body{ 
  font:13px/1.231 "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
  *font-size:small;
  *font:x-small;
}
select,input,button,textarea,button{
  font:99% "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}
table{
  font-size:inherit;
  font:100%;
}
pre,code,kbd,samp,tt{
  font-family:monospace;
  *font-size:108%;
  line-height:100%;
}

/* background color for the content part of the pages */
Body
{
	PADDING: 0px;
	MARGIN: 0px;
	COLOR: #555555;
  background-color: #056A7C;
}

td #xEditingArea {
  background-color: #FFFFFF; /*for Editor Background*/
}

.ControlPanel {
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
  font-size: 100%;
  font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	COLOR: #555555;
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
	COLOR: #555555;
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
  font-size: 100%;
	MARGIN: 0px;
	LINE-HEIGHT: 150%
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}
    
/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1 {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	line-height: 100%;
	font-size: 100%;
	border-bottom-style: none;
}

#dnn_top H1 {
	font-weight: bold;
	color: #FFF;
	float: right;
	margin-right:10px;
	margin-top: 35px;
}

#dnn_top img {
	float: right;
	margin-right: 50px;
	margin-top: 32px;
}

H2  {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	line-height: 150%;
	COLOR: #555555;
	PADDING: 0px;
	MARGIN: 0px; 
}

#dnn_top H2 {
  margin-left: 50px;
  width: 336px;
  height: 56px;
	background-image: url(/Portals/webtv/images/lib/logo.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}

#InfoTop H2 {
  font-size: 124%;
  font-weight: bold;
  margin-bottom: 5px;
}

#NewsTop H2, #BlogTop H2 {
	font-size: 108%;
	font-weight: bold;
  margin: 0px 0px 5px 5px;
}

H3  {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 150%;
	COLOR: #555555;
}

#InfoTop H3 {
	font-size: 100%;
  margin-bottom: 2px;
  font-weight: bold;
}

#PhotoTitle H3 {
  background-position:left center;
  font-size: 108%;
  font-weight: bold;
  padding: 2px 0px 0px 10px;
}

#NewListing H3, #RelativeMovie H3, #BoxTitle H2 {
  background-position:left center;
  font-size: 108%;
  font-weight: bold;
  background-image: url('/Portals/webtv/images/lib/i_square_blue.gif');
  background-repeat: no-repeat;
  padding: 2px 0px 0px 20px;
}

#BoxTitle H2 .Head {
  font-size: 108%;
}

#MovieListing H3, #RecommendListing H3 {
  background-position:left center;
  font-size: 108%;
  font-weight: bold;
  background-image: url('/Portals/webtv/images/lib/i_square_red.gif');
  background-repeat: no-repeat;
  padding: 2px 0px 0px 20px;
}

#Comment H3, #Ranking H3 {
  background-position:left center;
  font-size: 108%;
  font-weight: bold;
  background-image: url('/Portals/webtv/images/lib/i_square_yellow.gif');
  background-repeat: no-repeat;
  padding: 2px 0px 0px 20px;
}

H4  {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
	COLOR: #555555;
}

#InfoDetailBoxTop H4 {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 116%;
  font-weight: bold;
  margin: 5px 0px 5px 5px;
}

#SearchTop H4, #QueryTop H4 {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 108%;
  font-weight: bold;
}

H5, DT, DD  {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 93%;
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 150%;
	font-weight: normal;
	COLOR: #555555;
}

DD {
	line-height: 120%;
}

H6  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

P, td
{
  color: #333333;
  margin: 0px;
  line-height: 150%;
  font-style: normal;
}

td
{
  vertical-align: top;
}

Ol Li {
}
LI {
}

A, A:active, A:link, A:visited
{
  color: #37437B;
}
A:hover
{
  color: #FF3399;
  text-decoration: underline;
}

A {overflow:hidden} /*Delete FireFox Link Dot*/

A.gray {
	COLOR: #333333
}
A.gray:hover {
	COLOR: #FF3399
}

.small_12, .small_12 td
{
  font-size: 93%;
	MARGIN: 0px;
	LINE-HEIGHT: 120%
}

.small_11 .small_11 td
{
  font-size: 85%;
	MARGIN: 0px;
	LINE-HEIGHT: 120%
}

BIG {
}

BLOCKQUOTE, PRE {
}

.form {
  font-size: 100%;
}

.px8{font-size:62%;}/**/
.px9{font-size:68%;}
.px10{font-size:74%;}/**/
.px11{font-size:83.3%;}
.px12{font-size:93%;}
.px13{font-size:100%;}/**/
.px14{font-size:105%;}
.px15{font-size:115%;}/**/
.px16{font-size:123%;}
.px17{font-size:136%;}/**/
.px18{font-size:145%;}
.px19{font-size:154%;}
.px20{font-size:160%;}

/* Original Format */
#base
{
  width: 100%;
  padding-bottom: 100px;
  background-image: url(/Portals/webtv/images/lib/BG.png);
  background-repeat: repeat-x;
  background-color: #056A7C;
}

#dnn_top
{
  background-image: url(/Portals/webtv/images/lib/bg_top.png);
  background-repeat: no-repeat;
  width: 1000px;
  height:56px;
 	text-align:left;
}

#wrapper {
	width: 900px;
	text-align:left;
  background-color: #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Header */
#header {
  width: 896px;
  margin-left: 2px;
}

#header:after{
	clear:both;
}

#dnn_menu {
	width: 642px;
	height: 45px;
	float: left;
}

#dnn_banner {
  width: 240px;
	height: 60px;
	float: right;
}

/* BreadCrumb */
#Breadcrumb
{
  height: 20px;
  text-align: left;
  margin: 5px 0px 0px 0px;
  padding-left: 10px;
  float: left;
  color: #056A7C;
  font-family: "ＭＳ Ｐゴシック" , "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ Pro W3" , Osaka, sans-serif;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb a {
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	FONT-SIZE: 93%;
	COLOR: #056A7C;
	font-weight: 100;
	text-decoration: none;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb a:hover, #dnn_AddBreadcrumb a:hover {
	text-decoration: underline;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb {
  float: left;
}

#dnn_AddBreadcrumb, #dnn_AddBreadcrumb a {
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	FONT-SIZE: 95%;
	COLOR: #056A7C;
	font-weight: 100;
	text-decoration: none;
	display: inline;
}

/* Flash */
#dnn_flash {
	width: 896px;
  margin: 5px 0px 10px 2px;
}

/* Contents */
#contents:after{
	clear:both;
}

#contents, #contents_detail
{
  text-align: left;
  width: 896px;
  margin-bottom: 10px;
  float: left; /* Hack for Firefox Background image */
  overflow: hidden;/* Hack for BG */
  height: auto;
  margin-left: 2px;
  margin-right: 2px;
}

#contents #dnn_ContentPane {
  float: left;
  width: 640px;
  margin-left: 0px;
}

#MainFrame {
  float: left;
  width: 640px;
}

#contents_detail #dnn_ContentPane {
  width: 896px;
  margin-left: 0px;
  margin-right: 0px;
}

/* SecondPane */

#contents #dnn_SecondPane, #TopPain #InfoFrame {
  float: right;
  width: 240px;
}

*html #contents, *html #contents_detail, *html #contents #dnn_ContentPane, *html #MainFrame, *html #TopPain, *html #TopPain #InfoFrame {
  display:inline; /* Hack for IE6 Double padding */
}

#dnn_footer a, #dnn_footer a:hover, #dnn_footer a:visited {
 color:#FFFFFF;
}

/* Footer */
#dnn_footer
{
  width: 896px;
  clear: both;
  height: 120px;
  font-size: 93%;
  background-color: #666666;
  text-align: center;
  padding-top: 15px;
  margin-left: 2px;
}

#dnn_footer .Normal {
	COLOR: #FFFFFF;
}

#dnn_footer h3 {
	FONT-SIZE: 93%;
	COLOR: #FFFFFF;
	padding-top:10px;
}

#dnn_footer li {
	display: inline;
	COLOR: #FFFFFF;
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}

#dnn_footer ul {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 1.3em;
}

#dnn_footer A {
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	COLOR: #FFFFFF;
}
#dnn_footer A:hover
{
  text-decoration: underline;
}

/* Contents */

/* Top */
.TopMain {
  margin: 0px 10px 10px 10px;
}

#NewsDetail {
  margin: 5px;
}


#TopPain {
  width: 896px;
  /*float: left; /* Hack for Firefox Background image */
/*  height: auto; */
}

#MovieFrame
{
  width: 640px;
  height: auto;
  margin-bottom: 10px;
  background-color: #000000;
}

#Description, #Photo {
  margin-bottom: 10px;
}

#NewsBox, #InfoBox
{
  background-position: top;
  border: 1px solid #CCCCCC;
  background-color: #FAFAFA;
  background-image: url('/Portals/webtv/images/lib/InfoBoxBG.png');
  background-repeat: repeat-x;
  margin-bottom: 5px;
}

#NewsTop
{
  border-left-width: 12px;
  border-left-color: #CC0000;
  border-left-style: solid;
  margin: 10px 5px 5px 0px;
  height: 22px;
}

#InfoTop
{
  border-left-width: 12px;
  border-left-color: #CC0000;
  border-left-style: solid;
  margin: 10px 0px 10px 0px;
}

#InfoTop h2, #InfoTop h3 {
  margin: 5px 5px 5px 5px;
}

#InfoTop #duration {
  font-weight: bold;
  text-align: right;
  margin-right: 5px;
}

#InfoDetail {
 /* margin: 5px; */
 margin-bottom: 5px;
}

#InfoDetail dl, #SearchBox dl, #QueryBox dl, #InfoDetailBox dl {
  width: 230px;
}

#InfoDetail dl dt, #SearchBox dl dt, #QueryBox dl dt {
	width: 70px;
	margin-left: 5px;
	margin-bottom: 2px;
}
#InfoDetail dl dd, #SearchBox dl dd, #QueryBox dl dd {
	width: 160px;
  min-height: 16px;
	/*padding-left: 70px;*/
	margin: -20px 0px 2px 70px;
}

#InfoDetailBox dl dt {
	width: 60px;
	margin-left: 5px;
	margin-bottom: 2px;
}

#InfoDetailBox dl dd {
	width: 170px;
	margin: -20px 0px 2px 60px;
}

#NewsDetail dl dt {
	width: 60px;
	margin-bottom: 2px;
}

#NewsDetail dl dd {
	width: 170px;
	margin: -20px 0px 2px 60px;
}

#InfoDetailBox, #BlogBox {
  border: 1px solid #CCCCCC;
  background-color: #F7F7F7;
  height: auto;
	margin-bottom: 5px;
}

#InfoDetailBoxTop, #BlogTop {
  border-left-width: 12px;
  border-left-color: #140779;
  border-left-style: solid;
  margin: 10px 5px 5px 0px;
  height: 22px;
}

#InfoDetailBoxContents, #BlogDetail {
  margin: 10px 5px 10px 5px;
}

#MailFriend
{
  margin-top: 10px;
  text-align: center;
  font-size: 93%;
}

#MailFriend img {
  margin-right: 5px;
}

#SearchBox, #QueryBox {
  border: 1px solid #CCCCCC;
  background-color: #FAFAFA;
  height: auto;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

#SearchTop, #QueryTop {
  border-left-width: 12px;
  border-left-color: #FFCC00;
  border-left-style: solid;
  margin: 10px 5px 5px 0px;
}

#QueryTop
{
  border-left-color: #140779;
}

#SearchTop h4, #QueryTop h4 {
  margin-left: 5px;
}

.SearchButton {
  text-align: right;
  padding-right: 10px;
}

#Photo {
  margin-top: 5px;
  margin-bottom:15px;
}

#RecommendListing, #NewListing, #MovieListing, #RelativeMovie, #Comment,#BoxWrapper {
  margin-bottom: 5px;
}

#RecommendListingTitle, #NewListingTitle, #MovieListingTitle, #RelativeMovieTitle, #CommentTitle, #BoxTitle, #RankingTitle
{
  height: 24px;
  background-image: url('/Portals/webtv/images/lib/t_BG.png');
  background-repeat: no-repeat;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 10px;
}

#RankingTitle
{
  margin: 0px 0px 5px 0px;
}

.MovieList {
  margin: 0px 0px 5px 0px;
}

.MovieThumb {
  text-align: center;
  background-color: Black;
  width: 152px;
  height: 90px;
  margin-right: 10px;
}

.MovieThumbDetail {
  width:150px;
  margin: 5px 3px 15px 3px;
  line-height: 110%;
}

.MovieThumbTitle {
  height:22px;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 93%;
  line-height: 1.1
}

.MovieThumbTime {
  color: #666666;
  font-weight: bold;
  float: left;
  font-size: 93%;
}

.MovieThumbView {
  color: #666666;
  text-align: right;
  font-size: 93%;
}

.marginbottom5 {
  margin-bottom: 5px;
}

.CommentName
{
  color: #666699;
  font-weight: bold;
}

.LeftMargin10 {
  margin-left:10px;
}

/* Pager */
.Pager td {
  padding: 5px 0px 5px 0px;
}

.Pager td span
{
  border: 1px solid #C0C0C0;
  padding: 2px;
  margin-left: 2px;
  font-size: 131%;
  background-color: #666699;
  width: 12px;
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
}

.Pager td a, .Pager td a:visited
{
  border: 1px solid #C0C0C0;
  padding: 2px;
  margin-left: 2px;
  font-size: 124%;
  background-color: #FFFFFF;
  width: 12px;
  text-align: center;
}
.Pager td a:hover
{
  background-color: #CEEFFF;
  text-decoration: none;
}

#BoxContent {
	padding: 10px;
}

/*  */

/* Contact Us */

.DynamicForms_LabelCell
{
  font-size: 100%;
}

/* Blog */

#calendar td {
	color: #FFFFFF;
	font-weight: bold;
}

#BoxNoContentsWrapper {
	width: 100%;
}

#BoxActibitiesWrapper {
	width: 100%;
	padding-bottom:20px;
}

#BoxActivitiesTitle {
	height: 0px;
	LINE-HEIGHT: 0px;

}

#LineTitle h2 .Head {
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 16px;
	MARGIN: 0px;
	LINE-HEIGHT: 120%;
	font-weight: bold;
	color: #423737;
	padding-left:0px;
	padding-top:0px;
}

#LineTitle {
	width: 100%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #857A6F;
	margin-bottom:10px;
}

#BoxContent OL {
	margin: 10px;
}
#BoxContent LI {
	margin-left: 30px;
}


/* Command Button */
#BoxContent A.CommandButton {
  font-size: 12px;
  background-color: #f0f0f0;
  border: 1px solid #999999;
  padding: 0px 20px 0px  20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.Normal input {
	margin-bottom: 20px;
}

.rankingicon 
{
  float: left;
  text-align: center;
  width: 160px;
  margin-bottom: 5px;
  }