@charset "utf-8";

/*

Theme Name: Twenty Ten

Theme URI: http://wordpress.org/

Description: 2010年版の WordPress テーマ「Twenty Ten」は、スタイリッシュで、カスタマイズ可能で、簡潔で、読みやすいデザインです。カスタムメニュー、ヘッダー画像、背景をあなたなりにアレンジしてみてください。Twenty Ten テーマでは6つのウィジェットエリア (サイドバーに2つ、フッターに4つ) と、アイキャッチ画像 (ギャラリー投稿のサムネイルと、投稿やページのカスタムヘッダー画像) に対応しています。印刷用、管理画面のビジュアルエディター用、アサイドおよびギャラリーカテゴリー用のスタイルシートが用意されています。また、サイドバーを取り去った1カラムページのテンプレートもあります。

Author: the WordPress team

Version: 1.2

License: GNU General Public License

License URI: license.txt

Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu

*/



@import "humanresource.css";

@import "hrwork.css";

@import "hrperson.css";

@import "table.css";



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */



/*** ブラウザデdefault-style-reset Document **********/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,

form,fieldset,input,textarea,p,

blockquote,th,td{

	margin: 0;

	padding: 0;

	}



html{

	overflow-y: scroll;

	}



h1,h2,h3,h4,h5,h6{

	/*font-size: 10px;*/

	font-weight: normal;

	}



p{

	/*margin: 0 0 1em 0;*/

	margin: 0px;

	}



ol,ul{

	list-style: none;

	}



fieldset,img{

	border: 0;

	}



table{

	border-collapse: collapse;

	border-spacing: 0;

	}



caption,th{

	text-align: left;

	}



address,caption,cite,code,dfn,em,strong,th,var{

	font-style: normal;

	}

/*************/





/* base

--------------------------------------------------------------------- */

* {

	margin: 0px;

	padding: 0px;

	}



body {

	text-align: center;

	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;

	}

	

	/* img

	-----------------------------------------------------------  */

	img {

		padding: 0px;

		margin: 0px;

		border: none;

		}

	

	/* text link

	----------------------------------------------------------- */

	a:link,

	a:visited,

	a:active {

		color: #111;

		text-decoration: underline;

		}

	

	a:hover {

		color: #CCC;

		text-decoration: underline;

		}



	/* clearfix

	----------------------------------------------------------- */

	.clearfix:after {

		content: ".";

		display: block;

		clear: both;

		height: 0;

		visibility: hidden;

		}

	

	.clearfix {

		display: inline-block;

		}



	/* exlude MacIE5 \*/

	*html .clearfix {

		height: 1%;

		}

	.clearfix {

		display:block;

		}

	/* end MacIE5 */







/* color

--------------------------------------------------------------------- */

