@charset"utf-8";

/* CSS Document */


/* Body */

body{
     margin:0;
	 padding:0;
	 text-align:center;
	 background:url(../img/back.gif) repeat;
}

img{
     border:none;
	 display:block;
}

a{
     color:#0099ff;
	 font-size:80%;
}

a:hover{
     color:#FF6600;
}

/* Wrapper */

#wrapper{
     margin: 0 auto;
	 padding:0;
	 width:800px;
	 background-color:#FFFFFF;
	 border-left: #ccc solid 1px;
	 border-right: #ccc solid 1px;
	 border-top: #76c317 solid 3px;
}

h1{
	color:#666666;
	font-size:60%;
	text-align:left;
	margin:5px 0 0 25px;
	font-weight:500;
}
#orekagilink>img{width:176px;height:94.7px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:solid 2px rgb(181,177,171);}
/* header */

#header{
     margin: 0 15px 0 25px;
	 padding: 0;
	 position:relative;
	 width: 760px;
	 height:164px;
	 background:url(../img/header-img.jpg) no-repeat right 0px; 
}

#header img{
     position:absolute;
	 top:0;
	 right:0;
     margin:0;
	 padding:0;}

#logo{
     position:absolute;
	 top:23px;
	 left:20px;
	 width:314px;
	 height:91px;
	 text-align:left;
}

#logo img{
     display:block;
}

/* パンくず */

#bread{
	margin:20px 0 0 30px;
	padding:0;
	text-align:left;
	color:#333333;
}

#bread span{
     color:#666666;
	 font-size:80%;
}

/* topmenu */

#topmenu{
     display:block;
	 width:760px;
	 height:34px;
	 text-indent:-9999px;
	 text-decoration:none;
	 position:relative;
	 top:130px;
}

#topmenu ul{
     margin:0;
	 padding:0;
	 width:760px;
	 height:34px;
}

#topmenu li{
	 float:left;
	 list-style: none;
}

#topmenu a{
     display:block;
	 float: left;
	 text-decoration:none;
}

#topmenu li#menu1 a{
     background: url(../img/mainmenu.gif) no-repeat -1px 0px;
	 width:125px;
	 height:34px;
}
	 
#topmenu li#menu2 a{
     background: url(../img/mainmenu.gif) no-repeat -126px 0px;
	 width:125px;
	 height:34px;
}

#topmenu li#menu3 a{
     background: url(../img/mainmenu.gif) no-repeat -253px 0px;
	 width:125px;
	 height:34px;
}

#topmenu li#menu4 a{
     background: url(../img/mainmenu.gif) no-repeat -380px 0px;
	 width:125px;
	 height:34px;
}

#topmenu li#menu5 a{
     background: url(../img/mainmenu.gif) no-repeat -507px 0px;
	 width:125px;
	 height:34px;
}

#topmenu li#menu6 a{
     background: url(../img/mainmenu.gif) no-repeat -634px 0px;
	 width:125px;
	 height:34px;
}

#topmenu li#menu1 a:hover{
     background: url(../img/mainmenu.gif) no-repeat -1px -34px;
	 width:125px;
	 height:34px;
}

#topmenu li#menu2 a:hover{
     background: url(../img/mainmenu.gif) no-repeat -126px -34px;
	 width:125px;
	 height:34px;
}

#topmenu li#menu3 a:hover{
     background: url(../img/mainmenu.gif) no-repeat -253px -34px;
	 width:125px;
	 height:34px;
}

#topmenu li#menu4 a:hover{
     background: url(../img/mainmenu.gif) no-repeat -380px -34px;
	 width:125px;
	 height:34px;
}

#topmenu li#menu5 a:hover{
     background: url(../img/mainmenu.gif) no-repeat -507px -34px;
	 width:125px;
	 height:34px;
}

#topmenu li#menu6 a:hover{
     background: url(../img/mainmenu.gif) no-repeat -634px -34px;
	 width:125px;
	 height:34px;
}

/* main */

#main{
     width:800px;
	 height:1600px;
	 margin:0;
	 padding:0;
}

/* maintop flash */

#maintop{
     width:800px;
	 margin:20px auto 20px auto;
}

/* ie6のみに適用 */
* html div#flash1{
	margin: 0 12px 0 0;
}

#flash1{
	width:546px;
     margin:0 12px 0 0;
	 padding:0;
	 text-align:center;
	 float:right;
	 voice-family: "\"}\"";
    voice-family:inherit;
	 margin:0 25px 0 0;
}

