@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

body {
  background: #FFFFFF;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka, "ＭＳ Ｐゴシック",sans-serif;
  font-size: 90%;
  color: #333;
}

a {
  border: none;
  color: #004571;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  line-height: 1.6em;
  padding: 0 5px;
}

p.fee-notice {
  line-height: 1em;
  padding: 0 0 0 20px;
  font-size: 85%;
}

li {
  list-style: none;
  line-height: 1.3;
}

img, fieldset {
  border: none;
}

input, textarea {
  font-family: "ＭＳ ゴシック", monospace;
}

textarea.small {
  font-size: 90%;
  color: #999999;
  width: 480px;
}

div.clear {
  clear: both;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.right, .center, .left {
  padding: 5px 0;
  font-size: 90%;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

a.helplink {
  background: url(../images/icon/quesicon.png) left no-repeat;
  padding-left: 15px;
}

a.toplink {
  background: url(../images/icon/toparrow.png) left no-repeat;
  padding-left: 20px;
}

a.leftarrow {
  background: url(../images/icon/leftarrow.png) left no-repeat;
  padding-left: 15px;
}

a.rightarrow {
  background: url(../images/icon/rightarrow.png) left no-repeat;
  padding-left: 15px;
}

a.pagetoplink {
  background:url(../images/icon/toparrow.png) left no-repeat;
  padding-left: 15px;
  font-size: 90%;
}

div#header {
  margin: 0;
  padding: 0;
  min-width: 600px;
  background: url(../images/background/background.png) repeat-x;
  width: 100%;
  height: 55px;
}

div#header-wrapper {
  padding: 0px 10px;
}

div#header h1 {
  float: left;
  width: 276px;
}

div#header div#info {
  float: right;
  margin: 10px;
  line-height: 30px;
  text-align: right;
  vertical-align: middle;
  color: #F2F2F2;
}

div#header div#info span {
  float:left;
  min-width:10em;
  padding-right:1em;
}

div#header a.button {
  float:left;
  display: block;
  width: 100px;
  background: url(../images/button/logbutton.png) no-repeat;
  text-align: center;
  font-weight: bold;
  color: #f3f3f3;
  cursor:pointer;
}

div#header a.button:hover {
  background: url(../images/button/logbutton_on.png) no-repeat;
}

div#navigation {
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  background: #000000;
  color: #f3f3f3;
}

div#navigation ul {
  padding: 0 2em;
  text-align: right;
}

div#navigation ul li {
  display: inline;
  background: #000000;
  padding: 5px 1em;
}

div#navigation ul li:hover {
  background: #333333;
}

div#navigation ul li,  div#navigation ul li a {
  font-weight: bold;
  color: #ffffff;
}

div#navigation ul li a:hover {
  text-decoration: none;
}


div#footer {
  width: 100%;
  min-width: 500px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #e5e5e5;
}

div#footer ul {
  margin:15px auto 10px;
  text-align:center;
}

div#footer ul li {
  display: inline;
  border-left: 1px solid white;
  margin-right: 5px;
  padding-left: 10px;
  line-height: 1.1;
}

div#footer ul li.home {
  border-left: 0;
}

div#footer p#copyright {
  text-align: center;
  font-size: 90%;
}

div#main {
  padding: 0 10px;
  width: 880px;
  margin: 10px auto;
}

div#menu-wrapper {
  float: left;
  width: 165px;
  min-height: 450px;
  background-color: #FFFFFF;
  padding-right: 10px;
  _padding-right: 5px;
  text-align: left;
}

ul#menu {
  list-style: none;
  border: #999999 solid 1px;
  padding: 5px;
  line-height: 25px;
}

ul#menu li.title {
  display: block;
  background: url(../images/background/bg-stripe.png) repeat #ffffff;
  padding: 0 5px;
  line-height: 25px;
  font-weight: bold;
}

ul#menu li a {
/*  display: block;
  margin: 2px 0;
  width: 120px;
  background: #eeeeee;
  padding: 5px;
  text-decoration: none;
  font-size: 90%;
}*/
	display: block;
	margin: 2px 0;
/*	width: 140px;
*/	background: #eeeeee url(../images/icon/sidemenu2.png) no-repeat right;
	padding:5px 16px 5px 5px;
	text-decoration: none;
	font-size: 90%;
	color: #333333;
	zoom: 1;/* IE6データ用 */
}
/*ul#menu li a:hover {
  background: #f5f5f5;
}*/
ul#menu li a:hover {
	background: #ffffff url(../images/icon/sidemenu1.png) no-repeat right;
	color: #FF6600;
}