.color-black {color:#333;}

.color-gray {color:#666;}

.color-orange {color:#F60;}

.color-blue {color:#06C;}





/* text-align

--------------------------------------------------------------------- */

.txt-right {

	text-align: right;

	}

.txt-center {

	text-align: center;

	}



/* txt-indent

--------------------------------------------------------------------- */

.txt-indent {

	text-indent: 1em;

	}



/* txt-lines

--------------------------------------------------------------------- */

.txt-lines20 {

	padding-bottom: 20px;

	}



/* fs

--------------------------------------------------------------------- */

.fs-l {

	font-size: 117%;

	}



/* font-weit

--------------------------------------------------------------------- */

.fb {

	font-weight: bold;

	}



/* float

--------------------------------------------------------------------- */

.fLeft {

	float: left;

	}

.fRight {

	float: right;
	list-style-type: none;


	}



/* margin

--------------------------------------------------------------------- */

.mb30 {

	margin-bottom: 30px;

	}



/* =Global Elements

-------------------------------------------------------------- */



/* Main global 'theme' and typographic styles */



/* Text elements */

/*

固定ページへの影響につき

.entry-content p {

	margin-bottom: 18px;

}

.entry-content ul {

	list-style: disc;

	margin: 0 0 18px 1.5em;

}

.entry-content ol {

	list-style: decimal;

	margin: 0 0 18px 1.5em;

}

.entry-content ol ol {

	list-style: upper-alpha;

}

.entry-content ol ol ol {

	list-style: lower-roman;

}

.entry-content ol ol ol ol {

	list-style: lower-alpha;

}

.entry-content ul ul,

.entry-content ol ol,

.entry-content ul ol,

.entry-content ol ul {

	margin-bottom: 0;

}

.entry-content dl {

	margin: 0 0 24px 0;

}

.entry-content dt {

	font-weight: bold;

}

.entry-content dd {

	margin-bottom: 18px;

}

.entry-content strong {

	font-weight: bold;

}

.entry-content cite,

.entry-content em,

.entry-content i {

	font-style: italic;

}

.entry-content big {

	font-size: 131.25%;

}

.entry-content ins {

	background: #ffc;

	text-decoration: none;

}

.entry-content blockquote {

	font-style: italic;

	padding: 0 3em;

}

.entry-content blockquote cite,

.entry-content blockquote em,

.entry-content blockquote i {

	font-style: normal;

}

.entry-content pre {

	background: #f7f7f7;

	color: #222;

	line-height: 18px;

	margin-bottom: 18px;

	padding: 1.5em;

}

.entry-content abbr,

.entry-content acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

.entry-content sup,

.entry-content sub {

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

.entry-content sup {

	bottom: 1ex;

}

.entry-content sub {

	top: .5ex;

}

.entry-content input[type="text"],

.entry-content textarea {

	background: #f9f9f9;

	border: 1px solid #ccc;

	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);

	padding: 2px;

}

*/



/* Text meant only for screen readers */

/*

固定ページへの影響につき

.entry-content .screen-reader-text {

	position: absolute;

	left: -9000px;

}

*/











/* =Asides

-------------------------------------------------------------- */

/*

.home #content .format-aside p,

.home #content .category-asides p {

	font-size: 14px;

	line-height: 20px;

	margin-bottom: 10px;

	margin-top: 0;

}

.home .hentry.format-aside,

.home .hentry.category-asides {

	padding: 0;

}

.home #content .format-aside .entry-content,

.home #content .category-asides .entry-content {

	padding-top: 0;

}

*/



/* =Gallery listing

-------------------------------------------------------------- */

/*

.format-gallery .size-thumbnail img,

.category-gallery .size-thumbnail img {

	border: 10px solid #f1f1f1;

	margin-bottom: 0;

}

.format-gallery .gallery-thumb,

.category-gallery .gallery-thumb {

	float: left;

	margin-right: 20px;

	margin-top: -4px;

}

.home #content .format-gallery .entry-utility,

.home #content .category-gallery .entry-utility {

	padding-top: 4px;

}

*/



/* =Attachment pages

-------------------------------------------------------------- */



.attachment .entry-content .entry-caption {

	font-size: 140%;

	margin-top: 24px;

}

.attachment .entry-content .nav-previous a:before {

	content: '\2190\00a0';

}

.attachment .entry-content .nav-next a:after {

	content: '\00a0\2192';

}





/* =Images

-------------------------------------------------------------- */



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

.wp-caption p.wp-caption-text {

	color: #888;

	font-size: 12px;

	margin: 5px;

}

.wp-smiley {

	margin: 0;

}

.gallery {

	margin: 0 auto 18px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.gallery dl {

	margin: 0;

}

.gallery img {

	border: 10px solid #f1f1f1;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}





/* =Navigation

-------------------------------------------------------------- */



.navigation {

	clear: both;

	color: #888;

	font-size: 12px;

	line-height: 18px;

	overflow: hidden;

}

.navigation a:link,

.navigation a:visited {

	color: #888;

	text-decoration: none;

}

.navigation a:active,

.navigation a:hover {

	color: #ff4b33;

}

.nav-previous {

	float: left;

	width: 50%;

}

.nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#nav-above {

	margin: 0 0 0 0;

}

#nav-above {

	display: none;

}

.paged #nav-above,

.single #nav-above {

	display: block;

}

#nav-below {

	margin: 20px 0 0 0;

}











/* =Widget Areas

-------------------------------------------------------------- */



.widget-area ul {

	list-style: none;

	margin-left: 0;

}

.widget-area ul ul {

	list-style: square;

	margin-left: 1.3em;

}

.widget-area select {

	max-width: 100%;

}

.widget_search #s {/* This keeps the search inputs in line */

	width: 60%;

}

.widget_search label {

	display: none;

}

.widget-container {

	margin: 0 0 18px 0;

}

.widget-title {

	color: #222;

	font-weight: bold;

}

.widget-area a:link,

.widget-area a:visited {

	text-decoration: none;

}

.widget-area a:active,

.widget-area a:hover {

	text-decoration: underline;

}

.widget-area .entry-meta {

	font-size: 11px;

}

#wp_tag_cloud div {

	line-height: 1.6em;

}

#wp-calendar {

	width: 100%;

}

#wp-calendar caption {

	color: #222;

	font-size: 14px;

	font-weight: bold;

	padding-bottom: 4px;

	text-align: left;

}

#wp-calendar thead {

	font-size: 11px;

}

#wp-calendar thead th {

}

#wp-calendar tbody {

	color: #aaa;

}

#wp-calendar tbody td {

	background: #f5f5f5;

	border: 1px solid #fff;

	padding: 3px 0 2px;

	text-align: center;

}

#wp-calendar tbody .pad {

	background: none;

}

#wp-calendar tfoot #next {

	text-align: right;

}

.widget_rss a.rsswidget {

	color: #000;

}

.widget_rss a.rsswidget:hover {

	color: #ff4b33;

}

.widget_rss .widget-title img {

	width: 11px;

	height: 11px;

}



/* Main sidebars */

#main .widget-area ul {

	margin-left: 0;

	padding: 0 20px 0 0;

}

#main .widget-area ul ul {

	border: none;

	margin-left: 1.3em;

	padding: 0;

}

#primary {

}

#secondary {

}



/* Footer widget areas */

#footer-widget-area {

}











/* =Mobile Safari ( iPad, iPhone and iPod Touch )

-------------------------------------------------------------- */



pre {

	-webkit-text-size-adjust: 140%;

}

code {

	-webkit-text-size-adjust: 160%;

}

#access,

.entry-meta,

.entry-utility,

.navigation,

.widget-area {

	-webkit-text-size-adjust: 120%;

}

#site-description {

	-webkit-text-size-adjust: none;

}





/* =Print Style

-------------------------------------------------------------- */

