@charset "utf-8";



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

	div#content

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

div#main .column {
	float: left;
	margin: 0 7px 0 0;
	width: 233px;
	height: 190px;
	background: url(../common/block-bg-box.gif) bottom left no-repeat;
}

div#main .column-wide {
	float: left;
	margin: 0;
	width: 480px;
	height: 190px;
	background: url(../common/block-bg2-box.gif) bottom left no-repeat;
}

div#main .column h3 {
	padding: 20px 0 0 30px;
	display: block;
	width: 205px;
	height: 40px;
	color: #006699;
	font-size: 14px;
	background: url(../common/block-bg.gif) top left no-repeat;
}

div#main .column-wide h3 {
	padding: 20px 0 0 30px;
	display: block;
	width: 460px;
	height: 40px;
	color: #006699;
	font-size: 14px;
	background: url(../common/block-bg2.gif) top left no-repeat;
}

div#main .column p {
	margin: 0;
	padding: 0 12px;
	color: #000;
	font-size: 12px;
	line-height: 1.5;
}

div#main .column-wide p {
	margin: 0;
	padding: 0 12px;
	color: #000;
	font-size: 12px;
	line-height: 1.5;
}

.column-wrap {
	margin: 0;
}

.column-wrap:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.column-wrap { display: inline-block; }
/* exlude MacIE5 \*/
* html .column-wrap { height: 1% }
.column-wrap {display:block;}
/* end MacIE5 */

body#video .column a{
	color:#006699;
}

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

	div#staff-col

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

.staff-col {
	width: 360px;
	height: 230px;
	margin-bottom: 40px;
}

.staff-col:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.staff-col { display: inline-block; }
/* exlude MacIE5 \*/
* html .staff-col { height: 1% }
.staff-col {display:block;}
/* end MacIE5 */



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

	.staff-col ul

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


.staff-col ul {
	font-size:12px;
	list-style:none;
	margin-top: 0;
	padding-top: 40px;
}
.staff-col ul li {
	line-height:1.8em;
	list-style:none;
	text-decoration:none;
	background-image: url(../common/arrows.png);
	background-repeat:no-repeat;
	background-position: 0px 50%;
	padding-left: 20px;
}


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

	ul.item

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

ul.item {
	font-size:12px;
	list-style:none;
	margin:0;
	padding:0 0 0 5px;
	clear: both;
}
ul.item li {
	line-height:1.8em;
	list-style:none;
	text-decoration:none;
	background: url(../common/arrows.png) no-repeat 0px 0.3em;
	background-repeat:no-repeat;
	
	padding:0 0 0 20px;
}

ul.item li a {
	color:#006699;
	text-decoration:none;
}
ul.item li a:hover {
	color:#006699;
	text-decoration:underline;
}


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

	ol.flow

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


ol.flow {
	font-size:12px;
	list-style:none;
	margin:0;
	padding:0px;
	clear: both;
}
ol.flow li {
	line-height:1.8em;
	list-style:none;
	text-decoration:none;
	background: url(../common/arrows.png) no-repeat 5px 0.6em;
	background-repeat:no-repeat;
	padding:0 0 0 32px;
}

ol.flow li#f1 {
	display: block;
	margin: 15px 0 5px 0;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-1.gif) top left no-repeat;
}
ol.flow li#f2 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-2.gif) top left no-repeat;
}
ol.flow li#f3 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-3.gif) top left no-repeat;
}
ol.flow li#f4 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-4.gif) top left no-repeat;
}
ol.flow li#f5 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-5.gif) top left no-repeat;
}
ol.flow li#f6 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-6.gif) top left no-repeat;
}

ol.flow li#f7 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-7.gif) top left no-repeat;
}

ol.flow li#f8 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-8.gif) top left no-repeat;
}

ol.flow li#f9 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-9.gif) top left no-repeat;
}

ol.flow li#f10 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-10.gif) top left no-repeat;
}

ol.flow li#f11 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-11.gif) top left no-repeat;
}

ol.flow li#f12 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-12.gif) top left no-repeat;
}

ol.flow li#f13 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-13.gif) top left no-repeat;
}

ol.flow li#f14 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-14.gif) top left no-repeat;
}

ol.flow li#f15 {
	display: block;
	margin-bottom: 5px;
	padding-top: 5px;
	width: 700px;
	height: 30px;
	background: url(../common/flow-15.gif) top left no-repeat;
}

ol.flow li#f4.end {
	background: url(../common/flow-4-end.gif) top left no-repeat;
}

ol.flow li#f5.end {
	background: url(../common/flow-5-end.gif) top left no-repeat;
}

ol.flow li#f6.end {
	background: url(../common/flow-6-end.gif) top left no-repeat;
}

ol.flow li#f7.end {
	background: url(../common/flow-7-end.gif) top left no-repeat;
}

ol.flow li#f13.end {
	background: url(../common/flow-13-end.gif) top left no-repeat;
}

ol.flow li#f15.end {
	background: url(../common/flow-15-end.gif) top left no-repeat;
}
ol.flow li#f8.end {
	background: url(../common/flow-8-end.gif) top left no-repeat;
}

