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

	common

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

* {
	margin: 0;
	padding: 0;
}

body,h1,h2,h3,h4,p,ul,li,dl,dt,em,strong {
	color:#333;
	line-height:1.5;
	padding: 0;
	text-decoration: none;
	font-style:normal;
	font-weight: normal;
}

body {
	margin:0 auto;
    font-size: 12px;
}
a {
	color:#666699;
	text-decoration:none;
}

img {
	border:0;
}
p {
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}

li {

	 list-style-type:none;
}
.clear{
 clear:both;
 }
.kome{
	font-size:11px;
	text-indent:-1em;
	margin:0 0 0 1em;
	}



.red{
	color:#FF0000;
}
.center{
margin: 10px auto 10px auto;
text-align:center;

}
div#title{
	margin: 0 0 20px 0;
}

.bt{
margin: 10px auto 30px auto;
text-align:center;

}
.bt img{
margin: 0 10px 0 0;

}
.t10{
margin:10px 0 0 0;
}
.b10{
margin: 0 0 10px 0;
}
.t5b15{
margin: 5px 0 15px 0;
}
.tb15{
margin: 15px 0;
}
.t15b10{
margin: 15px 0 10px 0;
}
.lb10{
margin: 0 0 10px 10px;
}
.b10{
margin: 0 0 10px 0;
}
.t40b25{
margin: 40px 0 25px 0;
}
.t40b15{
margin: 40px 0 15px 0;
}
.b25{
margin: 0 0 25px 0;
}
.btn-r {
	float:right;
	background:url(../common/arrow.gif) no-repeat 0px 5px ;
	padding:0 0 0 10px;
	margin:0 0 0 0;
}
.pagetop {
	float:right;
	background:url(../common/arrow.gif) no-repeat 0px 5px ;
	padding:0 0 0 10px;
	margin:10px 22px 10px 0;
	clear:both;
}
.pagetop2 {
	float:right;
	margin:5px 0;
	clear:both;
}
.img-r{
float:right;
margin:0 0 0 15px;
}

.uc{
text-align:center;
font-size:16px;
font-weight:bold;
margin:200px 0 200px 0;
}
/*--------------------------------------------------------

	layout

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


div#contents {
	margin: 0 auto;
    padding: 0 ;
	width:879px;
}
div#contents-box {
	background:url(../common/back.gif) repeat-y;
	margin: 0 auto;
    padding: 0 ;
	width:879px;
}
div#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html div#contents {
    height: 1em;
}
div#contents {
    display: block;
}
/**/
div#contents-box {
	background:url(../common/back.gif) repeat-y;
	margin: 0 auto;
    padding: 0 ;
	width:879px;
}
div#contents-box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html div#contents-box {
    height: 1em;
}
div#contents-box {
    display: block;
}
/**/

div#main {
	width:854px;
    padding: 0 11px ;
	margin:8px auto 0 auto;
	clear:both;
}
div#left {
	float:left;
	width:594px;
	border:1px solid #C0C0D9;
	padding: 24px 19px 10px 19px;
}
* html div#left {
	float:left;
	width:556px;
	border:1px solid #C0C0D9;
	padding: 24px 19px 10px 19px;
}
div#left-box {
	width:547px;
	padding: 0;
	margin:30px auto;
}
div#right {
	float:right;
	width:207px;
	margin:0 0 0 0;
}
div#main-top {
	width:849px;
    padding: 0 22px ;
	margin:0 auto;
	clear:both;
}
div#main-top div#left {
	float:left;
	width:535px;
	border: none;
	padding: 0;
}
div#main-top div#right {
	float:right;
	width:285px;
	margin:0 15px 0 15px;
}
div#main-top div#right {
	float:right;
	width:285px;
	margin:0 15px 0 15px;
}
html>/**/body div#main-top div#right {
	float:right;
	width:270px;
	margin:0 25px 0 0;
}
div#footer {
	width:879px;
    margin: 0 auto 10px auto ;
	padding: 0 ;
	clear:both;
	background:url(../common/back.gif) repeat-y;
}

