@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/format_subpage/00_sub-bg.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: 770px;
}

/* Section - globalNav
----------------------------------------------------------*/
#globalNav{
	position: relative;
	width: 920px;
	height: 79px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0px;
	background: url(/img/format_subpage/02_glnv_bg.jpg) top left transparent;
}
#globalNav li{
	list-style: none;
}


.btn_top{
	position: absolute;
	top: 10px;
	left: 62px;
}
.btn_solution{
	position: absolute;
	top: 10px;
	left: 195px;
}
.btn_catlog{
	position: absolute;
	top: 10px;
	left: 329px;
}
.btn_case{
	position: absolute;
	top: 10px;
	left: 462px;
}
.btn_gaiyou{
	position: absolute;
	top: 10px;
	left: 595px;
}
.btn_mail{
	position: absolute;
	top: 10px;
	left: 728px;
}
.solution_h{
	padding: 0px;
	font-size: 0px;
}



#primary{
	width: 560px;
	text-align: left;
	float: right;
	padding: 0px 65px 0px 0px;
}
#secondly{
	width: 200px;
	text-align: left;
	float: left;
	padding: 0px 0px 0px 65px;
}

#thirdly{
	width: 790px;
	text-align:left;
	margin: 0px 65px;
}

#thirdly #category{
	width: 770px;
	padding: 0px 10px;
}

#kakomi{
	text-align: left;
	position: relative;
}

#pankuzu_back{
	width: 801px;
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 0px 60px;
	position: absolute;
	background: url(/img/format_subpage/pankuzu_back.jpg) top left repeat-y;
}

#pankuzu_foot{
	padding: 0px;
	width: 801px;
	background: url(/img/format_subpage/pankuzu_foot.jpg) bottom left no-repeat;
}

#pankuzu_head{
	text-decoration: none ; color : #ffffff;
	text-align: left;
	width: 801px;
	padding: 20px 30px 5px 30px;
	background: url(/img/format_subpage/pankuzu_head.jpg) top left no-repeat;
}

#pankuzu_head a{
	text-decoration: underline; color : #ffffff;
}

/* Section - sideNav
----------------------------------------------------------*/
.sideNav{
	width: 200px;
	margin-top: 13px;
	background: url(/img/2column/side_bgMain.gif) left top repeat-y;
}
.sideNav ul{
	margin: -5px 5px 3px 5px;
	padding: 0px;
}
.sideNav li{
	margin: 3px;
	padding: 0px;
	list-style: none;
}
.sideNav li img{
	margin: 5px 0px;
}
.sideNav li.arrow{
	margin-left: 20px;
	list-style-image: url(/img/2column/side_arrow.gif);
}
.sideNav .sectionHeader{
	font-size: 0px;
}
.sideNav .sectionFooter{
	display: block;
	height: 24px;
	background: url(/img/2column/side_bgFooter.gif) left top no-repeat;
}


/* Section - one-columnBox
----------------------------------------------------------*/

#category{
	/*padding: 0px 0px 64px 0px;*/
	padding-bottom: 10px;
	margin: 0px auto;
	width: 770px;
}

.section_h2_Header{
	margin: 0px 0px 0px 0px;
	width: 790px;
	background: url(/img/1column/main_h2_middle.gif) left top repeat-y;
}

.section_h2_Header h2{
	padding: 15px 10px 3px 30px;
	margin: 0px;
	background: url(/img/1column/main_h2_head.gif) left top no-repeat;
}

.section_h2_Header_bottom{
	font-size: 0px;
	display: block;
	height: 23px;
	margin-top: 2px;
	padding: 0px;
	background: url(/img/1column/main_h2_foot.gif) left bottom no-repeat;
}

.section_h2_Header_small{
	margin: 10px 0px 0px 0px;
	width: 560px;
	background: url(/img/2column/main_h2_middle.gif) left top repeat-y;
}

.section_h2_Header_small h2{
	padding: 15px 10px 3px 30px;
	margin: 0px 0px 0px 0px;
	background: url(/img/2column/main_h2_head.gif) left top no-repeat;
}

.section_h2_Header_bottom_small{
	font-size: 0px;
	display: block;
	height: 23px;
	margin-top: 2px;
	padding: 0px;
	background: url(/img/2column/main_h2_foot.gif) left bottom no-repeat;
}

.one-columnBox .sectionHeader{
	margin: 10px 0px 0px 0px;
	width: 770px;
	background: url(/img/1column/main_subTitleMain.gif) left top repeat-y;
}

