@charset "UTF-8";

/* サイトマップ	--------------*/
#Main ul.SiteMap {
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	}
	#Main ul.SiteMap li.Title {
		/*	width: 260px;	*/
		width:100%;
		font-weight: bold;
		background-image: url(http://www.dreamarts.co.jp/sitemap/images/sitemap_img01.gif);
		background-repeat: repeat-x;
		padding-top: 6px;
		padding-right: 0px;
		padding-bottom: 13px;
		padding-left: 4px;
		margin:0px;
		}
	#Main ul.SiteMap li {
		padding-top: 2px;
		padding-right: 0px;
		padding-bottom: 2px;
		padding-left: 8px;
		margin-left: 7px;
		margin-top: 0px;
		margin-bottom: 0px;
		background-image: url(http://www.dreamarts.co.jp/sitemap/images/sitemap_img03.gif);
		background-repeat: no-repeat;
		}
	#Main ul.SiteMap li.ListEnd {
		background-image: url(http://www.dreamarts.co.jp/sitemap/images/sitemap_img04.gif);
		}
		#Main ul.SiteMap li a {
			background-image:url(http://www.dreamarts.co.jp/sitemap/images/sitemap_img02.gif);
			background-position: 0px 0px;
			background-repeat:no-repeat;
			margin:0px;
			padding:0px 0px 0px 17px;
			text-decoration:none;}
		#Main ul.SiteMap li a:link 		{color:#003399;}
		#Main ul.SiteMap li a:visited 	{color:#462846;}
		#Main ul.SiteMap li a:hover		{color:#0000CC;	text-decoration:underline;}
		#Main ul.SiteMap li a:active 	{color:#990000;}
	/*	ここまでがサイトマップ１階層*/

	/*	ここからがサイトマップ２階層*/
	#Main ul.SiteMap li ul li.List, 
	#Main ul.SiteMap li ul li ul li.List {
	padding:1px 0 1px 10px;
	background:url(http://www.dreamarts.co.jp/sitemap/images/sitemap_img03.gif) no-repeat;
	margin:0px;
	}
	#Main ul.SiteMap li ul li.ListEnd,
	#Main ul.SiteMap li ul li ul li.ListEnd {
	padding:1px 0 0 10px;
	background:url(http://www.dreamarts.co.jp/sitemap/images/sitemap_img04.gif) no-repeat;
	margin:0px;
	}
	#Main ul.SiteMap li ul li a {
	background-image:url(http://www.dreamarts.co.jp/sitemap/images/sitemap_img02.gif);
	background-position:0 1px;
	background-repeat:no-repeat;
	margin:0;
	padding:0 0 0 17px;
	}
	#Main ul.SiteMap li ul li ul li a {
	background:url(http://www.dreamarts.co.jp/sitemap/images/sitemap_img02.gif) no-repeat;
	background-position: 0 2px;
	margin:0;
	padding:0 0 0 17px;
	}




/*yebisulab 連載コンテンツ  ----------------------------*/

#Contents div.NotesRight {
	/*width:568px;*/
	width:100%;
	clear:both;
}
#Contents div.NotesRight div.Contents {
	/*width:369px;*/
	width:540px;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border-right:#CCCCCC dashed 1px;
	float:left;/*	white-space:pre;	*/
}
#Contents div.NotesRight div.Contents h2 {
/*	width:349px;*/
	width:520px;
}
#Contents div.NotesRight div.Contents p {
	padding-right:10px;
	}
#Contents div.NotesRight div.Notes {
	widows:179px;
	margin:6px 0px 0px /*379px*/ 560px;
}
#Contents div.NotesRight ul.Point {
	margin:3px 10px 12px 0px;
	padding:10px 0px 16px 0px;
	border-top:#999999 dotted 3px;
	border-bottom:#999999 dotted 3px;
}
#Contents div.NotesRight ul.Point li {
	margin:1px 0px 7px 10px;
	padding:0px 0px 0px 20px;
	background-image:url(/images/ico_popy.gif);
	background-repeat:no-repeat;
	background-position:0px -1px;
	line-height:125%;
}
#Contents div.NotesRight p.textsmall {
	color:#666666;
}



