/*	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Momentum, Inc.
	-------------------------------------------------------------
	Description	:	骨->LowMode
	LastUpDate	:	2006/02/07 14:29
	+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/


/*	-------------------------------------------------------------	*/
/*	Base Styles														*/
/*	-------------------------------------------------------------	*/

	#AllContentsArea {
		margin-left: auto;
		margin-right: auto;
		width: 745px;
		background-color: #ffffff;}

	#MainContents {}

	#footer {
		width: 745px;
		padding-top:2px;
		float: left;
		text-align:right;
		background: url(../_images/img_line1.gif) repeat-x;
		border-width: 10px 0px 15px 0px;
		border-color: #FFFFFF;
		border-style: solid;}

	#CenterArea { width: 745px; position:relative; }

	#CenterArea .CenterAreaWaku {
		width: 743px;
		min-height: 493px;
		display:block;
		border: solid 1px #3FB6E0;
		/*ieonly*/
		_height:493px;}

	#LeftSide { width: 495px; float:left; position:relative; }

	/* 青い枠のある、左サイド */
	#LeftSide .LeftSideWaku {
		width: 493px;
		min-height: 493px;
		display:block;
		border: solid 1px #3FB6E0;
		/*ieonly*/
		_height:493px;}

	#FlashVisualTop {
		margin:10px 0 0 8px;
		width: 476px;
		height: 160px;
		background-color: #000000;}

	/* 各トップのFLASH */
	#PerTopFlash{ width: 743px; position:relative; }
	#PerTopFlash .PerTopFlashWaku{width: 743px;
		height:493px;
		display:block;
		border: solid 1px #3FB6E0;}
	#flash100p{height:100%;}


/*	-------------------------------------------------------------	*/
/*	Search BOX														*/
/*	-------------------------------------------------------------	*/

	.headBarBox {
		margin-left: auto;
		margin-right: auto;
		width:745px;}


/*	-------------------------------------------------------------	*/
/*	Per Top Menu Styles												*/
/*	-------------------------------------------------------------	*/

	#TopMenuArea {
		background-color: #FFFFFF;
		padding: 0px;
		width: 493px;}

	#TopMenuArea .TopMenuBox {
		margin-left:4px;}

	#TopMenuArea .TopMenuBox a {
		display: block;
		width: 486px;
		min-height:88px;
		color: #000000;
		text-decoration: none;
		_height:88px;}

	#TopMenuArea .TopMenuTit {
		margin-left:8px;
		padding:8px 0 0 0;
		width:472px;
		min-height:25px;
		_height:25px;}

	.TopMenuBoxSp {
		margin-left:4px;}

	#TopMenuArea .TopMenuTit span { background-color: #E0E0E6; padding:3px; }

	#TopMenuArea .TopMenuTxt { padding:0 15px 0 15px; }

	.TopMenuCnt { min-height:88px; _height:88px; }

	.TopMenuCntSp { }


	/*	SUB MENU ------------------------------------------------	*/

	#TopMenuArea .TopMenuAreaSub {
		padding-bottom:10px;}

	#TopMenuArea .TopMenuBoxSub {
		margin-left:4px;}

	#TopMenuArea .TopMenuBoxSub a {
		display: block;
		padding-left:20px;
		width: 466px;
		height:20px;
		color: #000000;
		text-decoration: none;}

	#TopMenuArea .TopMenuBoxSub a:hover {
		display: block;
		padding-left:20px;
		width: 466px;
		height:20px;
		color: #000000;
		text-decoration: none;
		background: url(../_images/topmenu_img6.gif) 0 50% no-repeat;}

	#TopMenuArea .SubDec {
		display:block;
		padding-left:10px;
		background: url(../_images/img_linkicon.gif) 0 50% no-repeat;}