div#footer-box {
	width:849px;
    margin: 0 auto;
	padding: 0;
	clear:both;
}
/*--------------------------------------------------------

	header

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

div#header {
	height:60px;
	width:879px;
	margin: 0 auto;
    padding:0 ;

}
#header-l {
	width:189px;
	float: left;
	margin:15px 0 0 5px;
	padding: 0;
}
#header-r {
	width:500px;
	text-align:right;
	float: right;
	padding: 0;
	margin:35px 10px 0 0;
	font-size:11px;
}

div#header-r ul{
	list-style:none;
    padding: 0 ;
	margin:0 ;
	float: right;
}

div#header-r li {
	list-style-type:none;
	display:inline;
    padding: 0 ;
	margin:0 ;
}

div#header-r a{
	float:left;
	display:block;
	background:url(../common/arrow.gif) no-repeat 0px 5px ;
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	text-decoration:none;
	font-size:11px;
}
/*--------------------------------------------------------

	navi

--------------------------------------------------------*/
div#navi-box {
	width:856px;
	height:34px;
    padding: 0 ;
	margin:0 11px ;
}

div#navi-box ul{
	width:879px;
	list-style:none;
    padding: 0 ;
	margin:0 ;
}

div#navi-box li {
	list-style-type:none;
	display:inline;
    padding: 0 ;
	margin:0 ;
}


div#navi-web-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:123px;
	height:34px;
	background:url(../common/navi_web_on.gif) no-repeat;
}
div#navi-web a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:123px;
	height:34px;
	background:url(../common/navi_web.gif) no-repeat;
}


div#navi-web a:hover{
	background:url(../common/navi_web_on.gif) no-repeat;
}
div#navi-web {
	background:url(../common/navi_web.gif) no-repeat;
}

div#navi-seo-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:122px;
	height:34px;
	background:url(../common/navi_seo_on.gif) no-repeat;
}
div#navi-seo a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:122px;
	height:34px;
	background:url(../common/navi_seo.gif) no-repeat;
}
div#navi-seo a:hover{
	background:url(../common/navi_seo_on.gif) no-repeat;
}
div#navi-seo {
	background:url(../common/navi_seo.gif) no-repeat;
}

div#navi-system-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:122px;
	height:34px;
	background:url(../common/navi_system_on.gif) no-repeat;
}
div#navi-system a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:122px;
	height:34px;
	background:url(../common/navi_system.gif) no-repeat;
}
div#navi-system a:hover{
	background:url(../common/navi_system.gif) no-repeat;
}
div#navi-system {
	background:url(../common/navi_system.gif) no-repeat;
}

div#navi-management-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:122px;
	height:34px;
	background:url(../common/navi_management_on.gif) no-repeat;
}
div#navi-management a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:122px;
	height:34px;
	background:url(../common/navi_management.gif) no-repeat;
}
div#navi-management a:hover{
	background:url(../common/navi_management.gif) no-repeat;
}
div#navi-management {
	background:url(../common/navi_management.gif) no-repeat;
}

div#navi-charge-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:122px;
	height:34px;
	background:url(../common/navi_charge_on.gif) no-repeat;
}
div#navi-charge a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:122px;
	height:34px;
	background:url(../common/navi_charge.gif) no-repeat;
}
div#navi-charge a:hover{
	background:url(../common/navi_charge.gif) no-repeat;
}
div#navi-charge {
	background:url(../common/navi_charge.gif) no-repeat;
}


div#navi-flow-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:122px;
	height:34px;
	background:url(../common/navi_flow_on.gif) no-repeat;
}
div#navi-flow a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:122px;
	height:34px;
	background:url(../common/navi_flow.gif) no-repeat;
}
div#navi-flow a:hover{
	background:url(../common/navi_flow_on.gif) no-repeat;
}
div#navi-flow {
	background:url(../common/navi_flow.gif) no-repeat;
}

div#navi-achievement-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:123px;
	height:34px;
	background:url(../common/navi_achievement_on.gif) no-repeat;
}
div#navi-achievement a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:123px;
	height:34px;
	background:url(../common/navi_achievement.gif) no-repeat;
}
div#navi-achievement a:hover{
	background:url(../common/navi_achievement_on.gif) no-repeat;
}
div#navi-achievement {
	background:url(../common/navi_achievement.gif) no-repeat;
}



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

	FOOTER

