@charset "utf-8";
/* Whole Container */
/* 独自仕様のためコメントアウト
#container {
  width: 750px;
    margin: 0 auto;
      font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
        font-size: 11px;
          line-height: 1.6em;
            color: #666;
              background-color: #FFF;}
*//* GENERAL */h1, h2 {
  color: #666666;  font-size: 16px;  font-family: Arial, Helvetica, sans-serif;  background-color: #FFF;  text-transform: capitalize;}
a {
  color:#CC6714;  text-decoration: none;}
a:hover {
  color:#CC6714;  background-color: #F5F5F5;}
/* 独自仕様のためコメントアウトinput, .search-form input {
  background-color: #FFF;  color: #999999;  border: 1px solid #CCC;  font-size: 11px;  padding: 2px;  margin: 2px 0px 2px 0px;}
#search .form-submit {
  padding: 1px 2px 1px 2px;  margin: 2px 0px 2px 0px;}
*//* HEADER ELEMENTS *//* 独自仕様のためコメントアウト#header {
  border-bottom: 4px solid #948979;  margin: 10px 0 10px 0;}
#header h1 {
  font-size: 32px;  color: #CC6633;}
*//* the slogan *//* 独自仕様のためコメントアウト#header p {
   margin: -17px 0 8px 30px;  color: #999999;}
#search {
  float:right;  margin: -45px 0px 0px 0px;  font-size: 9px;}
*//* sidebar-left ELEMENTS */#sidebar-left {
  margin-left: 0;  padding-left: 0;  float: left;  width: 160px;}
#sidebar-left ul {
  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  list-style-type: none;			  width: 140px;}
#sidebar-left li li a {
  margin: 0px 0px 0px 15px;  width: 125px;}
#sidebar-left li li li a {
  margin: 0px 0px 0px 30px;  width: 110px;}
#sidebar-left a {
  display: block;  margin: 0px 0px 0px 0px;  padding: 5px;  width: 140px;  border-bottom: 1px solid #CCC;  text-transform: capitalize;}
.navlist a:visited {
  color:#CC6714;  text-decoration: none;}
#sidebar-left a:link {
  color:#CC6714;  text-decoration: none;}
#sidebar-left a:hover {
  background: #000000 url(images/arrow.gif) 96% 50% no-repeat;  background-color: #F5F5F5;  color:#CC6714;}
/* THE SMALL BOX BELOW NAV */#sidebar-left p {
  padding: 5px;  border-bottom: 1px dotted #CCC;  border-top: 1px dotted #CCC;}
		/* CONTENT ELEMENTS *//* admin content layout */#content.admin {
  width: 570px;}
#content {
	width: 362px;	float: left;	margin: 0px 0px 0px 20px;	overflow: hidden;}
