@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#4c4c4c;
	line-height:160%;
	background:url(../img/bg_body.gif) top repeat-x;
}
h1, h2, h3, h4{
	margin:0px;
	padding:0px;
	clear:both;
}
img{
	border:none;
	vertical-align:top;
}
.point{
	margin:35px 0px 0px 0px;
	padding:0px;
}
.clear{
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
}
.clear hr{
	margin:0px;
	padding:0px;
	display:none;
	height:0px;
	line-height:0px;
}
.line{
	border-top:#e6e6e6 solid 1px;
	height:1px;
	clear:both;
	padding-bottom:20px;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
.imgCenter{
	text-align:center;
	margin:0px;
	padding:0px;
	clear:both;
}
.imgLeft01{
	float:left;
	/*width:200px;*/
	margin-top:30px;
	text-align:center;
}
.imgLeft02{
	float:left;
	/*width:195px;*/
	margin-top:20px;
	padding-left:10px;
}
.imgLeft03{
	float:left;
	width:362px;
}
.imgLeft04{
	float:left;
	width:195px;
	margin-bottom:20px;
}
.imgLeft05{
	float:left;
	width:215px;
	margin-bottom:20px;
}
.imgLeft06{
	float:left;
	width:300px;
}
.imgLeft07{
	float:left;
	width:100px;
	margin-top:15px;
}
.imgLeft08{
	float:left;
	width:165px;
	margin-top:15px;
}
.imgLeft09{
	float:left;
	width:182px;
	margin-top:15px;
}
.imgRight01{
	float:right;
	width:185px;
}
#homeSubTxt{
	width:460px;
	clear:both;
}
.txtLeft03{
	width:310px;
	clear:both;
	float:left;
	background:url(../../service/marketing/img/bg_lpo.gif) top no-repeat;
	padding:85px 0px 0px 75px;
}
.txtRight01{
	float:right;
	width:360px;
	padding-right:10px;
	margin-top:5px;
}
.txtRight02{
	float:right;
	width:365px;
	padding-right:10px;
	margin-top:35px;
}
.txtRight03{
	float:right;
	width:208px;
	padding-top:120px;
}
.txtRight04{
	float:right;
	width:365px;
	padding-right:10px;
	margin-bottom:20px;
}
.txtRight05{
	float:right;
	width:355px;
}
.txtRight06{
	float:right;
	width:270px;
}
.txtRight07{
	float:right;
	width:465px;
	margin-top:5px;
}
.txtRight08{
	float:right;
	width:395px;
	margin-top:40px;
}
.txtRight09{
	float:right;
	width:380px;
	margin-top:5px;
}
.txtRight10{
	float:right;
	width:365px;
	padding-right:10px;
}
.voiceLeft{
	float:left;
	width:170px;
	margin-top:20px;
}
.voiceRight{
	float:right;
	width:360px;
	margin:10px;
	padding:10px;
}

p{
	margin:10px 5px;
	padding:0px;
}
img{
	border:0px;
	margin:0px;
	padding:0px;
}
strong{
	color:#000000;
}
a{
	outline:none;
}

