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

body {
	margin				: 0px;
	padding				: 0px;
	background:url(../images/bg_01.gif) repeat-x;
	}
#outside {
	font-family			: "verdana", "Arial", "Helvetica", "sans-serif", "lr oSVbN","ＭＳ Ｐゴシック", Osaka;

}


#wrapper_page {
	width				: 770px;
	margin				: auto;
	/*background:url(../images/bg_03.gif) repeat-y ;*/
	
}

.signal_bottom {
	clear				: both;
	color				: #ff00ff;
	padding-top			: 0.1px;
	
}

/*------------------------header start-----------*/
#header {
	color				: #ffffff;
	background			:url(../images/img_header.gif) no-repeat;
	width				: 770px;
	height				: 131px;
	}

.snippet {
	height				:27px;
	width				:739px;
	margin-left			:5px;
	color				:#FFFFFF;
	font-size			:10px;
	padding				:5px 8px 0 8px;
	}
	
.headersub {
	height				:99px;
	width				:760px;
	margin-left			:5px;
	}	
	
.part_right{
	width				:380px;
	height				:99px;
	float				:right;}	

.logo{
	width				:271px;
	height				:47px;
	background			:url(../images/img_logo.gif) no-repeat;
	margin				:31px 0 0 21px;}


.part_left{
	width				:380px;
	height				:99px;
	float				:left;
}

.utiliti_wrapper{
	width:230px;
	height:15px;
	margin:77px 9px 0 141px;
	}
	
.util_wrap_left {
	width:143px;
	height:15px;
	float:left;
}

.util_wrap_left_a {
width:66px;
height:15px;
float:left;
text-indent:-9999px;
font-size:0px;
}

.util_wrap_left_a strong a {
background-position:0 -15px;
text-indent:-9999px;
font-size:0px;
}

.util_wrap_left_a a{
width:66px;
height:15px;
float:left;
background:url(../images/btn_flag_eng.gif) no-repeat;
}

.util_wrap_left_a a:hover {
background-position:0 -15px;
}

.util_wrap_left_b {
width:77px;
height:15px;
float:right;
}

.util_wrap_left_b strong {
	width				:77px;
	height				:15px;
	background			:url(../images/btn_flag_jp.gif) no-repeat 0 -15px;;
	font-size			:0px;
	text-indent			:-9999px;
	float				:left}

.util_wrap_left_b a {
width:77px;
height:15px;
float:right;
background:url(../images/btn_flag_jp.gif) no-repeat;
font-size:0px;
text-indent:-9999px;
}

.util_wrap_left_b a:hover {
background-position:0 -15px;
}

.util_wrap_right{
	width:87px;
	height:15px;
	float:right;
}

.util_wrap_right a{
	width:87px;
	height:15px;
	float:right;
	background:url(../images/btn_flag_ind.gif) no-repeat;
	font-size:0px;
	text-indent:-9999px;
}
	
.util_wrap_right a:hover {
background-position:0 -15px;
}

.header_right_utility {
	width				: 189px;
	height				: 15px;
	float				:right;
	margin				: 10px 9px 0 0;}
	
	
.utility {
	padding				: 0px 0 0 9px;
	font-size			: 10px!important;
	font-size/**/:9px;
	text-align			:right;}
	
	
