@charset "utf-8";
/* import */
	@import url("page.css");
	
/*
Theme Name: VIDTEC
Description: VIDTEC
*/

/**********************************************************
* default
* hack
* layout
**********************************************************/


/**********************************************************
* default
**********************************************************/
body,p,dl,dd,table,img,ul,li,form,h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
	}
body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" ,sans-serif;
	font-size:80%;
	line-height:1.4em;
	height:100%;
	background:url(img/bg.gif) repeat-y top;
	background-position:center;
	margin: 0;
	padding: 0;
	color:#333;
	}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	color:#333;
	}
img{
	vertical-align:bottom;
	border:none;
	}
	
ul{
	list-style-type:none;
	}
	
li {
	list-style-type:none;
	}
	
	
address{
	clear:both;
	font-style:normal;
	color:#333;
	padding-top:15px;
	}
a{
	overflow:hidden;
	color:#333;
	text-decoration:none;
	}
a:hover{
	color:#FF0000;
	}
td{
	vertical-align:top;
	}


/**********************************************************
* hack
**********************************************************/
#wrap,
#menu,
#header,
#header_sub,
#content,
#content_2,
#header,
#feas,
#main_banner,
#top_main,
#search-dl,
#t_no_dai,
.clearfix,
#clearfix,
#page-glass li,
#page-glass3,
#header-main{
	min-height:1px;
	height:1%;
	}
	
#wrap:after,
#menu:after,
#header:after,
#header_sub:after,
#content:after,
#content_2:after,
#header:after,
#feas:after,
#main_banner:after,
#top_main:after,
.t_content:after,
#search-dl:after,
#t_no_dai:after,
.clearfix:after,
#clearfix:after,
#page-glass li:after,
#page-glass3:after,
#header-main:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
#clearfix,.clearfix,#visual,#contents,#footer{
	clear:both;
	}
.float-left,#float-left {
	width:auto;
	float:left;
	}
.float-right,#float-right {
	width:auto;
	float:right;
	}
	
.clearfix,#clearfix {
	clear:both;}
/**********************************************************
* layout
**********************************************************/

#wrap {
	width:900px;
	margin:0px auto;
	padding:0px;
	clear:both;
	}

/*----HEADER----*/

#header{
	width:900px;
	height:auto;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
	padding-top:10px;
	line-height:normal;
	clear:both;
	}
	
#header-main {
	width:900px;
	height:70px;
	margin:0px;
	padding:0px;
	clear:both;}

/*LOGO*/

#header_left {
	width:450px;
	height:50px;
	margin:0px;
	padding:0px;
	float:left;
	}

#header_left img{
	border:none;
	}
	
#vidtec-logo {
	width:100px;
	height:33px;
	margin:0px;
	margin-bottom:7px;
	padding:0px;
	float:right;
	}

/*SUB-MENU*/

#header_sub{
	width:450px;
	height:50px;
	margin:0px;
	padding:0px;
	float:right;
	text-align:right;
	}

#menu_sub {
	width:auto;
	margin:0px;
	padding:0px;
	clear:both;
	}
	
#menu_sub li {
	width:auto;
	margin:0px;
	padding:0px 0px 0px 15px;
	float:right;
	background:url(img/cut.gif) no-repeat left;
	}

/*NAVI*/

#menu {
	width:900px;
	height:50px;
	clear:both;
	}

#menu li{
	float:left;
	width:150px;
	height:50px;
	}

#menu li a{
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	height:50px;
	}

#menu-top a{
	width:150px;
	background:url(img/menu01.jpg);
	}

#menu-top a:hover{
	width:150px;
	background:url(img/menu01_o.jpg);
	}

.page-item-3 a{
	width:150px;
	background:url(img/menu02.jpg);
	}

.page-item-3 a:hover{
	width:150px;
	background:url(img/menu02_o.jpg);
	}
	
.cat-item-445 a{
	width:150px;
	background:url(img/menu03.jpg);
	}

.cat-item-445 a:hover{
	background:url(img/menu03_o.jpg);
	}