/*

@media print {

	body {

		background: none !important;

	}

	#wrapper {

		clear: both !important;

		display: block !important;

		float: none !important;

		position: relative !important;

	}

	#header {

		border-bottom: 2pt solid #000;

		padding-bottom: 18pt;

	}

	#colophon {

		border-top: 2pt solid #000;

	}

	#site-title,

	#site-description {

		float: none;

		line-height: 1.4em;

		margin: 0;

		padding: 0;

	}

	#site-title {

		font-size: 13pt;

	}

	.entry-content {

		font-size: 14pt;

		line-height: 1.6em;

	}

	.entry-title {

		font-size: 21pt;





	}

	#access,

	#branding img,

	#respond,

	.comment-edit-link,

	.edit-link,





	.navigation,

	.page-link,

	.widget-area {

		display: none !important;

	}

	#container,

	#header,

	#footer {

		margin: 0;

		width: 100%;

	}

	#content,

	.one-column #content {

		margin: 24pt 0 0;

		width: 100%;

	}

	.wp-caption p {

		font-size: 11pt;

	}

	#site-info,

	#site-generator {

		float: none;

		width: auto;

	}

	#colophon {

		width: auto;

	}

	img#wpstats {

		display: none;

	}

	#site-generator a {

		margin: 0;

		padding: 0;

	}

	#entry-author-info {

		border: 1px solid #e7e7e7;

	}

	#main {

		display: inline;

	}

	.home .sticky {

		border: none;

	}

}



*/











/* container（wrapper）

--------------------------------------------------------------------- */

#wrapper {

	

	/*web*/

	font-size: 75.0%;	/*12px	現在のサイズ*/	/*hタグにかける場合は 100%*/

						/*10px	83.3%*/

						/*14px	117%*/

						/*16px	133%*/

						/*18px	150%*/



						/*[表示したいサイズ÷現在のサイズ×100（少数は切り上げ）]*/

	/*smartphone*/

	/*default font-size 16px; 指定なしでいける*/

						/*12px	75%*/

						/*14px	88%*/

						/*16px	100%*/

						/*18px	113%*/

						/*20px	125%*/

	

	/*web*/

	line-height: 1.5;

	

	/*smartphone

	line-height: 1.3;

	*/

	

	color: #333;

	background: transparent  url(/common/img/union/bg.jpg) repeat-x left top;

	width: 100%;

	}



#wrapper-sec {

	

	/*web*/

	font-size: 75.0%;	/*12px	現在のサイズ*/	/*hタグにかける場合は 100%*/

						/*10px	83.3%*/

						/*14px	117%*/

						/*16px	133%*/

						/*18px	150%*/



						/*[表示したいサイズ÷現在のサイズ×100（少数は切り上げ）]*/

	/*smartphone*/

	/*default font-size 16px; 指定なしでいける*/

						/*12px	75%*/

						/*14px	88%*/

						/*16px	100%*/

						/*18px	113%*/

						/*20px	125%*/

	

	/*web*/

	line-height: 1.5;

	

	/*smartphone

	line-height: 1.3;

	*/

	

	color: #333;

	background: transparent  url(/common/img/union/bg-sec.jpg) repeat-x left top;

	width: 100%;

	}





#wrapper-inner {

	margin: 0 auto;

	width: 950px;

	text-align: left;

	}

	

	/* container

	--------------------------------------------------------------------- */

	#container {

		letter-spacing: 0.02em;

		}



	



/* Header

----------------------------------------------------------- */

#Header {

	padding-top: 28px;

	margin-bottom: 12px;

	}



#HeaderLeft {

	float: left;

	width: 500px;

	height: 50px;

	}



#HeaderRight {

	float: right;

	width: 370px;

	/*width: 210px;*/

	}

	

	/*** #HeaderLeft logo ***/

	h1.logo,

	p.logo {

		float: left;

		}

	h1.logo a,

	p.logo a {

		display: block;

		width: 90px;

		height: 50px !important;

		background: transparent  url(/common/img/union/logo.jpg) no-repeat left top;

		text-indent: -9999px;

		}



	/*#HeaderLeft p.lr {

		padding-top: 10px;

		color: 555px;

		line-height: 1.2;

		font-size: 95%;

		}*/

	

	/*** #HeaderRight ***/

	p.tel {

		margin-top: 8px;

		margin-left: 160px;

		background: transparent  url(/common/img/union/tel.gif) no-repeat right top;

		width: 200px;

		height: 23px;

		text-indent: -9999px;

		}

	

	ul.hnav {

		padding-top: 6px;

		padding-left: 5px;

		margin-left: 0px;

		width: 390px;

		}

	

	ul.hnav li {

		display: inline;

		float: left;

		background: transparent  url(/common/img/union/icon-black.gif) no-repeat left 5px;

		padding-left: 15px;

		}

	

	ul.hnav li.linav a,

	ul.hnav li.linav a:visited,

	ul.hnav li.linav a:active {

		color: #555;

		text-decoration: none;

		padding-right: 20px;

		}

	

	ul.hnav li.linavend a,

	ul.hnav li.linavend a:visited,

	ul.hnav li.linavend a:active {

		color: #555;

		text-decoration: none;

		}

	

	ul.hnav li.linav a:hover,

	ul.hnav li.linavend a:hover {

		color: #CCC;

		}



/* Gnav

----------------------------------------------------------- */	