div#content-wrapper {
  float: left;
  width: auto;
  min-height: 450px;
  background-color: #FFFFFF;
  padding: 0px;
  text-align: center;
}

div#content-wrapper_viewer {
  float: none;
  min-height: 450px;
  background-color: #FFFFFF;
  padding: 0px;
}

div#content {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 700px;
}

div.right {
  text-align: right;
}

table {
  border-collapse: collapse;
  empty-cells: show;
  white-space: nowrap;
  font-size: 12px;
  line-height: 14px;
}

table th {
  border: 1px solid gray;
  cursor: auto;
  font-weight: bolder;
  padding: 4px;
}

table td {
  border: 1px solid gray;
  padding: 4px;
  background-color: #FFFFFF;
}

div.nonefloat {
  float: none !important;
}

div.box {
  margin-bottom: 10px;
  border: 1px solid #999999;
  padding: 5px;
  width: 690px;
}

div.box3column-center {
  float: left;
  width: 70%;
  text-align: justify;
  clear: none;
}

div.box3column-right {
  text-align: left;
/*  margin-left: 72%; */
  float: right;
  padding: 5px;
  width: 25%;
}

div.box3column-half-center {
  float: left;
  width: 315px;
  height: 180px;
}

div.box3column-half-right {
  float: right;
  margin-left: 10px;
  width: 50%;
  height: 180px;
  clear: none;
}

div.box h2 {
  background:url(../images/background/bg-stripe.png) repeat #FFFFFF;
  padding: 1px .5em;
  font-weight: bold;
  line-height: 2em;
  margin-bottom: 5px;
}

div.box h3 {
	margin-bottom: 3px;
	background: url(../images/background/bg-stripe2.png) repeat #FFFFFF;
	padding: 0 5px;
	font-size: 90%;
	font-weight: bold;
	line-height: 2em;
}

/* add20100713----- */
div.box h4 {
	margin: 15px 0;
	padding: 3px;
	border-bottom: 1px solid #999;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2em;
}
div.box h5 {
	margin: 5px 0 5px 5px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2em;
}
/* ------add20100713 */


div.box p.after-line-break {
  margin-bottom: 5px;
}

div.box div.attention {
  margin-left: 5px;
  color: #F0A527;
}

div.error, ul.error {
  padding: 20px 0px;
  font-weight: bold;
  color: #FF3300;
}

form.edit div.error {
  padding: 1em 0px 1em 0.5px;
}

p.button {
  padding: 5px 10px;
}

p.button a {
  display: block;
  border: none;
  background: url(../images/button/buttonA.png) no-repeat;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 80%;
  color: #333333;
  cursor: pointer;
}
#help p.button a {
  margin: 0 auto;
}
p.button a:hover {
  background: url(../images/button/buttonB.png) no-repeat;
  text-decoration: none;
}

div.selectbox {
  padding: 0 0 5px;
  background: url(../images/background/contentsborder.png) repeat-x bottom;
}

div.selectbox ul li {
  display: inline;
}

div.selectbox select {
  font-size: 90%;
}

div.selectbox input.searchbutton {
  background:#FFFFFF url(../images/button/buttonbg.png) repeat-x scroll center bottom;
  border:1px solid #9E9E9E;
  color:#333333;
  cursor:pointer;
  padding:2px;
  text-align:center;
}

ul#paging {
  padding: 5px 0;
  text-align: center;
  font-size: 80%;
}

ul#paging li {
  display: inline;
}

ul#paging a {
  padding: 0 15px;
  cursor: pointer;
}

ul#paging a:hover {
  text-decoration: none;
}

ul#paging a.next {
  background: url(../images/icon/pagingleft.png) no-repeat right;
}

ul#paging a.prev {
  background: url(../images/icon/pagingright.png) no-repeat left;
}

ul.top-newslist {
  overflow: auto;
  line-height: 1.6em;
  height: 120px;
}

ul.top-newslist li {
  font-size: 90%;
}

ul.top-newslist li.category {
  background: url(../images/icon/arrowicon1.png) left center no-repeat;
  padding: 3px 0 3px 16px;
  font-size: 100%;
  font-weight: bold;
}

/*視聴履歴詳細検索(2009/3/31追加)----------------*/
input.submit {
  background:#FFFFFF url(../images/button/buttonbg.png) repeat-x scroll center bottom;
  border:1px solid #9E9E9E;
  color:#333333;
  cursor:pointer;
  text-align:center;
}

form.edit {
  padding: 3px 1em 12px;　/*20090403変更*/
}

