@charset "utf-8";

/* ---------------------------
	[home]
--------------------------- */

#home #main h2 {
	left: 120px;
	bottom: 0;
}

#home .tagBlock {
	position: absolute;
	left: 630px;
	top: 115px;
	z-index: 900;
}

#btn-recruit {
	width: 130px;
	margin-top: 10px;
	margin-right: 50px;
	float: left;
}

#btn-recruit img {
	width: 130px;
	height: auto;
}

#home .menuBlock {
	margin: 0 0 0px 0px;
	padding-top: 20px;
}
	#home .menuBlock .menu {
		margin-bottom: 20px;
	}
		#home .menuBlock .menu h4 {
			margin-bottom: 8px;
		}
		#home .menuBlock .menu ul {
			list-style: none;
			margin-left: 47px;
			font-size: 90%;
		}
			#home .menuBlock .menu ul li {
				margin-bottom: 0.15em;
				padding-left: 1em;
				background: url(../images/anc_dot.gif) 0.3em 0.7em no-repeat;
			}
				#home .menuBlock .menu ul li a:link,
				#home .menuBlock .menu ul li a:visited {
					color: #666;
				}
				#home .menuBlock .menu ul li a:hover,
				#home .menuBlock .menu ul li a:active {
					color: #bbb;
				}

	#home .menuBlock #menu02,
	#home .menuBlock #menu03 {
		display: inline;
		float: left;
		width: 278px;
		text-align: left;
	}
	#home .menuBlock #menu04,
	#home .menuBlock #menu05,
	#home .menuBlock #menu06 {
		display: inline;
		float: right;
		width: 258px;
		text-align: left;
	}

#home ul.newsBlock {
	float: left;
	width: 285px;
	padding-left: 168px;
	background: url(../../images/ttl_news.gif) 168px 0px no-repeat;
	font-size: 84%;
	clear: both;
}
	#home ul.newsBlock li {
		list-style: none;
		padding: 5px 0 3px 0;
		background: url(../images/bdr_dash_lg.gif) left top repeat-x;
	}
	#home ul.newsBlock li.fst {
		background: none;
		margin-top:46px
	}

#home .contactBlock {
	float: right;
	width: 258px;
	margin-top: 20px;
}



/* ---------------------------
	[company]
--------------------------- */

#company #main {
	margin: 30px 0 0 0;
}

#company #main h2 {
	left: 698px;
	top: 64px;
	z-index: 900;
}

#company #localMenu {
	margin-top: 10px;
}
	#company #localMenu li {
		display: inline;
		float: left;
		margin-right: 5px;
	}
		#company #localMenu li a {
			display: block;
			width: 180px;
			height: 60px;
		}
		#company #localMenu li#philosophyMenu a {
			background: url(../../company/images/menu_philosophy.gif) 0 0 no-repeat;
		}
		#company #localMenu li#historyMenu a {
			background: url(../../company/images/menu_history.gif) 0 0 no-repeat;
		}
		#company #localMenu li#dataMenu a {
			background: url(../../company/images/menu_data.gif) 0 0 no-repeat;
		}
		#company #localMenu li a:hover {
			background-position: 0 -60px !important;
		}
		#company #localMenu li.on a,
		#company #localMenu li.on a:hover {
			background-position: 0 -120px !important;
		}


/* philosophy */
#company .philosophyBlock {
	padding: 30px 0;
}
	#company .philosophyBlock h4 {
		margin-bottom: 8px;
	}

#company .philosophyBlock#philosophy01 {
	min-height: 145px;
	padding-right: 390px;
	padding-bottom: 10px;
	background: url(../../company/images/bg_philosophy01.jpg) 370px center no-repeat;
}
#company .philosophyBlock#philosophy02 {
	min-height: 145px;
	padding-left: 157px;
	padding-right: 90px;
	background: url(../../company/images/bg_philosophy02.jpg) left center no-repeat;
}
#company .philosophyBlock#philosophy03 {
	min-height: 152px;
	padding-right: 250px;
	background: url(../../company/images/bg_philosophy03.jpg) 530px center no-repeat;
}


