/* ====================================================================== */
/* 基本設定 */
/* ====================================================================== */

#mainframe {
	width: 988px;
	height: 100%;
	text-align: left;
	background: url("../img/cmn/frame_bg.gif") repeat-y;
}

#container {
	width: 980px;
	height: 100%;
	padding: 0px 4px 0px 4px;
	text-align: left;
	background: url("../img/cmn/contents_bg.jpg") no-repeat;
}

#header {
	height: 100%;
}

#topics {
	height: 100%;
	padding: 2px 0px 0px 0px;
}

#contents-top {
	width: 954px;
	height: 100%;
	padding: 0px 13px 0px 13px;
}

#contents {
	width: 930px;
	height: 100%;
	padding: 0px 25px 0px 25px;
}

#menu {
	height: 100%;
}

#flash {
	height: 100%;
}

#footer {
	height: 21px;
	padding: 4px 0px 0px 0px;
	color: #ffffff;
	text-align: center;
	background: url("../img/foot/footer_bg.jpg") repeat-x;
}

/* ====================================================================== */
/* ヘッダ */
/* ====================================================================== */

#header-left {
	width: 764px;
	padding: 19px 0px 19px 16px;
	float: left;
}

#header-right {
	width: 123px;
	padding: 31px 12px 0px 60px;
	float: left;
}

/* ====================================================================== */
/* トップ */
/* ====================================================================== */

#top-contents {
	width: 930px;
	height: 100%;
	padding: 8px 12px 0px 12px;
	text-align: left;
	background: url("../img/top/topcts_bg.jpg") repeat-x;
}

#top-menu {
	width: 230px;
	float: left;
}

#top-topics {
	width: 342px;
	padding: 0px 0px 0px 14px;
	background: url("../img/cmn/line_separate.gif") repeat-y;
	float: left;
}

#top-seminar {
	width: 330px;
	padding: 0px 0px 0px 14px;
	background: url("../img/cmn/line_separate.gif") repeat-y;
	float: left;
}

.top-textblock {
	width: 320px;
	padding: 0px 5px 0px 5px;
}

.top-textline {
	width: 330px;
}

/* ====================================================================== */
/* コンテンツフレーム */
/* ====================================================================== */

#cts-left {
	float: left;
	width: 220px;
}

#cts-frame {
	float: left;
	margin: 0px 0px 0px 12px;
	background: url("../img/cmn/line_separate.gif") repeat-y;
	width: 698px;
}

#cts-right {
	padding: 0px 0px 0px 12px;
	width: 686px;
}

#cts-main {
	padding: 0px 15px 0px 15px;
	width: 656px;
}

#cts-main-support {
	padding: 0px 10px 0px 10px;
	width: 666px;
}

/* ====================================================================== */
/* 各ページ共通 */
/* ====================================================================== */

#cts-menubg {
	width: 199px;
	padding: 0px 0px 0px 21px;
	background: url("../img/menucts/menu_bg.gif") repeat-y;
}

#cts-menubg-back {
	width: 179px;
	padding: 0px 20px 0px 21px;
	background: url("../img/menucts/menu_bg_back.gif") repeat-y;
}

#cts-menubg-support {
	width: 199px;
	padding: 0px 0px 0px 21px;
	background: url("../img/menucts/menu_bg_back.gif") repeat-y;
}

#cts-menubg-icon {
	width: 178px;
	padding: 0px 0px 0px 11px;
	margin: 5px 0px 0px 0px;
	background: url("../img/sp/icon_triangel.gif") no-repeat;
}

#cts-menubg-indent {
	width: 167px;
	padding: 0px 0px 0px 22px;
}

#cts-menu-left {
	float: left;
	width: 18px;
}

#cts-menu-right {
	float: left;
	width: 181px;
}

.cts-textblock {
	width: 210px;
	padding: 0px 5px 0px 5px;
}

.cts-textline {
	width: 220px;
}

#cts-bt-left {
	float: left;
	width: 265px;
}

#cts-bt-right {
	float: left;
	width: 391px;
}

.cts-body {
	padding: 0px 10px 0px 10px;
}

/* ====================================================================== */
/* 共通レイアウト */
/* ====================================================================== */

/* 機能詳細・活用事例ブロック */
#cmn01-tb01 { float: left; width: 95px; }
#cmn01-tb02 { float: left; width: 561px; }

/* 価格表ボタン */
#cmn02-tb01 { float: left; width: 300px; padding: 5px 0px 0px 0px; }
#cmn02-tb02 { float: left; width: 336px; text-align: right; }

/* PDFアイコン */
#cmn03-tb01 { float: left; width: 21px; }
#cmn03-tb02 { float: left; width: 635px; }

/* ====================================================================== */
/* プレゼンレイアウト */
/* ====================================================================== */

