/*
Theme Name: peepz Theme
Theme URI: http://www.peepz.jp/
*/

*{
	margin:0;
	padding:0;
	}

body{
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", Arial, "ＭＳ Ｐゴシック";
	font-size:12px;
	}


img, img a{
	border:none;
	}

.clear{
	clear:both;
	}

a{
	text-decoration:none;
	color:#9cbb3b;
	}

a.footer:link {
	text-decoration:none;
	color: ##FFFFFF; 
	}

a:hover{
	text-decoration:underline;
	color:#E2269B;
	}

#wrapper{
	margin:0 auto;
	width:960px;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	padding:0;
	}

#header{
	height:98px;
	background-color:#B3D15A;
	}

#container{
	margin:0;
	padding:0;
	}

#mainContent{
	float:left;
	width:480px;
	padding:20px 15px 15px 25px;
	}

#aboutImage{
	background-image:url(image/img_about.jpg);
	background-repeat:no-repeat;
	float:right;
	width:430px;
	height:640px;
	background-color:#B3D15A;
	}

#contactImage{
	background-image:url(image/img_contact.jpg);
	background-repeat:no-repeat;
	float:right;
	width:430px;
	height:640px;
	background-color:#B3D15A;
	}

#webImage{
	background-image:url(image/img_website.jpg);
	background-repeat:no-repeat;
	float:right;
	width:430px;
	height:640px;
	background-color:#B3D15A;
	}

#ecImage{
	background-image:url(image/img_ecsite.jpg);
	background-repeat:no-repeat;
	float:right;
	width:430px;
	height:640px;
	background-color:#B3D15A;
	}

#systemImage{
	background-image:url(image/img_system.jpg);
	background-repeat:no-repeat;
	float:right;
	width:430px;
	height:630px;
	background-color:#B3D15A;
	}

#recruitImage{
	background-image:url(image/img_recruit.jpg);
	background-repeat:no-repeat;
	float:right;
	width:430px;
	height:698px;
	background-color:#D5E896;
	}

.footer{
	clear:both;
	height:45px;
	margin:0;
	padding:25px 20px 0 0;
	background-color:#B3D15A;
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	}


.topImg{
	background-image:url(image/topimg_bg.jpg);
	background-repeat:no-repeat;
	width:960px;
	height:640px;
	}

.topComment{
	float:left;
	width:150px;
	padding-top:55px;
	padding-left:240px;
}

.topBox{
	float:right;
	width:400px;
	padding-top:175px;
	}

.topBox img{
	margin-bottom:30px;
	}	

.logoBox{
	float:left;
	margin:20px 50px 20px 20px;
	width:125px;
	height:55px;
	}

#header ul{
	margin:0;
	padding:0;
	list-style-type: none;
	font-size:14px;
	}

.txtBox{
	margin:10px 0 0 0;
	font-size:12px;
	line-height:20px;
	}

.privacyBox{
	margin:0 0 0 12px;
	font-size:12px;
	line-height:20px;
	}

.txtBox table{
	border-collapse:collapse;
}

.txtBox th{
	padding:3px 10px 5px 0;
	text-align:left;
	vertical-align:top;
	}

.txtBox td{
	padding:3px 0 3px 0;
	vertical-align:top;
	}

.txtBox tr.brdrB{
	border-bottom:1px solid #e5e5e5;
}	

.newsBox{
	background-color:#FFFFFF;
	border:solid 1px #B3D15A;
	padding:8px 12px;
	font-size:12px;
	width:320px;
	margin-top:10px;
line-height:22px;
	}

.newsBox img{
	margin-bottom:15px;
	}

.ttlBox{
	margin-bottom:20px;
	}	

.achieveBox{
	float:left;
	width:230px;
	margin:15px 10px 0 0;
	}	

.achieveBox ul{
	list-style:none;
	display:block;
	}

.achieveBox li{
	width:190px;
	margin-right:10px;
	}	

.achieveBox li.achi_img{
	margin-bottom:0px;
	}

li.achi_img img{
	border:solid 1px #CACACA;
	}	

.achieveBox li.achi_name{
	font-weight:bold;
margin-top:3px;
	}

.achieveBox li.achi_work{
	background:url(image/chip_work.gif) no-repeat 0px 3px;
	padding:0 0 0 40px;
	line-height:16px;
	}

.achieveBox li.achi_url{
	background:url(image/chip_url.gif) no-repeat 0px 3px;
	padding:0 0 0 40px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	}

.achieveBox li.achi_work,
.achieveBox li.achi_url{
	font-size:10px;
	}

.bottons{
	display:block;
	margin-top:10px;
	background-color:#B3D15A;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	color:#000000;
	cursor:pointer;
	width:100px;
	text-align:center;
	font-weight:bold;
	}

.fcRed{
	color:#CC3300;
	}

.error{
	margin-bottom:200px;
	}

h3{
margin-top:10px;
}

/* js css */

.jqueryslidemenu{
	font: bold 12px Helvetica;
	background: #B3D15A;
	float:left;
	}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:100%;
	}

/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display:inline;
	float: left;
	}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	padding:0;
	}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	color: white;
	}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	top:60px;
	display: block;
	visibility: hidden;	
	width:300px;
	height:38px;
	}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
	display:block;
	float:none;
	}

.jqueryslidemenu ul li ul.subabout{
	background:url(image/subbg_about.jpg) no-repeat top left;
	width:165px;
	padding-left:15px;
	}

.jqueryslidemenu ul li ul.subworks{
	background:url(image/subbg_works.jpg) no-repeat top left;
	width:265px;
	padding-left:10px;
	}


/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
	top: 0;
	}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	float:left;
	padding: 17px 10px 5px 10px;
	margin: 0;
	}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;
	}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;
	}