#flash1 h2{
     height:40px;
	 width:546px;
     margin:0 0 10px 0;
	 padding:0;
	 color:#666;
	 background: url(../img/line1.gif) repeat-x 0 bottom;
}

#flash2{
     width: 190px;
	 height: 236px;
	 margin:50px 0 0 0;
	 padding:0;
	 float:right;
	 background-color:#CCCCCC;
}

/* ie6のみに適用 */
* html div#maintopleft{
	margin-left: 7px;
}

#maintopleft{
	width: 200px;
	float: left;
	margin-left: 7px;
	voice-family: "\"}\"";
    voice-family:inherit;
	margin-left: 15px;
}



#postarea2{
	width: 200px;
	padding-bottom: 9px;
	background: url(../img/tbottom-post.gif) no-repeat bottom right;
	text-align: left;
}

#postarea2 h2{
	width: 200px;
	height: 66px;
	text-indent: -9999px;
	background: url(../img/ttop-post.gif) no-repeat;
	margin: 0;
	padding: 0;
}

#postarea2 p#postareatxt{
	width: 170px;
	margin: 0 0 0 10px;
	font-size: 80%;
	line-height: 125%;
	voice-family: "\"}\"";
    voice-family:inherit;
	font-size: small;
}

#postareainside{
	width: 190px;
	margin: 0 0 0 10px;
	padding: 0 0 12px 0;
	background-color: #EFEDE0;
}

#flashleft{
	width: 190px;
	height: 167px;
	margin: 14px 0 0 10px;
	text-align: center;
}

#flashleft img{
	margin: auto;
}

#flashleft p{
	font-size: 0.8em;
	margin: 0;
}

#flashleft p.redtext{
	color: red;
}

#postarea2 form{
	margin: 10px 0 0 9px;
}

#postarea2 form .posttext{
	width: 150px;
}

#postarea2 form p{
	font-size: 60%;
	margin: 0 0 6px 0;
	padding: 0;
	voice-family: "\"}\"";
    voice-family:inherit;
	font-size: x-small;
}

#postarea2 form select{
	width: 126px;
	font-size: 80%;
	voice-family: "\"}\"";
    voice-family:inherit;
	font-size: small;
}

#postarea{
	clear: both;
	float: left;
	width: 546px;
	margin-top: 15px;
	padding-left: 45px;
	background: #1DB5CD;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
}

html*#postarea{
	width: 501px;
}

html*#postarea{
	_width: 546px;
}


#postarea{
	#width: 546px;
}

html[xmlns] #postarea{
	width: 501px;
}

#postarea form{
	padding: 5px 0;
	margin: 0;
}
/* service introduction */

#introduction{
     width:760px;
	 margin:0 auto 20px auto;
	 clear:both;
	 padding-bottom:20px;
	 background:url(../img/introduction-bottom.gif) no-repeat bottom #b5b1b2;
}

#introduction h3{
     color:#1e421e;
	 font-size:80%;
	 font-weight:bold;
	 background-color:#d1f521;
	 margin-top:2px;
	 padding:6px;
}

#introduction p{
     display:block;
     color:#666666;
	 font-size:80%;
	 margin:0 auto;
	 padding:10px 0;
	 width:180px;
	text-align:left;
	line-height:150%;
}
	 
#introduction img{
     margin:0 auto;
	 text-decoration:none;
}

#h2service{
     text-indent:-9999px;
	 text-decoration:none;
	 background: url(../img/hl-introduction.gif) no-repeat 0 0;
	 width:760px;
	 height:30px;
	 border-bottom: 2px solid #fff;
	 margin:0;
	 padding:0;
}

#servicebox1{
     background-color:#fff;
     width:245px;
	 float:left;
	 margin:7px 7px 7px 0;
}
	
#introduction a span{
	display:block;
	text-align:left;
	width:180px;
	margin:0 auto 10px auto;
	cursor:hand;
}

#servicebox2{
     background-color:#fff;
     width:245px;
	 float:left;
	 margin:7px 7px 7px 0;
}

#servicebox3{
     background-color:#fff;
     width:245px;
	 float:left;
	 margin:7px 0 7px 0;
}

#servicebox4{
     background-color:#fff;
     width:245px;
	 clear:left;
	 float:left;
	 margin:0 7px 7px 0;
}

#servicebox5{
     background-color:#fff;
     width:245px;
	 float:left;
	 margin:0 7px 7px 0;
}