.breadcrumb {
  text-align: left;	color: #999999;  padding: 0px 0px 0px 0px;}
.breadcrumb a:link, .breadcrumb a:visited {
	color: #999999;	text-decoration: none;}
.breadcrumb a:hover {
	color: #aaaaaa;	text-decoration: none;}
h1.title {
	margin: 5px 0px 5px 0px;}
#mission {
  padding: 6px 12px 6px 12px;  background-color: #f9f9f9;  color: #607080;}
#content h2 a:link, #content h2 a:visited {
  color: #666666;}
#content h2 a:hover {
  color: #CC6714;}
#content p {
  padding-bottom: 10px;  border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */}
div.dashboard-container1 {
	overflow: hidden;}
div.dashboard-container2 {
	overflow: hidden;}
div.dashboard-panel-head {
  background-color: #adadad;  color: #FFFFFF;  font-weight: bold;}
/* SIDEBAR-right ELEMENTS */#sidebar-right {
  float: right;  width: 175px;}
#sidebar-right p {
  padding-bottom: 10px;  border-bottom: 1px solid #DDDDDD;}
/* calendar ELEMENTS */#sidebar-left .calendar a, .calendar a  {
	text-decoration: none;	display: inline;	margin: 0px 0px 0px 0px;	padding: 0px;	width: inherit;	border: none;	text-transform: none;}
.calendar td, .calendar th {
  padding: 0.4em 0;  border-color: #888;}
.calendar .day-today {
  background-color: #ccc;}
.calendar .day-today a {
  color: #fff;}
.calendar .day-selected {
  background-color: #ddd;  color: #fff;}
.calendar .header-week {
  background-color: #ccc;}
.calendar .day-blank {
  background-color: #ccc;}
.calendar .row-week td a:hover {
  background-color: #fff; color: #000;}
/* FOOTER ELEMENTS */#footer {
  margin-top: 20px;  clear: both;  background-color:#575352;  padding: 0px 5px 0px 5px;}
#footer p {
  color:#89817f;  padding: 5px;}
#footer p a {
  color: #89817f;  border-bottom: 1px dotted #89817f;}
#footer p a:hover {
  color: #FFFFFF;  background-color:#575352;}
/* ----- 独自仕様 ----- *//* --- 全体 --- */body {
	margin: 0;	padding: 0;	background: url(/images/bg_header.png) repeat-x;	font-size: 12px;	}
#container {
	width: 940px;	margin: 0 auto;	padding: 0;	font-family: Lucida Grande, Tahoma, Arial, Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gohtic', sans-serif;	}
#header {
	header: 940px;	margin: 0;	padding: 0;	}
#footer,#footer p {
	height: 0	}
#footer_ourplanet {
	border-top: 1px solid #ccc;	color: #999;	margin-top: 10px;	padding: 10px 0;	text-align: right;	}
#footer_ourplanet a {
	background: none;	color: #999;	}
#footer_ourplanet a:hover {
	background: none;	color: #CC6714;	}
/* 検索 */form {
	margin: 0;	padding: 0;	}
#search {
	height: 24px;	margin: 0;	padding: 10px 4px 0 0;  /* 検索ブロックの上・右の余白 */	text-align: right;  /* 検索ブロックの右寄せ */	}
#search img {
	vertical-align: middle;	margin: 0;	margin-top: -1px;	padding: 0;	}
.searchbox {
	border: 1px solid #ccc;	background: #fff;	color: 666;	width: 150px;	height: 14px;	margin: 0 0 0 3px;	padding: 0;	vertical-align: middle;	}
.searchbutton {
	height: 18px;	width: 50px;	margin: 0;	padding: 0;	vertical-align: middle;	}
/* サイトロゴ */
#sitelogo {
	width: 215px;	height: 45px;	float: left;	margin: 0px 335px 0 0;	}
#sitelogo h1 {
	margin: 0px 0 0 0;	padding: 0;	font: 1.6em/1.6em bold;	}
/* 基本メニュー */
#mainmenu_wrapper {
	height: 45px; margin: 0 0 0 0;	}
#mainmenu {
	border: 0;	margin: 25px 0 0 0;	padding: 0;	}
#mainmenu li {
	float: left;	list-style: none;	margin: 30px 0 0 15px;  
/* 基本メニュー下揃え、メニュー間余白 */
	padding: 0;	}
.about {
	background: url(/images/mainmenu_about_on.png) no-repeat;	height: 11px;	width: 57px;	}
.about a {
	background: url(/images/mainmenu_about.png) no-repeat;	height: 11px;	width: 57px;	display: block;	}
.about a:hover {
	background: none;	}
.support {
	background: url(/images/mainmenu_support_on.png) no-repeat;	height: 11px;	width: 73px;	}
.support a {
	background: url(/images/mainmenu_support.png) no-repeat;	height: 11px;	width: 73px;	display: block;	}
.support a:hover {
	background: none;	}
.join {
	background: url(/images/mainmenu_join_on.png) no-repeat;	height: 11px;	width: 41px;	}
.join a {
	background: url(/images/mainmenu_join.png) no-repeat;	height: 11px;	width: 41px;	display: block;	}
.join a:hover {
	background: none;	}
.contact {
	background: url(/images/mainmenu_contact_on.png) no-repeat;	height: 11px;	width: 72px;	}
.contact a {
	background: url(/images/mainmenu_contact.png) no-repeat;	height: 11px;	width: 72px;	display: block;	}
.contact a:hover {
	background: none;	}
.english {
	background: url(/images/mainmenu_english_on.png) no-repeat;	height: 11px;	width: 68px;	}