#Gnav {

	clear: both;

	margin-bottom: 10px;

	}

	

	#Gnav li {

		display: inline;

		float: left;

		text-indent: -9999px;

		}

	

	/*ホーム*/

	#Gnav li.nav01 a,

	#Gnav li.nav01 a:visited,

	#Gnav li.nav01 a:active {

		display: block;

		width: 190px;

		height: 35px;

		background: transparent  url(/common/img/union/gnav.jpg) no-repeat left top;

		}

		

		#Gnav li.nav01 a:hover {

			background: transparent  url(/common/img/union/gnav.jpg) no-repeat left bottom;

			}

	

	/*業務案内*/



	#Gnav li.nav02 a,

	#Gnav li.nav02 a:visited,

	#Gnav li.nav02 a:active {

		display: block;

		width: 190px;

		height: 35px;

		background: transparent  url(/common/img/union/gnav.jpg) no-repeat -190px top;

		}

		

		#Gnav li.nav02 a:hover {

			background: transparent  url(/common/img/union/gnav.jpg) no-repeat -190px bottom;

			}

	

	/*実績紹介*/

	#Gnav li.nav03 a,

	#Gnav li.nav03 a:visited,

	#Gnav li.nav03 a:active {

		display: block;

		width: 190px;

		height: 35px;

		background: transparent  url(/common/img/union/gnav.jpg) no-repeat -380px top;

		}

		

		#Gnav li.nav03 a:hover {

			background: transparent  url(/common/img/union/gnav.jpg) no-repeat -380px bottom;

			}

	

	/*会社案内*/

	#Gnav li.nav04 a,

	#Gnav li.nav04 a:visited,

	#Gnav li.nav04 a:active {

		display: block;

		width: 190px;

		height: 35px;

		background: transparent  url(/common/img/union/gnav.jpg) no-repeat -570px top;

		}

		

		#Gnav li.nav04 a:hover {

			background: transparent  url(/common/img/union/gnav.jpg) no-repeat -570px bottom;

			}

	

	/*会社案内*/

	#Gnav li.nav05 a,

	#Gnav li.nav05 a:visited,

	#Gnav li.nav05 a:active {

		display: block;

		width: 190px;

		height: 35px;

		background: transparent  url(/common/img/union/gnav.jpg) no-repeat -760px top;

		}

		

		#Gnav li.nav05 a:hover {

			background: transparent  url(/common/img/union/gnav.jpg) no-repeat -760px bottom;

			}





/* FooterNav

----------------------------------------------------------- */

#FooterNav {

	clear: both;

	padding-top: 2px;

	padding-left: 5px;

	}



#FooterNav p.totop {

	float: right;

	text-indent: -9999px;

	}



#FooterNav p.totop a,

#FooterNav p.totop a:visited,

#FooterNav p.totop a:active,

#FooterNav p.totop a:hover {

	background: transparent  url(/common/img/union/btn-totop.gif) no-repeat left top;

	display:block;

	width: 91px;

	height: 18px;

	}









/* Footer

----------------------------------------------------------- */

#Footer {

	clear: both;

	margin-top: 5px;

	background: #333333  url(/common/img/union/bg-footer.jpg) repeat-x left top;

	padding: 20px 25px 45px 30px;

	}



#FooterLeft {

	float: left;

	width: 450px;

	}



#FooterRight {

	float: right;

	width: 360px;

	color: #B0B0B0;

	}

	

	dl.sm01 { width: 125px; float: left;}

	dl.sm02 { width: 100px; float: left;}

	dl.sm03 { width: 100px; float: left;}

	dl.sm04 { width: 100px; float: left;}





	dl.sm01 dt,

	dl.sm02 dt,

	dl.sm03 dt,

	dl.sm04 dt {

		color: #C8C8C8;

		font-weight: bold;

		}

	

	dl.sm01 dt a,

	dl.sm01 dt a:visited,

	dl.sm01 dt a:active,

	

	dl.sm02 dt a,

	dl.sm02 dt a:visited,

	dl.sm02 dt a:active,

	

	dl.sm03 dt a,

	dl.sm03 dt a:visited,

	dl.sm03 dt a:active,

	

	dl.sm04 dt a,

	dl.sm04 dt a:visited,

	dl.sm04 dt a:active {

		color: #D5D5D5;

		text-decoration: none;

		}

	

	dl.sm01 dt a:hover,

	

	dl.sm02 dt a:hover,

	

	dl.sm03 dt a:hover,

	

	dl.sm04 dt a:hover {

		color: #09F;

		text-decoration: underline;

		}

	

	

	dl.sm01 dd a,

	dl.sm01 dd a:visited,

	dl.sm01 dd a:active,

	

	dl.sm02 dd a,

	dl.sm02 dd a:visited,

	dl.sm02 dd a:active,

	

	dl.sm03 dd a,

	dl.sm03 dd a:visited,

	dl.sm03 dd a:active,

	

	dl.sm04 dd a,

	dl.sm04 dd a:visited,

	dl.sm04 dd a:active {

		font-size: 83.3%;

		color: #D5D5D5;

		text-decoration: none;

		padding-left: 10px;

		}

	

	dl.sm01 dd a:hover,

	

	dl.sm02 dd a:hover,

	

	dl.sm03 dd a:hover,

	

	dl.sm04 dd a:hover {

		font-size: 83.3%;

		color: #09F;

		text-decoration: underline;

		padding-left: 10px;

		}

	

	

	

	/* copyright

	-------------------*/

	address {

		clear: both;

		padding-top: 8px;

		text-align: center;

		margin-bottom: 50px;

		}

















































/* MainImg

----------------------------------------------------------- */	

#MainImg {

	clear: both;

	margin-bottom: 20px;

	}

	

	#MainImg img {

		vertical-align: bottom;

		}



/* TopMenu

----------------------------------------------------------- */	

#SideMenu {

	width: 202px;

	float: left;

	}

	#SideMenu ul.TopMenu {

		width: 202px;

		background: url(/common/img/top/contentsLine.gif) repeat-x left bottom;

		padding: 0 0 5px 0;

		margin: 0 0 15px 0;

	}

		

	

	#SideMenu ul.TopMenu li {