/* history */
#company #historyArea h4 {
	width: 555px;
	margin: 50px 0 20px 0;
	padding-bottom: 15px;
	background: url(../images/bdr_dash_dg.gif) left bottom repeat-x;
}

#company .historyBlock {
	width: 555px;
	padding-bottom: 100px;
	background: url(../../company/images/bg_history.jpg) center bottom no-repeat;
}
	#company .historyBlock .leftColumn {
		display: inline;
		float: left;
		width: 265px;
		text-align: left;
	}
	#company .historyBlock .rightColumn {
		display: inline;
		float: right;
		width: 265px;
		text-align: left;
	}
	#company .historyBlock p {
		margin-bottom: 1em;
	}


/* data */
#company #dataArea h4 {
	width: 555px;
	margin: 50px 0 20px 0;
	padding-bottom: 15px;
	background: url(../images/bdr_dash_dg.gif) left bottom repeat-x;
}

#company #dataArea dl {
	width: 555px;
}
	#company #dataArea dl dt {
		width: 8em;
		font-weight: bold;
	}
	#company #dataArea dl dd {
		margin: -1.6em 0 1em 9em;
	}

#company #dataArea dl.contact {
	padding-top: 1em;
	background: url(../images/bdr_dash_dg.gif) left top repeat-x;
}



/* ---------------------------
	[portfolio]
--------------------------- */

#portfolio #contents {
	background: url(../../portfolio/images/h2_portfolio.gif) 665px 35px no-repeat;
}
	#portfolio #main h2 {
		position: relative;
	}
	#portfolio #main h3 {
		width: 515px;
		margin-bottom: 25px;
	}

#portfolio #localMenu {
	width: 750px;
	height: 26px;
	margin-top: 10px;
	background-image: url(../../portfolio/images/tab_media.gif);
	background-repeat: no-repeat; 
}
#portfolio .magazine #localMenu {
	background-position: 0 0;
}
#portfolio .book #localMenu {
	background-position: 0 -26px;
}
#portfolio .advertisement #localMenu {
	background-position: 0 -52px;
}
#portfolio .logo #localMenu {
	background-position: 0 -78px;
}

	#portfolio #localMenu li {
		display: inline;
		float: left;
	}
		#portfolio #localMenu li a {
			display: block;
			width: 187px;
			height: 26px;
		}

#portfolio #container {
	margin-top: 10px;
	padding: 0 5px 0 1px;
	background: url(../../portfolio/images/bg_container.gif) left 23px no-repeat;
}
	#portfolio #tabArea {
		padding: 10px;
		border-right: solid 1px #ECECEC;
		border-bottom: solid 1px #ECECEC;
		border-left: solid 1px #ECECEC;
		background: #fff;
	}
		#portfolio #tabArea h5 {
			position: absolute;
			width: 141px;
			height: 47px;
			z-index: 800;
		}
		#portfolio #tabArea ul#tabMenu {
			margin-bottom: 20px;
			padding: 5px 0 7px 150px;
			background: url(../images/bdr_dash_dg.gif) left bottom repeat-x;
			font-size: 117%;
			line-height: 1em;
		}
			#portfolio #tabArea ul#tabMenu li {
				display: inline;
				float: left;
				border-left: solid 1px #A6A6A6;
				margin-left: 8px;
				padding-left: 8px;
			}
			#portfolio #tabArea ul#tabMenu li.fst {
				border-left: none;
				margin-left: 0;
				padding-left: 0;
			}
				#portfolio #tabArea ul#tabMenu li a {
					color: #666;
				}
				#portfolio #tabArea ul#tabMenu li a:hover {
					color: #bbb;
				}
				#portfolio #tabArea ul#tabMenu li a.selectTab,
				#portfolio #tabArea ul#tabMenu li a.selectTab:hover {
					color: #FF9900;
				}

		#portfolio .portfolioBlock {
			position: relative;
			margin-top: 10px;
			padding-top: 10px;
			background: url(../images/bdr_dash_dg.gif) left top repeat-x;
		}
		

			#portfolio .portfolioBlock h6 {
				padding: 8px 0 4px 0;
				color: #333;
				font-size: 167%;
				font-weight: bold;
				margin-left: 5px;
			}
			
			#portfolio .portfolioBlock p.txt {
				margin-left: 6px;
			}
			

			#portfolio .portfolioBlock p.pctL {
				display: inline;
				float: right;
				margin-left: 15px;
			}
			
			#portfolio .portfolioBlock p.pctS {
				position: absolute;
				bottom: 0;
			}
			
			#portfolio .portfolioBlock p.pctL2 {
				display: inline;
				float: right;
				margin: 7px 8px 7px 7px;
			}
			
			#portfolio .portfolioBlock p.pctS2 {
				position: absolute;
				bottom: 0;
				margin: 7px 7px 8px 7px;
			}
			
			#portfolio .portfolioBlock img.shadow {
				box-shadow: rgba(163, 163, 163, 0.74902) 1px 2px 9px 1px;