/* 画像が表示されるまでの間、代替イメージを表示 */
#Contents div.PicLeft img, #Main div.MainContents div.PicRight img {
	display: block;
	background: #fff url(loading.gif) center center no-repeat;
}
/*	リンク無し矢印	*/
#Main .NoLinkArrow {
	background-image:url(/images/link_none.gif);
	background-position: 2px 5px;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 10px;
}
/* ソリューションページバナー部分	*/
#Main div.Topics {
	/*	float:right;	
	width:308px;*/
	clear:both;
}
#Main div.Topics dl dt {
	/*	font-size:10px;	*/
	line-height:120%;
	clear:both;
}
#Main div.Topics dl dd {
	/*	font-size:10px;	*/
	line-height:120%;
}
#Main div.Topics dl dt a:link, #Main div.Topics dl dt a:visited {
	background-image:url(/images/link01.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin:0px;
	background-position: 138px 4px;
	display:block;
	font-weight:bold;
}
#Main div.Topics dl dt img {
	padding:0px;
	margin:2px 10px 4px 3px;
	/*	margin:0px;
	padding:2px 10px 8px 3px;	*/
	float:left;
}
/* 採用 新人研修	*/

#Contents div.OjtArrowTitle01 {
	background-image:url(/company/recruit/images/ojt_arrow_line01.png);
	background-repeat:no-repeat;
}
#Contents div.OjtArrowTitle02 {
	background-image:url(/company/recruit/images/ojt_arrow_line02.png);
	background-repeat:no-repeat;
}
#Contents div.OjtArrowNext {
	background-image:url(/company/recruit/images/ojt_arrow_next.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#Contents div.OjtArrowEnd {
	background-image:url(/company/recruit/images/ojt_arrow_end.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}
#Contents div.ArrowbBottom {
	float:left;
	margin:0px;
	padding:0px;
	display:block;
}
#Contents div.OjtArrowNext p, #Main div.MainContents div.OjtArrowEnd p {
	padding:0px 4px 8px 42px;
	margin:0px;
	text-indent: 0em;
}
#Contents div.OjtArrowNext p span.Impression, #Main div.MainContents div.OjtArrowEnd p span.Impression {
	display:block;
	margin:2px 0 8px 20px;
	padding:3px 5px;
	/*padding-top: 0px;
	padding-left:24px;
	padding-bottom:8px;*/
	border:#CCCCCC solid 1px;
	background-color:#F3F3F3;
	clear:right;
	color:#333333;
}
#Contents div.OjtArrowNext p span.List, #Main div.MainContents div.OjtArrowEnd p span.List {
	display:block;
	margin:2px 0 8px 20px;
	padding:0px;/*padding-top: 0px;
	padding-left:24px;
	padding-bottom:8px;*/
	}
/*#Main div.MainContents div.OjtArrowNext p span,
#Main div.MainContents div.OjtArrowEnd p span{
	display:block;
	padding-top: 0px;
	padding-left:24px;
	padding-bottom:8px;
	}*/