/*		display: inline; */

		text-indent: -9999px;

		margin: 0 0 15px 0;

		}

	

	/*営業部*/

	#SideMenu ul.TopMenu li.litm01 a,

	#SideMenu ul.TopMenu li.litm01 a:visited,

	#SideMenu ul.TopMenu li.litm01 a:active {

		display: block;

		width: 202px;

		height: 73px;

		background: transparent  url(/common/img/top/btn_sales.jpg) no-repeat left top;

		margin-right: 10px;

		}

	

		#SideMenu ul.TopMenu li.litm01 a:hover {

			background: transparent  url(/common/img/top/btn_sales.jpg) no-repeat left top;

			margin-right: 10px;

			}

	

	

	/*クリエイティブセンター*/

	#SideMenu ul.TopMenu li.litm02 a,

	#SideMenu ul.TopMenu li.litm02 a:visited,

	#SideMenu ul.TopMenu li.litm02 a:active {

		display: block;

		width: 202px;

		height: 73px;

		background: transparent  url(/common/img/top/btn_creative.jpg) no-repeat left top;

		margin-right: 10px;

		}

	

		#SideMenu ul.TopMenu li.litm02 a:hover {

			background: transparent  url(/common/img/top/btn_creative.jpg) no-repeat left top;

			margin-right: 10px;

			}

	

	

	/*製作部*/

	#SideMenu ul.TopMenu li.litm03 a,

	#SideMenu ul.TopMenu li.litm03 a:visited,

	#SideMenu ul.TopMenu li.litm03 a:active {

		display: block;

		width: 202px;

		height: 73px;

		background: transparent  url(/common/img/top/btn_production.jpg) no-repeat left top;

		margin-right: 10px;

		}

	

		#SideMenu ul.TopMenu li.litm03 a:hover {

			background: transparent  url(/common/img/top/btn_production.jpg) no-repeat left top;

			margin-right: 10px;

			}





	/*損害保険代理業務・フラワーネット業務*/

	#SideMenu ul.TopMenu li.litm04 a,

	#SideMenu ul.TopMenu li.litm04 a:visited,

	#SideMenu ul.TopMenu li.litm04 a:active {

		display: block;

		width: 202px;

		height: 73px;

		background: transparent  url(/common/img/top/btn_insurance.jpg) no-repeat left top;

		}

	

		#SideMenu ul.TopMenu li.litm04 a:hover {

			background: transparent  url(/common/img/top/btn_insurance.jpg) no-repeat left top;

			}

	

	/*人材事業部*/

	#SideMenu ul.TopMenu li.litm05 a,

	#SideMenu ul.TopMenu li.litm05 a:visited,

	#SideMenu ul.TopMenu li.litm05 a:active {

		display: block;

		width: 202px;

		height: 73px;

		background: transparent  url(/common/img/top/btn_person.jpg) no-repeat left top;

		margin-right: 10px;

		}

	

		#SideMenu ul.TopMenu li.litm05 a:hover {

			background: transparent  url(/common/img/top/btn_person.jpg) no-repeat left top;

			margin-right: 10px;

			}



/* contents

----------------------------------------------------------- */	

.contents {

	width: 950px;

	margin: 0 0 15px 0;

	}



/* MainColum

----------------------------------------------------------- */	

#MainColum {

	width: 720px;

	float: right;

	}



/* MainColumn

----------------------------------------------------------- */	

#MainColumn {

	clear: both;

	}




/* TopCLeft

----------------------------------------------------------- */	

#TopCLeft {

	float: left;

	width: 660px;

	}

	

	/*インフォメーション・イベント告知*/

	h2.ttl-information {

		display: block;

		width: 400px;

		height: 30px;

		background: transparent  url(/common/img/top/ttl-information.gif) no-repeat left top;

		text-indent: -9999px;

		margin-top: 15px;

		}

	

	/*実績紹介*/

	h2.ttl-works {

		display: block;

		width: 150px;

		height: 30px;

		background: transparent  url(/common/img/top/ttl-works.gif) no-repeat left top;

		text-indent: -9999px;

		margin-top: 15px;

		}

	

	/*最新のお仕事情報*/

	h2.ttl-job {

		display: block;

		width: 250px;

		height: 30px;

		background: transparent  url(/common/img/top/ttl-job.gif) no-repeat left top;

		text-indent: -9999px;

		margin-top: 20px;

		}





ul.ttlsub {

	margin: 8px 0px 5px 0px;

	background: #CCC  url(/common/img/top/bg-ttlsub.jpg) repeat-x left bottom;

	}

	

	ul.ttlsub li.ttlsubnames {

		float: left;

		border-left: #111 4px solid;

		padding-left: 22px;

		}

	

	ul.ttlsub li.btn-detail {

		float: right;

		text-indent: -9999px;

		}

	

	/*一覧はこちら*/

	ul.ttlsub li.btn-detail a,

	ul.ttlsub li.btn-detail a:visited,

	ul.ttlsub li.btn-detail a:active,

	ul.ttlsub li.btn-detail a:hover {

		display: block;

		width: 78px;

		height: 18px;

		background: transparent  url(/common/img/union/btn-detail.gif) no-repeat left top;

		}





.InfoBox {

	clear: both;

	border: #EEE 1px solid;

	background-color: #F6F6F6;

	padding: 12px 18px;

	}

	

	.InfoBox dl {

		line-height: 2;

		}

	

	.InfoBox dl dt {

		float: left;

        width: 90px;

        clear:both;

		color: #666;

		}

	

	.InfoBox dl dd {

		margin-left: 90px;

		}



/*

.Boxleft 	{ float: left; width: 200px; margin-right: 10px;}

.Boxcenter 	{ float: left; width: 200px; margin-right: 10px;}

*/

.Boxleft 	{ float: left; width: 300px; margin-right: 10px; display: inline;}