-webkit-box-shadow: rgba(163, 163, 163, 0.74902) 1px 2px 9px 1px;
		}
			
		#portfolio .fst {
			margin-top: 0;
			padding-top: 0;
			background: none;
		}
			#portfolio .fst h6 {
				margin-top: 40px;
			}

			.win #portfolio h6 {
				margin-left: 0.8em;
			}

			#portfolio .logo .portfolioBlock p.pctL {
				display: inline;
				float: right;
				margin: 15px 25px 15px 30px; 
			}

#portfolio .orderBlock {
	margin-top: 25px;
	text-align: right;
}

#portfolio #main .pageTopLink {
	margin-top: 0;
}


/* ---------------------------
	[work]
--------------------------- */

#work #main h2 {
	left: 725px;
	top: 135px;
	z-index: 900;
}

#work #localMenu {
	margin: 10px 0 50px 0;
}
	#work #localMenu li {
		display: inline;
		float: left;
		margin-right: 3px;
	}
		#work #localMenu li a {
			display: block;
			height: 60px;
		}
		#work #localMenu li#firstMenu a  {
			background: url(../../work/images/menu_first.gif) 0 0 no-repeat;
			width: 97px;
		}
		#work #localMenu li#resultsMenu a {
			width: 97px;
			background: url(../../work/images/menu_results.gif) 0 0 no-repeat;
		}
		#work #localMenu li#strengthMenu a {
			width: 105px;
			background: url(../../work/images/menu_strength.gif) 0 0 no-repeat;
		}
		#work #localMenu li#styleMenu a {
			width: 112px;
			background: url(../../work/images/menu_style.gif) 0 0 no-repeat;
		}
		#work #localMenu li#flowMenu a {
			width: 112px;
			background: url(../../work/images/menu_flow.gif) 0 0 no-repeat;
		}
		#work #localMenu li#contactMenu a {
			width: 105px;
			background: url(../../work/images/menu_contact.gif) 0 0 no-repeat;
		}
		#work #localMenu li a:hover {
			background-position: 0 -60px !important;
		}
		#work #localMenu li.on a,
		#work #localMenu li.on a:hover {
			background-position: 0 -120px !important;
		}

#work h4 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../images/bdr_dash_dg.gif) left bottom repeat-x;
}


/* first */
#work #firstArea {
	width: 645px;
}
	#work #firstArea p {
		margin-bottom: 20px;
	}
	#work #firstArea p.fig {
		padding-left: 42px;
	}


/* results */
#work #resultsArea {
}
	#work #resultsArea h4 {
		width: 645px;
	}
	#work .listBlock {
		margin-bottom: 20px;
		padding: 75px 0 0 36px;
		min-height: 175px;
	}
			#work .listBlock ul li {
				display: inline;
				float: left;
				width: 89px;
				margin: 0 20px 20px 0;
			}

	#work .listBlock#magazine {
		margin-top: 30px;
		background: url(../../work/images/bg_results01.jpg) left top no-repeat;
	}
	#work .listBlock#book {
		background: url(../../work/images/bg_results02.jpg) left top no-repeat;
	}
	#work .listBlock#client {
		background: url(../../work/images/bg_results03.jpg) left top no-repeat;
	}
		#work .listBlock#client ul {
			width: 640px;
		}
			#work .listBlock#client ul li {
				display: inline;
				float: left;
				width: auto;
				margin: 0 20px 0 0;
				font-size: 90%;
				white-space: nowrap;
			}