#servicebox6{
     background-color:#fff;
     width:245px;
	 height:286px;
	 float:left;
	 margin:0 auto 0 auto;
}

#sboxwrapper{
	margin:0 auto;
	width:749px;
}

#mainbottom{
	clear: both;
     width:760px;
	 margin:0 auto;
	 padding:0;
}

/* ie6のみに適用 */
* html div#mainbottomleft{
	padding-bottom: 83px;
}

#mainbottomleft{
     width:220px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
	 padding-bottom: 83px;
	 voice-family: "\"}\"";
    voice-family:inherit;
	 padding-bottom: 40px
}

#mainbottomleft img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#lefttopbar{
     width:220px;
	 height:22px;
	 background:url(../img/leftmenu-top.gif) no-repeat top;
}


/* Operaのみに適用 */
html:first-child div#mainbottomright{
	margin: 0 0 20px 0;
}

#mainbottomright{
     width:500px;
	 float:right;
}

#call{
     width:500px;
	 margin:0;
	 padding:0;
}

#call h3{
     width:500px;
     height:32px;
     text-indent:-9999px;
	 text-decoration:none;
	 background:url(../img/hl-call.gif) no-repeat;
	 margin:0;
	 padding:0;
}

#callbox{
     width:auto;
	 height:90px;
	 border-left:3px solid #76c317;
	 border-right:3px solid #76c317;
}

#callboxbottom{
     width:500px;
	 height:5px;
  	 background:url(../img/callbottom.gif) no-repeat;
}

#callboxinleft{
     float:left;
	 width:282px;
	 margin-left:9px;
	 margin-top:21px;
}

#callboxinleft img{
     margin:0;
	 padding:0;
}

#callboxinleft p{
     margin:3px auto;
	 padding:0;
	 color:#666666;
	 font-size:80%;
}

#callboxinright{
     float:right;
	 width:96px;
	 margin-right:13px;
	 margin-top:7px;
}

#recruit{
     width:280px;
	 clear:both;
	 float:left;
	 margin:5px auto;
	 padding:0;
}

#recruittop{
     clear:both;
     margin:0;
	 padding:0;
     width:280px;
	 height:7px;
     background:url(../img/recruit-top.gif) no-repeat bottom;
}

#recruitbox{
     margin:0px;
	 padding:0px;
     width:auto;
	 height:90px;
	 border-left:3px solid #b5b1b2;
	 border-right:3px solid #b5b1b2;
}

#recruitbottom{
     margin:0;
	 padding:0;
     width:280px;
	 height:7px;
     background:url(../img/recruit-bottom.gif) no-repeat top;
}

#recruitbox img{
     float: left;
	 margin-left:8px;
	 margin-top:12px;
}

#recruitbox h4{
     text-align:left;
	 margin:0;
	 padding-top:12px;
	 padding-left:101px;
	 padding-bottom:15px;
	 color:#666666;
	 font-size:18px;
}

#recruitlink{
	 text-align:left;
	 margin-bottom:5px;
	 padding-left:101px;
}

#qr{
     width:210px;
	 float:right;
	 margin:0;
	 padding:5px 0 5px 0;
}

#qrtop{
     margin:0;
	 padding:0;
     width:210px;
	 height:7px;
     background:url(../img/qr-top.gif) no-repeat bottom;
}

#qrbox{
     margin:0px;
	 padding:0px;
     width:auto;
	 height:90px;
	 border-left:3px solid #b5b1b2;
	 border-right:3px solid #b5b1b2;
}

#qrbottom{
     margin:0;
	 padding:0;
     width:210px;
	 height:7px;
     background:url(../img/qr-bottom.gif) no-repeat top;
}

#qrbox img{
     float: left;
	 margin-left:8px;
	 margin-top:10px;
	 margin-right:10px;
}

#qrbox p{
     text-align:left;
	 line-height:120%;
	 font-size:80%;
	 padding-top:12px;
	 padding-right:8px;
	 color:#666666;
	 margin:0;
}

#news{
	clear: both;
     width:280px;
	 margin:0;
	 padding:0;
	 float:left;
}

#newstop{
     clear:both;
     margin:0;
	 padding:0;
     width:280px;
	 height:7px;
     background:url(../img/recruit-top.gif) no-repeat bottom;
}

#newsbox{
     margin:0px;
	 padding:0px;
     width:auto;
	 height:250px;
	 border-left:3px solid #b5b1b2;
	 border-right:3px solid #b5b1b2;
}

