/*-------------------------------
        reset
--------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
img{vertical-align:bottom}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}



/*-------------------------------
        selecta default
--------------------------------*/

body {
	width:100%;
	margin:0;
	padding: 0 0 20px;
	font-family: Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "MS Pゴシック", Sans-Serif;
	text-align:center;
	word-break: break-all;
	background: #181818 url(../houjin/img/new_index/bg.jpg) no-repeat center top;
}


/*-------------------------------
         page layout
--------------------------------*/
/* wrapper */	
div#wrapper{
	width:980px;
	margin: 0 auto;
	text-align:left;
	font-size:12px;
	line-height:1.2;
	color:#999999;
}
div#wrapper a:link,div#wrapper a:visited {color:#333333;}
div#wrapper a:hover,div#wrapper a:active  {color:#8DC471;}

/* footer */
div#f_wrapper {
	width: 100%;
	clear: both;
	background: url(../houjin/img/new_index/f_bg.gif) repeat-x left bottom;
}
div#f_wrapper a:link,div#f_wrapper a:visited {color:#ACA89D; text-decoration: none;}
/* header */
div#header {
	width: 100%;
	height: 103px;
	position: relative;
}
div#header #iris {
	position: absolute;
	left: 50px;
	top: 13px;
}
div#header #sugu_eco {
	position: absolute;
	left: 50px;
	top: 59px;
}

#sugu_eco2 {
	position: absolute;
	left: 50px;
	z-index: 2;
}

*html div#header #sugu_eco2 {
	position: absolute;
	left: 50px;
	top: 150px;
	z-index: 2;
}

div#header #houjin_rog {
	position: absolute;
	left: 755px;
	top: 78px;
}

div#header #logo {
	position: absolute;
	left: 336px;
	top: 19px;
}
div#header #contact_link {
	position: absolute;
	left: 755px;
	top: 19px;
}
/* index contents */
div#contents {
	padding: 0 50px;
	width: 880px;
	background: url(../houjin/img/new_index/index_bg.jpg) no-repeat center -36px;
	position: relative;
}
div#contents #catch{
	width: 100%;
	height: 123px;
	position: relative;
}
div#contents #catch h3 { float:left;}
div#contents #catch p { text-align: right; width: 300px; float: left;}

div#contents #flow {
	clear: both;
	float: left;
	width: 300px;
	padding: 30px 0 0;
}

div#contents #flow ul#tokutyou_box{ margin:0 auto 40px auto;}
div#contents #flow ul#tokutyou_box li{padding:0 0 2px 30px; }

div#contents #flow h3 {
	float: left;
	width: 122px;
	padding: 0 0 0 19px;
}
div#contents #flow #flow_bt {
	position: relative;
	top: -10px;
}
div#contents #jirei{padding-top: 30px; position:relative;}
/*div#contents #jirei h3, div#contents #jirei ul li{
	width: 123px;
	float: left;
	text-align: right;
}*/
div#contents #jirei h3{
	height:143px;
	width: 123px;
	float: left;
	text-align:left;
}
/*div#contents #jirei ul{ padding-top:10px;}
div#contents #jirei ul li{
	width: 103px;
	padding: 0 5px 0 5px;
	float:left;
}
div#contents #jirei ul li.haji{
	width: 103px;
	padding: 0 5px 10px 128px;
	float:left;
	text-align: center;
}*/
div#contents #jirei h3 img{padding: 0 7px 50px 13px;}
/*div#contents #jirei ul li { padding-bottom: 10px;}*/
/*div#contents #jirei p {position: absolute;
	top: 454px;
	left: -45px;	
	z-index: 1;}*/
/*div#contents #jirei p { text-align: right; position: relative; width: 100%; clear: both;}*/
/*div#contents #jirei p a {
	display: block;
	position: absolute;
	left: 389px;
	top: -200px;
}*/
div#contents #jirei div#irisaoba{ position:absolute; top:187px; left:300px;}