/* 機能詳細・活用事例ブロック */
#cmnp1-tb01 { float: left; width: 200px; }
#cmnp1-tb02 { float: left; width: 441px; }

/* 価格表ボタン */
#cmnp2-tb01 { float: left; width: 300px; padding: 5px 0px 0px 0px; }
#cmnp2-tb02 { float: left; width: 336px; text-align: right; }

/* PDFアイコン */
#cmnp3-tb01 { float: left; width: 21px; }
#cmnp3-tb02 { float: left; width: 635px; }


/* ====================================================================== */
/* 動画作成ツールトップレイアウト */
/* ====================================================================== */

/* ボタン一覧 */
/*#tool-vb { display: block; overflow : hidden; width: 629px; height: 41px; background: url("../img/tool/list_vb.jpg") no-repeat; padding: 75px 0px 0px 27px; }*/
#tool-vb { background: url("../img/tool/list_vb.jpg") no-repeat; }
#tool-vc { background: url("../img/tool/list_vc.jpg") no-repeat; }
#tool-ac { background: url("../img/tool/list_ac.jpg") no-repeat; }
#tool-vs { background: url("../img/tool/list_vs.jpg") no-repeat; }
#tool-ai { background: url("../img/tool/list_ai.jpg") no-repeat; }
.tool-a { display: block; overflow : hidden; width: 629px; height: 46px; padding: 70px 0px 0px 27px; color:#333333; text-decoration:none; }

/* ====================================================================== */
/* ViewletBuilderレイアウト */
/* ====================================================================== */

/* フロー図 */
#vb01-tb01 { float: left; width: 164px; }
#vb01-tb02 { float: left; width: 34px; }
#vb01-tb03 { float: left; width: 134px; }
#vb01-tb04 { float: left; width: 34px; }
#vb01-tb05 { float: left; width: 141px; }
#vb01-tb06 { float: left; width: 63px; }
#vb01-tb07 { float: left; width: 86px; }

/* 編集画面 */
.vb02-padding { padding: 0px 0px 0px 10px; }
#vb02-tb01 { float: left; width: 418px; }
#vb02-tb02 { float: left; width: 228px; }

/* その他の優れた機能 */
#vb03-tb01 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other01.jpg") repeat-y; padding: 7px 0px 0px 50px; }
#vb03-tb02 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other02.jpg") repeat-y; padding: 7px 0px 0px 50px; margin: 0px 1px; }
#vb03-tb03 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other03.jpg") repeat-y; padding: 7px 0px 0px 50px; }
#vb03-tb04 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other04.jpg") repeat-y; padding: 7px 0px 0px 50px; }
#vb03-tb05 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other05.jpg") repeat-y; padding: 7px 0px 0px 50px; margin: 0px 1px; }
#vb03-tb06 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other06.jpg") repeat-y; padding: 7px 0px 0px 50px; }
#vb03-tb07 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other07.jpg") repeat-y; padding: 7px 0px 0px 50px; }
#vb03-tb08 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other08.jpg") repeat-y; padding: 7px 0px 0px 50px; margin: 0px 1px; }
#vb03-tb09 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other09.jpg") repeat-y; padding: 7px 0px 0px 50px; }
#vb03-tb10 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other10.jpg") repeat-y; padding: 7px 0px 0px 50px; }
#vb03-tb11 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other11.jpg") repeat-y; padding: 7px 0px 0px 50px; margin: 0px 1px; }
#vb03-tb12 { float: left; width: 168px; height: 43px; background: url("../img/vb/about_other12.jpg") repeat-y; padding: 7px 0px 0px 50px; }

/* ====================================================================== */
/* ViewletCamレイアウト */
/* ====================================================================== */

/* フロー図 */
#vc01-tb01 { float: left; width: 160px; }
#vc01-tb02 { float: left; width: 34px; }
#vc01-tb03 { float: left; width: 146px; }
#vc01-tb04 { float: left; width: 34px; }
#vc01-tb05 { float: left; width: 133px; }
#vc01-tb06 { float: left; width: 63px; }
#vc01-tb07 { float: left; width: 86px; }

/* 編集画面 */
.vc02-padding { padding: 0px 0px 0px 10px; }
#vc02-tb01 { float: left; width: 418px; }
#vc02-tb02 { float: left; width: 228px; }

/* ====================================================================== */
/* ボイスソムリエレイアウト */
/* ====================================================================== */

/* 価格表 */
#vs01-tb01 { width: 626px; height: 46px; background: url("../img/vs/price_bu_one.jpg") no-repeat; padding: 7px 0px 0px 10px; }
#vs01-tb02 { width: 626px; height: 46px; background: url("../img/vs/price_pm_one.jpg") no-repeat; padding: 7px 0px 0px 10px; }
#vs01-tb03 { width: 626px; height: 46px; background: url("../img/vs/price_bm_one.jpg") no-repeat; padding: 7px 0px 0px 10px; }
/* 価格表 */
#ai01-tb01 { width: 626px; height: 46px; background: url("../img/ai/price_bu_one.jpg") no-repeat; padding: 7px 0px 0px 10px; }
#ai01-tb02 { width: 626px; height: 46px; background: url("../img/ai/price_pm_one.jpg") no-repeat; padding: 7px 0px 0px 10px; }
#ai01-tb03 { width: 626px; height: 46px; background: url("../img/ai/price_bm_one.jpg") no-repeat; padding: 7px 0px 0px 10px; }

/* ====================================================================== */
/* 動画制作サービスレイアウト */
/* ====================================================================== */

/* フロー図 */
#dm01-tb01 { float: left; width: 149px; }
#dm01-tb02 { float: left; width: 34px; }
#dm01-tb03 { float: left; width: 144px; }
#dm01-tb04 { float: left; width: 34px; }
#dm01-tb05 { float: left; width: 143px; }
#dm01-tb06 { float: left; width: 64px; }
#dm01-tb07 { float: left; width: 88px; }

/* ====================================================================== */
/* 動画配信サービスレイアウト */
/* ====================================================================== */

/* フロー図 */
#ci01-tb01 { float: left; width: 163px; }
#ci01-tb02 { float: left; width: 493px; }

/* ====================================================================== */
/* 体験版トップレイアウト */
/* ====================================================================== */

/* ボタン一覧 */
#tr01-tb01 { float: left; width: 202px; text-align: left; }
#tr01-tb02 { float: left; width: 252px; text-align: center; }
#tr01-tb03 { float: left; width: 202px; text-align: right; }

/* ====================================================================== */
/* 会社案内 */
/* ====================================================================== */

/* 代表プロフィール */
#cp01-tb01 { float: left; width: 164px; text-align: left; }
#cp01-tb02 { float: left; width: 472px; text-align: left; }

/* ====================================================================== */
/* サポート */
/* ====================================================================== */

#sp-search-box {
	width: 664px;
	border: solid 1px #d1d1d1;
	background-color: #ffffff;
}