#newsbox h4{
     background-color:#d1f521;
	 color:#1e421e;
	 font-size:80%;
	 padding:5px;
	 margin:0;
}

#newsbox dl{
     margin:0;
	 padding:0;
	 text-align:left;
	 color:#666666;
	 font-size:80%;
}

#newsbox dt{
	 font-weight:bold;
	 margin:10px 0 0 12px;
	 padding:0;
}

#newsbox dd{
     margin:10px 0 0 12px;
	 padding:0 0 10px 0;
	 border-bottom:#d1f521 dashed 1px;
	 
}

#newskako{
	 width:auto;
	 text-align:right;
	 padding:10px 5px 10px 0 ;
	 }

#newsbottom{
     margin:0;
	 padding:0;
     width:280px;
	 height:7px;
     background:url(../img/recruit-bottom.gif) no-repeat top;
}

#seminar{
     width:210px;
	 float:right;
	 margin:0;
	 padding:0;
}

#seminartop{
     margin:0;
	 padding:0;
     width:210px;
	 height:7px;
     background:url(../img/qr-top.gif) no-repeat bottom;
}


#seminarbox{
     margin:0px;
	 padding:0px;
	 width:auto;
	 height:250px;
	 border-left:3px solid #b5b1b2;
	 border-right:3px solid #b5b1b2;
}

#seminarbox h4{
     background-color:#d1f521;
	 color:#1e421e;
	 font-size:80%;
	 padding:5px;
	 margin:0;
}

#seminarbox img{
     margin:10px auto;
	 padding:0;
}

#seminarbox a{
     display:block;
	 width:180px;
     text-align:center;
	 margin:0 auto;
	 line-height:120%;
}

#seminarbox p{
	font-size:80%;
	color:#666666;
	text-align:left;
	padding:0 10px 5px 10px;
	line-height:120%;
	}


#seminarbottom{
     margin:0;
	 padding:0;
     width:210px;
	 height:7px;
     background:url(../img/qr-bottom.gif) no-repeat top;
}

/* footer */



#footer{
	clear: both;
     width:800px;
	 background-color:#fff;
	 border-top:#ccc solid 1px;
	 text-align:left;
	 margin:0 0 0 0;
	 padding:0;
	 color:#666666;
	 voice-family: "\"}\"";
    voice-family:inherit;
	margin: 60px 0 0 0;
}

/* ie6のみに適用 */
* html div#footer{
	margin: 0;
}

#tel{
     width:282px;
	 padding:0;
	 margin-left:22px;
	 margin-top:32px;
	 float:left;
}

#tel p{
     margin:0;
	 padding:10px 0;
	 font-size:80%;
}

#astilogo{
     width:211px;
	 float:right;
     margin-top:32px;
	 margin-right:22px;
	 text-align:right;
}

#astilogo p{
     margin:0;
	 padding:5px 0 0 0;
	 font-size:80%;
	 
}

#footernavi{
     margin-top:130px;
     width:800px;
	 height:130px;
	 border-top:solid 3px #d1f521;
	 border-bottom:solid 6px #76c317;
	 background:#fff;
}

#footernavi a span{
	font-size:120%;
	color:#666666;
}


#footernavi p{
     display:block;
	 width:45%;
	 float:left;
     margin:0;
	 padding:20px 0 0 20px;
	 font-size:80%;
	 line-height:120%;
}

#footernavilink{
     width:50%;
	 float:right;
	 margin:0;
	 padding:20px 20px 0 0;
	 font-size:100%;
	 text-align:right;
	 line-height:150%;
}

/* 子page-leftmenu */

#mainleft img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#mainleft{
     width:220px;
	 height:1780px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

/* service */	

#servicepage{
     width:760px;
	 height:1750px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#servicemain{
     width:540px;
	float:right;
}

.servicetable{
     width:510px;
	 margin:0 0 0 20px;
	 padding:0;
}

.servicetable h2{
     width:510px;
	 background:url(../img/hl-service.gif) no-repeat bottom left;
	 text-decoration:none;
	 margin:0;
	 padding:37px 0 3px 85px;
	 text-align: left;
	 color:#fff;
	 font-size:120%;
}

.servicetable a{
	display:block;
	width:230px;
	padding:0;
	margin:10px 0 0 240px;
	text-align:right;
}
	 
.serbicetablemain{
     margin:0;
	 padding:0;
	 height:auto;
     background-color:#eef3f0;
	 text-align:left;
	 clear:both;
}