/*	SOLUTIONS Style ------------------------------------------	*/

	/*	Approach Top -----------------------------------------	*/

	.ApproachTxtBox {
		width:226px;
		padding:10px 10px 5px 10px;}

	.ap-fl1 {}
	.ap-fl2 {float:left;}
	.ap-fl3 {float:right;}

	#LeftSide .LeftSideWakuAp {
		width: 493px;
		min-height: 618px;
		display:block;
		border: solid 1px #3FB6E0;
		background: url(../_images/img_line3.gif) 0 50% no-repeat;
		/*ieonly*/
		_height:618px;}

	/*	Partners Top -----------------------------------------	*/

	.img-thumbnail {
		width:160px;
		height:80px;
		background-color: #000000;
		text-align:center;
		margin-bottom:10px;}

	.img-thumbnail img { padding-top:5px; }


/*	WORK Style -----------------------------------------------	*/

	/*	Portfolio --------------------------------------------	*/

	#LeftSide .LeftSideDrw {
		width: 495px;
		min-height: 615px;
		display:block;
		background-color:#3FB6DF;
		padding-bottom:5px;
		_height:615px;}

	#PortfolioArea {
		width:485px;
		min-height:585px;
		margin:0 5px 0 5px;
		background-color:#000000;
		_height:585px;}

	#PortfolioArea .ItemBox {
		width:150px;
		height:160px;
		float:left;
		border-width: 10px 2px 20px 8px;
		border-color: #000000;
		border-style: solid;}

	#PortfolioArea .ItemImg {
		width:150px;
		height:90px;
		background-color:#999999;}

	#PortfolioArea .ItemCap { height:45px; padding-top:3px; }

	#PortfolioArea .ItemDes {  }

	#FlashVisualTopPor { height:355px }

	#PortfolioName { padding:10px 10px; }

	#PortfolioDescription { padding:10px 10px 0 10px; width:465px; }

	.PortfolioCnt { width:400px; float:left; padding:10px 10px 10px 0; }

	.PortfolioServices {
		margin-top:3px;
		padding-left:10px;
		background: url(../_images/img_linkicon.gif) 0 50% no-repeat;}


	/*	Case Study -------------------------------------------	*/

	#FlashVisualTop .big{ position:absolute; display:none; }

	#FlashVisualTop .small{ position:absolute; display:block; }


	/*	Client Experience ------------------------------------	*/

	#CldammyWaku {}

	.cl-tit {float:left;}

	.cl-cap {
		text-align:right;
		padding:5px 0 0 0;}

	.cl-cap img { margin:0 5px 1px 5px; }

	#ClientList { width:493px; }

	.ClientCategory {
		padding:15px 10px 10px 10px;
		float:left;}

	.ClientCategory h2 {
		width:226px;
		height:25px;
		line-height:25px;
		text-align:center;}

	.CategoryItem {
		width:226px;
		margin:0px;
		padding:0px;
		line-height:100%;
		list-style-type:none;}

	.CategoryItem li {
		width:113px;
		float:left;
		background-color:#FFFFFF;}

	.CategoryItem a.icn {
		display:block;
		width:103px;
		margin-left:-10px;
		padding-left:10px;
		background: url(../_images/img_linkicon.gif) 0 50% no-repeat;}

	.CategoryItem a.icn:hover {
		display:block;
		width:103px;
		margin-left:-10px;
		padding-left:10px;
		font-weight:bold;
		background: url(../_images/img_linkicon_on.gif) 0 50% no-repeat;}

	.ItemName{ padding-left:10px; }

	#ClsendMail {
		margin:10px 0 10px 0;
		background: url(../work/images/wor_cli_img1.gif) 50% 0 no-repeat;}

	.ClsendMailLink {
		text-align:center;
		line-height:50px;
		min-height:50px;
		background: url(../work/images/wor_cli_img2.gif) 50% 100% no-repeat;
		_height:50px;}


/*	CAREERS Style -----------------------------------------------	*/

	/*	Opportunities -------------------------------------------	*/

	.car-img{
		display:block;
		margin-top:10px;
		height:250px;
		background: url(../careers/images/pic02.jpg) 50% 30% no-repeat;
	}

	#careerbox { width:250px; }
	#careerbox2{ width:493px; }