.one-columnBox .sectionHeader h3{
	padding: 15px 10px 3px 30px;
	margin: 0px;
	background: url(/img/1column/main_subTitleHeader.gif) left top no-repeat;
}

.one-columnBox .sectionHeader_bottom{
	font-size: 0px;
	display: block;
	height: 11px;
	margin-top: 2px;
	padding: 0px;
	background: url(/img/1column/main_subTitleFooter.gif) left bottom no-repeat;
}

.one-columnBox .waku_top h5{
	padding: 15px 10px 3px 15px;
	margin: 0px;
	background: url(/img/1column/main_wak-top.gif) left top no-repeat;
}

.one-columnBox .waku_middle{
	width: 770px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	background: url(/img/1column/main_wak-middle.gif) left top repeat-y;
}

.one-columnBox .waku_bottom{
	font-size: 0px;
	display: block;
	height: 31px;
	margin-top: 2px;
	padding: 0px 0px 0px 620px;
	background: url(/img/1column/main_wak-buttom.gif) left bottom no-repeat;
}

next_btn{
	width: 150px;
	padding: 0px 0px 0px 620px;
}

.one-columnBox .minisectionHeader{
	margin: 0px 0px 0px 0px;
	width: 770px;
}

.one-columnBox .minisectionHeader h4{
	padding: 15px 10px 3px 30px;
	margin: 0px;
	background: url(/img/1column/h4_icon.gif) left  no-repeat;
}

.one-columnBox .minisectionHeader_bottom{
	font-size: 0px;
	display: block;
	height: 11px;
	margin-top: 2px;
	padding: 0px;
	background: url(/img/1column/main_subminiTitleFooter.gif) left bottom no-repeat;
}

.one-columnBox .sectionContent{
	margin-top: 10px;
}

.one-columnBox .box{
	width: 770px;
}

.one-columnBox .imageArea_center{
	text-align: center;
	margin: 0px auto;
}

.one-columnBox .imageArea_left{
	width: 167px;
	float: left;
	padding: 0px 0px 0px 20px;
}

.one-columnBox .imageArea_right{
	width: 167px;
	float: right;
	padding: 0px 20px 0px 0px;
}

.one-columnBox .imageArea_2col_left{
        width: 365px;
        float: left;
        padding: 0px 0px 0px 20px;
}

.one-columnBox .imageArea_2col_right{
        width: 365px;
        float: right;
        padding: 0px 20px 0px 0px;
}

.one-columnBox .imageArea_2col2_left{
        width: 465px;
        float: left;
        padding: 0px 0px 0px 20px;
}

.one-columnBox .imageArea_2col2_right{
        width: 265px;
        float: right;
        padding: 0px 20px 0px 0px;
}

.one-columnBox .textArea_right{
	width: 553px;
	float: right;
}

.one-columnBox .textArea_left{
	width: 563px;
	float: left;
}

.one-columnBox .textArea_2col_right{
        width: 365px;
        float: right;
	padding: 0px 10px 0px 10px;
}

.one-columnBox .textArea_2col_right ul{
	margin-left: 16px;
}

.one-columnBox .textArea_2col_left{
        width: 365px;
        float: left;
        padding: 0px 10px 0px 10px;
}

.one-columnBox .textArea_2col2_right{
        width: 265px;
        float: right;
        padding: 0px 10px 0px 10px;
}

.one-columnBox .textArea_2col2_left{
        width: 465px;
        float: left;
        padding: 0px 10px 0px 10px;
}

.one-columnBox p{
	margin: 10px 20px 15px 20px;
}

.one-columnBox .textArea_right p{
	margin: 0px 20px 0px 0px;
}

.one-columnBox .textArea_left p{
	margin: 0px 0px 0px 20px;
}

.one-columnBox .textArea_2col_right p{
        margin: 0px 20px 0px 0px;
}

.one-columnBox .textArea_2col_left p{
        margin: 0px 0px 0px 20px;
}

.one-columnBox .sectionContent{
	padding: 0px 0px 10px 0px;
}

.one-columnBox table{
	width: 730px;
	border: 0px;
	margin: 10px 20px 10px 20px;
}

.one-columnBox th{
	background: url(/img/format_subpage/th_back.gif) left bottom repeat-x;
	border: solid #aaaaaa 1px;
	padding: 4px;
}

.one-columnBox td{
	border: solid #aaaaaa 1px;
	padding: 4px;
}