.serbicetablemain h3{
	margin:0;
	padding:14px 0;
     color:#333333;
	 font-size:100%;
	 text-align:center;
}

.serbicetablemain img{
	margin:0 12px 30px 12px;
	padding:0;
	float:left;
}

.servicep{
	margin:0 10px 0 0;
	padding:0;
	line-height:150%;
	color:#333333;
	font-size:80%;
}

.servicelist{
     color:#333333;
	 font-size:60%;
	 line-height:150%;
}

.servicetablebottom{
     background:url(../img/servicebox-bottom.gif) no-repeat bottom;
	 width:510px;
	 height:10px;
	 margin:0;
	 padding:0;
}

.hl{
	width:480px;
	height:35px;
	background:url(../img/hl-circle.gif) no-repeat left;
	border-bottom:1px dashed #d1f521;
	color:#afde27;
	text-align:left;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:120%;
	padding:8px 0 0 40px;
	margin:0 0 20px 20px;
}

#serviceanchor{
	width:480px;
	text-align: center;
	margin:0 0 30px; 20px;
}





#mainleftco{
     width:220px;
	 height:600px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

#mainleftco img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#companypage{
     width:760px;
	 height:600px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#servicemain dl{
	display:block;
	width:480px;
	float:left;
	margin:0 0 10px 30px;
	padding:0;
	text-align:left;
	color:#666666;
	font-size:80%;
}

#servicemain dt{
	float:left;
	clear:left;
	display:block;
	width:100px;
	margin:0;
	padding:0;
	font-weight:bold;
}

#servicemain dd{
	float:right;
	display:block;
	width:350px;
	margin:0 0 5px 0;
	padding:0;
}

/* 加盟店募集 */



#businessbox1{
	width:380px;
	margin:50px auto;
}

#businessbox1 h3{
	color:#666666;
	font-size:80%;
}

#businesscar{
	width:380px;
	height:176px;
	background:url(../img/car-bg.jpg) no-repeat;
}

#businesscar p{
	width:270px;
	text-align:left;
	color:#333333;
	font-size:80%;
	padding-top:30px;
	line-height:150%;
	margin:0 auto;
}

#businessbox2{
	width:540px;
	margin:0;
	padding:0;
	text-align:left;
	
}

#businessbox2 h4{
	width:486px;
	height:19px;
	background:url(../img/hl-merit.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	margin-left:40px;
}

#merittxt1{
	width:415px;
	color:#666666;
	font-size:80%;
	line-height:150%;
	margin:0 45px 20px 45px;
}


#b2bpage{
     width:760px;
	 height:950px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#mainleftb2b{
     width:220px;
	 height:100%;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
	 overflow:auto;
}

#mainleftb2b img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#meritbox img{
	float:left;
}

#meritboxin{
	width:auto;
}

#meritboxin h5{
	color:#00aaff;
	font-size:80%;
	font-weight:bold;
	padding-left:220px;
}

#meritboxin p{
	color:#666666;
	font-size:80%;
	padding-left:220px;
	padding-right:20px;
	line-height:150%;
}
	
#meritbox{
	clear:both;
    width:auto;
	margin-left:40px;
}

#businessbox3{
	width:auto;
	margin-top:10px;
	padding-left:20px;
	text-align:center;
}

#businessbox3 img{
	margin:0 auto;
}

/* 実績と沿革 */

#historymain{
     width:540px;
	float:right;
}

#results{
	margin:40px 0;
	padding:0;
}

#results h3{
	color:#afde27;
	font-size:150%;
	font-weight:bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:url(../img/astidog2.gif) no-repeat 98px 0;
	height:57px;
	padding-top:18px;
}

#results p{
	color:#afde27;
	font-size:150%;
	font-weight:bold;
}

#results dl{
	display:block;
	width:400px;
	text-align:left;
	margin:50px auto;
}

#results dt{
	color:#666666;
	font-size:80%;
	font-weight:bold;
	margin-bottom:10px;
}

#results dd{
	color:#666666;
	font-size:80%;
	margin:0 0 20px 0;
	padding:0;
	line-height:150%;
}

#historypage{
     width:760px;
	 height:800px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#mainlefthis{
     width:220px;
	 height:800px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

#mainlefthis img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#history dl{
	display:block;
	width:480px;
	float:left;
	margin:0;
	padding:0 0 0 70px;
	text-align:left;
	color:#666666;
	font-size:80%;
}

#history dt{
	float:left;
	clear:left;
	display:block;
	width:60px;
	margin:0;
	padding:0;
	font-weight:bold;
}
	