ol.flow li a {
	color:#006699;
	text-decoration:none;
}
ol.flow li a:hover {
	color:#006699;
	text-decoration:underline;
}



.module {
   		width: 730px;
   		padding: 0;
   		margin: 0;
}
.module-content {
   	padding: 0;
   	margin: 0;
}

.module-content p {
	color: #666;
   	padding: 8px;
   	margin: 0 0 5px 0;
}


.module .module-header {
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	background: url(../common/flow-1.gif) top left no-repeat;
	padding:5px 0;
	margin-top: 10px;
	margin-bottom: 0;
   	width: 730px;
	color: #454545;
}

.module .module-header2 {
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	background: url(../common/flow-2.gif) top left no-repeat;
	padding:5px 0;
	margin: 0;
   	width: 730px;
	color: #454545;
}

.module .module-header3 {
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	background: url(../common/flow-3.gif) top left no-repeat;
	padding:5px 0;
	margin: 0;
   	width: 730px;
	color: #454545;
}

.module .module-header4 {
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	background: url(../common/flow-4.gif) top left no-repeat;
	padding:5px 0;
	margin: 0;
   	width: 730px;
	color: #454545;
}

.module .module-header5 {
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	background: url(../common/flow-5.gif) top left no-repeat;
	padding:5px 0;
	margin: 0;
   	width: 730px;
	color: #454545;
}

.module .module-header6 {
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	background: url(../common/flow-6.gif) top left no-repeat;
	padding:5px 0;
	margin: 0;
   	width: 730px;
	color: #454545;
}

.module .module-header7 {
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	background: url(../common/flow-7.gif) top left no-repeat;
	padding:5px 0;
	margin: 0;
   	width: 730px;
	color: #454545;
}

.module .module-header8 {
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	background: url(../common/flow-8.gif) top left no-repeat;
	padding:5px 0;
	margin: 0;
   	width: 730px;
	color: #454545;
}

.module .module-header9 {
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	background: url(../common/flow-9.gif) top left no-repeat;
	padding:5px 0;
	margin: 0;
   	width: 730px;
	color: #454545;
}


   -->

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

	#sitemap

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


#sitemap {
	width: 100%;
	height: 210px;
	text-align: left;
	clear: both;
}

#sitemap-inner {
	margin: 0 auto;
	width:900px;
}

#sitemap-container:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#sitemap-container {
	width:960px;
	clear: both;
}

.sitemap-column {
	float: left;
	margin: 0;
	width: 220px;
}

.sitemap-column h3 {
	margin: 0;
	padding: 0;
	width: 100%;
}

#sitemap .sitemap-column h3 {
	margin-top: 10px;
	font-size:11px;
	font-weight: bold;
	color: #EDE7DA;
	background-image: none;
}
#sitemap .sitemap-column h3 a:link{
	color: #EDE7DA;
	font-weight: bold;
}
#sitemap .sitemap-column h3 a:visited{
	color: #EDE7DA;
	font-weight: bold;
}

#sitemap .sitemap-column li {
	width: 300px;
	text-align: left;
	font-size:10px;
	color: #ccc;
	line-height: 1.8;
	list-style:none;
	background-image: url(../common/arrows-3.png);
	background-repeat:no-repeat;
	background-position: 0px 50%;
	padding:0 0 0 10px;
}

* html #sitemap .sitemap-column li {
	width: 220px;
	text-align: left;
	font-size:10px;
	color: #ccc;
	line-height: 1.8;
	list-style:none;
	background-image: url(../common/arrows-3.png);
	background-repeat:no-repeat;
	background-position: 0px 50%;
	padding:0 0 0 10px;
}

#sitemap .sitemap-column li a:link {
	font-size:10px;
	color: #ccc;
	text-decoration: none;
}

#sitemap .sitemap-column li a:visited {
	color: #ccc;
	text-decoration: none;
}

#sitemap .sitemap-column li a:hover {
	color: #CCC;
	text-decoration: underline;
}




div#main .ProductSection{
	margin:5px 0 25px 0;
	width: 346px;
	text-align: center;
}

div#main .ProductSection-top{/*一番上の行*/
	margin:0 0 25px 0;
	padding-top:20px;
	width: 346px;
}


div#main .ProductSection p,div#main .ProductSection-top p{
	margin: 0;
	padding: 0;
	font-weight: bold;
	color:#666;
	text-align:center;
}

.left {
	clear:both;
	float: left;
}
.right {
	float: right;
}




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

無料相談・資料請求電話番号画像

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

#tell-img{
	margin:20px 0 20px 40px;
}

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

リクルート映像制作

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


body#recruit table.th-center th,body#recruit table.th-center td.center{
	text-align:center;
	font-weight:bold;
}


body#recruit h5{
	margin:10px 0 5px 0;
	padding:2px 0 0 0;
	text-align:left;
}

body#recruit table th.col1{
	width:350px;
}

body#recruit span.option{
	font-weight:normal;
}

body#recruit ul.recruit-list li{
	margin-bottom:3px;
	padding:3px 0 0 3px;
	background:url(../survice/business-suport/img/recruit-list-bg.gif) repeat-x bottom left;
	border:#EEEEEE 1px solid;

}