/* 共通設定
**************************************************/
body {
	background-image  : url('../img/index/body_background.gif');
	background-repeat : repeat-x;
}

/* 一覧表示領域設定 */
iframe {
	margin : 0 0 10px 0;
	width  : 539px;
	
/*
	width  : 537px;
	
	border     : 1px solid #c0c0c0;
	border-top : none;
*/
}

/* FLASH領域設定
**************************************************/
div#flash_area {
	margin : 10px 0 0 0;
	width  : 790px;
	height : auto;
	border : 1px solid #ffffff;
}

/* ページ左側領域設定
**************************************************/
div#left_area {
	float : left;
	
	margin  : 10px 0 0 0;
	padding : 0 0 20px 3px;
	width   : 547px;
	height  : auto;
}

h2, h3, h4 {
	width  : 539px;
	height : 35px;
	
	background-repeat : no-repeat;
	
	text-indent : -9999px;
}

/* 【見積管助】設定
------------------------------*/
h2 {
	margin : 0 0 5px 0;
	
	background-image  : url('../img/index/list_title_kansuke.png');
}

/* 64bitOS
------------------------------*/
td.supportOS {
	height:100px;
	border:1px solid #ccc;
	background-color:#FFCCFF;
	text-align:center;
}

td.supportOS a {
	font-size:24px;
	text-decoration:underline;
	color:red;
/*	font-weight:bolder;*/
}

/* バナー設定
--------------------*/
a.banner {
	width  : 266px;
	height : 80px;
}

/* 見積・積算システム */
a#banner_KsPublic {
	margin : 0 2px;
	
	background-image : url('../img/index/main_banner_KsPublic.png');
}
a#banner_KsPublic:hover {
	background-image : url('../img/index/main_banner_KsPublic_hover.png');
}

/* CAD連動積算システム */
a#banner_KsCad_KsWin {
	background-image : url('../img/index/main_banner_KsCad_KsWin.png');
}
a#banner_KsCad_KsWin:hover {
	background-image : url('../img/index/main_banner_KsCad_KsWin_hover.png');
}

/* CAD連動システム */
a#banner_KsCad {
	margin : 0 2px;
	
	background-image : url('../img/index/main_banner_KsCad.png');
}
a#banner_KsCad:hover {
	background-image : url('../img/index/main_banner_KsCad_hover.png');
}

/* 縦断面図システム */
a#banner_VSection {
	background-image : url('../img/index/main_banner_VSection.png');
}
a#banner_VSection:hover {
	background-image : url('../img/index/main_banner_VSection_hover.png');
}

/* 【新着情報】・【サポート情報】設定
------------------------------*/
h3, h4 {
	margin : 13px 0 0 0;
}

/* 背景設定 */
h3 {
	background-image : url('../img/index/list_title_news.png');
}
h4 {
	background-image : url('../img/index/list_title_support.png');
}

/* [一覧はこちら]設定 */
h3 a, h4 a {
	margin  : -10px 0 0 440px;
	display : block;
	width   : 95px;
	height  : 24px;
	
	background-image : url('../img/index/info_button.gif');
}
h3 a:hover, h4 a:hover {
	background-image : url('../img/index/info_button_hover.gif');
}

/* ページ右側領域設定
**************************************************/
div#right_area {
	float : left;
	
	margin : 10px 0 0 5px;
	width  : 236px;
	height : auto;
}

/* 【会社案内】・【製品Q＆A】設定
------------------------------*/
div#right_area table {
	margin : 0 0 0 2px;
	border : 1px solid #a6a6a6;
	width  : 233px;
	height : auto;
}

/* 【製品Q＆A】余白設定 */
div#right_area table#table_qa {
	margin-top    : 6px;
	margin-bottom : 6px;
}

/* タイトル設定
--------------------*/
div#right_area table th {
	display : block;
	width   : 231px;
	height  : 33px;
	
	background-repeat : no-repeat;
	
	text-indent : -9999px;
}

/* 【会社案内】 */
div#right_area table#table_company th {
	background-image  : url('../img/index/side_list_title_company.gif');
}

/* 【製品Q＆A】 */
div#right_area table#table_qa th {
	background-image  : url('../img/index/side_list_title_product.gif');
}

/* リンク設定
--------------------*/
div#right_area table td a {
	margin  : 1px 0 1px 10px;
	padding : 3px 0 2px 10px;
	display : block;
	width   : 200px;
	height  : 18px;
}
div#right_area table td a:hover {
	background-image    : url('../img/common/side_list_arrow_mark.png');
	background-repeat   : no-repeat;
	background-position : left center;
}

/* 境界線設定(アンカー領域と合わせる) */
div#right_area table td a.border {
	border-bottom : 1px dotted #666666;
}

/* バナー設定
------------------------------*/
div#right_area a.banner {
	margin : 0 0 3px 3px;
	
	width  : 230px;
	height : 60px;
}

/* 積算代行 */
div#right_area a#banner_stead {
	background-image:url(../img/index/side_banner_stead.png);
}
div#right_area a#banner_stead:hover {
	background-image:url(../img/index/side_banner_stead_hover.png);
}

/* カタログダウンロード */
div#right_area a#banner_catalog {
	background-image : url('../img/index/side_banner_catalog.png');
}
div#right_area a#banner_catalog:hover {
	background-image : url('../img/index/side_banner_catalog_hover.png');
}

/* 体験版ダウンロード */
div#right_area a#banner_trial {
	background-image : url('../img/index/side_banner_trial.png');
}
div#right_area a#banner_trial:hover {
	background-image : url('../img/index/side_banner_trial_hover.png');
}

/* デモンストレーション */
div#right_area a#banner_demo {
	background-image : url('../img/index/side_banner_demo.png');
}
div#right_area a#banner_demo:hover {
	background-image : url('../img/index/side_banner_demo_hover.png');
}

/* 代理店・販売店募集 */
div#right_area a#banner_agency {
	background-image : url('../img/index/side_banner_agency.png');
}
div#right_area a#banner_agency:hover {
	background-image : url('../img/index/side_banner_agency_hover.png');
}

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
	width: 790px;
	height:220px;
	background-image:url(../img/index/background.png);
	border: 1px solid #666;
}
#slideshow ul {
	margin: 0;
	padding: 0;
	width:150px;
	list-style-type: none;
/*	height: 1%;*/
}
#slideshow ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
	float:left;
}
#slideshow .slides-nav li {
	padding-top:5px;
}
#slideshow .slides-nav li a {
	display:block;
	width:130px;
	padding: 15px 20px;
	color:white;
	text-decoration:none;
}

.js #slideshow .slides-nav li.on a {
	background-image:url(../img/index/select.png);
	color: #333;
	display:block;
	width:130px;
}
/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
	overflow: hidden;
	width: 590px;
	margin-top:1px;
	padding:0 0 0 47px;
}
#slideshow .slides ul {
	width: 2360px;
}
#slideshow .slides li {
	float: left;
}