#history dd{
	float:right;
	display:block;
	width:340px;
	margin:0;
	padding:0 0 10px 0;
}

/* 社会貢献 */


#charitypage{
     width:760px;
	 height:1800px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#mainleftch{
     width:220px;
	 height:1800px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

#mainleftch img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#charity{
	width:420px;
	margin:50px auto;
	padding:0;
}

#charity h3{
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/hl-charity.gif) no-repeat bottom;
	width:420px;
	height:50px;
}

#charity h4{
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/hl-charity2.gif) no-repeat;
	width:420px;
	height:105px;
}

#charitytxt1{
	text-align:left;
	font-size:80%;
	color:#76c317;
	line-height:150%;
	width:355px;
	margin:10px auto;
	padding:0;
}

#charitytxt2{
	text-align:left;
	font-size:80%;
	color:#666666;
	line-height:200%;
	letter-spacing:1px;
}

#contribution{
	width:420px;
	margin:50px auto;
	padding:0;
}

#contribution h3{
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/hl-contribution.gif) no-repeat bottom;
	width:420px;
	height:50px;
}

#contribution h4{
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/hl-contribution2.gif) no-repeat;
	width:420px;
	height:105px;
}

#contributiontxt{	
	text-align:left;
	font-size:80%;
	color:#76c317;
	line-height:150%;
	width:355px;
	margin:10px auto 20px auto;
	padding:0;
}

#receipt1{
     margin: 40px 35px 0 0;
	 float: left;
	 border: solid 1px #0099ff;
	 width: 185px;
	 height: 267px;
}

#receipt2{
     margin-top: 40px;
	 border: solid 1px #0099ff;
	 width: 185px;
	 height: 267px;
	 float:right;
}

/* サービス安心宣言 */

#peacepage{
     width:760px;
	 height:900px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#mainleftpe{
     width:220px;
	 height:900px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

#mainleftpe img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#peace{
     width: 400px;
	 margin: 50px auto;
	 text-align: left;
}

.peacein1{
     width: 203px;
	 height: 107px;
     margin: 0;
	 padding: 0;
	 float: left;
}

.peacein1 p{
     width: 203px;
	 font-size: 12px;
	 color: #333333;
	 line-height: 16px;
}

.peacein2{
     width: 213px;
	 float:right;
}

.peacein0{
     width: 416px;
	 height: 117px;
	 margin-bottom: 10px;
	 border-bottom: dashed #CCCCCC 1px;
}

/* プライバシーポリシー */


#privacypage{
     width:760px;
	 height:600px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#mainleftpr{
     width:220px;
	 height:600px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

#mainleftpr img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#privacy{
	width:480px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

#privacy p{
	color:#666666;
	font-size:80%;
	line-height:150%;
	margin-left:40px;
	margin-right:30px;
	padding-bottom:10px;
	border-bottom:dashed 1px #ccc;
	font-weight:bold;
}

#privacy ol{
	color:#666666;
	font-size:80%;
	margin-right:30px;
}

#privacy li{
	margin-bottom:20px;
	line-height:150%;
}

/* お問い合わせ */

#faqpage{
     width:760px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#mainleftfa{
     width:220px;
	 min-height:100%;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

#mainleftfa img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

.undercon{
	width:480px;
	color:#76c317;
	font-size:120%;
	font-weight:bold;
	line-height:150%;
	margin: 50px auto;
}

/* サイトマップ */

#sitemappage{
     width:760px;
	 height:600px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#sitemapmain{
     width:540px;
	float:right;
}

#mainleftsi{
     width:220px;
	 height:600px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

#mainleftsi img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#sitemapleft{
	width:45%;
	float:left;
	text-align:left;
	padding-top:15px;
}

#sitemapright{
	width:55%;
	float:right;
	text-align:left;
	padding-top:15px;
}

#sitemapright ul{
	clear:both;
}

.sitemapin1{
	background:url(../img/sitemap-li.gif) no-repeat left 55%;
	list-style:none;
	text-indent:20px;
	margin-bottom:20px;
	padding:0;
	font-weight:normal;
	width:100%;
}

.sitemapin2{
	list-style:none;
	text-indent:17px;
	margin-bottom:20px;
	padding:0;
	font-weight:normal;
	width:100%;
}

.sitemapin2 ul{
	margin:0 0 0 10px;
	padding:0;
}

.sitemapin2 li{
	background:url(../img/sitemap-li2.gif) no-repeat left 55%;
	list-style:none;
}