/*	マウスオーバーで画像表示（【採用】2009で使用 ただし、サイズ固定）*/
#pic_zoom {
	position: absolute;
	width:568px
}
#pic_zoom ul#photo li {
	float: left;
	/*width: 140px;*/
	width: auto;	
	list-style-type: none;
}
#pic_zoom ul#photo li a.change img.big {
	display: block;
	position: absolute;
	top: -10;
	left: -10;
	width: 1px;
	height: 1px;
	z-index: 0;
}
#pic_zoom ul#photo li a.change:hover img.big {
	display: block;
	position: absolute;
	top: -85px;
	left: 0px;
	width: 568px;
	height: 110px;
	z-index: 3;
	filter: alpha(opacity=98);/*IE6,IE7*/
	-moz-opacity:0.98;/*Firefox,Netscape */
	opacity:0.98; /*pera,Safari,Firefox*/
}
/*マウスオーバーでポップアップ（IEとFirefox,safariで表示位置が変わってしまうため未使用）*/
#Main div.MainContents div.popup img.pop {
	display:block;
	top:-10000px;
	left:-10000px;
	position:absolute;
}
#Main div.MainContents div.popup a:hover {
	position:relative;
}
#Main div.MainContents div.popup a:hover img.pop {
	position:fixed;
	top:260px;
	left:20px;
}
/*　グレー枠　*/
#Main div.MainContents div.graybox {
	padding:10px 5px 0px 5px;
	margin:0px 0px 10px 0px;
	border:1px solid #CCCCCC;
	background-image: url(http://www.dreamarts.co.jp/products_service/solution/images/pic_notespro_22.png);
	background-repeat:repeat-x;
	width:auto;
}

/*　ブルーー枠　*/
#Main div.MainContents div.bluebox {
	padding:5px 5px 5px 5px;
	margin:0px 0px 10px 0px;
	border:1px solid #3399FF;
	background-image: url(http://www.dreamarts.co.jp/products_service/solution/images/pic_notespro_40.png);
	background-position: bottom;
	background-repeat:repeat-x;
}


/* コスト削減ソリューションTOP __ メニュー背景　*/

#Contents div.menu01 {
	width:568;
}
#Contents div.menu01 ul {
	margin:0px 6px 0px 6px;
	padding:0;
}
#Contents div.menu01 ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}
#Contents div.menu01 ul li a {
	display:block;
	width: 556px;
	height:80px;
	margin:0;
	padding-top:5px;
	background:url(http://www.dreamarts.co.jp/products_service/solution/images/pic_costcut_top_bg01.png) no-repeat left top;
	text-decoration:none;
	outline:0;
}
#Contents div.menu01 ul li a:hover {
	background:url(http://www.dreamarts.co.jp/products_service/solution/images/pic_costcut_top_bg01_on.png) no-repeat left top;
	width: 556px;
	height:80px;
}
/* コスト削減：上部７つのタブメニュー　*/