/* strength */
#work #strengthArea {
	margin-left: -10px;
}
	#work #strengthArea p.lead {
		margin-left: 10px;
		margin-bottom: 40px; 
	}
	#work #strengthArea .typeBlock {
		margin-top: 25px;
	}
		#work #strengthArea .typeBlock h4,
		#work #strengthArea .typeBlock p.txt {
			margin: 0;
			padding: 0;
			background: none;	
		}


/* style */
#work #styleArea {
	width: 645px;
}
	#work #styleArea p {
		margin-bottom: 30px;
	}
	#work #styleArea p.fig {
		margin-bottom: 0;
		text-align: center;
	}


/* flow */
#work #flowArea {
	margin-left: -10px;
}
	#work #main #flowArea h4 {
		width: 645px;
		margin-left: 10px;
	}
	#work #main #flowArea p.lead {
		margin-left: 10px;
		margin-bottom: 40px;
	}

	#work #flowArea .flowBlock {
		width: 690px;
	}
		#work #flowArea .flowBlock .flow {
			margin-bottom: 5px;
		}
			#work #flowArea .flowBlock p {
				width: 372px;
				margin: 10px 0 0 10px;
				padding-bottom: 70px;
			}
				#work #flowArea .flowBlock p em {
					background: #C0F1FB;
					font-weight: normal;
				}

		#work #flowArea .flowBlock #flow01 {
			min-height: 177px;
			background: url(../../work/images/bg_flow01.jpg) 400px center no-repeat;
		}
			#work #flowArea .flowBlock #flow01 p {
				background: url(../../work/images/arw_flow01.gif) center bottom no-repeat;
			}
	
		#work #flowArea .flowBlock #flow02 {
			min-height: 152px;
			background: url(../../work/images/bg_flow02.jpg) 390px center no-repeat;
		}
			#work #flowArea .flowBlock #flow02 p {
				background: url(../../work/images/arw_flow02.gif) center bottom no-repeat;
			}
	
		#work #flowArea .flowBlock #flow03 {
			min-height: 176px;
			background: url(../../work/images/bg_flow03.jpg) 387px center no-repeat;
		}
			#work #flowArea .flowBlock #flow03 p {
				background: url(../../work/images/arw_flow03.gif) center bottom no-repeat;
			}
	
		#work #flowArea .flowBlock #flow04 {
			min-height: 151px;
			background: url(../../work/images/bg_flow04.jpg) 373px center no-repeat;
		}
			#work #flowArea .flowBlock #flow04 p {
				background: url(../../work/images/arw_flow04.gif) center bottom no-repeat;
			}
	
		#work #flowArea .flowBlock #flow05 {
			min-height: 157px;
			background: url(../../work/images/bg_flow05.jpg) 396px center no-repeat;
		}
			#work #flowArea .flowBlock #flow05 p {
				padding-bottom: 0;
			}
			#work #flowArea .flowBlock #flow05 p.msg {
				width: 382px;
				margin-left: 3px;
			}

		#work #flowArea .flowBlock #flow06 {
			min-height: 141px;
			margin-top: 50px;
			background: url(../../work/images/bg_flow06.jpg) 400px center no-repeat;
		}
			#work #flowArea .flowBlock #flow06 p {
				padding-bottom: 0;
			}

	#work #flowArea p.btn {
		margin-top: 40px;
		text-align: center;
	}



/* ---------------------------
	[recruit]
--------------------------- */

#recruit #main h2 {
	left: 698px;
	top: 130px;
}

#recruit #main .leadBlock {
	margin-bottom: 3px;
}