.sitemapin1left{
	background:url(../img/sitemap-li.gif) no-repeat left 55%;
	list-style:none;
	text-indent:20px;
	margin-bottom:20px;
	margin-left:40px;
	padding-left:3px;
}

.sitemapin2left{
	list-style:none;
	text-indent:17px;
	margin-bottom:20px;
	padding:0;
	font-weight:normal;
	width:100%;
}

.sitemapin2left ul{
	margin:0 0 0 45px;
	padding:0;
}

.sitemapin2left li{
	background:url(../img/sitemap-li2.gif) no-repeat left 55%;
	list-style:none;
	margin:0 0 10px 0;
}


/* 防犯セミナー */


#seminarpage{
     width:760px;
	 height:900px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#mainleftse{
     width:220px;
	 height:900px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

#mainleftse img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#seminarmain1{
     width:540px;
	float:right;
}

#seminarmain2{
	width:400px;
	margin:50px auto;
	}

#seminarmain2 p{
	width:400px;
	margin:0 auto;
	text-align:left;
	color:#666666;
	font-size:80%;
	line-height:200%;
}

#seminarmain2 img{
	margin: 20px auto;
}

#seminarmain2 h3{
	background:url(../img/astidog2.gif) no-repeat;
	text-align:left;
	padding:20px 0 30px 75px;
	width:400px;
	border-bottom:1px dashed #d1f521;
	color:#666666;
	font-size:120%;
	font-weight:bold;
	margin-top:50px;
}

/* 採用情報コールセンター */

#mainleftca{
     width:220px;
	 height:1500px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

#mainleftca img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#callpage{
     width:760px;
	 height:1500px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#recruitcall{
    width:540px;
	float:right;
}

#recruitcall h3{
	background:url(../img/astidog2.gif) no-repeat 15% 50%;
	height:57px;
	width:420px;
	margin:0 auto;
	padding-top:10px;
	color:#666666;
	font-size:120%;
	line-height:200%;
	text-indent:20px;
}

#recruitcall img{
	display:inline;
	float:right;
	margin-top:20px;
	margin-right:45px;
}

#recruitcall p{
	float:left;
	width:50%;
	margin-top:20px;
	color:#666666;
	font-size:80%;
	line-height:150%;
	text-align:left;
}
	
#callpart{
	clear:both;
	width:420px;
	margin:0 auto;
	padding-top:30px;
	text-align:left;
}

#callpart h4{
	color:#76c317;
	font-size:120%;
	margin-left:0px;
}

#callpart dl{
	display:block;
	width:400px;
	float:left;
	margin:0 auto 0 0;
	padding:10px 0 10px 0;
	text-align:left;
	color:#666666;
	font-size:80%;
	border-bottom:#ccc 1px dashed;
}

#callpart dt{
	float:left;
	clear:left;
	display:block;
	width:60px;
	margin:0;
	padding:0;
	font-weight:bold;
}

#callpart dd{
	float:right;
	display:block;
	width:300px;
	margin:0;
	padding:0 0 10px 0;
}
	
#callreg{
	width:420px;
	margin:0 auto;
	padding-top:80px;
	text-align:left;
}

#callreg h4{
	color:#76c317;
	font-size:120%;
	margin-left:0px;
}

#callreg dl{
	display:block;
	width:400px;
	float:left;
	margin:0 auto 0 0;
	padding:10px 0 10px 0;
	text-align:left;
	color:#666666;
	font-size:80%;
	border-bottom:#ccc 1px dashed;
}

#callreg dt{
	float:left;
	clear:left;
	display:block;
	width:60px;
	margin:0;
	padding:0;
	font-weight:bold;
}

#callreg dd{
	float:right;
	display:block;
	width:300px;
	margin:0;
	padding:0 0 10px 0;
}

#recruitcallhead{
	width:420px;
	height:200px;
	margin:0 auto;
	padding-bottom:30px;
	border-bottom:1px dashed #d1f521;
}

/* 採用情報現場テクニカル */

#mainleftte{
     width:220px;
	 height:100%;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
	 overflow:auto;
}

#mainleftte img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#tecpage{
     width:760px;
	 height:1150px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

/* アンケート */

#enquete{
	width:480px;
	margin:50px auto 0 30px;
	padding:15px;
	border:#ccc 1px solid;
}

#enquete th{
	color:#666666;
	font-size:80%;
	font-weight:normal;
	text-align:left;
	padding:10px 10px 15px 0;
	border-bottom:1px #ccc dashed;
}