.page-item-7 a{
	width:150px;
	background:url(img/menu04.jpg);
	}

.page-item-7 a:hover{
	background:url(img/menu04_o.jpg);
	}

.page-item-12 a{
	width:150px;
	background:url(img/menu05.jpg);
	}

.page-item-12 a:hover{
	background:url(img/menu05_o.jpg);
	}
	
.page-item-15 a{
	width:150px;
	background:url(img/menu06.jpg);
	}

.page-item-15 a:hover{
	background:url(img/menu06_o.jpg);
	}

/*----CONTENTS----*/

#content{
	width:900px;
	margin:0px;
	padding:0px;
	line-height:normal;
	clear:both;
	}
	
#main_img {
	width:900px;
	height:230px;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
	clear:both;
	}
	
/*----SIDE_BAR----*/

#sidebar_1 {
	width:200px;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
	padding-top:30px;
	float:left;
	background:url(img/s_title.png) no-repeat top;
	}
	
#sidebar_1 ul{
	width:200px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
	}
	
#sidebar_1 li a{
	width:190px;
	height:25px;
	display:block;
	font-size:0.9em;
	background-repeat:no-repeat;
	}
	
#banner {
	width:200px;
	margin:0px;
	list-style-type:none;
	float:left;
	}
	
#banner ul {
	margin:0px;
	padding:0px;
	}
	
#banner li a{
	width:200px;
	margin:0px;
	margin-bottom:10px;
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
	}
	
#banner .cat-item-445 a {
	width:200px;
	height:50px;
	background:url(img/list_b.gif);
	}
	
#banner .page-item-21 a {
	width:200px;
	height:50px;
	background:url(img/flow_b.gif);
	}
	
#banner .page-item-18 a {
	width:200px;
	height:50px;
	background:url(img/estimate_b.gif);
	}
	
#banner .page-item-3 a {
	width:200px;
	height:100px;
	background:url(img/company_b.gif);
	}
	
/*----SIDE_MENU----*/

.cat-item-73 a{
	padding-left:10px;
	padding-top:15px;
	background:url(img/cat_1.png);
	}
	
.cat-item-438 a{
	padding-left:10px;
	padding-top:15px;
	background:url(img/cat_2.png);
	}
	
.cat-item-439 a{
	padding-left:10px;
	padding-top:15px;
	background:url(img/cat_3.png);
	}
	
.cat-item-440 a{
	padding-left:10px;
	padding-top:15px;
	background:url(img/cat_4.png);
	}

.cat-item-441 a{
	padding-left:10px;
	padding-top:15px;
	background:url(img/cat_5.png);
	}
	
.cat-item-442 a{
	padding-left:10px;
	padding-top:15px;
	background:url(img/cat_6.png);
	}
	
.cat-item-443 a{
	padding-left:10px;
	padding-top:15px;
	background:url(img/cat_7.png);
	}

.cat-item-80 a{
	padding-left:10px;
	padding-top:15px;
	background:url(img/cat_8.png);
	}
	
.cat-item-444 a{
	padding-left:10px;
	padding-top:15px;
	background:url(img/cat_9.png);
	}

.cat-item-82 a{
	padding-left:10px;
	padding-top:15px;
	background:url(img/cat_10.png);
	}
	

/*------MAIN------*/

#main {
	width:700px;
	margin:0px;
	padding:0px;
	float:left;
	}
	
#top_main {
	width:700px;
	margin-bottom:60px;
	padding:0px;
	}
	
/*TOPICS*/
	
#topics {
	width:680px;
	height:210px;
	margin:0px 0px 20px 20px;
	padding:0px;
	}
	
#topics dt,dd {
	margin:0px;
	padding:0px;
	}

.t_title{
	width:650px;
	height:22px;
	margin:0px;
	padding:8px 0px 0px 30px;
	display:block;
	background:url(img/topics_title.gif) no-repeat;
	}
.t_title span{
	float:left;
	font-weight:bold;
}
.t_title a{
	float:right;
	margin-right:15px;
}