--------------------------------------------------------*/
div#footer-box ul{
	width:849px;
	list-style:none;
	margin:10px auto 0 auto;
	float: left;
	border-bottom: 1px dotted #999;
	padding:0 0 10px 0;
}

div#footer-box li {
	list-style-type:none;
	display:inline;
    padding: 0 ;
	margin:0 ;
}

div#footer-box a{
	float:left;
	display:block;
	background:url(../common/arrow.gif) no-repeat 0px 5px ;
	padding:0 0 0 10px;
	margin:0 10px 0 0;
	text-decoration:none;
	font-size:11px;
}
div#footer-box img{
	margin:10px 0 ;
	float:right;
}
/*--------------------------------------------------------

	TOP

--------------------------------------------------------*/
div#visual {
	width:866px;
	background:url(../images/visual.jpg) no-repeat 0 0;
	margin:0 auto;
	padding:0;
	height:230px;
}
* html div#visual {
	width:843px;
	margin:0 7px 1px 7px;
    padding: 0;
	background:url(../images/visual.jpg) no-repeat 0 0;
	height:230px;
}
div#visual div#navi-box {
	margin:190px 5px 0 5px ;
	width:856px;
	height:34px;
    padding: 0 ;
}
html>/**/body div#visual div#navi-box {
	padding:190px 0 0 0 ;
	width:856px;
	height:34px;
	margin:0 5px ;
}
div#title-concept {
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:535px;
	height:30px;
	background:url(../images/title_concept.gif) no-repeat;
	clear:both;
	margin:0 0 10px 0;
}
div#title-works {
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:535px;
	height:30px;
	background:url(../images/title_works.gif) no-repeat;
	clear:both;
	margin:20px 0 10px 0;
}
.works-box{
	width:170px;
	float:left;
	font-size:11px;
	margin:0 0 0 0px;
}

.works-box img{
	margin:10px 0;
}
.works-box2{
	width:170px;
	float:left;
	font-size:11px;
	margin:0 0 0 12px;
}
.works-box2 img{
	margin:10px 0;
}
.banner {
	border:1px solid #C0C0D9;
	width:281px;
	padding:1px;
	margin-bottom:10px;
}
.banner-title {
	width:251px;
	background:url(../common/arrow.gif) no-repeat 0px 5px ;
	padding:0 10px 3px 10px;
	margin:1px 0 0 6px;
	border-bottom:1px dashed #999;
	font-weight:bold;
}
.banner2 {
	border:1px solid #C0C0D9;
	width:203px;
	padding:1px;
	margin-bottom:10px;
}
.banner-title2 {
	width:171px;
	background:url(../common/arrow.gif) no-repeat 0px 5px ;
	padding:0 10px 3px 10px;
	margin:1px 0 0 6px;
	border-bottom:1px dashed #999;
	font-weight:bold;
}
.banner a{
	font-weight:bold;
}
.banner2 a{
	font-weight:bold;
}
.banner p{
	font-size:11px;
	padding:3px 10px 0px 10px;
	margin:0 ;
}
.banner2 p{
	font-size:11px;
	padding:3px 10px 0px 10px;
	margin:0 ;
}






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

	WEB

--------------------------------------------------------*/
div#link-development-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../web/images/link_development_on.gif) no-repeat;
}
div#link-development a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../web/images/link_development.gif) no-repeat;
}
div#link-development a:hover{
	background:url(../web/images/link_development_on.gif) no-repeat;
}
div#link-development {
	background:url(../web/images/link_development.gif) no-repeat;
	margin:2px 0 0 0;
}

div#link-branding-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../web/images/link_branding_on.gif) no-repeat;
}
div#link-branding a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../web/images/link_branding.gif) no-repeat;
	margin:2px 0 0 0;
}
div#link-branding a:hover{
	background:url(../web/images/link_branding_on.gif) no-repeat;
}
div#link-branding {
	background:url(../web/images/link_branding.gif) no-repeat;
}