#enquete td{
	border-bottom:1px #ccc dashed;
}

#enquete label{
	line-height:120%;
}

#enquete h3{
	text-indent:-9999px;
	text-decoration:none;
	background:url(../img/hl-enquete.gif) no-repeat center bottom;
	width:450px;
	height:50px;
	margin:0 auto 20px auto;	
}

#enquete label{
	color:#666666;
	font-size:80%;
}

.enquetetd1{
	width:40px;
	text-align:left;
}

.enquetetd1{
	margin:0;
	padding:0;
}

#submit{
	text-align:center;
	padding:10px 10px 10px 0;
}

#enquetepage{
     width:760px;
	 height:580px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#mainleften{
     width:220px;
	 height:580px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

#mainleften img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}


/* リンク */

#linkpage{
     width:760px;
	 height:600px;
	 margin:20px auto 0 15px;
	 padding:0 0 30px 0;
}

#linkmain{
    width:540px;
	float:right;
}

#mainleftli{
     width:220px;
	 height:600px;
	 float:left;
	 background:url(../img/left-bg.gif) repeat-y;
}

#mainleftli img{
     margin-top:20px;
	 margin-left:auto;
	 margin-right:auto;
}

#linkmain dl{
	clear:both;
	margin:30px 0 20px 80px;
	padding:0;
	text-align:left;
}

#linkmain dt{
	background:url(../img/sitemap-li.gif) no-repeat left 55%;
	list-style:none;
	text-indent:20px;
	margin: 0;
	padding:0;
	font-weight:normal;
	width:150px;
}

#linkmain dd{
	color:#666666;
	font-size:80%;
	margin:7px 0 20px 30px;
	padding:0;
	width:65%;
}





/* お問合せフォーム */

form#contact table#customer{
	width: 95%;
	margin: 0 auto;
	font-size: 0.9em;
	border-collapse: collapse;
}

form#contact table#customer th,
form#contact table#customer td{
	border: 1px solid #9cbb1c;
	padding: 8px 10px;
}

form#contact table#customer th.left{
	text-align: left;
}

form#contact table#customer th span{
	font-size: 0.8em;
	font-weight: normal;
	color: #dc143c;
	margin-left: 4px;
}

form#contact table#customer td{
	text-align: left;
	padding-left: 5px;
}

form#contact table#customer td span.sample{
	display: block;
	color: #7b8d42;
	margin-bottom: 3px;
}


form#contact input,
form#contact textarea{
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 3px;
}

form#contact p{
	text-align: left;
	font-size: 0.8em;
	padding-left: 30px;
	color: #dc143c;
}

form#contact div#sbutton input{
	padding: 3px 5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	margin-bottom: 15px;
}


/* 会社概要 */

div#companydl table{
	width: 100%;
	font-size: 0.9em;
}

div#companydl table th{
	width: 40%;
}

div#companydl table td{
	width: 50%;
}

div#companydl table td dl,
div#companydl table td ul{
	width: 100%;
	padding-left: 0;
	margin-left: 0;
}

#companydl table{
	width: 460px;
	margin: 40px auto;
	border-bottom: 2px solid #ccc;
	color: #333333;
	text-align: left;
	color: #4c4c4c;
}

#companydl th{
	font-weight: normal;
	font-size: 1em;
	letter-spacing: 0.1em;
	color: #516615;
	border-right: 1px dotted #cccccc;
}

#companydl td,
#companydl th{
	border-bottom: 1px dotted #ccc;
	padding: 8px 0 8px 8px;
}

#companydl td span{
	line-height: 1.5em;
}

#companydl table td ul{
	list-style: none;
}

#companydl table td ul li{
	margin-bottom: 2px;
}

#companydl table td ul li span{
	font-size: 1.2em;
	padding: 3px;
}

#companydl table td ul li.left{
	float: left;
	clear: both;
	width: 50%;
}

#companydl table td ul li.right{
	float: left;
	margin-left: 5px;
	width: 45%;
}

#companydl table td ul li.sleft{
	float: left;
	clear: both;
	width: 30%;
}

#companydl dl dt{
	padding-top: 20px;
	padding-bottom: 5px;
}

#companydl dl dd{
	padding-left: 15px;
	padding-bottom: 5px;
	font-size: 1em;
	color: #666666;
	letter-spacing: 0.2em;
}



/* clearfix hack */
div.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html div.clearfix {height: 1%;}
div.clearfix {display: block;}
/* End hide from IE-mac */