div#contents p#hikaku {
	width: 100%;
	clear: both;
	padding: 36px 0 32px;
	font-size: 10px;
	letter-spacing: -0.1em;
}
/* index contents2 */
div#contents2 { padding: 0 30px;}
div#contents2 div#proposal {
	margin: 0 0 11px;
	padding: 0 0 9px;
	background: url(../houjin/img/new_index/bg_ami2.gif) repeat left top;
}
div#contents2 h5 {
	padding: 5px 0 7px 20px;
}
div#contents2 h4 {
	padding: 3px 0 2px 20px;
}	
div#contents2 div#proposal ul {
	margin: 0 8px;
	padding: 7px 11px 0;
	height: 200px;
	position: relative;
	background: url(../houjin/img/new_index/bg_ami.gif) repeat left top;
}
div#contents2 div#proposal ul li#text {
	height:91px;
	/*height: 132px;*/
}
div#contents2 div#proposal ul li {
	width: 264px;
	float: left;
	padding: 0 44px 9px 0;
}
div#contents2 div#proposal ul li.r_end {
	padding: 0 0 9px 0;
}

div#contents2 div#proposal ul li div.youto_kobetu{ padding-top:8px;}
div#contents2 div#proposal ul li div.youto_kobetu p{padding:2px 0 0 0;}
/*.gedan*/
div#contents2 div#proposal ul.gedan {
	margin: 0 8px;
	padding: 7px 11px 0;
	height:150px;
	position: relative;
	background: url(../houjin/img/new_index/bg_ami.gif) repeat left top;
}
div#contents2 div#proposal ul.gedan li#text {
	height:91px;
	/*height: 132px;*/
}
div#contents2 div#proposal ul.gedan li {
	width: 264px;
	float: left;
	padding: 0 44px 9px 0;
}
div#contents2 div#proposal ul.gedan li.r_end {
	padding: 0 0 9px 0;
}

div#contents2 div#proposal ul.gedan li div.youto_kobetu{ padding-top:8px;}
div#contents2 div#proposal ul.gedan li div.youto_kobetu p{padding:2px 0 0 0;}

/**/
div#contents2 div#column,div#contents2 div#download, div#contents2 div.r_column {
	width: 301px;
	float: left;
	margin-right: 8px;
}
div#contents2 div.r_column { margin:0; height: 103px;}
div#contents2 #newitem, div#contents2 #publicity,
div#contents2 div#download, div#contents2 div.r_column {
	background: url(../houjin/img/new_index/bg_ami2.gif) repeat left top;
	margin-bottom: 8px;
}
div#contents2 div#column ul {
	margin: 9px;
	padding: 10px 11px 13px;
	background: url(../houjin/img/new_index/bg_ami.gif) repeat left top;
}
div#contents2 div#column ul li {
	padding: 0 0 3px;
}
div#contents2 div#newitem { margin-bottom: 3px;}
div#contents2 div#newitem ul {
	margin: 0 9px 3px;
	padding: 0 0 0;
	background: none;
	width:283px;
}
div#contents2 #newitem ul li {
	width: 283px;
	height: 45px;
	background: url(../houjin/img/new_index/bg_ami2.gif) repeat left top;
}
div#contents2 #newitem ul li a{
	display: block;
	padding: 5px 0 0 30px;
	height: 100%;
	background: url(../houjin/img/new_index/news_bg.gif) no-repeat left top;
	color:#ACA69D;
	text-decoration: none;
}
div#contents2 #newitem ul li a:hover {
	background: url(../houjin/img/new_index/news_bg_o.gif) no-repeat left top;
}
div#contents2 #newitem ul li a span {
	color: #666666;
}
div#contents2 #newitem p {
	padding: 4px 8px 9px;
}
div#contents2 p {
	text-align: right;
	padding: 8px 8px 13px;
}
div#contents2 div.r_column p { padding: 5px 8px 13px;}
div#contents2 div.r_column div.naka_link{ padding:2px 0 0 20px;}
div#contents2 div#download li {
	text-align: right;
	padding: 0 8px 1px 0;
}
div#contents2 div#download ul.data{
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 7px;
}
div#contents2 div#download ul.data li {
	width: 142px;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0px;
}
/*footer*/
div#footer {
	width: 980px;
	margin: 0 auto;
	padding: 56px 0 0;
	background: url(../houjin/img/new_index/f_bg2.gif) no-repeat left bottom;
	font-size:12px;
	line-height:1.2;
	color:#ACA89D;
}
div#footer ul {padding: 24px 30px 0; text-align: left;}
div#footer ul li#f_logo { border: none;}
div#footer ul li a:hover { color: #FFFFFF;}
div#footer ul li img { vertical-align: middle;}
div#footer ul li, div#footer ul li#pagetop a{
	display: inline;
	padding: 2px 7px;
	border-right: 1px solid #ACA89D;
	position: relative;
	z-index: 2;
}
div#footer ul li.border_l, div#footer ul li#pagetop a{
	border-left: 1px solid #ACA89D;
}
div#footer ul li#pagetop {
	display: block;
	text-align: right;
	border: 0;
	padding: 0;
	position: relative;
	top: -1.4em;
	z-index: 1;
}
div#footer div#copy {
	height: 60px;
	margin: -1.4em 0 0;
	padding: 0 30px 0 50px;
	text-align: left;
}
div#footer div#copy p {
	padding: 35px 0 0;
	font-size: 11px;
	letter-spacing: -0.1em;
}
div#footer div#copy div {
	text-align: right;
	margin: -30px 0 0;
}