#Contents div.menu02 {
	width:568px;
	margin:0;
}
#Contents div.menu02 #left {
	width:284px;
	height:152px;
	margin:0;
	padding:0;
	background:url(/products_service/solution/images/pic_costcut_menu02_bg_left.png) no-repeat left top;
	/*background-image: url(/products_service/solution/images/pic_costcut_menu02_bg.png) ;
	background-repeat:repeat-x;*/
	float:left;
}
#Contents div.menu02 #right {
	width:284px;
	height:152px;
	margin:0;
	padding:0;
	background:url(/products_service/solution/images/pic_costcut_menu02_bg_right.png) no-repeat right top;
	/*background-image: url(/products_service/solution/images/pic_costcut_menu02_bg.png) ;
	background-repeat:repeat-x;*/
	float:right;
}
#Contents div.menu02 ul {
	width: 260px;
	margin:0;
	padding:0;
}
#Contents div.menu02 ul li {
	margin:0;
	padding:0;
	font-weight:bold;
}
#Contents div.menu02 ul li .orange {
	color: #F95100;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#Contents div.menu02 #left ul li a {
	display:block;
	width: 250px;
	height:20px;
	margin:5px 10px 5px 12px;
	padding:4px 4px 4px 10px;
	background:url(/products_service/solution/images/pic_costcut_menu02_bg01.png) no-repeat left top;
	border:#C5C5C5 solid 1px;
	/*border-bottom-style:dotted;*/
	text-decoration:none;
	outline:0;
}
#Contents div.menu02 #right ul li a {
	display:block;
	width: 250px;
	height:20px;
	margin:5px 10px 5px 0px;
	padding:4px 4px 4px 10px;
	background:url(/products_service/solution/images/pic_costcut_menu02_bg01.png) no-repeat left top;
	border:#C5C5C5 solid 1px;
	/*border-bottom-style:dotted;*/
	text-decoration:none;
	outline:0;
}
#Contents div.menu02 #left ul li a:hover {
	background:url(/products_service/solution/images/pic_costcut_menu02_bg01_on.png) no-repeat left top;
	border:#C5C5C5 solid 1px;
	/*border-bottom-style:dotted;*/
	margin:5px 10px 5px 12px;
	padding:4px 4px 4px 10px;
	width: 250px;
	height:20px;
}
#Contents div.menu02 #right ul li a:hover {
	background:url(/products_service/solution/images/pic_costcut_menu02_bg01_on.png) no-repeat left top;
	border:#C5C5C5 solid 1px;
	/*border-bottom-style:dotted;*/
	margin:5px 10px 5px 0px;
	padding:4px 4px 4px 10px;
	width: 250px;
	height:20px;
}
#Contents div.menu02 #left ul li.on a {
	display:block;
	width: 250px;
	height:20px;
	margin:5px 10px 5px 12px;
	padding:4px 4px 4px 10px;
	background:url(/products_service/solution/images/pic_costcut_menu02_bg02.png) no-repeat left top;
	border:#C5C5C5 solid 1px;
	/*border-bottom-style:dotted;*/
	text-decoration:none;
	outline:0;
}
#Contents div.menu02 #right ul li.on a {
	display:block;
	width: 250px;
	height:20px;
	margin:5px 10px 5px 0px;
	padding:4px 4px 4px 10px;
	background:url(/products_service/solution/images/pic_costcut_menu02_bg02.png) no-repeat left top;
	border:#C5C5C5 solid 1px;
	/*border-bottom-style:dotted;*/
	text-decoration:none;
	outline:0;
}
/* コスト削減ソリューション1～7コンテンツのメニュー　*/	
#Contents h5.blueline {
	height:40px;
	font-size:18px;
	color:#FFFFFF;
	width:auto;
	padding:10px;
	margin:0;
	background-image: url(http://www.dreamarts.co.jp/products_service/solution/images/pic_costcut_blue_bg.jpg);
	background-repeat:repeat-x;
}
#Contents h6.blueline {
	height:30px;
	font-size:14px;
	width:auto;
	padding:10px 5px 0px 5px;
	margin:0;
	border-top:1px solid #0000A0;
	border-left:1px solid #0000A0;
	background-image: url(http://www.dreamarts.co.jp/products_service/solution/images/pic_costcut_gray_bg.jpg);
	background-repeat:repeat-x;
}


#Contents h2.blueline {
	height:40px;
	font-size:18px;
	color:#FFFFFF;
	width:auto;
	padding:10px;
	margin:0;
	background-image: url(http://www.dreamarts.co.jp/products_service/solution/images/pic_costcut_blue_bg.jpg);
	background-repeat:repeat-x;
}
#Contents h3.blueline {
	height:30px;
	font-size:14px;
	width:auto;
	padding:10px 5px 0px 5px;
	margin:0;
	border-top:1px solid #0000A0;
	border-left:1px solid #0000A0;
	background-image: url(http://www.dreamarts.co.jp/products_service/solution/images/pic_costcut_gray_bg.jpg);
	background-repeat:repeat-x;
}

/* 業務改善ソリューション1～見出しー　*/	
#Contents h2.graybar {
	height:19px;
	font-size:16px;
	color:#000000;
	width:auto;
	background-color: #D7D7D7;
	padding:9px;
	margin:0 0 10px 0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:10px solid #999999;
	background-image: url(http://www.dreamarts.co.jp//products_service/solution/images/pic_improve_gray_br.jpg);
	background-repeat:repeat-x;
}


