@charset "utf-8";
/* CSS Document */

html {
	background-image:url(../img/bg-wrap.gif);
	background-repeat:no-repeat;
	background-position:center top;

/*	background:url(../img/bg-line.gif);
	background-repeat:repeat-y;
	background-position:center bottom;
*/}


/*----------------------------------------

wrapper 

-----------------------------------------*/


#wrapper {
    position: relative;
    width: 956px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}

#wrapper {
	margin:0 auto;
	width:100%;
	background-image:url(../img/bg-wrap.gif);
	background-repeat:no-repeat;
	background-position:center top;
}


/*----------------------------------------

#flash-wrap

-----------------------------------------*/
#flash-wrap {
	width:100%;
	margin:0 auto;
}
#flash-area {
	width:948px;
	height:364px;
	margin:0 auto;
	padding-bottom:1px;
}
#flashcontent {
	text-align:center;
}

#flashcontent img.flash-text {
	padding-top:70px;
}

/*----------------------------------------

gNav 

-----------------------------------------*/

#gNav-wrap {
	margin:0 auto;
	width:100%;
}
#gNav {
	width:948px;
	margin:0 auto;
	padding-bottom:10px;
}
#gNav ul li {
	float:left;
}
#gNav ul li a {
	display:block;
	height:56px;
	overflow:hidden;
	text-indent:-999px;
	background-image:url(../common/img/gNav.gif);
	background-repeat:no-repeat;
}
#gNav li.top a {
	background-position:0px 100%;
	width:136px;
/*	background-position:0 0;
	width:136px;
*/}
#gNav li.service a {
	background-position:-136px 0;
	width:135px;
}
#gNav li.flow a {
	background-position:-271px 0;
	width:135px;
}
#gNav li.price a {
	background-position:-406px 0;
	width:136px;
}
#gNav li.works a {
	background-position:-542px 0;
	width:135px;
}
#gNav li.voice a {
	background-position:-677px 0;
	width:136px;
}
#gNav li.faq a {
	background-position:-813px 0;
	width:135px;
}

#gNav li.top a.on,
#gNav li.top a:hover {
	background-position:0px 100%;
	width:136px;
}
#gNav li.service a.on,
#gNav li.service a:hover {
	background-position:-136px 100%;
	width:135px;
}
#gNav li.flow a.on,
#gNav li.flow a:hover {
	background-position:-271px 100%;
	width:135px;
}
#gNav li.price a.on,
#gNav li.price a:hover {
	background-position:-406px 100%;
	width:136px;
}
#gNav li.works a.on,
#gNav li.works a:hover {
	background-position:-542px 100%;
	width:135px;
}
#gNav li.voice a.on,
#gNav li.voice a:hover {
	background-position:-677px 100%;
	width:136px;
}
#gNav li.faq a.on,
#gNav li.faq a:hover {
	background-position:-813px 100%;
	width:135px;
}


/*----------------------------------------

#power

-----------------------------------------*/
#power {
	background:url(../common/img/bg-top-repeat.gif) repeat-x left bottom;
	padding-bottom:20px;
	padding-right:30px;
}
#power h2 {
	padding-bottom:20px;
}
#power .arch {
	background:url(../img/bg-power1.gif) no-repeat 20px top;
	padding:10px 0 25px 175px;	
}
#power .design {
	background:url(../img/bg-power2.gif) no-repeat 20px top;
	padding:10px 0 25px 175px;	
}
#power .marq {
	background:url(../img/bg-power3.gif) no-repeat 20px top;
	padding:10px 0 25px 175px;	
}
#power .manage {
	background:url(../img/bg-power4.gif) no-repeat 20px top;
	padding:10px 0 25px 175px;	
}
#power h3 {
	padding-bottom:10px;
}
#power dl {
	width:470px;
}
#power dt {
	padding-bottom:15px;
}

/*----------------------------------------

#power

-----------------------------------------*/
#news {
	position:relative;
	padding-bottom:20px;
	padding-right:30px;
}
#news  h2 {
	padding-bottom:20px;
}
#news p.rss {
	position:absolute;
	right:30px;
	top:40px;	
}
#news .news-list {
	padding-left:30px;
}
#news .news-list dl {
	border-top:1px solid #e3e3e3;
	margin-bottom:5px;
}
#news .news-list dl dt {
	float:left;
	background:url(../common/img/icon-yajirusi01.gif) no-repeat 7px center;
	color:#a5a5a5;
	font-weight:bold;
	border-bottom:1px solid #e3e3e3;
	padding:3px 0 3px 30px;
}
#news .news-list dl dt a {
	color:#a5a5a5;
	font-weight:bold;
}
#news .news-list dl dd {
	padding:3px 0 3px 120px;
	border-bottom:1px solid #e3e3e3;
}