@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_02.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 strong a {
	width				:66px;
	height				:15px;
	background-position :0 -15px;
	font-size			:0px;
	text-indent			:-9999px;}


.util_wrap_left_a a{
	width				:66px;
	height				:15px;
	float				:left;
	background			:url(../images/btn_flag_eng.gif) no-repeat;
	display				: block;
	font-size			:0px;
	text-indent			:-9999px;}


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


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

.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:hover {	
	width				:77px;
	height				:15px;
	background-position :0 -15px;}



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

	
.util_wrap_right a:hover {
	background-position	:0 -15px;
	width				:87px;
	height				: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_02.gif) repeat-y;
	width:770px;
	}
.wrapper_sub	{
	width:770px;
	background:url(../images/bg_wrap_main.gif) no-repeat;
	}	
	
.main_image		{
	width:760px;
	height:231px;
	margin-left:5px;
	background-color:#666666;
	background:url(../images/img_main.jpg) no-repeat;
	}	
	
.wrapper_content{
	width:760px;
	margin-left:5px;
	}
	

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


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


.buttons1 strong a{
	height				:21px!important;
	height/**/:/**/23px;
	background:url(../images/btn_sidebar01.gif) no-repeat;
	display				:block;	
	text-decoration		:none;
	margin-bottom		:0px !important;
	margin-bottom/**/:/**/-4px;
	margin-top			:0px !important;
	margin-top/**/:/**/-6px;	
	font-size			:11px;
	padding-left		:55px;
	padding-top			:12px;
	color				:#000000;
	background-position: 0 -33px;
	padding-bottom		:0px!important;
	padding-bottom/**/:1px;
	}


.buttons1 a:hover
		{
	background			:url(../images/btn_sidebar01.gif) 0 -33px no-repeat;
	display				:block;
	color				:#000000;	
		}	
			

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


.buttons2 a:hover
		{
	background			:url(../images/btn_sidebar02.gif) 0 -33px no-repeat;
	display				:block;
	color				:#000000;	
		}		


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


.buttons3 a:hover
		{
	background			:url(../images/btn_sidebar03.gif) 0 -33px no-repeat;
	display				:block;
	color				:#000000;	
		}		

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


.buttons4 a:hover
		{
	background			:url(../images/btn_sidebar04.gif) 0 -33px no-repeat;
	display				:block;
	color				:#000000;	
		}		


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


.buttons5 a:hover
		{
	background			:url(../images/btn_sidebar05.gif) 0 -33px no-repeat;
	display				:block;
	color				:#000000;	
		}		


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


.buttons6 a:hover
		{
	background			:url(../images/btn_sidebar06.gif) 0 -33px no-repeat;
	display				:block;
	color				:#000000;	
		}		

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


.buttons7 a:hover
		{
	background			:url(../images/btn_sidebar07.gif) 0 -33px no-repeat;
	display				:block;
	color				:#000000;	
		}		


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

/*----------------------------content start-----------------------*/
	
.content	{
	width:549px;
	float:right;
	}	
	
		
.wrap_content	{
	width:549px;
	}	
	
.vision_title	{
	width:549px;
	height:37px;
	background:url(../images/img_h1_vision.gif) no-repeat;
	}
		
.vision_content		{
	width:513px;
	height:430px!important;
	height/**/:430px;
	font-size:11px;
	background:url(../images/img_cntn_vision.gif) repeat-y!important;
	background/**/:url(../images/img_cntn_vision.gif) repeat-y 0 -8px;
	padding-top:20px;
	padding-left:20px;
	padding-right:16px;
	padding-bottom:10px;
	line-height:150%;
	}
	
.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;
}
	
.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_jp.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_jp.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_jp.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:210px;
	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;
	margin-bottom			:6px!important;
	margin-bottom/**/:/**/9px;		
	}


.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			:130%;
	font-size			:11px;
	}


.content_news	{
	width					:442px;
	padding-left			:45px;
	font-size				:11px;
	line-height				:130%;
	}
.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%;
	}


/*----------------------------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;
}