/* POPYのお客様訪問～見出しー　*/	
#Contents h2.popybar{
	background-image:url(http://www.insuite.jp/popy/img/popybar01.png);
	background-repeat:no-repeat;
	width:740px;
	height:35px;
	margin:0 0 8px 0;
	padding:8px 0 0 35px;
	font-size:15px;
	vertical-align: middle;
	font-weight:bold;
	color:#394453;
	text-align:left;
}

#Contents h2.popybar02{
	background-image:url(http://www.insuite.jp/popy/img/popybar02.png);
	background-repeat:no-repeat;
	width:740px;
	height:35px;
	margin:0 0 8px 0;
	padding:8px 0 0 35px;
	font-size:15px;
	vertical-align: middle;
	font-weight:bold;
	color:#394453;
	text-align:left;
}

#Contents h2.dpopybar{
	background-image:url(http://www.insuite.jp/popy/img/dpopybar01.png);
	background-repeat:no-repeat;
	width:740px;
	height:35px;
	margin:0 0 8px 0;
	padding:8px 0 0 35px;
	font-size:15px;
	vertical-align: middle;
	font-weight:bold;
	color:#394453;
	text-align:left;
}


/* POPYのお客様訪問～企業プロフィール　*/	
#Main div.Popybox{
	width:750px;
	height:150px;
	margin: 8px 0 10px 0;
	padding: 0px;
	clear:both;
}

#Main div.Popybox01{
	width:auto;
	margin: 8px 0 0 20px;
	float:left;
}


#Main div.Popybox02{
	width:570px;
	margin: 8px 0 0 20px;
	padding: 0px;
	float:left;
}

/* 3段組み（POPY～企業プロフィール）	*/

#Main div.PopyMid{
	background-image:url(http://www.dreamarts.co.jp/products_service/solution/images/pic_sol_bg_01.gif);
	margin: 0px;
	margin: 0px 0 0 0px;
	padding: 4px 12px 0px 12px;
	background-repeat: repeat-y;
}

#Main div.PopyLeft{
	width:220px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float: left;
}

#Main div.PopyRight{
	float:left;
	/*width:300px;*/
	margin:5px 0 0 0;
	padding:0 0 0 10px;
	border-left:dashed #666666 1px;
}


/* POPY プロフィール*/
#Main  div.PopyLeft ul{
	margin:0px 0px 3px 0px;
	padding:0px;
	clear: right;
}

#Main  div.PopyLeft li{
	width:140px
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:right;
	display:block;
}

#Main div.PopyLeft li span.ProfileLeft{
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	line-height:120%;
	width:45px;
	display:block;
	font-size: 11px;
	clear:right;
}

#Main div.PopyLeft li span.ProfileList{
	margin:0px 0px 0px 0px;
	padding:0px;
	width:160px;
	line-height:120%;
	float:right;
	font-size: 11px;
}


#Main div.PopyRight p{
	margin:0 7px 0 0;
	padding:0;
	width:300px;
	line-height:100%;
	float:right;
	font-size: 11px;
}


/* POPYのお客様訪問～カラム　*/	

#Main div.Popycolumn{
	margin:0 35px ;
}