.one-columnBox ul{
	margin: 5px 0px 0px 36px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: outside;
}

.one-columnBox ol{
	padding: 5px 0px 0px 10px;
	list-style-type: decimal;
	list-style-position: outside;
}

.one-columnBox ol li{
	margin-left: 7px;
}

.one-columnBox li{
	margin: 0px 0px 5px 0px;
}

.one-columnBox h6{
	margin: 15px 0px 0px 0px;
}

/* Section - two-columnBox
----------------------------------------------------------*/
.two-columnBox{
	width: 560px;
}

.two-columnBox .sectionHeader{
	margin: 10px 0px 0px 0px;
	width: 559px;
	background: url(/img/2column/main_subTitleMain.gif) left top repeat-y;
}

.two-columnBox .sectionHeader2{
	margin: 10px 0px 0px 0px;
	width: 559px;
}

.two-columnBox .sectionHeader h3{
	padding: 15px 10px 3px 30px;
	margin: 0px;
	background: url(/img/2column/main_subTitleHeader.gif) left top no-repeat;
}
.two-columnBox .sectionHeader_bottom{
	font-size: 0px;
	display: block;
	height: 11px;
	margin-top: 2px;
	padding: 0px;
	background: url(/img/2column/main_subTitleFooter.gif) left bottom no-repeat;
}

.two-columnBox .sectionHeader2{
        margin: 10px 0px 0px 0px;
        width: 559px;
}

.two-columnBox .sectionHeader2 h4{
        padding: 6px 10px 2px 30px;
        margin: 2px;
        background: url(/img/2column/main_subTitleHeader2.gif) left top no-repeat;
}

.two-columnBox .minisectionHeader{
        margin: 0px 0px 0px 0px;
        width: 560px;
}

.two-columnBox .minisectionHeader h4{
        padding: 15px 10px 3px 30px;
        margin: 0px;
        background: url(/img/2column/h4_icon.gif) left  no-repeat;
}

.two-columnBox .minisectionHeader_bottom{
        font-size: 0px;
        display: block;
        height: 11px;
        margin-top: 2px;
        padding: 0px;
        background: url(/img/2column/main_subminiTitleFooter2.gif) left bottom no-repeat;
}

.two-columnBox .sectionHeader2_bottom{
        font-size: 0px;
        display: block;
        height: 1px;
        margin-top: 2px;
	MArgin-bottom: 8px;
        padding: 0px;
        background: url(/img/2column/main_subTitleFooter2.gif) left bottom no-repeat;
}

.two-columnBox .sectionContent{
	margin-top: 10px;
}

.two-columnBox .imageArea_center{
	text-align: center;
	margin: 0px auto;
}

.two-columnBox .imageArea_left{
	width: 167px;
	float: left;
	padding: 0px 0px 0px 0px;
}

.two-columnBox .imageArea_right{
	width: 167px;
	float: right;
	padding: 0px 0px 0px 0px;
}

.two-columnBox .textArea_right{
	width: 370px;
	float: right;
}

.two-columnBox .textArea_left{
	width: 370px;
	float: left;
}

.two-columnBox .textArea_one{
	width: 530px;
	padding: 0px 15px 0px 15px;
	float: left;
}

.two-columnBox .imageArea{
	width: 167px;
	height: 121px;
	float: left;
}
.two-columnBox .textArea{
	width: 360px;
	float: right;
}

.two-columnBox .textArea p{
	margin-right: 20px;
}

.two-columnBox table{
	width: 560px;
	border: 0px;
	margin: 10px 0px 0px 0px;
}

.two-columnBox th{
	background: url(/img/format_subpage/th_back.gif) left bottom repeat-x;
	border: solid #aaaaaa 1px;
	padding: 4px;
}

.two-columnBox td{
	border: solid #aaaaaa 1px;
	padding: 4px;
}

.two-columnBox ul{
	margin: 5px 0px 0px 26px;
	padding: 0px;
	list-style-type: disc;
	list-style-position: outside;
}

.two-columnBox ol{
	padding: 5px 0px 0px 0px;
	list-style-type: decimal;
	list-style-position: outside;
}

.two-columnBox ol li{
	margin-left: 7px;
}

.two-columnBox li{
	margin: 0px 0px 5px 0px;
}

.two-columnBox .section_btn{
	position: relative;
	margin: 0px;
	padding: 0px;
}

.two-columnBox .ichiran_btn{
	height: 50px;
	position: relative;
	top: 10px;
	left: 0px;
	background: url(/img/2column/solution/ichiran_shadow.jpg) left bottom no-repeat;
	margin: 0px;
	padding:0px;
}