form.edit label {
  display: block;
  line-height: 1.4em;　/*20090331変更*/
}

form.edit span {
  display: block;
  padding-bottom: 1em;　/*20090331変更*/
  clear:both;
}

form.edit span.checkbox {
  float: left;
  clear: left;
  padding: 0;       /* 20090331変更*/
}

form.edit input, form.edit textarea {
  padding: 3px 0;
}

form.edit input:focus, form.edit textarea:focus, form.edit select:focus {
  background: #ffffff;
}

form.edit h3 {
  margin-top: 1em;
}

input.seven, select.seven {
  width: 7em;
}

input.eleven {
  width: 11em;
}

input.twenty {
  width: 20em;
}

input.thirty {
  width: 30em;
}

input.forty, textarea.forty {
  width: 40em;
}

input.forty-nine {
  width: 49em;
}

input#search {
  width: 210px;
  padding: 3px;
  margin: 0 3px;
}

div.submit {
  margin: 0 auto;
  width: 620px;
  padding-bottom: 1em;
}

div.submit ul {
  display: block;
  padding: 10px 0 10px 0;
}

div.submit ul li {
  display: block;
  float: left;
  width: 50%;
}

div.submit li.left {
  text-align: left;
}

div.submit li.right {
  text-align: right;
}

div.submit input, button {
  background: url(../images/button/buttonA.png) no-repeat;
  width: 100px;
  height: 30px;
  border: none;
  cursor: pointer;
}

div.submit input:hover, div.submit input:focus,
div.submit button:hover, div.submit button:focus {
  background: url(../images/button/buttonB.png) no-repeat;
}

table.show {
  margin: 10px 20px;
  width: 630px;
  color: #333333;
  white-space: normal;
}

table.show th {
  background: #EF9221;
  color: #fefefe;
  white-space: nowrap;
}

table.show th.thlabel {
  width: 10em;
}

table.show .center {
  width: 3em;
  text-align: center;
}

table.show .right {
  text-align: right;
  font-size: 100%;
  padding-right: 5px;
}

table.show span.left {
  float: left;
  padding: 0 0 0 5px;
}

table.show span.right {
  text-align: right;
  padding: 0;
}

table.slides {
  width: 600px;
}

table.slides .newstitle {
  width: 10em;
}

table.slides .thumbnail {
  width: 100px;
  padding: 5px;
  text-align: center;
}

table.slides input.title {
  width: 30em;
}

div.flash-message {
  padding-left: 5px;
  color: white;
  background-color: #f7ae21;
}

iframe#contract {
  width: 660px;
  height:300px;
  text-align:center;
  border: 1px solid #cccccc;
}

/* ======================
Biz トップサイトスタイル
2008/11/14 追加
======================= */
/*
toppage パンくず#topicpath[
----------------------------------------------------------- */
#topicpath {  
	margin:1px 0;
	font-size: 80%;  
}  
#topicpath li {  
	display:inline;  
	line-height:110%;  
	list-style-type:none;  
}  
#topicpath li a {  
	padding-right:10px;  
	background: url(../images/icon/arrowicon_topicpass.png) no-repeat right center;  
}
/*
toppage 紹介ページ#introduce[
----------------------------------------------------------- */
#introduce p{
	margin-bottom: 1em;
}
#introduce .balloon{
	margin:1em 10px;
	border:1px dashed #FF6600;
	padding:5px;
	background: #FAEAD8;
	line-height:2em;
	font-weight:bolder;
	font-size:110%;
}
#introduce .bold{
	font-weight: bold;
}
#introduce dl {
	padding:10px 1em;
}
#introduce dl dt{
	border-bottom: 1px solid rgb(204, 204, 204);
	font-size: 120%;
	clear: both;
}
#introduce dl dd {
	margin-bottom: 1.5em;
}
/*ページ下部画面遷移装飾ボタン*/
.platebutton {
	margin: 0 auto;
	background: url(../images/top/bgbutton.png) no-repeat scroll left top;
	border: 0 none;
	display: block;
	float: right;
	font-size: 100%;
	font-weight: bold;
	line-height: 40px;
	outline-style: none;
	outline-width:0;
	text-decoration:none; 
	color: #1a7bbb;
}  
.platebutton span {  
	display: block;
	padding: 0 40px 0 20px;
	background: url(../images/top/endbutton.png) right top no-repeat;  
}  
.platebutton:hover {
	text-decoration: none;
	background: url(../images/top/bgbutton.png) left bottom no-repeat;  
}  
.platebutton:hover span {   
	display: block;
	padding: 0 40px 0 20px; 
	background: url(../images/top/endbutton.png) right bottom no-repeat;  
}
#tryButton {
	text-align: center;
}
#tryButton a{   
	display: block;
	margin: 0 auto; 
	width: 280px;
	height: 90px;
	background: url(../images/top/button_try2.png) no-repeat top;
	text-indent: -9999px;
}
#tryButton a:hover{
	background: url(../images/top/button_try2.png) no-repeat bottom;
}
/*
利用環境 #environment[
----------------------------------------------------------- */
#environment table {
	margin: 10px;
 	width: 450px;
	border:1px solid #333;
	white-space: normal;
}
#environment table th {
	background: #f6f6f6;
	padding-left: 1em;
	width: 100px;
}
#environment table td {
 	padding:5px 5px 5px 10px;
	line-height: 2em;
}
/*
利用規約[
----------------------------------------------------------- */
body div#kiyakupage/*ログイン前サイト規約ページ*/{}
body div#kiyakupage h4{
	margin-top: 1em;
	padding: 0 1em;
	line-height: 2.5em;
	font-weight: bold;
}
body #kiyakupage p{
	padding:0 10px 1em;
}
body #kiyakupage li{
	line-height: 1.6em;
}
body #kiyakupage ul.decimallist li{
	padding:0 10px 1em;
	list-style-type: decimal;
