@charset "utf-8";

@import url(scrollable-horizontal.css);
@import url(jquery.tabs.css);
@import url(jquery.tabs-ie.css);

/*
	製品基本設定用 css

	01. 製品一覧用
	02. 事例ページ用
	03. 画面構成用
	04. 事例ボタン用
	05. 特長画像用
	06. 機能一覧用
	07. Spinnaker table
	08. ダウンロードリンク
	09. Bizlat VoD ソリューション用
	
*/

/* 01. 製品一覧用
************************************/

h3.title {
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 1.2em;
	color: #505050;
	line-height: 1.6;
	border: 1px solid #dddddd;
	background: #fcfcfc;
}

.pro_list {
	margin: 10px auto;
	padding: 15px 0px;
	width: 630px;
	height: auto;
	border-bottom: 1px dotted #dddddd;
}
*html .pro_list {
	width: 620px;
}

.pro_list_inn {
	width: 420px;
	float: left;
	margin-left: 20px;
}

*html .pro_list_inn {
	margin-left: 10px;
}

.pro_list_inn02 {
	margin: 0px 20px;
	width: 150px;
	text-align: center;
	float: left;
}
*html .pro_list_inn02 {
	margin: 0px 10px;
}

.pro_list h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 1.2em;
	color: #3c9ce0;
	line-height: 1.6;
}

.pro_list h3 a {
	color: #3c9ce0;
}

/*---- カテゴリ一覧 ----*/
/*.category_box {
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 10px;
	width: 290px;
	height: auto;
}

.category_box p.title {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	width: 290px;
	height: 22px;
	background: url(../img/p_sub_title_bar.jpg) no-repeat;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.category_box ul {
	margin: 0px;
	padding: 0px;
	width: 288px;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	list-style: none;
}

.category_box li {
	margin: 0px;
	padding: 5px 0px 5px 20px;
	width: 268px;
	background: url(../../common/img/arrow_blue.gif) 7px 8px no-repeat;
}

.category_box li a {
	color: #3c9ce0;
}*/

.category_box {
	float: left;
	margin: 0px 10px;
	padding: 0px;
	width: 190px;
	height: auto;
}

*html .category_box {
	margin: 0px 5px;
}