/*導入事例*/
div#contents #jirei ul.jirei_li_box{ float:right; width:457px;}
div#contents #jirei ul.jirei_li_box li{list-style-type: none;
	display: block;
	float: left;
	margin:5px;}
div#contents #jirei ul.jirei_li_box li p{ width:103px; margin-top:3px; height:17px; background:url(../houjin/img/jirei/jirei_icon.gif) top right no-repeat; text-align:left; font-size:12px; color:#C9C5BE;}
div#contents #jirei ul.jirei_li_box li a{text-decoration: none;}
div#jirei_box {float:right; width:457px; position:relative; padding-top:20px;}
div#jirei_box ol#pagination {
	width:457px;
    position:absolute;
	top:0;
	text-align:center;
	overflow: hidden;
}
div#jirei_box ol#pagination li {
	font-size:12px;
    background:#999999;
	color:#333333;
    cursor: pointer;
    display: inline;
    list-style: none outside none;
    margin: 0 2px;
    text-align: left;
	text-align:center;
	padding:2px 3px;
}
div#jirei_box ol#pagination li:hover {
    background:#30789A;
	color:#FFFFFF;
}
div#jirei_box ol#pagination li.current {
    background:#FFFFFF;
	color:#000000;
}
div#jirei_box ol#pagination li.prev, ol#pagination li.next {text-indent: -8000px;

}
div#jirei_box ol#pagination li.prev {
	height:14px;
	width:11px;
	display:block;
	position:absolute;
	top:0;
	left:150px;
    background: url("../houjin/images/mae.gif") no-repeat;

}
div#jirei_box ol#pagination li.next {
	height:14px;
	width:11px;
	display:block;
    background: url("../houjin/images/tugi.gif") no-repeat;
	position:absolute;
	top:0;
	right:150px;
}

div#if_box{ margin:20px 0 0; padding:0; float:right;}

/*top_main_NEWS*/
div#top_mainbox{ width:980px; height:364px; background:url("../houjin/img/new_index/led.jpg") top no-repeat; position:relative;}
div#top_mainbox dl{padding:230px 0 0 50px;}
div#top_mainbox dd.news_box01{ margin-bottom:5px; position:relative; padding:8px 0; font-size:14px; color:#ACA59D; width:252px; background: url(../houjin/img/news/news_bg.png) top repeat-y;}
div#top_mainbox dd.news_box01 p{ margin-left:20px;}
div#top_mainbox dd.news_box01 h4{margin-left:20px; font-size:16px; font-weight:bold; color:#FFFFFF; padding-left:1em; background:url("../houjin/img/news/news_icon.png") top left no-repeat;}
div#top_mainbox dd.news_box01 .news_arrow{ position:absolute; right:0; top:30%; z-index:1;}
div#top_mainbox dd.news_next a{ margin-left:20px; font-size:12px; color:#FFFFFF; padding-left:1.5em; background:url("../houjin/img/news/news_icon.png") top left no-repeat; text-decoration:none;}
div#top_mainbox dd.news_box01 h4 a{ color:#FFFFFF; text-decoration:none;}


div#top_mainbox div#plaza_link{
	position:absolute;
	top:275px;
	right:50px;
}


/*バナー追加*/

.pt25{
	padding-top:25px;
	padding-right:2px;}

.pt50{
	padding-right:2px;
	position:relative;
	top:-25px;}

.tuika_katarogu{
	margin-left:0px;
	z-index:3;
	width:900px;
	position:relative;
	top:-28px;
	left:20px;}