.Boxcenter 	{ float: left; width: 310px; display: inline;}

.Boxright 	{ float: left; width: 200px;}





.BoxIMG 	{ float: left;}

.BoxIMG img { margin-right: 10px; margin-bottom: 10px;}



.BoxItem		{ line-height: 1.5;}

.BoxItem span	{ font-size: 83.3%; color: #666;}



.BoxItem a,

.BoxItem a:visited,

.BoxItem a:active		{ color: #000; text-decoration: underline;}

.BoxItem a:hover		{ color: #09F; text-decoration: underline;}

	

	



/* TopCRight

----------------------------------------------------------- */	

#TopCRight {

	float: right;

	width: 270px;

	}

	

	ul.topbn {



		/*padding-top: 84px;*/

		padding-top: 20px;

		margin-bottom: 10px

		}

	

	ul.topbn li img {

		vertical-align: bottom;

		}

	

	ul.topbn li.bn-large {

		margin-bottom: 10px;

		}

	

	ul.topbn li.bn-small {

		margin-bottom: 3px;

		}











/*=======================================================================



	sec.css



========================================================================*/







/* SecContent

----------------------------------------------------------- */	

#SecContent {

	clear: both;

	margin-top: 65px;

	}



#SecContenthr {

	clear: both;

	margin-top: 15px;

	font-size: 117%; /*14pxに揃える*/

	letter-spacing: 0.05em;

	line-height: 1.7;

	color: #000;

	}



.edit-link {

	clear: both;

	}





/* pankuzu

----------------------------------------------------------- */	

#pankuzu {

	}

	

	.pankuzu-left {

		float: left;

		border-left: #111 4px solid;

		padding-left: 15px;

		}

	

	.pankuzu-right {

		float: right;

		font-size: 83.3%;

		}





/* ContBox

----------------------------------------------------------- */	

.ContBox01 {

	padding: 37px 20px 30px 20px;

	border-bottom: #E1E1E1 1px solid;

	}



.ContBox02 {

	padding: 37px 20px 30px 20px;

	}



.ContBox03 {

	padding: 37px 20px 60px 20px;

	}







/* TitleBox

----------------------------------------------------------- */	

.TitleBox {

	clear:both;

	margin-top: 35px;

	}



.TitleBox p {

	padding: 14px 0px 0px 14px;

	}



.TitleBox p span {

	background-color: #F6F6F6;

	color: #666;

	padding: 2px;

	}



/* Note

----------------------------------------------------------- */	

.Note {

	border-left: #111 4px solid;

	padding-left: 15px;

	}



/* 準備中

----------------------------------------------------------- */	

h1.ttl-wait {

	display: block;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-wait.jpg) no-repeat left top;

	text-indent: -9999px;

	margin-bottom: 8px;

	}







/* 会社案内

----------------------------------------------------------- */	

h1.ttl-company {

	display: block;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-company.jpg) no-repeat left top;

	text-indent: -9999px;

	margin-bottom: 8px;

	}



/*いくつもの力を重ねて、*/

h2.ttl-cp01 {

	clear: both;

	display: block;

	width: 630px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-cp01.gif) no-repeat left top;

	text-indent: -9999px;

	margin-top: 35px;

	}



/*会社概要*/

h2.ttl-cp02 {

	clear: both;

	float: left;

	width: 150px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-cp02.gif) no-repeat left top;

	text-indent: -9999px;

	}

	

/*組織図*/

h2.ttl-cp03 {

	clear: both;

	float: left;

	width: 110px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-cp03.gif) no-repeat left top;

	text-indent: -9999px;

	}



/*アクセス*/

h2.ttl-cp04 {

	clear: both;

	float: left;

	width: 120px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-cp04.gif) no-repeat left top;

	text-indent: -9999px;

	}



dl.CompanyOverview {

	width: 100%;

	}

	

	dl.CompanyOverview dt {

		float: left;

		width: 270px;

		clear:both;

		border-bottom: #999 1px dotted;

		padding: 8px 0px;

		font-weight: bold;

		}

	

	dl.CompanyOverview dd {

		margin-left: 306px;



		width: 600px;

		border-bottom: #999 1px dotted;

		padding: 8px 0px;

		}

	

		dt.jigyou_ajust,

		dd.jigyou_ajust {

			height: 250px;

			line-height:2;

			}





iframe.AccessMap {

	border: #666 1px solid;

	margin-bottom: 20px;

	}



/* google maps */

#map_canvas{

	width: 908px;

	height: 298px;

	border:1px solid #666666;

	}





/* 業務案内

----------------------------------------------------------- */	

h1.ttl-operation {

	display: block;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-operation.jpg) no-repeat left top;

	text-indent: -9999px;

	margin-bottom: 8px;

	}



/*業務体制*/

h2.ttl-op01 {

	clear: both;

	float: left;

	width: 150px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-op01.gif) no-repeat left top;

	text-indent: -9999px;

	}



.OpeBox {

	clear: both;

	margin-bottom: 30px;

	}



.OpeBox02 {

	clear: both;

	margin-bottom: 60px;

	}



.OpeBox-left {

	float: left;

	width: 600px;

	text-indent: -9999px;

	}