#sp-search-box-effect {
	background-color: #f2f2f2;
	padding: 10px 9px 8px 9px;
	margin: 1px 1px;
}

#sp-search-navi {
	width: 646px;
	border-top: solid 1px #f8f5ee;
	border-bottom: solid 1px #f8f5ee;
	background-color: #fff9ee;
	padding: 7px 10px 2px 10px;
}

#sp-search-body {
	width: 666px;
	padding: 0px 0px 0px 0px;
	background: url("../img/sp/main_title.jpg") no-repeat;
}

#sp-search-ajax {
	width: 666px;
	padding: 0px 0px 0px 0px;
	background: url("../img/sp/ajax_title.jpg") no-repeat;
}

#sp-search-ajax-body {
	width: 666px;
	padding: 0px 0px 0px 0px;
	background: url("../img/sp/ajax_bg.gif") repeat-y;
}

#sp-search-q {
	padding: 10px 20px 0px 42px;
}

#sp-search-a {
	padding: 10px 20px 0px 42px;
}

/* ====================================================================== */
/* ナビゲーション */
/* ====================================================================== */

.navi-now {
	color: #e60000;
	/*font-weight: bold;*/
}

.navi-lnk {
	/*color: #ff9933;*/
}

.navi-off {
	color: #cccccc;
	padding: 0px 2px;
}

.navi-noline a {
	text-decoration: none;
}

.navi-noline a:hover {
	text-decoration: underline;
}

/* ====================================================================== */
/* フッタメニュー */
/* ====================================================================== */

#footer-menu {
	text-align: right;
}

/* ====================================================================== */
/* サイトマップ */
/* ====================================================================== */

#site-ctg {
	width: 640px;
	height: 20px;
	padding: 2px 0px 0px 16px;
	background: url("../img/sitemap/subttl_bar.jpg") no-repeat;
}

.site-indent {
	margin: 0px;
	padding: 0px;
	padding-left: 35px
}

.site-indent li {
	padding-bottom: 0px
}

.site-indent-lv2 {
	margin: 0px;
	padding: 0px;
	padding-left: 20px
}

.site-indent-lv2 li {
	padding-bottom: 0px
}

/* ====================================================================== */
/* プライバシーポリシー */
/* ====================================================================== */

.privacy-frame {
	padding: 0px 0px 0px 16px;
}

/* ====================================================================== */
/* フォーム */
/* ====================================================================== */

.form-must {
	font-size: 80%;
	background-color: #cc0000;
	color: #ffffff;
	padding: 2px 5px;
}