#recruit .guidelineBlock {
	position: relative;
	width: 550px;
	padding-top: 50px;
}
	#recruit .guidelineBlock h4 {
		margin-bottom: 15px;
		padding: 0 0 10px 0;
		background: url(../images/bdr_dash_dg.gif) left bottom repeat-x;
	}

	#recruit .guidelineBlock dl {
	}
		#recruit .guidelineBlock dl dt {
			width: 6em;
			font-weight: bold;
		}
		#recruit .guidelineBlock dl dd {
			margin: -1.6em 0 1em 7em;
		}

		#recruit .guidelineBlock dl dd dl dt {
			width: 3em;
			font-weight: normal;
			text-align: center;
		}
		#recruit .guidelineBlock dl dd dl dd {
			margin: -1.6em 0 0.5em 3em;
		}

	#recruit .guidelineBlock ul li {
		padding-left: 1em;
		background: url(../images/anc_dot.gif) 0.4em 0.6em no-repeat;
	}
	
	#recruit .guidelineBlock p.term {
		position: absolute;
		left: 305px;
		top: 0;
	}

#recruit .contactBlock {
	margin-top: 60px;
}
	#recruit .contactBlock h5 {
		margin-bottom: 15px;
	}
	#recruit .contactBlock p {
		display: inline;
		float: left;
		width: 242px;
		margin-right: 25px;
}
	
.guidelineBlock p {
	margin-bottom:1em;
}

/* ---------------------------
	[contact]
--------------------------- */

#contact #main h2 {
	left: 720px;
	top: 232px;
}

#contact .contactBlock {
	width: 430px;
}
#contact .contactBlock#mail {
	padding: 0 0 25px 150px;
	background: url(../../contact/images/bg_mail.jpg) 20px 4px no-repeat;
}
#contact .contactBlock#tel {
	padding: 25px 0 0 150px;
	background: url(../../contact/images/bg_tel.jpg) 0 17px no-repeat;
}
	#contact .contactBlock h4 {
		margin-bottom: 15px;
	}
	#contact .contactBlock p.num {
		margin: 3px 0;
		font-size: 167%;
		font-family: Helvetica, Myriad Pro, sans-serif;
		letter-spacing: 1px;
	}

#contact hr {
	width: 580px;
}



/* ---------------------------
	[access]
--------------------------- */

#access #main h2 {
	left: 620px;
	top: 102px;
}
	#access .mapBlock p {
		margin-top: 10px;
	}




/* ---------------------------
	[download]
--------------------------- */

#download #main h4 {
	margin-bottom:10px;
}
#download #xmas01	{
	clear:both;
	margin-top:16px;
	width:770px;
}
#download #newyear01	{
	clear:both;
	margin-top:30px;
	width:770px;
}
#download #xmas02,
#download #newyear02	{
	clear:both;
	margin-top:20px;
	width:770px;
}
#download .tit	{
	float:left;
	width:240px;
	margin-right:10px;
	font-size:95%;
	color:#333333;
	font-weight:bold;
}
#download .card,
#download #xmas02 .card05,
#download #newyear02 .card04	{
	width:250px;
	float:left;
	margin-top:20px;
}
#download .card .cardimage	{
	float:left;
}
#download .card .cardtext	{
	float:left;
	margin-left:7px;
}
#download #xmas01 .card .cardtext .no,
#download #newyear02 .card .cardtext .no	{
	height:50px;
}
#download #xmas02 .card .cardtext .no,
#download #newyear01 .card .cardtext .no	{
	height:36px;
}
#download #xmas01 .card .cardtext .text,
#download #newyear02 .card .cardtext .text	{
	height:89px;
}
#download #xmas02 .card .cardtext .text,
#download #newyear01 .card .cardtext .text	{
	height:103px;
}
#download #xmas02 .card05 .cardimage05,
#download #newyear02 .card04 .cardimage04	{
	clear:both;
}
#download #xmas02 .card05 .cardimage,
#download #newyear02 .card04 .cardimage	{
	float:left;
}
#download #xmas02 .card05 .no05,
#download #newyear02 .card04 .no04	{
	float:left;
	margin-left:7px;
}
#download #xmas02 .card05 .cardtext05,
#download #newyear02 .card04 .cardtext04	{
	clear:both;
}
#download #xmas02 .card05 .cardtext05-1,
#download #newyear02 .card04 .cardtext04-1	{
	float:left;
	width:98px;
}
#download #xmas02 .card05 .cardtext05-1 .title,
#download #newyear02 .card04 .cardtext04-1 .title	{
	margin:5px 0 4px 0;
}
#download #xmas02 .card05 .cardtext05-2	{
	float:left;
	margin:5px 0 0 7px;
}
#download #newyear02 .card04 .cardtext04-2	{
	float:left;
	margin:20px 0 0 7px;
}
#download #main #contact	{
	margin:60px 0 0 110px;
}
#download #main #contact .text	{
	margin-top:5px;
}
#download #main #contact .mail {
	margin-left:20px;
}
#download #main #adobe	{
	margin:50px 0 0 140px;
}