.english a {
	background: url(/images/mainmenu_english.png) no-repeat;	height: 11px;	width: 68px;	display: block;	}
.english a:hover {
	background: none;	}
#splash {
	clear: both;
	height: 100px;	padding: 10px 0 10px 0; /* ヘッダ画像上下余白 */	}

/* --- 左メニュー --- */#sidebar-left {
	margin: 5px 20px 0 0; /* 左メニューと中央コンテンツの余白 */	padding: 0;	float: left;	width: 200px;	}
#sidebar-left ul {
	margin: 0;	padding: 0;	list-style-type: none;				width: 200px;	}
#sidebar-left li li a {
	margin: 0 0 0 15px;	width: 185px;	color: #333;	}
#sidebar-left li li li a {
	margin: 0 0 0 30px;	width: 165px;	}
#sidebar-left li a {
	display: block;	margin: 0;	padding: 5px;	width: 190px;	border-bottom: 1px solid #ddd;	text-transform: capitalize;	}
#sidebar-left a {
	display: block;	margin: 0;	padding: 0;	width: 190px;	border: 0;	text-transform: capitalize;	}
#sidebar-left p {
	margin: 0 0 7px 0;	padding: 0;	border: 0;	}
h2.title {
	margin: 0;	padding: 0;	}
/* --- 右メニュー --- */
#sidebar-right {
	margin: 0 0 0 20px;  /* 右メニューと中央コンテンツの余白 */	padding: 0;	float: right;	width: 190px;	}
#sidebar-right p {
	padding-bottom: 10px;	border-bottom: 1px solid #ddd;	}
/* --- 中央コンテンツ --- */
#content.admin {
	width: 510px;	}
#content {
	width: 510px;	float: left;	margin: 0;	padding: 0;	overflow: hidden;	}
#center {
	width: 510px;	float: left;	margin: 0;	padding: 0;	overflow: hidden;	}
h2#topprogram_header {
	margin: 0;	padding: 0;	width: 255px;	height: 30px;	}
#topprogram_titlebase {
	height: 42px;
	background: #f4f4f4 url(/images/bg_topprogram.png) no-repeat top left;
	border-top: 3px solid #999;
	border-bottom: 3px solid #ccc;
	padding: 10px 15px 10px 15px; /* タイトル部の余白 */
	}
#topprogram_titlebase_cafe {
	height: 42px;
	background: #f4f4f4 url(/images/bg_topprogram_cafe.png) no-repeat top left;
	border-top: 3px solid #999;
	border-bottom: 3px solid #ccc;
	padding: 10px 15px 10px 15px; /* タイトル部の余白 */
	}
h1.title_topprogram {
	background: url(/images/icon_title.png) no-repeat top left;
	margin: 3px 0 0 0;   /* TITLE飾り2色ボーダーとタイトルとの余白 */
	padding: 5px 0 3px 30px;   /* タイトルと飾りの位置調整 */
	color: #333;
	font-size: 16px;
	font-weight: bold;
	}

h1.title_topprogram_cafe {
	background: url(/images/icon_title_cafe.png) no-repeat top left;
	margin: 3px 0 0 0;   /* Cafe TITLE飾り2色ボーダーとタイトルとの余白 */
	padding: 5px 0 3px 30px;   /* タイトルと飾りの位置調整 */
	color: #333;
	font-size: 16px;
	font-weight: bold;
	}

h1.title_topprogram a,
h1.title_topprogram_cafe a {
	background-color: none;
	color: #333;
	}

h1.title_topprogram a:hover {
	background-color: none;
	color: #1C94A6;   /* トッププログラムタイトルのマウスオン時カラー */
	}

h1.title_topprogram_cafe a:hover {
	background-color: none;
	color: #8DC143;   /* トッププログラムタイトルのマウスオン時カラー・メディアカフェ用 */
	}

#topprogram_movie {
	background: #999;
	padding: 10px 15px;
	}

#topprogram_movie_cafe {
	background: #314e0e;
	padding: 10px 15px;
	}


#topprogram_info {
	background: #eee url(/images/bottomcorner_topprogram.png) no-repeat center bottom;
	margin-bottom: 7px;   /* トッププログラムと新着ビデオとの間の余白 */
	padding: 0 15px 15px 15px;
	}