.utility a {
	text-decoration		: none;
	padding				: 0px 0 0 9px;
	font-size			: 10px!important;
	font-size/**/:9px;
	color				: #313131;}


.utility a:hover {
	padding				: 0px 0 0 9px;
	font-size			: 10px!important;
	font-size/**/:9px;
	color				: #FF7110;}


/*------------------------header end-----------*/
/*------------------------wrapper_main start-----------*/

#wrapper_main	{
	background:url(../images/bg_03.gif) repeat-y;
	width:770px;
	}
.wrapper_sub	{
	width:770px;
	background:url(../images/bg_wrap_main_1.gif) no-repeat;
	}	
	
.main_image		{
	width:760px;
	height:162px;
	margin-left:5px;
	background-color:#666666;
	background:url(../images/img_main_sub.jpg) no-repeat;
	}	
	
.wrapper_content{
	width:760px;
	margin-left:5px;
	}
	

/*------------------------navigation start-----------*/
.navigation	{
	width				:211px;
	float				:left;	
	}
.button
	{
	width				:209px;
	margin-left			:1px;
	}
	
.button ul,.button li{
	margin				:0px;
	padding				:0px;
	list-style			:none;
	}

	
		


.buttons1 a{
	width				:155px;
	height				:21px!important;
	height/**/			:22px;
	background			:url(../images/btn_sidebar01.gif) no-repeat;
	display				:block;	
	text-decoration		:none;
	font-size			:11px;
	padding-left		:55px;
	padding-top			:12px;
	color				:#000000;
	margin-bottom		:-2px;
	}


.buttons1 a:hover
	{
	background-position: 0 -33px;
	}	
			

.buttons2 a{
	width				:155px;
	height				:21px!important;
	height/**/			:22px;
	background			:url(../images/btn_sidebar02.gif) no-repeat;
	display				:block;	
	text-decoration		:none;
	font-size			:11px;
	padding-left		:55px;
	padding-top			:12px;
	color				:#000000;
	margin-bottom		:-2px;
	}

.buttons2 strong a{
	margin-top			:0px!important;
	margin-top/**/:-8px;
	background-position : 0 -33px;
	}

.buttons2 a:hover
		{
		background-position: 0 -33px;
		}		


.buttons3 a{
	width				:155px;
	height				:21px!important;
	height/**/			:22px;
	background			:url(../images/btn_sidebar03.gif) no-repeat;
	display				:block;	
	text-decoration		:none;
	font-size			:11px;
	padding-left		:55px;
	padding-top			:12px;
	color				:#000000;
	margin-bottom		:-2px;
	}


.buttons3 strong a {
	margin-top			:0px!important;
	margin-top/**/:-8px;
	background-position : 0 -33px;
	}


.buttons3 a:hover
		{
	background-position: 0 -33px;	
		}		

.buttons4 a{
	width				:155px;
	height				:21px!important;
	height/**/			:22px;
	background			:url(../images/btn_sidebar04.gif) no-repeat;
	display				:block;	
	text-decoration		:none;
	font-size			:11px;
	padding-left		:55px;
	padding-top			:12px;
	color				:#000000;
	margin-bottom		:-2px;
	}

.buttons4 strong a{
	margin-top			:0px!important;
	margin-top/**/:-8px;
	background-position : 0 -33px;
	}


.buttons4 a:hover
		{
	background-position: 0 -33px;	
		}		


.buttons5 a{
	width				:155px;
	height				:21px!important;
	height/**/			:22px;
	background			:url(../images/btn_sidebar05.gif) no-repeat;
	display				:block;	
	text-decoration		:none;
	font-size			:11px;
	padding-left		:55px;
	padding-top			:12px;
	color				:#000000;
	margin-bottom		:-2px;
	}

.buttons5 strong a{
	margin-top			:0px!important;
	margin-top/**/:-8px;
	background-position : 0 -33px;
	}


.buttons5 a:hover
		{
	background-position: 0 -33px;	
		}		


.buttons6 a{
	width				:155px;
	height				:21px!important;
	height/**/			:22px;
	background			:url(../images/btn_sidebar06.gif) no-repeat;
	display				:block;	
	text-decoration		:none;
	font-size			:11px;
	padding-left		:55px;
	padding-top			:12px;
	color				:#000000;
	margin-bottom		:-2px;
	}


.buttons6 strong a{
	margin-top			:0px!important;
	margin-top/**/:-8px;
	background-position : 0 -33px;
	}


.buttons6 a:hover
		{
	background-position: 0 -33px;	
		}		

.buttons7 a{
	width				:155px;
	height				:21px!important;
	height/**/			:22px;
	background			:url(../images/btn_sidebar07.gif) no-repeat;
	display				:block;	
	text-decoration		:none;
	font-size			:11px;
	padding-left		:55px;
	padding-top			:12px;
	color				:#000000;
	margin-bottom		:-2px;
	}

.buttons7 strong a{
	margin-top			:0px!important;
	margin-top/**/:-8px;
	background-position : 0 -33px;
	}



.buttons7 a:hover
		{
	background-position	: 0 -33px;	
		}		
			
		

/*------------------------navigation end-----------*/

/*----------------------------content start-----------------------*/
	
.content	{
	width:549px;
	float:right;
	}	
	
		
.wrap_content	{
	width:549px;
	}
	
.bread_crumb {
	float:right;
	width:400px;
	font-size:10px;
	text-align:right;
	margin-top:4px;
	margin-right:15px;
}

.bread_crumb a{
	color:#000000;
}

.bread_crumb a:hover{
	text-decoration:none;
}	
	
.profile_title	{
	width:549px;
	height:37px;
	background:url(../images/img_h1_profile_jp.gif) no-repeat;
	}

.products_title	{
	width:549px;
	height:37px;
	background:url(../images/img_h1_products_jp.gif) no-repeat;
	}

.news_title	{
	width:549px;
	height:37px;
	background:url(../images/img_h1_news_jp.gif) no-repeat;
	}

.portfolio_title	{
	width:549px;
	height:37px;
	background:url(../images/img_h1_portfolio_jp.gif) no-repeat;
	}

.contact_title	{
	width:549px;
	height:37px;
	background:url(../images/img_h1_contact_jp.gif) no-repeat;
	}

.vacancy_title	{
	width:549px;
	height:37px;
	background:url(../images/img_h1_vacancy_jp.gif) no-repeat;
	}


.isi_content {
	width			:513px;
	font-size		:11px;
	background		:url(../images/img_bg_content_sub.gif) no-repeat!important;
	background/**/:url(../images/img_bg_content_sub.gif) no-repeat 0 -10px;
	padding-top		:20px;
	padding-left	:20px;
	padding-right	:16px;
	padding-bottom	:20px;
	line-height		:130%;
	}
	
.isi_content_left{
	width: 300px;
	float: left;
}

.isi_content_right{
	width: 213px;
	float: right;
}
	
.goto_top {
	font-size:11px;
	margin-bottom:20px;
	margin-left:20px;
}

.goto_top a{
	color:#000000;
}

.goto_top a:hover{
	color:#ff7110;
	text-decoration:none;
}
	
.vision_catch	{
	width:549px;
	height:115px;
}


.catch_left	{
	float:left;
	width:275px;
	height:115px;
	}
	
.catch_lefta	{
	float:left;
	width:138px;
	height:115px;
	}
	
.catch_lefta a	{
	float:left;
	width:138px;
	height:115px;
	background:url(../images/btn_pickup_webapp.gif) no-repeat;
	text-indent:-9999px;
	font-size:0px;
	display:block;
	}
	
.catch_lefta a:hover {
	background-position: 0 -115px;
	}
	
	
.catch_leftb	{
	float:right;
	width:137px;
	height:115px;
	}
	
.catch_leftb a	{
	float:left;
	width:137px;
	height:115px;
	background:url(../images/btn_pickup_webdev.gif) no-repeat;
	text-indent:-9999px;
	font-size:0px;
	display:block;
	}
	
.catch_leftb a:hover {
	background-position: 0 -115px;
	}	

	
.catch_right	{
	float:right;
	width:274px;
	height:115px;
	}

.catch_righta	{
	float:left;
	width:138px;
	height:115px;
	}
	
.catch_righta a	{
	float:left;
	width:138px;
	height:115px;
	background:url(../images/btn_pickup_content.gif) no-repeat;
	text-indent:-9999px;
	font-size:0px;
	display:block;
	}
	
.catch_righta a:hover {
	background-position: 0 -115px;
	}
	

	
		
.catch_rightb	{
	float:right;
	width:136px;
	height:115px;	
	}
	
.catch_rightb a	{
	float:left;
	width:136px;
	height:115px;
	background:url(../images/btn_pickup_seo.gif) no-repeat;
	text-indent:-9999px;
	font-size:0px;
	display:block;
	}
	
.catch_rightb a:hover {
	background-position: 0 -115px;
	}	


.banner	{
	width:210px;
	height:93px;
	background:url(../images/img_banner_holder.gif) no-repeat;
	margin-right:1px;
	padding-top:22px;
	
	}
.psi_banner	{
	width:209px;
	height:85px;
	background:url(../images/simrs_banner.gif) no-repeat;
	margin-left:1px;
	margin-top:-15px;
	
	
	}

.address	{
	width:209px;
	margin-left:1px;
	}

.add_title	{
	width:210px;
	height:75px;
	background:url(../images/img_company.gif) no-repeat;

}


.add_text	{
	width:189px;
	padding-top:25px;
	padding-left:20px;
	font-size:11px;
	line-height:130%;
}

.information	{
	width:549px;
}

.infor_title	{
	width:549px;
	height:75px;
	background:url(../images/img_info.gif) no-repeat;

}

.infor_content	{
	padding-top:23px!important;
	padding-top/**/:/**/26px;
	padding-left:23px;
	border-left:1px solid  #797979;
	width:500px;
	padding-bottom:27px;
	
}

.contents_main1	{
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	margin-bottom			:6px!important;
	margin-bottom/**/:/**/9px;		
	}

.contents_main2	{
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	margin-bottom			:6px!important;
	margin-bottom/**/:/**/9px;		
	height: 130px;
	}

.date_news	{
	width					:442px;
	padding-left			:0px;
	margin-bottom			:5px!important;
	margin-bottom/**/:/**/7px;
}

.date_news ul	{
	padding				: 0px;
	margin				: 0px;
	}

.date_news li	{
	list-style			: none;
	display				:block;	
	padding-left		:20px;
	padding-top			:1px;
	line-height:150%;
	}


.content_news	{
	width					:442px;
	padding-left			:45px;
	
	}
.content_news a	{
	color				:#6C6C6C;
	}

.content_news ul	{
	padding				: 0px;
	margin				: 0px;
	}

.content_news li	{
	list-style			: none;
	display				:block;	
	padding-top			:1px;
	color				:#6C6C6C;
	line-height			:150%;
	}


.img_port  {
	width					:140px;
	padding-left			:0px;
	margin-bottom			:5px!important;
	margin-bottom/**/:/**/7px;
}


.content_port	{
	width					:244px;
	height:25px;
	padding-left			:5px;
	margin-top:5px;
	border-bottom:1px solid #ccc;
	}
	
.contents_main1_left {
	float:left;
	width:250px;
	height:116px;
}

.contents_main1_right {
	float:right;
	width:250px;
	height:116px;
}


.bg_title_portfolio {
	width:250px;
	height:16px;
	background:url(../images/bg_img_port_title.gif) no-repeat;
	text-align:center;
	margin-bottom:3px;
}

.wrap_portfolio {
	width:250px;
	height:104px;
}

.wrap_portfolio_left {
	float:left;
	width:240px;
	height:108px;
    text-align: center;
    border-right:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-bottom:1px solid #CCC;
    padding: 4px;
}

.wrap_portfolio_right {
	float:right;
	width:111px;
	height:104px;
}
/*----------------------------content end-----------------------*/

/*----------------------------footer start---------------------*/


#footer	{
	background:url(../images/img_footer.gif) no-repeat;
	width:770px;
	height:29px;
	font-size:11px;
	text-align: center;
	padding-top: 10px;
	color:#FFFFFF;
	
	
}

#footer	a{
	color:#FFFFFF;	
}

#footer	a:hover{
	text-decoration:none;	
}


#nav_bawah {
	width: 730px;
	height: 30px;
	text-align: center;
	font-size:11px;
	margin: auto;
	margin-top: 6px;
	}


.bg_title_portfolio_wap {
	width:250px;
	height:16px;
	background:url(../images/bg_img_port_title.gif) no-repeat;
	text-align:center;
	margin-bottom:3px;
}

.wrap_portfolio_wap {
	float:left;
	width:240px;/*139px;*/
	height:104px;
	text-align: center;
	padding: 4px;
}

.wrap_portfolio_wp {
	width: 250px;
	height: 380px !important;
}