/*	ABOUT US - team - ------------------------------------------	*/
	table.com-list { width: 460px; margin: 10px 0 10px -1px;} /*600*/
	table.com-list th { width: 130px; text-align: left; vertical-align: top; font-weight: normal; background-color: #E1EACB; padding: 5px; }
	table.com-list td { width: 330px; margin-bottom: 10px; padding: 5px; } /*470*/








































/*	TopPageOnly Style ------------------------------------------	*/

	#VisualAppealArea {
		width: 745px;
		height: 245px;}

	#CaseStudyArea {
		width: 245px;
		height: 440px;	/*370-＞425*/
		float: left;
		background-color: #3FB6E0;
		border-width: 5px 0px 0px 0px;
		border-color: #FFFFFF;
		border-style: solid;}

	#CaseStudyArea .CaseStudyImg {
		margin: 5px;
		height: 235px;
		background-color: #FFFFFF;}

	#CaseStudyArea .CaseStudyCap { margin: 10px 5px 5px 5px; }

	#CaseStudyArea .CaseStudyCap h2 { line-height:0%; }

	#MomentumisArea {
		width: 245px;
		height: 440px;	/*370-＞425*/
		float: left;
		border-width: 5px 0px 0px 5px;
		border-color: #FFFFFF;
		border-style: solid;}

	#MomentumisArea .MomentumisWaku {
		width: 243px;
		height: 438px;	/*368-＞423*/
		border: solid 1px #3FB6E0;
		background-image: none;}

	#MomentumisArea .MomentumisCap {
		margin: 2px;
		height: 30px;
		background: #000000 url(../_images/img_dogear.gif) 100% 0 no-repeat;}

	#MomentumisArea .MomentumisTxt { margin: 10px 10px 5px 10px; }

	#NewsArea {
		width: 245px;
		height: 440px;	/*370-＞425*/
		float: left;
		border-width: 5px 0px 0px 5px;
		border-color: #FFFFFF;
		border-style: solid;}

	#NewsArea .NewsWaku {
		width: 243px;
		height: 438px;	/*368-＞423*/
		float: left;
		border: solid 1px #9FBB57;
		background-image: none;}

	#NewsArea .NewsCap { line-height:0%; }

	#NewsArea .NewsSub {
		padding-left: 5px;
		background: #E1E0E6;}

	#NewsArea .NewsBn {padding:4px 8px 0 0px;}

	#NewsArea .NewsLink {
		padding-left: 5px;
		background: #FFFFFF;}

	#NewsArea .NewsMgn { height:30px;line-height:0;margin:0;padding:0;min-height:30px; }

	#MenuBoxArea {
		background-color: #FFFFFF;
		padding: 0px;
		float:left;
		display: inline;
		height: auto;
		width: 750px;}

	#MenuBoxArea .MenuBox {
		float: left;
		background-color: #FFFFFF;
		overflow: hidden;
		border-width: 5px 5px 0px 0px;
		border-color: #FFFFFF;
		border-style: solid;}

	#MenuBoxArea .MenuBox a,
	#MenuBoxArea .MenuBox a:visited {
		display: block;
		color: #333333;
		width: 118px;
		height: 118px;
		border: solid 1px #9FBB57;
		background-image: none;
		text-decoration: none;}

	#MenuBoxArea .MenuBox a:hover {
		display: block;
		color: #000000;
		width: 118px;
		height: 118px;
		border: solid 1px #3FB6E0;
		text-decoration: none;}

	#MenuBoxArea a .MenuBoxCap {
		margin: 2px;
		padding-left: 4px;
		background-color: #E1EACB;}

	#MenuBoxArea a:hover .MenuBoxCap {
		margin: 2px;
		padding-left: 4px;
		background-color: #C5E9F5;}

	#MenuBoxArea .MenuBoxTxt { margin: 4px 6px 0px 6px; }

	#footerlogo {
		width: 745px;
		float: left;
		border-width: 5px 0px 0px 0px;
		border-color: #FFFFFF;
		border-style: solid;}

	#footerlogo .footerCap {
		width:495px;
		height: 45px;
		float:left;
		text-align:center;
		background: #000000 url(../_images/img_ftlogo.gif) no-repeat;}

	#footerlogo .footerSlE {
		padding-left:5px;
		float:left;}

	#footerlogo .footerSlJ {
		padding-left:3px;
		float:left;}