.author,
.author_cafe {
	border-bottom: 1px solid #ccc;
	padding: 4px 0 3px 0;
	}

.author a {
	color: #1C94A6;   /* 投稿者リンク色 */
	}

.author_cafe a {
	color: #8DC143;   /* 投稿者リンク色・メディアカフェ用 */
	}

.author a:hover,
.author_cafe a:hover {
	background: #f4f4f4;
	color: #333;
	}

.category,
.category_cafe {
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 3px 0;
	text-align: right;   /* カテゴリ右寄せ */
	font-size: 10px;
	}

.category a,
.category_cafe a {
	color: #333;
	}

.category a:hover {
	background: #f4f4f4;
	color: #1C94A6;   /* カテゴリのマウスオン時カラー */
	}

.category_cafe a:hover {
	background: #f4f4f4;
	color: #8DC143;   /* カテゴリのマウスオン時カラー・メディアカフェ用 */
	}

.introduction {
	color: #0E464E;   /* トップ動画の紹介文の色 */
	padding: 10px 0 0 0;
	font-size: 12px;
	line-height: 1.6em;
	}

.introduction_cafe {
	color: #314E0E;   /* トップ動画の紹介文の色・メディアカフェ用 */
	padding: 10px 0 0 0;
	font-size: 12px;
	line-height: 1.6em;
	}

/* 新着ビデオ・4カテゴリ */

#main{
	width: 480px;
	border: 1px solid #ccc;   /* 外枠囲みのライン */
	padding: 14px;   /* 左右の枠線と合計で15px×2の左右余白、480+(15*2)=510px */
	}

/* 新着ビデオ */

#newvideo {
	width: 480px;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	}

#newvideo h3 {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 20px;
	}

#newvideo_box {
	border: 1px solid #86C76B;   /* 新着囲みラインの色 */
	background: #fff;
	border-top: 2px solid #86C76B;
	margin: 0 auto;
	padding: 10px 0 8px 0;
	text-align: center;
	overflow: hidden;
	}

/* 4アーティクル */

#4articles {
	clear: left;   /* 新着ビデオ左詰めのフロート指定解除 */
	width: 480px;
	margin: 0;
	padding: 0;
	}

.bloc_left {
	clear: both;   /* 4アーティクル繰り返しのためのフロート解除 */
	width: 233px;
	margin-right: 14px;   /* 左右カラム間の余白 */
	float: left;
	}

.bloc_right {
	width: 233px;
	float: right;
	}
		
 /* 記事カテゴリ */
 
.bloc_left h3,
.bloc_right h3 {
	background: #555 url(/images/icon_article.png) no-repeat 4px 3px;
	border-bottom: 2px solid #bbb;
	color: #fff;
	margin: 10px 0 0 0;
	padding: 2px 5px 2px 18px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
	}

.article {
	background: #f4f4f4;   /* 記事背景色 */
	color: #555;   /* 記事テキストカラー */
	padding: 8px;   /* 記事四辺の余白 */
	font-size: 12px;   /* 記事テキストサイズ */
	line-height: 1.5em;   /* 行間 */
	}

.article img {
	float: left;   /* サムネイル左寄せ、テキスト回り込み */
	background: #f0f0f0;
	border-right: 8px solid #f0f0f0;
	}

.article_title {
	font-size: 12px;   /* 記事タイトルのテキストサイズ */
	}

a .article_title {
	background: none;
	font-weight: bold;
	color: #C78B2C;   /* 記事タイトル、リンクカラー */
	}

a:hover .article_title {
	background: none;
	color: #666;
	}

.article_date {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	margin: 2px 0;
	padding: 2px 0;
	color: #999;   /* 記事投稿日テキストカラー */
	font-size: 10px;   /* 記事投稿日テキストサイズ */
	line-height: 1em;
	text-align: right;
	}
	
.article_date {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	margin: 2px 0;
	padding: 2px 0;
	color: #999;   /* 記事投稿日テキストカラー */
	font-size: 10px;   /* 記事投稿日テキストサイズ */
	line-height: 1em;
	text-align: right;
	}
	
.topcontent {
	line-height: 1.7em;
	font-size: 13px;
	color: #FFFFFF;
	}