/*　INSUITE　機能ページ　機能詳細切替タブ　*/
#blue_menu {
	width:100%;
}
#blue_menu ul {
	list-style:none;
}
#blue_menu li {
	list-style:none;
	display:block;
	float:left;
}
#blue_menu li a {
	display:block;
	float:left;
	height:64px;
	color:#2C2C2C;
	font-size:12px;
	font-weight:bold;
	background:url(http://www.insuite.jp/images/menu_01_left.jpg) no-repeat left;
	line-height:42px;
	padding:0 0 0 5px;
	text-decoration:none;
}
#blue_menu li a span {
	/*display:block;*/
	float:left;
	background:url(http://www.insuite.jp/images/menu_01_right.jpg) no-repeat right;
	height:64px;
	color:#2C2C2C;
	line-height:42px;
	padding:0 10px 0 5px;
}
#blue_menu li a:hover {
	/*display:block;*/
	float:left;
	background:url(http://www.insuite.jp/images/menu_01_left_h.jpg) no-repeat left;
	height:64px;
}
#blue_menu li a:hover span {
	/*display:block;*/
	float:left;
	background:url(http://www.insuite.jp/images/menu_01_right_h.jpg) no-repeat right;
	color:#fff;
	height:64px;
}
#blue_menu li a.current {
	/*display:block;*/
	float:left;
	height:64px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:url(http://www.insuite.jp/images/menu_01_left_h.jpg) no-repeat left;
	line-height:42px;
	padding:0 0 0 5px;
	text-decoration:none;
}
#blue_menu li a.current span {
	/*display:block;*/
	float:left;
	background:url(http://www.insuite.jp/images/menu_01_right_h.jpg) no-repeat right;
	height:64px;
	color:#fff;
	line-height:42px;
	padding:0 10px 0 5px;
}


/*　INSUITE　機能ページ　詳細機能【見出し】　*/
#Main div.MainContents h4.iseblue {
	font-size:16px;
	color:#3E3E3E;
	height:auto;
	width:auto;
	background-color:#E0ECF5;
	/*background-image:url(http://www.insuite.jp/images/menu_01_left_h.jpg );
	background-repeat:no-repeat;*/
	border-left:#0066cc solid 10px;
	padding:9px 11px;
	margin:0px 0px 5px 0px;
}

#Main div.MainContents h2.iseblue {
	font-size:16px;
	color:#3E3E3E;
	height:auto;
	width:auto;
	background-color:#E0ECF5;
	/*background-image:url(http://www.insuite.jp/images/menu_01_left_h.jpg );
	background-repeat:no-repeat;*/
	border-left:#0066cc solid 10px;
	padding:9px 11px;
	margin:0px 0px 5px 0px;
}


/*  タブメニュー（Notesソリューションページ） */
#tabmenu2 {
	float:left;
	width:100%;
	line-height:normal;
	border-bottom:1px solid #999999;
/*background-color:  #EAEAEA;*/
padding-left:5px;
margin-top:0;
margin-bottom:10px;
}

#tabmenu2 ul {
	margin:0;
	padding:6px 10px 0 0px;
	list-style:none;
}

#tabmenu2 li {
	display:inline;
	margin:0;
	padding:0;
}

#tabmenu2 a {
	float:left;
	background:url("http://www.dreamarts.co.jp/products_service/solution/images/tableft2.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	cursor:pointer;
}

#tabmenu2 a span {
	float:left;
	display:block;
	background:url("http://www.dreamarts.co.jp/products_service/solution/images/tabright2.gif") no-repeat right top;
	padding:5px 12px 4px 6px;
	color: #4D4D4D;
}

#tabmenu2 a:hover {
	background-position:0% -43px;
}

#tabmenu2 a:hover span {
	background-position:100% -43px;
}

#tabmenu2 .active a {
	background-position:0% -44px;
}

#tabmenu2 .active a span {
	color:#000000;
/*	font-weight:bold;*/
	background-position:100% -44px;
}

#tabmenu2 .active a:link, #tabmenu2 .active a:visited {
	position:relative;
	top:1px;
/*	border-bottom:1px solid #ffffff;*/
}


/**IE 6�ȑO ??? **/
* html #tabmenu2 li.active a:hover {
	background-position:0% -44px;
}

* html #tabmenu2 li.active a:hover span {
	background-position:100% -44px;
}




/*	左サイド共通問合せコンテンツ　*/
#Main div.SubNavi div.con01 {
	border:#777788 ;
	margin-top:18px ; 
	background-image:url(http://www.dreamarts.co.jp/images/contact_01.jpg);
	width:140px;
	height:112px;
	background-repeat:no-repeat ;
}

#Main div.SubNavi div.con01 div.con02 {
	margin: 22px 0px 0px 12px ;
}