@charset "UTF-8";

/*------------------------------------------------------------------------------
	Universal Technics - top CSS
	URL: http://www.utnet.co.jp/
	Date: 2007-12-20
	Copyright (C) Universal Technics Co.,Ltd All Rights Reserved.
------------------------------------------------------------------------------*/


/* Layout - global
----------------------------------------------------------*/
body{
	background: url(/img/BG_head.jpg) top left repeat-x transparent;
}

#search{
	background: url(/img/BG_btn_itiran.jpg) left bottom no-repeat transparent;
	/*padding: 0px 0px 64px 0px;*/
	padding-bottom: 64px;
	margin: 0px auto;
	width: 800px;
}

/* Section - focus
----------------------------------------------------------*/
.focus{
	position: relative;
	width: 920px;
	height: 330px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/img/BG_focus.jpg) top left transparent;
}

.focus_epu{
	position: absolute;
	top: 26px;
	left: 471px;
}


.focus_epu_i{
	position: absolute;
	top: 43px;
	left: 551px;
}

.focus_ofi{
	position: absolute;
	top: 44px;
	left: 707px;
}

.focus_ofi_i{
	position: absolute;
	top: 43px;
	left: 621px;
}

.focus_sys{
	position: absolute;
	top: 147px;
	left: 712px;
}

.focus_sys_i{
	position: absolute;
	top: 111px;
	left: 617px;
}


.focus_tel{
	position: absolute;
	top: 223px;
	left: 628px;
}

.focus_tel_i{
	position: absolute;
	top: 177px;
	left: 562px;
}

.focus_net{
	position: absolute;
	top: 212px;
	left: 315px;
}

.focus_net_i{
	position: absolute;
	top: 195px;
	left: 488px;
}

.focus_ser{
	position: absolute;
	top: 139px;
	left: 306px;
}

.focus_ser_i{
	position: absolute;
	top: 140px;
	left: 456px;
}

.focus_its{
	position: absolute;
	top: 71px;
	left: 374px;
}

.focus_its_i{
	position: absolute;
	top: 89px;
	left: 482px;
}

.btn_top{
	position: absolute;
	top: 268px;
	left: 62px;
}
.btn_solution{
	position: absolute;
	top: 268px;
	left: 195px;
}
.btn_catlog{
	position: absolute;
	top: 268px;
	left: 329px;
}
.btn_case{
	position: absolute;
	top: 268px;
	left: 462px;
}
.btn_gaiyou{
	position: absolute;
	top: 268px;
	left: 595px;
}
.btn_mail{
	position: absolute;
	top: 268px;
	left: 728px;
}
.solution_h{
	padding: 0px;
}

.box1 li, .box2 li{
	list-style-type: none;
	background: url(/img/arrow_red.gif) top left no-repeat transparent;
	margin-top: 3px;
	padding: 0px 0px 0px 15px;
	font-size: 110%;
}

.mokuteki{
	margin-right:0px;
	padding: 0px;
}

.link_box{
	position: relative;
	margin: 5px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
}

.link_box span{
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: 0px;
	background: url(/img/format_subpage/00_icon_04.gif) left no-repeat;
	padding: 0px 20px 0px 10px;
}

/* Section - solution_m
----------------------------------------------------------*/
.solution_m{
	position: relative;
	width: 800px;
	background: url(/img/solution_m.gif) top left repeat-y transparent;
	margin: 20px auto 0px auto;
	padding: 0px;
}

.box1{
	float: left;
	width: 385px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

.box2{
	float: right;
	width: 385px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

p{
	text-align: left;
	margin:0px;
	padding: 0px;
}

.bg_itiran{
	height: 64px;
	background: url(/img/BG_btn_itiran.jpg) top left transparent;
	padding: 0px 0px 0px 0px;
}

.btn_itiran{
	position: absolute;
	bottom: -30px;
	right: 415px;
	margin: 0px 0px 0px 0px;
}

.btn_mokuteki{
	position: absolute;
	bottom: -30px;
	right: 0px;
	margin: 0px 0px 0px 0px;
}

ul{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 15px;
}

li{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#main{
	background: url(/img/BG_m.jpg) left top no-repeat transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	width: 800px;
}

.contents{
	text-align: left;
	width: 800px;
	margin: 0px auto 0px auto;
	padding: 20px 0px 0px 0px;
}

.box3{
	float: left;
	width: 563px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

.news_h{
	text-align: left;
	margin: 563px;
	padding: 0px;
}

.box4{
	float: right;
	width: 207px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}
.pick_h{
	width: 563px;
	margin: 0px;
	padding: 0px;
}
.shpo{
	text-align: center;
	width: 207px;
	padding: 0px;
}

.img1{
	float: left;
	width: 166px;
	margin: 0px;
	padding: 10px 18px 0px 10px;
	background-color: transparent;
}

.img2{
	float: left;
	width: 166px;
	margin: 0px 0px 0px 5px;
	padding: 10px 17px 0px 0px;
	background-color: transparent;
}

.img3{
	float: left;
	width: 166px;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 0px 5px;
	background-color: transparent;
}

.img21{
        float: left;
        width: 259px;
        margin: 0px 0px 3px 0px;
        padding: 10px 10px 0px 10px;
        background-color: transparent;
}

.img22{
        float: left;
        width: 259px;
        margin: 0px 0px 0px 2px;
        padding: 10px 10px 0px 10px;
        background-color: transparent;
}

.img1 p{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

.img2 p{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

.img3 p{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

.img21 p{
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
}

.img22 p{
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
}

.banner{
	margin: 10px 10px 0px 10px;
	padding: 0px;
}



/* Section - iso
----------------------------------------------------------*/
#iso{
	width: 207px;
	padding-top: 20px;
	text-align: center;
}
#iso p{
	margin: 5px 10px 0px 10px;
	font-size: 80%;
	line-height: 1.5;
}
#iso .isoMark{
	padding: 0px 10px;
}
#iso .isoMark img{
	float: left;
	margin: 10px 0px;
}


/* Section - partner
----------------------------------------------------------*/
#partner ul,#partner li {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

/* Section - news
----------------------------------------------------------*/
#news table{
	width: 503px;
	margin: 10px 0px 10px 20px;
	padding: 0px 0px 0px 10px;
}


.date{
	background: url(/img/arrow_blue.gif) left top no-repeat transparent;
	height: 22px;
	width: 120px;
	border: 0;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 20px;
}

.txt_area{
	height: 22px;
	border: 0;
	margin: 0px;
	padding: 0px;
}