.category_box p.title {
	margin: 0px;
	padding: 4px 0px 0px 0px;
	width: 190px;
	height: 22px;
	background: url(../img/p_sub_title_bar.jpg) no-repeat;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.category_box ul {
	margin: 0px;
	padding: 0px;
	width: 188px;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	list-style: none;
}

.category_box li {
	margin: 0px;
	padding: 3px 0px 3px 20px;
	width: 168px;
	background: url(../../common/img/arrow_blue.gif) 5px 6px no-repeat;
}

.category_box li ul {
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.category_box li ul li {
	margin: 0px;
	padding: 3px 0px;
	width: 168px;
	background: none;
	list-style-position: inside;
	list-style: disc;
}

/* 02. 事例ページ用
************************************/

/*---- 管理画面画像 ----*/

.img_list {
	margin: 0px 0px 30px 0px;
}

.img_list ul {
	list-style: none;
	margin: 0px 20px;
}

.img_list ul li {
	float: left;
	margin: 0px;
	text-align: center;
}

.img_list ul li p {
	text-align: center;
}

.img_list ul li.m_60 {
	margin: 0px 60px;
}
*html .img_list ul li.m_60 {
	margin: 0px 40px;
}
.img_list ul li.m_30 {
	margin: 0px 30px;
}
*html .img_list ul li.m_30 {
	margin: 0px 20px;
}
.img_list ul li.m_2 {
	margin: 0px 2px;
}

/* 03. 画面構成用
************************************/

.screen_box {
	margin: 0px 0px 30px 20px;
	padding: 0px 0px 0px 0px;
	width: 590px;
	border-bottom: 1px dotted #cccccc;
}
*html .screen_box {
	padding: 0px 0px 10px 0px;
}
*:first-child+html  .screen_box {
	padding: 0px 0px 10px 0px;
}

.screen_lbox {
	float: left;
	margin: 0px 20px 10px 10px;
	padding: 0px;
	width: 200px;
	height: auto;
}

.screen_rbox {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 360px;
	height: auto;
}
/* IE6 */
*html .screen_rbox {
	width: 350px;
}

.sc_img {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/* 04. 事例ボタン用
************************************/

.m_case a, .m_case a:link, .m_case a:visited {
	display: block;
	margin: -15px 0px 0px 534px;
	padding: 0px;
	width: 100px;
	height: 26px;
	background: url(../img/m_case.jpg) no-repeat 0px 0px;
}
.m_case a:hover {
	background: url(../img/m_case.jpg) no-repeat 0px -26px;
}

/* 05. 特長画像用
************************************/
.tab_line {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#banner_box {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px dotted #cccccc;
}

#banner_box p.vod_banner {
	float: left;
	margin: 0px 0px 0px 30px;
	padding: 10px 0px;
	width: 270px;
	height: 50px;
}
/*---- IE6用 ----*/
*html #banner_box p.vod_banner {
	margin: 0px 0px 0px 20px;
}

.func_list_02 {
	float: left;
	margin: 0px;
	padding: 0px 0px 10px 5px;
	width: 290px;
	height: 100px;
	border-bottom: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
}

h3.func_tit_02 {
	float: left;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	font-size: 14px;
	color: #ff7700;
}

.func_aicon_02 {
	float: left;
	margin: 0px;
	padding: 15px 5px 0px 5px;
	width: 73px;
	height: 84px;
}


/* 06. 機能一覧用
************************************/

.func_box {
	margin: 0px 0px 20px 18px;
	padding: 0px;
	width: 630px;
	height: auto;
}
/****IE6用****/
*html .func_box {
	margin: 0px 0px 0px 8px;
	width: 600px;
}

.func_list {
	float: left;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	width: 285px;
	/*height: 110px;*/
	height: auto;
	background: url(../img/bizlat_vod/list_back.jpg) no-repeat;
}

.func_list_long {
	margin: 0px 0px 10px 2px;
	padding: 0px;
	width: 600px;
	/*height: 110px;*/
	height: auto;
	background: url(../img/bizlat_drm/list_back_long.jpg) no-repeat;
}

.func_aicon {
	float: left;
	margin: 0px;
	padding: 15px 0px 0px 11px;
	width: 73px;
	height: 84px;
}

.func_rbox {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 198px;
	/*height: 84px;*/
	height: auto;
}

.func_rbox_long {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 510px;
	/*height: 84px;*/
	height: auto;
}

h3.func_tit {
	float: left;
	margin: 12px 0px 0px 20px;
	padding: 0px;
	font-size: 14px;
	color: #505050;
}
/****IE6用****/
*html h3.func_tit {
	margin: 12px 0px 0px 10px;
}
h3.func_tit a:link,
h3.func_tit a:visited {	
	text-decoration: underline;
	color: #505050;
}		
h3.func_tit a:hover,
h3.func_tit a:active {	
	text-decoration: none;
	color: #3c9ce0;
}

h4.func_tit {
	float: left;
	margin: 12px 0px 0px 20px;
	padding: 0px;
	font-size: 14px;
}
/****IE6用****/
*html h4.func_tit {
	margin: 12px 0px 0px 10px;
}

.func_new {
	float: right;
	margin: 14px 0px 0px 0px;
	padding: 0px;
	width: 33px;
	height: 12px;
}

.func_text {
	clear: both;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	width: 191px;
	/*height: 45px;*/
	height: auto;
	line-height: 14px;
}

.func_text_long {
	clear: both;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	width: 510px;
	/*height: 45px;*/
	height: auto;
	line-height: 14px;
}

.va_aicon {
	text-align: right;
	margin: 3px 0px 0px 0px;
}

.va_box {
	margin: 10px 0px 10px 30px;
	padding: 0px;
}

/* 07. Spinnaker table
************************************/

table.spi td {
	text-align: center;
}

table.spi td.td_l {
	text-align: left;
}

/* 08. ダウンロードリンク
************************************/
/*.dl_btn {
	margin: 0px 10px 20px 0px;
	font-size: 100%;
	font-weight: bold;
	text-align: right;
}*/

/* 09. Bizlat VoD ソリューション用
************************************/

.solution_2box {
	margin: 0px 0px 10px 0px;
	padding: 5px;
	width: 305px;
	height: auto;
	float: left;
}

.solution_2box p {
	margin-bottom: 5px;
}

.solution_2box h3 {
	margin-bottom: 10px;
	font-size: 120%;
	color:#ff6600;
	border-bottom: 1px solid #ff6600;
}

.solution_2box h4,
.solution_2box h4 a:link,
.solution_2box h4 a:visited,
.solution_2box h4 a:hover,
.solution_2box h4 a:active {
	color: #3c9ce0;
	font-size: 12px;
}