a:link		{color:#999999;text-decoration:none;}
a:visited	{color:#999999;text-decoration:none;}
a:hover		{color:#B1BF00;text-decoration:underline;}
a:active	{color:#B1BF00;text-decoration:none;}

#workFlow a:link		{background:url(../img/icon_03.gif) no-repeat left; padding-left:15px;}
#workFlow a:visited	{background:url(../img/icon_03.gif) no-repeat left; padding-left:15px;}
#workFlow a:hover		{background:url(../img/icon_03.gif) no-repeat left; padding-left:15px;}
#workFlow a:active	{background:url(../img/icon_03.gif) no-repeat left; padding-left:15px;}

#footerNavi a:link		{color:#FFFFFF;text-decoration:none;}
#footerNavi a:visited	{color:#FFFFFF;text-decoration:none;}
#footerNavi a:hover		{color:#FFFFFF;text-decoration:underline;}
#footerNavi a:active	{color:#FFFFFF;text-decoration:none;}

.serviceBtnLeft a:link, .serviceBtnRight a:link		{color:#4c4c4c;text-decoration:none;}
.serviceBtnLeft a:visited, .serviceBtnRight a:visited	{color:#4c4c4c;text-decoration:none;}
.serviceBtnLeft a:hover, .serviceBtnRight a:hover		{color:#4c4c4c;text-decoration:none;}
.serviceBtnLeft a:active, .serviceBtnRight a:active		{color:#4c4c4c;text-decoration:none;}

#wrapper{
	width:970px;
	background:url(../img/bg_wrapper.gif) repeat-y;
	margin:0px auto;
	padding:0px 10px;
}
#header{
	position:relative;
}
#catchCopy{
	position:absolute;
	left:190px;
	top:23px;
}

#globalNavi{
	height:55px;
	margin:0px;
	padding:0px;
	background:url(../img/bg_search.gif) repeat-x;
}
		#globalNavi li, #footer li, #supportNavi li, #ourService li,　#system li, #packPlan li, .workRight li{
			float:left;
			margin:0px;
			padding:0px;
			list-style:none;
		}
		#globalNavi, #footer, #supportNavi, #leftCol ul, #leftCol ul li, #ourService, #system, #packPlan, .workRight, #graphic, #newsRelease{
			margin:0px;
			padding:0px;
			list-style:none;
		}


#supportNavi{
	position:absolute;
	left:770px;
	top:40px;
}
		#supportNavi li{
			margin-left:5px;
		}
		#search{
			position:relative;
			background:url(../img/bg_search.gif) no-repeat ;
			width:245px;
			height:55px;
		}
		#searchBox{
			position:absolute;
			width:160px;
			height:18px;
			top:22px;
			left:9px;
			margin:0px;
			padding:0px;
		}
		#searchBtn{
			position:absolute;
			width:50px;
			top:22px;
			left:185px;
			margin:0px;
			padding:0px;
		}

#topicPath{
	vertical-align:middle;
	clear:both;
	margin:0px auto;
	width:950px;
	height:25px;
	color:#999999;
}
#contentHome{
	width:970px;
	margin:15px 0px 0px 0px;
	clear:both;
}
#content{
	width:970px;
	margin:0px;
	clear:both;
}


#leftCol{
	position:relative;
	width:190px;
	float:left;
	margin:0px;
	padding:0px 0px 30px 10px;
}
		.leftColCategory{
			margin:0px;
		}
		#leftCol #news{
			margin-bottom:10px;
			border-bottom:solid 5px #e6e6e6;
		}
		#leftCol #news{
			border-left:#e6e6e6 solid 1px;
			border-right:#e6e6e6 solid 1px;
		}
		#leftCol #news li{
			border-bottom:solid 1px #e6e6e6;
			padding:5px 0px;
			margin:0px 10px;
		}
		#leftCol #welcome{
			border-left:#e6e6e6 solid 1px;
			border-right:#e6e6e6 solid 1px;
			background:url(../img/bg_leftCol.gif) bottom no-repeat;
			padding:10px;
			margin-bottom:10px;
		}
		#leftCol p{
			margin:5px 0px;
			line-height:140%;
		}
		#leftCol .button01{
			margin:0px 0px 5px 0px;
			padding:0px;
		}
		#leftCol .button02{
			margin:0px 0px 10px 0px;
			padding:0px;
		}
		#leftCol #navi{
			color:#999999;
			margin-bottom:10px;
			padding:0px;
			border-bottom:solid 5px #e6e6e6;
			border-left:solid 1px #e6e6e6;
			border-right:solid 1px #e6e6e6;
		}
		#leftCol #navi li{
			padding:10px 0px 10px 22px;
			background:url(../img/icon_01.gif) top left no-repeat;
			border-bottom:#e6e6e6 solid 1px;
			margin:0px;
			width:166px;/* ★←追加分 幅指定しないとIEで線が消えてしまいます */
			overflow:hidden;/* ★←追加分 中の要素の幅が外よりでかくても引っ張られないように */
		}
		#leftCol #navi .active, #leftCol #navi .current-cat{
			background:url(../img/icon_01.gif) top left no-repeat #F5F5E9;
		}
		#leftCol #navi li .subNavi .active{
			background:url(../img/icon_02.gif) top left no-repeat #F5F5E9;
		}
				#leftCol #navi li .subNavi{
					margin:10px 0px -10px 0px;
					padding:0px;
					position:relative;
				}
				#leftCol #navi li .subNavi li{
					position:relative;
					border-top:#e6e6e6 solid 1px;
					border-bottom:none;
					background:#ffffff url(../img/icon_02.gif) top left no-repeat;
					margin:0px;
					padding:4px 0px 0px 40px;
					width:148px;/* ★←追加分 幅指定しないとIEで線が消えてしまいます */
					left:-22px;
				}
						#leftCol #navi li .subNavi li .subSubNavi{
							position:relative;
							left:-24px;
						}
						#leftCol #navi li .subNavi li .subSubNavi li{
							padding:5px 0px 5px 40px;
							border-left:15px solid #e6e6e6;
							background:#FAFAF3 url(../img/icon_02.gif) top left no-repeat;
							/*border-top:none;*/
						}
		#leftCol #commonNavi{
			color:#999999;
			margin-bottom:10px;
			width:190px;
		}
		#leftCol #commonNavi li{
			padding:5px 0px 5px 22px;
			background:url(../img/icon_04.gif) left no-repeat;
			border-bottom:#e6e6e6 solid 1px;
		}
	
		