.two-columnBox .mokuteki_btn{
	height: 50px;
	position: absolute;
	top: 10px;
	right: 0px;
	background: url(/img/2column/solution/mokuteki_shadow.jpg) left bottom no-repeat;
	margin: 0px;
	padding:0px;
}

next_btn2{
        width: 150px;
        padding: 0px 0px 0px 410px;
}

.two-columnBox .waku_top h5{
        padding: 15px 10px 3px 15px;
        margin: 0px;
        background: url(/img/2column/main_wak2-top.gif) left top no-repeat;
}

.two-columnBox .waku_middle{
        width: 560px;
        margin: 15px 0px 0px 0px;
        padding: 0px;
        background: url(/img/2column/main_wak2-middle.gif) left top repeat-y;
}

.two-columnBox .waku_bottom{
        font-size: 0px;
        display: block;
        height: 31px;
        margin-top: 2px;
        padding: 0px 0px 0px 410px;
        background: url(/img/2column/main_wak2-buttom.gif) left bottom no-repeat;
}

.two-columnBox .question{
	border-style: solid;
	border-width: 1px;
	border-color: #666666;
	margin-top: 5px;
	padding: 5px 10px 5px 10px;
}

.two-columnBox .answer{
        border-style: none;
        margin: 5px 0px 20px 0px;
        padding: 5px 10px 5px 20px;
}

/* Section - solution_m
----------------------------------------------------------*/
.solution_m{
	position: relative;
	width: 770px;
	background: url(/img/solution_m.gif) top left repeat-y transparent;
	margin: 20px auto 0px auto;
	padding: 0px;
}

.box1{
	float: left;
	width: 370px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

.box2{
	float: right;
	width: 370px;
	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: 400px;
	margin: 0px 0px 0px 0px;
}

.btn_mokuteki{
	position: absolute;
	bottom: -30px;
	right: 0px;
	margin: 0px 0px 0px 0px;
}

.link_box{
	position: relative;
	margin: 5px 0px 0px 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_03.gif) left no-repeat;
	padding: 0px 20px 0px 10px;
}

.return_box{
	font-size: 80%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 5px;
}

.return_box span{
	margin-top: 0px;
	background: url(/img/format_subpage/00_icon_01.gif) left no-repeat;
	padding: 0px 20px 0px 15px;
}

.pagettop_box{
	float: right;
	font-size: 80%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

.pagettop_box span{
	margin-top: 0px;
	background: url(/img/format_subpage/00_icon_02.gif) left no-repeat;
	padding: 0px 0px 0px 20px;
}

.link_list ul{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 15px;
}

#globalNav ul{
	font-size: 0px;
}

li{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.link_list li{
	list-style: none;
	background: url(/img/format_subpage/00_icon_03.gif) left no-repeat;
	list-style-position: outside;
	padding: 0px 20px 0px 12px;
}

h6{
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#main{
	padding: 0px;
	margin: 0px auto;
	margin-top: -3px;
	width: 920px;
	background: url(/img/bg/sub_main.gif) left top no-repeat;
}

.contents{
	text-align: left;
	width: 770px;
	margin: 0px auto 0px auto;
	padding: 20px 0px 0px 0px;
}

.box3{
	float: left;
	width: 533px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

.news_h{
	text-align: left;
	margin: 533px;
	padding: 0px;
}

.box4{
	float: right;
	width: 207px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

.shpo{
	text-align: center;
	width: 207px;
	padding: 0px;
}

.img1{
	float: left;
	width: 166px;
	margin: 0px 0px 0px 0px;
	padding: 10px 17px 0px 0px;
	background-color: transparent;
}

.img2{
	float: left;
	width: 166px;
	margin: 0px 0px 0px 0px;
	padding: 10px 17px 0px 0px;
	background-color: transparent;
}

.img3{
	float: left;
	width: 166px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background-color: transparent;
}

.img21{
        float: left;
        width: 166px;
        margin: 0px 0px 0px 0px;
        padding: 10px 17px 0px 0px;
        background-color: transparent;
}

.img22{
        float: left;
        width: 166px;
        margin: 0px 0px 0px 0px;
        padding: 10px 17px 0px 0px;
        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: 520px;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 10px;
	border: none;
}

#news th{
	border: none;
}

#news tr{
	border: none;
}

#news td{
	border: none;
}

.two-columnBox .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;
}