/*	list-style-position : inside;*/
}
body #kiyakupage ul.nomallist li{
	margin-left: 10px;
	list-style: none;
}
body #kiyakupage ul.decimallist ul.nomallist li{
	margin-left: 2em;
	list-style: none;
}
/*
プライバシーポリシー[
----------------------------------------------------------- */
div#privacy p{
	margin-bottom: 20px;
}
div#privacy ul {
	padding: 10px 1em;
}
div#privacy ul li{
	list-style-type: none;
	background: url(../images/icon/arrowicon2.png) no-repeat left top;
	padding: 0 0 1em 18px ;
	line-height: 1.6em;
}
div#privacy ul.b li{
	background: url(../images/icon/arrowicon_topicpass.png) no-repeat left top;
	
}
div#privacy ul.c li{
	background: url(../images/icon/arrowicon_topicpass2.png) no-repeat left top;
}

/*
会員登録について#introduce[
----------------------------------------------------------- */
div#introduce{}

/*
サイトマップ#sitemap[
----------------------------------------------------------- */
div#sitemap ul{
	padding: 10px;
}
div#sitemap ul li{
	line-height: 2em;
	padding-left: 1em;
}

div#sitemap ul li a{
	display:block;
	background:url(../images/icon/arrowicon_topicpass.png) no-repeat left;
	padding-left: 1em;
}
/*
会社概要#outline[
----------------------------------------------------------- */
#outline{}
#outline table {
	margin: 10px;
 	width: 450px;
	border:1px solid #333;
}
#outline table th {
	background: #f6f6f6;
	padding-left: 1em;
	width: 100px;
}
#outline table td {
 	padding:5px 5px 5px 10px;
	line-height: 2em;
}
#outline img{
	margin: 10px;
}

#outline ol {
	display: block;
	padding: 0 0 0 2em;
}
#outline ol li {
	list-style-type: decimal;
	list-style-type: decimal;
}
/*
料金表#rates[
----------------------------------------------------------- */
#rates table {
	border:1px solid #333;
	margin-top: 0;
}
#rates table caption{
	caption-side: bottom;
	text-align: right;
}
#rates table th{
	background: #EF9221;
}
table .rate{
	text-align: right;
	font-size: 100%;
	line-height: 2em;
}
#rates table.download{
	width:300px;
}
#rates table.download th{
	width: 10em;
}
#rates .ratesnote{/*注釈*/
	display:block;
	margin:0 20px;
	width:630px;
	text-align: right;
	font-size: 80%;
}
/*
ライセンス#lisence[
パートナー#partner[
----------------------------------------------------------- */
#license table,
#partner table{
	margin: 10px auto;
	white-space: normal;
}
#license table{
	width: 670px;
	font-size: 80%;
}
#license table th,
#partner table th{
	background: #f6f6f6;
}
#license table td,
#partner table td{
 	padding: 5px 5px 5px 10px;
	line-height: 2em;
}
#license dl {
	padding:10px 1em;
}
#license dl dt{
	border-bottom: 1px solid rgb(204, 204, 204);
	font-size: 120%;
	font-weight: bold;
}
#license dl dd {
	margin-bottom: 1.5em;
}


/* add20100713----- */
.license-detail {
    margin: 10px;
}
/* ------add20100713 */