/* ---------------------------
	[editor]
--------------------------- */

#editor #main h2 {
	left: 673px;
	top: 48px;
}

#editor #main .leadBlock {
	margin-top: 24px;
	width: 645px;
	font-size:100%;
}

#editor #main .leadBlock h4 {
	margin-bottom: 12px;
}

#editor .editorBlock {
	width: 645px;
	clear:both;
}
#editor .editorBlock h5 {
	margin-bottom: 18px;
}
#editor .editorBlock img.strength {
	margin-top:40px;
	margin-left:10px;
}

#editor .editorBlock .btn {
	width:628px;
	text-align:right;
	margin-bottom:20px;
	clear:both;
}

#editor .editorBlock .policy img	{
	float:left;
}

#editor .editorBlock .policy p	{
	float:left;
	margin-top:30px;
	margin-left:25px;
}
#editor .editorBlock dl	{
	margin:0;
	padding:0;
	font-size: 117%;
}
#editor .editorBlock dt	{
	margin-top:30px;
	height:30px;
	padding-top:2px;
	padding-left:36px;
	background:url(../../editor/images/q.gif) top left no-repeat;
	color:#0097dc;
}
#editor .editorBlock dd	{
	padding-top:5px;
	padding-left:36px;
	background:url(../../editor/images/a.gif) top left no-repeat;
}
#editor .editorBlock dd a	{
	color:#e60011;
}

#editor .contact	{
	width:535px;
	height:169px;
	margin-top:22px;
	margin-left:19px;
	background:url(../../editor/images/contact.gif) top left no-repeat;
	border:solid 1px #FFFFFF;
}
#editor .contact p.tel	{
	display:none;
} 

#editor .contact p.num {
		margin:110px 0 0 317px;
		font-size: 125%;
		font-family: Helvetica, Myriad Pro, sans-serif;
		font-weight: 600;
		letter-spacing: 1px;
	}
/* ---------------------------
	batch setting
--------------------------- */

/* hidden elements */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


/* off-left */
#company #localMenu li a,
#portfolio #main h2,
#portfolio #localMenu li a,
#work #localMenu li a,
#work #strengthArea .typeBlock h4,
#work #strengthArea .typeBlock p.txt {
	font-size: 1px;
	text-align: left;
	text-indent: -9999em;
	/*\*/
	overflow: hidden;
	/**/
}


/* clearfix */
#localMenu,
#home .menuBlock,
#company .historyBlock,
#portfolio #tabArea ul#tabMenu,
#portfolio .portfolioBlock,
#work .listBlock ul,
#recruit .contactBlock {
  overflow: hidden;
}
#localMenu:after,
#home .menuBlock:after,
#company .historyBlock:after,
#portfolio #tabArea ul#tabMenu:after,
#portfolio .portfolioBlock:after,
#work .listBlock ul:after,
#recruit .contactBlock:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #localMenu,
* html #home .menuBlock,
* html #company .historyBlock,
* html #portfolio #tabArea ul#tabMenu,
* html #portfolio .portfolioBlock,
* html #work .listBlock ul,
* html #recruit .contactBlock {
	height: 1em;
	overflow: visible;
}
/**/


/*===floatの閉じ===*/
.contentsBOX:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}

.contentsBOX {
  display:inline-table;
}

/* Hiden from macIE ?*/
*html .contentsBOX { height:1%; }
.contentsBOX { display:block; }
/* End hide from macIE */