.OpeBox-right {

	float: right;

	width: 330px;

	line-height: 1.7;

	}

	

	.OpeBox-right a,

	.OpeBox-right a:visited,

	.OpeBox-right a:active {

		color: #09F;

		}

	

	.OpeBox-right a:hover {

		color: #CCC;

		}

	

	/*営業*/

	.oplink01 a,

	.oplink01 a:visited,

	.oplink01 a:active {

		display: block;

		width: 600px;

		height: 100px;

		background: transparent  url(/common/img/sec/img-op-sales.jpg) no-repeat left top;

		}

	

	.oplink01 a:hover {

		background: transparent  url(/common/img/sec/img-op-sales_o.jpg) no-repeat left top;

		}

	

	

	/*クリエイティブセンター*/

	.oplink02 a,





	.oplink02 a:visited,

	.oplink02 a:active {

		display: block;

		width: 600px;

		height: 100px;

		background: transparent  url(/common/img/sec/img-op-creative.jpg) no-repeat left top;

		}

	

	.oplink02 a:hover {

		background: transparent  url(/common/img/sec/img-op-creative_o.jpg) no-repeat left top;

		}

	

	/*制作*/

	.oplink03 a,

	.oplink03 a:visited,

	.oplink03 a:active {

		display: block;

		width: 600px;

		height: 100px;

		background: transparent  url(/common/img/sec/img-op-production.jpg) no-repeat left top;

		}

	

	.oplink03 a:hover {

		background: transparent  url(/common/img/sec/img-op-production_o.jpg) no-repeat left top;

		}

	

	/*損害保険代理業務・フラワーネット業務*/

	.oplink04 a,

	.oplink04 a:visited,

	.oplink04 a:active {

		display: block;

		width: 600px;

		height: 100px;

		background: transparent  url(/common/img/sec/img-op-insurance.jpg) no-repeat left top;

		}

	

	.oplink04 a:hover {

		background: transparent  url(/common/img/sec/img-op-insurance_o.jpg) no-repeat left top;

		}

	

	/*人材事業部*/

	.oplink05 a,

	.oplink05 a:visited,

	.oplink05 a:active {

		display: block;

		width: 600px;

		height: 100px;

		background: transparent  url(/common/img/sec/img-op-person.jpg) no-repeat left top;

		}

	

	.oplink05 a:hover {

		background: transparent  url(/common/img/sec/img-op-person_o.jpg) no-repeat left top;

		}





/* 業務案内　営業

----------------------------------------------------------- */



/*営業*/	

h2.ttl-opsa01 {

	clear: both;

	float: left;

	width: 230px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-opsa01.gif) no-repeat left top;

	text-indent: -9999px;

	}



/*総合広告代理店*/

h2.ttl-opsa02 {

	clear: both;

	float: left;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-opsa02.gif) no-repeat left top;

	text-indent: -9999px;

	}





/* 業務案内　クリエイティブセンター

----------------------------------------------------------- */



/*クリエイティブセンター*/	

h2.ttl-opcr01 {

	clear: both;

	float: left;

	width: 490px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-opcr01.gif) no-repeat left top;

	text-indent: -9999px;

	}



/*業務案内*/

h2.ttl-opcr02 {

	clear: both;

	float: left;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-opcr02.gif) no-repeat left top;

	text-indent: -9999px;

	}





/* 業務案内　制作

----------------------------------------------------------- */



/*制作*/	

h2.ttl-oppr01 {

	clear: both;

	float: left;

	width: 305px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-oppr01.gif) no-repeat left top;

	text-indent: -9999px;

	}



/*業務案内*/

h2.ttl-oppr02 {

	clear: both;

	float: left;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-oppr02.gif) no-repeat left top;

	text-indent: -9999px;

	}



/* 業務案内　人材事業

----------------------------------------------------------- */



/*人材派遣・人材紹介業務*/	

h2.ttl-oppn01 {

	clear: both;

	float: left;

	width: 490px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-oppn01.gif) no-repeat left top;

	text-indent: -9999px;

	}







/* 業務案内　損害保険代理業務・フラワーネット業務

----------------------------------------------------------- */



/*損害保険代理業務・フラワーネット業務*/	

h2.ttl-opin01 {

	clear: both;

	float: left;

	width: 600px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-opin01.gif) no-repeat left top;

	text-indent: -9999px;

	}



/*業務内容*/

h2.ttl-opin02 {

	clear: both;

	float: left;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-opin02.gif) no-repeat left top;

	text-indent: -9999px;

	}





/* お問い合わせ

----------------------------------------------------------- */	

h1.ttl-contact {

	display: block;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-contact.jpg) no-repeat left top;

	text-indent: -9999px;

	margin-bottom: 8px;

	}



/* リクルート

----------------------------------------------------------- */	

h1.ttl-recruit {

	display: block;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-recruit.jpg) no-repeat left top;

	text-indent: -9999px;

	margin-bottom: 8px;

	}



/*正社員・契約社員募集*/

h2.ttl-re01 {

	clear: both;

	float: left;

	width: 340px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-re01.gif) no-repeat left top;

	text-indent: -9999px;

	}



/*お問い合わせは*/

h2.ttl-re02 {

	clear: both;

	float: left;

	width: 260px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-re02.gif) no-repeat left top;

	text-indent: -9999px;

	}



dl.Rectuiting {

	width: 100%;

	}

	

	dl.Rectuiting dt {

		float: left;

		width: 270px;

		clear:both;

		border-bottom: #999 1px dotted;

		padding: 8px 0px;

		font-weight: bold;

		}

	

	dl.Rectuiting dd {

		margin-left: 306px;

		width: 600px;

		border-bottom: #999 1px dotted;

		padding: 8px 0px;

		}







/* サイトマップ

----------------------------------------------------------- */	

h1.ttl-sitemap {

	display: block;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-sitemap.jpg) no-repeat left top;

	text-indent: -9999px;

	margin-bottom: 8px;

	}