div#link-marketing-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../web/images/link_marketing_on.gif) no-repeat;
}
div#link-marketing a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../web/images/link_marketing.gif) no-repeat;
	margin:2px 0 0 0;
}
div#link-marketing a:hover{
	background:url(../web/images/link_marketing_on.gif) no-repeat;
}
div#link-marketing {
	background:url(../web/images/link_marketing.gif) no-repeat;
}

div#link-flow-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../web/images/link_flow_on.gif) no-repeat;
}
div#link-flow a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../web/images/link_flow.gif) no-repeat;
	margin:2px 0 0 0;
}
div#link-flow a:hover{
	background:url(../web/images/link_flow_on.gif) no-repeat;
}
div#link-flow {
	background:url(../web/images/link_flow.gif) no-repeat;
}
/*--------------------------------------------------------

	SYSTEM

--------------------------------------------------------*/
div#link-system-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../system/images/link_system_on.gif) no-repeat;
}
div#link-system a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../system/images/link_system.gif) no-repeat;
}
div#link-system a:hover{
	background:url(../system/images/link_system_on.gif) no-repeat;
}
div#link-system {
	background:url(../system/images/link_system.gif) no-repeat;
	margin:2px 0 0 0;
}

div#link-key-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../system/images/link_key_on.gif) no-repeat;
}
div#link-key a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../system/images/link_key.gif) no-repeat;
	margin:2px 0 0 0;
}
div#link-key a:hover{
	background:url(../system/images/link_key_on.gif) no-repeat;
}
div#link-key {
	background:url(../system/images/link_key.gif) no-repeat;
}

div#link-web-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../system/images/link_web_on.gif) no-repeat;
}
div#link-web a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../system/images/link_web.gif) no-repeat;
	margin:2px 0 0 0;
}
div#link-web a:hover{
	background:url(../system/images/link_web_on.gif) no-repeat;
}
div#link-web {
	background:url(../system/images/link_web.gif) no-repeat;
}

div#link-db-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../system/images/link_db_on.gif) no-repeat;
}
div#link-db a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../system/images/link_db.gif) no-repeat;
	margin:2px 0 0 0;
}
div#link-db a:hover{
	background:url(../system/images/link_db_on.gif) no-repeat;
}
div#link-db {
	background:url(../system/images/link_db.gif) no-repeat;
}

div#link-plat-on a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../system/images/link_plat_on.gif) no-repeat;
}
div#link-plat a{
	float:left;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	width:207px;
	height:41px;
	background:url(../system/images/link_plat.gif) no-repeat;
	margin:2px 0 0 0;
}
div#link-plat a:hover{
	background:url(../system/images/link_plat_on.gif) no-repeat;
}
div#link-plat {
	background:url(../system/images/link_plat.gif) no-repeat;
}
.scheme {
	width:470px;
	margin:10px auto;
	font-size:11px;
}
.scheme table{
	text-align:center;
	border-right: 1px solid #676767;
	margin:10px auto;
}
.scheme th{
	background:#000033;
	padding:4px 4px 0 4px;
	color:#FFF;
	font-weight:normal;
	border-left: 1px solid #676767;
	border-top: 1px solid #676767;	
	border-bottom: 1px solid #676767;
}
.scheme td{
	padding:4px 4px 0 4px;
	border-left: 1px solid #676767;
	border-bottom: 1px solid #676767;	
}
p .blue{
	color:#000066;
	margin:0 0 0 20px;
}
.blue{
	color:#000066;
}
.orange{
	color:#FF6600;
}

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

	PROFILE

--------------------------------------------------------*/
.profile-box{
	background:url(../profile/images/back.gif) repeat-y 0 0;
	float:left;
	padding:10px 0 0 0;
	margin:7px 0;
}
.profile-line{
	border-bottom:1px dotted #999;
	float:left;
	padding:0 0 10px 10px;
}
.profile-left{
	float:left;
	width:120px;
	margin:0 0 0 20px;
	border-right: 1px solid #000;
}
.profile-right{
	float:right;
	width:365px;
	margin:0 0 0 5px;
}
.profile-right img{
	vertical-align:middle;
	margin:0 0 0 15px;
}