#centerCol{
	float:left;
	width:570px;
	margin:0px 15px 0px 0px;
	padding:0px 0px 30px 15px;
}
		#topicPath{
			line-height:200%;
		}
		.subMenuBtn{
			width: 285px;
			background: url(../img/bg_serbtnl_btm.gif) no-repeat bottom #d6d2b8;  
			float:left;
			margin-bottom:10px;
			padding:0px;
		}
		.subMenuBtn .inner{
			width: 261px;
			background: url(../img/bg_serbtnl_top.gif) no-repeat top;
			margin:0px;
			padding:12px;
		}
		.btnImg{
			width:87px;
			float:left;
			padding:0px 10px 0px 0px;
			margin:0px;
		}
		.btnTxt{
			width:163px;
			float:right;
			padding:0px;
		}
		.btnTxt p{
			margin:5px 0px 0px 0px;
			padding:0px;
			line-height:140%;
		}
		/*homeMainTxt*/
		#homeMainTxt{
			background:url(../img/bg_home.gif) right no-repeat;
		}
		#homeMainTxt p{
			width:400px;
		}
		
		.btnVision{
			margin:0px 0px 10px 0px;
		}
		
		
		#ourService ul{
			margin:0px;
			padding:0px;
		}
		#ourService ul li{
			padding-right:10px;
			width:180px;
			margin-bottom:25px;
		}
		#ourService ul li p{
			margin:5px 0px 0px 0px;
		}
		.h3Catch{
			background:url(../img/bg_h2_catch.gif) no-repeat;
			width:556px;
			height:16px;
			font-size:120%;
			padding:7px;
			color:#000000;
			clear:both;
			font-weight:bold;
		}
		#title{
			padding-top:25px;
		}
		
		table{
			text-align:left;
			border-top:#e6e6e6 solid 1px;
			border-left:#e6e6e6 solid 1px;
			width:570px;
			border-collapse:collapse;
			margin:0px auto 20px auto;
		}
		
		table th{
			padding:7px;
			background:#F5F5E9;
			font-weight:normal;
			border-bottom:#e6e6e6 solid 1px;
			border-right:#e6e6e6 solid 1px;
		}
		table td{
			padding:7px;
			border-bottom:#e6e6e6 solid 1px;
			border-right:#e6e6e6 solid 1px;
		}
		table .category{
			color:#6E6A5C;
			background:url(../../service/img/bg_category.gif) repeat-x bottom;
			padding:0px 7px;
			height:25px;
		}
		textarea{
			width:410px;
		}
		.btnRight{
			text-align:right;
			clear:both;
			padding:35px 0px 0px 0px;
		}
		.markeBtn01{
			width:180px;
			float:left;
			margin:35px 15px 30px 0px;
		}
		.markeBtn02{
			width:180px;
			float:left;
			margin:35px 0px 30px 0px;
		}
		.markeBtn03{
			width:180px;
			float:right;
			margin:35px 0px 30px 15px;
		}
		.markeBtn04{
			clear:both;
			margin:0px auto 0px auto;
			width:440px;
		}
		.markeBtn01 h3, .markeBtn02 h3, .markeBtn03 h3, .markeBtn04 h3{
			text-align:center;
		}
		.map{
			margin-top:15px;
		}
		.client{
			margin-left:5px;
			color:#000000;
			font-weight:normal;
			font-size:100%;
		}
		.visionCatch{
			margin:50px 0px 0px 0px ;
		}
		.application th{
			width:20%;
		}
		#formButton{
			text-align:center;
			margin:0px;
			padding:0px;
		}
		.item{
			width:30%;
		}
		.price{
			width:20%;
		}
		.txtRight02 p{
			margin-top:0px;
		}
		/*sitemap*/
		#leftArea{
			width:285px;
			float:left;
			margin-top:20px;
		}
		#rightArea{
			width:280px;
			float:right;
			margin-top:20px;
		}
		#leftArea ul, #rightArea ul{
			list-style:none;
			margin:0px;
			padding:0px;
		}
		.pageTitle{
			width:271px;
			height:11px;
			padding:7px;
			clear:both;
			margin:10px 0px;
			background: url(../../others/img/bg_pagetitle.gif) no-repeat;
		}
		.pageTitle02{
			width:271px;
			height:11px;
			padding:7px;
			clear:both;
			margin:10px 0px;
			background: url(../../others/img/bg_pagetitle02.gif) no-repeat;
		}
		.second{
			margin-left:40px;
			line-height:200%;
		}
		.second ul li{
			list-style:url(../img/icon_03.gif) ;
		}
		.third{
			margin-left:40px;
		}
		.third ul li{
			list-style:circle;
		}
		/*othersH3*/
		.bgBeige{
			background:url(../img/bg_h3.gif) no-repeat;
			height:22px;
			margin-top:35px;
			font:120% bold;
			color:#000000;
			padding:3px 0px 0px 7px;
		}
		/*priceH3*/
		.priceHead{
			margin-top:35px;
		}
		.question{
			color:#B1BF00;
			font:bold;
			margin-top:30px;
		}
		#system li{
			width:265px;
			float:left;
			padding-left:20px;
			margin-top:25px;
			list-style:none;
		}
		.systemImg{
			width:60px;
			float:left;
		}
		.systemTxt{
			width:205px;
			float:left;
			text-align:left;
		}
		.workLeft{
			float:left;
			margin-top:20px;
		}
		.workRight{
			float:right;
			width:185px;
			margin-top:35px;
			height:125px;
		}
		.workRight li{
			padding:0px 5px 5px 0px;
		}
		.business{
			margin-top:30px;
		}
		#graphic li{
			padding:0px;
			margin:0px 0px 5px 0px;
		}
		table#newsRelease{
			border-top:none;
			border-left:none;
			background:#FFFFFF;
			margin:20px 0 0 0;
		}
		table#newsRelease th, table#newsRelease td{
			border-right:none;
			vertical-align:top;
		}
		#member h3{
			margin-top:50px;
		}
		.roundedBox{
			color:#4f2f00;
			width: 570px;  
			background: url(../../recruit/img/bg_rbbtm.gif) no-repeat bottom;  
			margin-top: 0px;
			padding-bottom:10px; 
		}
		.roundedBox .inner{  
			background: url(../../recruit/img/bg_rbtop.gif) no-repeat top #FFFFFF;  
			padding: 15px 10px 5px 35px;
		}
		.roundedBox .inner ul{
			margin:0;
			padding:0;
		}
		.roundedBox .inner ul li{
			margin:0;
			padding:0;
		}
#rightCol{
	float:left;
	width:160px;
	margin:0px 0px 30px 0px ;
	padding:0px;
	background:#666666;
	text-align:center;
}
		.rightColCategory{
			margin:10px 0px;
		}
		.caption{
			color:#FFFFFF;
			text-align:right;
			margin:3px 10px 20px 0px;
			font-size:90%;
		}


#footer{
	color:#FFFFFF;
	margin:20px auto 0px auto;
	width:950px;
	text-align:center;
	vertical-align:middle;
}
		#footerNavi{
			background:#B2B2B2;
			clear:both;
			padding:4px;
		}
		#copyright{
			clear:both;
		}
.bold{
	font-weight:bold;
}


.red{ color:#FF0000;}

#gmap {
	width:570px;
	height:570px;
	border:1px solid #aaaaaa;
	margin:15px 0px;