h2.ttl-si01 {

		color: #555;

		background: #EEE  url(/common/img/union/icon-black.gif) no-repeat 7px 9px;

		padding-left: 22px;

		padding-top: 2px;

		padding-bottom: 1px;

		font-size: 117%;

		margin-bottom: 10px;

		}

	

h2.ttl-si01 a,

h2.ttl-si01 a:visited,

h2.ttl-si01 a:active {

	color: #555;

	text-decoration: none;

	padding-right: 20px;

	text-decoration: underline;

	}

	

h2.ttl-si01 a:hover {

	color: #CCC;

	}		



ul.ul-si {

	padding-left: 20px;

	padding-bottom: 20px;

	}



ul.ul-si li {

	list-style: disc;

	}







/* リンク

----------------------------------------------------------- */	

h1.ttl-link {

	display: block;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-link.jpg) no-repeat left top;

	text-indent: -9999px;

	margin-bottom: 8px;

	}



dl.LinkList {

	width: 100%;

	}

	

	dl.LinkList dt {

		float: left;

		width: 270px;

		clear:both;

		border-bottom: #999 1px dotted;

		padding: 8px 0px;

		font-weight: bold;

		}

	

	dl.LinkList dd {

		margin-left: 306px;

		width: 600px;

		border-bottom: #999 1px dotted;

		padding: 8px 0px;

		}







/* 実績紹介

----------------------------------------------------------- */	

h1.ttl-works {

	display: block;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-works.jpg) no-repeat left top;

	text-indent: -9999px;

	margin-bottom: 8px;

	}





/* 個人情報保護方針

----------------------------------------------------------- */	

h1.ttl-privacy {

	display: block;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-privacy.jpg) no-repeat left top;

	text-indent: -9999px;

	margin-bottom: 8px;

	}



/*個人情報の保護に関する基本方針*/

h2.ttl-pr01 {

	clear: both;

	float: left;

	width: 490px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-pr01.gif) no-repeat left top;

	text-indent: -9999px;

	}



.privacyBox {

	padding: 0px 20px;

	}

	

	.privacyBox h3 {

		font-size: 133%;

		font-weight: bold;

		background: transparent  url(/common/img/union/icon-black.gif) no-repeat 2px 8px;

		border-bottom: #C8C8C8 1px solid;

		padding: 0px 0px 3px 18px;

		margin-bottom: 8px;

		letter-spacing: 0.05em;

		}

	

	.privacyBox p {

		color: #555;

		padding-bottom: 40px;

		padding-left: 20px;

		}
		
/* カメラマン募集

----------------------------------------------------------- */	
.cameraman {
	margin: 20px 0 20px 0;
	}
	
	
	/* パレード参加申し込みフォーム

----------------------------------------------------------- */	

h1.ttl-parade {

	display: block;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-parade.jpg) no-repeat left top;

	text-indent: -9999px;

	
	margin-bottom: 8px;

	}

	/*パレード参加申し込みフォーム アンカー*/

.formnavi {
		margin-top: 30px;
		text-align: center;
		
		}

.formnavi ul {
		width: 950px;
		font-size:0px;
		}

.formnavi li {
		padding:10px;
		width:200px;
		background-color: #eee;
		border:1px solid #aaa;
		margin-right: 50px;
		display: inline-block;
		text-align: center;
		font-size:18px;
		text-decoration: none;
		}

.formnavi li a {
		display: block;
		text-decoration: none;
}
	
	/*パレード参加申し込みフォーム 個人用*/

h2.ttl-at01 {

	clear: both;

	float: left;

	width: 866px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-at01.jpg) no-repeat left top;

	text-indent: -9999px;

		}
	
		/*パレード参加申し込みフォーム 団体用*/

h2.ttl-at02 {

	clear: both;

	float: left;

	width: 866px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-at02.jpg) no-repeat left top;

	text-indent: -9999px;

	}
	
h2.ttl-parade02 {

	border-left: 5px solid #cc3333;

	padding: 3px 7px 2px;
	
	color: #cc3333;
	}
	
	h2.ttl-parade {

	border-left: 5px solid #3399CC;

	padding: 3px 7px 2px;
	
	}
	
	
		/* トーク参加申し込みフォーム

----------------------------------------------------------- */	

h1.ttl-talk {

	display: block;

	width: 950px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-talk.jpg) no-repeat left top;

	text-indent: -9999px;

	
	margin-bottom: 8px;

	}

	/*トーク参加申し込みフォーム アンカー*/

.formnavi {
		margin-top: 30px;
		text-align: center;
		
		}

.formnavi ul {
		width: 950px;
		font-size:0px;
		}

.formnavi li {
		padding:10px;
		width:200px;
		background-color: #eee;
		border:1px solid #aaa;
		margin-right: 50px;
		display: inline-block;
		text-align: center;
		font-size:18px;
		text-decoration: none;
		}

.formnavi li a {
		display: block;
		text-decoration: none;
}
	
	/*パレード参加申し込みフォーム 個人用*/

h2.ttl-at01 {

	clear: both;

	float: left;

	width: 866px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-at01.jpg) no-repeat left top;

	text-indent: -9999px;

		}
	
		/*パレード参加申し込みフォーム 団体用*/

h2.ttl-at02 {

	clear: both;

	float: left;

	width: 866px;

	height: 35px;

	background: transparent  url(/common/img/sec/ttl-at02.jpg) no-repeat left top;

	text-indent: -9999px;

	}
	
h2.ttl-talk02 {

	border-left: 5px solid #cc3333;

	padding: 3px 7px 2px;
	
	color: #cc3333;
	}
	
	h2.ttl-parade {

	border-left: 5px solid #3399CC;

	padding: 3px 7px 2px;
	
	}