#news li {
	margin:0px;
	padding:10px 0px 10px 30px;
	display:block;
	border-bottom:1px dashed #E1E1E1;
	background:url(img/004.png) no-repeat left;
	vertical-align:middle;
	}
	
/*SEARCH*/
	
#search {
	width:680px;
	margin:0px 0px 20px 20px;
	padding:0px;
	}
	
#search dt,dd {
	margin:0px;
	padding:0px;
	}

.search_title{
	width:650px;
	height:22px;
	margin:0px;
	padding:8px 0px 0px 30px;
	display:block;
	background:url(img/search_title.gif) no-repeat;
	}

.search_title_2{
	width:650px;
	height:22px;
	margin:0px;
	padding:8px 0px 0px 30px;
	display:block;
	background:url(img/search_title_2.gif) no-repeat;
	font-weight:bold;
	}


#search dd {
	width:678px;
	margin:0px;
	padding:0px;
	border-left:#C8C8C8 1px solid;
	border-right:#C8C8C8 1px solid;
	border-bottom:#C8C8C8 1px solid;
	}
	
.search-parts {
	width:100%;
	float:left;
	text-align:center;
	padding:10px auto;
	margin-bottom:10px;
	}
.search-parts-2 {
	width:100%;
	float:left;
	text-align:center;
	padding:10px auto;
	margin-bottom:10px;
	}

/*SEARCH.PHP*/
	
#search_area2 {
	width:160px;
	padding-left:20px;
	}

#search_area {
	width:330px;
	text-align:right;
	padding:20px 153px;}

#search_area li{
	text-align:right;}
	
#search_txt,.search_txt {
	width:95px;
	display:block;
	padding:5px 10px 0px 0px;
	}
	
#search_bt {
	padding:0px 0px 10px;
	margin:0px;}

#s-result {
	padding-top:10px;
	margin:0px;
	text-align:center;
	}
	
#result-area {
	width:680px;
	padding:0px;
	margin:0px 0px 20px;
	background-color:#F5F5F5;
	}

/*MAIN-BANNER*/
	
#main_banner {
	width:680px;
	margin:0px;
	margin-left:20px;
	padding:0px;
	clear:both;
	}
	
#banner_left {
	width:330px;
	margin:0px;
	padding:0px;
	float:left;
	}
	
#banner_right {
	width:330px;
	margin:0px;
	padding:0px;
	float:right;
	}

.tech_b {
	width:330px;
	height:80px;
	margin-bottom:10px;
	background:url(img/technology_b.gif) no-repeat;
	}
	
.tech_b dt{
	width:210px;
	height:60px;
	margin:0px;
	padding:20px 10px 0px 110px;
	}
	
.tech_b a:hover {
	color:#1c7049;
	}
	
.company_b dt{
	width:210px;
	height:60px;
	margin:0px;
	padding:20px 10px 0px 110px;
	}
	
.company_b a:hover {
	color:#123db5;
	}
	
.company_b {
	width:330px;
	height:80px;
	background:url(img/company_b2.gif) no-repeat;
	}
	
.order_b {
	width:330px;
	height:80px;
	margin-bottom:10px;
	background:url(img/order_b.gif) no-repeat;
	}
	
.order_b dt{
	width:210px;
	height:60px;
	margin:0px;
	padding:20px 10px 0px 110px;
	}

.order_b a:hover {
	color:#e65a78;
	}
	
.faq_b {
	width:330px;
	height:80px;
	background:url(img/faq_b.gif) no-repeat;
	}
	
.faq_b dt{
	width:210px;
	height:60px;
	margin:0px;
	padding:20px 10px 0px 110px;
	}
	
.faq_b a:hover {
	color:#2d8c96;
	}
	
/*footer*/
	
#footer {
	width:900px;
	height:50px;
	margin:0px;
	padding:0px;
	font-size:1em;
	text-align:center;
	color:#666666;
	border-top:#CCCCCC solid 1px;
	}
	
#foot-menu {
	wiodth:200px;
	margin:0px;
	padding:0px;
	text-align:right;
	}

address {
	margin:0px;
	padding-bottom:20px;
	}