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

*{
	margin: 0;
	padding: 0;
	border: 0px none;
	color: #333;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1;
	list-style: none;
}
html {
    background-color: #E5E6E9;
}
body {
	font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	background-color: #E5E6E9;
	font-size: 77%;
	line-height: 1.5;
	/*position: relative;*/
	-webkit-text-size-adjust: 120%;
    behavior: url("http://www.evoworx.co.jp/js/csshover.htc");
}

html>/**/body {
	font-size: 13px;
}

#wrapper {
	margin: 0;
	padding: 0;
	background-color: #E5E6E9;
}

#header {
	margin: 0;
	padding: 0;
	height: 175px;
	width: 100%;
	min-width: 750px;
	float: left;
}

div.x1 { width:  189px; }

#mainlogo{
	padding: 0;
	width: 221px;
	height: 51px;
	float: left;
}

#mainlogo img {
	vertical-align: top;
	margin-left: 36px;
	margin-top: 26px;
}

#globalnav {
	display: block;
	float: right;
	width: 688px;
	height: 22px;
}

#globalnav ul {
	margin-top: 42px;
	margin-right: 40px;
	/*padding: 0px;*/
	display: block;
	height: 22px;
	/*line-height: 22px;*/
	/*background-color: #FFF;*/
	/*overflow: hidden;*/
	
	zoom: 1;
}

#globalnav ul li {
	/*display: inline;*/
	float: left;
	font-size: 1px;
	line-height: 1px;
	/*height: 22px;*/
	zoom: 1;
}

#glovalnav ul li a{
	/*display: block;*/
}

#globalnav ul li img{
	margin-left: 40px;
}

#globalnav ul li h1{
	font-size: 1em;
}

#globalnav ul #menu_works {
	padding-left: 0px;
}
#globalnav ul #menu_works img {
	margin-left: 0px;
}

/* top */

#content {
	clear: both;
	/*background-color: #F06;*/
	margin-left: 40px;
	margin-right: 39px;
	padding: 0;
	overflow: hidden;
	/*height: 1;*/
}

#thumb {
	/*background-color: #0F0;*/
	margin: 0 auto;
	padding: 0;
	/*overflow: hidden;*/
	height: auto;
}

#thumb div {
	float: left;
	width: 188px;
	height: 142px;
	color: #FFFFFF;
	margin-right: 1px;
	margin-bottom: 1px;
}

#thumb p {
	font-size: 77%;	
}

#thumb img{
    /*visibility: hidden;*/
}

/* works thumbnail */
#worksthumb {
	clear: both;
	width: 945px; 
	margin: 0 39px 0 40px;
}
#worksthumb ul{
	clear: both;
	height: 143px;
	display:block;
	overflow: hidden;
}
#worksthumb ul li {
	display: inline-block;
	margin-right: 1px;
	margin-bottom: 1px;
	float: left;
    background-color: #FFF;
}

#worksthumb ul li a img:hover {
    filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

#worksthumb ul .thumblast {
	width: 188px;
	height: 142px;
	margin-right: 1px;
	margin-bottom: 1px;
    background: none;
}

#worksthumb ul .thumblast h2 {
	margin-top: 42px;
	margin-left: 11px;
}

#worksthumb ul .thumblast p {
	margin-top: 3px;
	margin-left: 11px;
}


/* works detail */

#worksdetail {
	clear: both;
	position: relative;
	width:100%;
	float: left;	
}


#detailcontent {
	width: 600px;
	overflow:hidden;
	top:0;
	margin: 0 auto;
}
#detailtext h3 {
	font-size: 85%;
}

/* for ie6 */
/* \ */
* html #worksdetail {
	text-align:center;
}
/* \ */
* html #worksdetailtitle {
	text-align:left;
}
/* \ */
* html #detailtext {
	text-align:left;
}


/* This is the slide area */

#slides{
	clear: both;
	height:456px;
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:600px;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

.slide{
	float:left;
	overflow: hidden;
}

#menuset {
	clear: both;
	width: 600px;
}

#worksdetailtitle {
	float: left;
	width: 320px;
}
#worksdetailtitle h2{
	font-size: 92%;
	margin-top: 23px;
	line-height: 1.3;
	text-indent: 0.1em;
}
#worksdetailtitle p{
	clear: both;
	font-size: 92%;	
	font-family: Geneva, Verdana, sans-serif;
	vertical-align: middle;
	line-height: 1.6;
	height: 1.6em;
	/*margin-bottom: 15px;*/
}
#worksdetailtitle p img {
	margin-right: 5px;	
}
#worksdetailtitle a{
	/*display: block;*/
	text-decoration: none;
	line-height: 1.3;
	/*margin-bottom: 0.5em;*/
}
#worksdetailtitle a:hover {
	text-decoration: none;
    color: #999;
}

#slidemenu{
	/* This is the container for the thumbnails */
	float: right;
	/*width: 280px;*/
	height:55px;
	margin: 0 0 0 auto;
	top: 0;

}

#slidemenu ul{
	float: right;
    display: inline;
    margin: 0;
    padding: 0;
    height: 55px;
    /*width: 275px;*/
	/*background-color: #F00;*/
}
/* safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #menuset #slidemenu ul{
    margin: 0 -5px 0 0;
    }
}
#slidemenu ul li{
	/* Every thumbnail is a li element */
	float: left;
	margin: 0;
	padding-left: 5px;
	padding-top: 5px;
	width:50px;
	height:50px;
	overflow: hidden;
    /*background-color: #ccc;*/
}

#slidemenu ul .fbar {
	height: 0px;
	width: 0px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;	
}

#slidemenu ul li a {
	display: block;
	background-color: #FFF;
	width: 50px;
	height: 50px;
}

#slidemenu ul li img {
	/*margin-top: 5px;
	margin-left: 5px;*/
	/*background-color: #FFF;*/
}
#slidemenu ul li.act a img {
	filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}
#slidemenu ul li.slidethumb a img:hover {
	filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

#detailtext {
	clear: both;
	width: 600px;
	padding-top: 1.15em;
	/*height: auto;*/
}
#detailtext h3{
	line-height: 1.6;	
}
#detailtext p {
	font-size: 85%;
	margin-bottom: 6px;
	line-height: 1.6;
}
#detailtext a{
	display: block;
	margin-top: 18px;
    width: 70px;
}
#detailtext a img{
	/*margin-top: 18px;*/
}


#prevworks {
	position:absolute;
	width:26px;
	height:26px;
	overflow: hidden;
	top: 215px;
	left: 40px;
}
#nextworks {
	position: absolute;
	width:26px;
	height:26px;
	overflow: hidden;
	top: 215px;
	right: 40px;
}



/* company */
#content {
	/*float: left;
	width: 920px;
	margin: 0 auto;
	padding: 0;*/
}
#company h1 {
	width: 100px;
	float: left;
}

#company h1 img {
	margin-top: 2px;
	vertical-align: baseline;
}

#company p {
	margin-left: 120px;
	margin-bottom: 1.75em;
	font-size: 92%;
	letter-spacing: 0.1em;
	line-height: 1.75em;
}
#company dd a{
	text-decoration: underline;
	/*color: #666;*/
}
#company dd a:hover {
	text-decoration: none;
	color: #999;
}


#company dl {
	display: inline-block;	
}

#company dt {
	width: 120px;
	float: left;
	clear: both;
	line-height: 1.75em;
	display: inline-block;
	overflow: hidden;
}

#company dt img {
	margin-top: 0.2em;
}

#company dd {
	display: block;
	margin-left: 120px;
	margin-bottom: 1.15em;
	font-size: 92%;
	letter-spacing: 0.1em;
	line-height: 1.8em;
}

#company #locationinfo {
	line-height: 1em;
	height: 1.8em;
	vertical-align: top;
}
#locationinfo a{
}
#locationinfo a img {
	margin-top: 0.4em;
	margin-left: 13px;
	height: 13px;
	vertical-align: text-bottom;
}

#companycontents {
	/*list-style-position: inside;*/
	
}
#companycontents li{
	margin-left: 1.6em;
	list-style: decimal;
	line-height: 1.8em;
}
/* for ie */
#companycontents li {
	*margin-left: 24px;
}

/* for ie6 */
/* \ */
* html #company dd {
	zoom: 1;
}

#companypartner {
	clear: both;
	width: 100px;
	float: left;
	/*margin-top: 13px;*/
	/*margin-bottom: 24px;*/
}

#company dl #companypartner img {
	margin-top: 20px;	
}

#partnerlogolist {
	/*clear: both;*/
	height: 56px;
	/*margin-top: 0;*/
	margin-left:100px;

	/*margin-bottom:27px;*/
}

#partnerlogolist .partnerlogo {
	float: left;
}
#uniworxlogo img {
	margin-top: 16px;
	margin-right: 44px;
}
#evolutionlogo img {
	margin-right: 39px;
}
#goenlogo img {
	margin-top: 12px;
}

#companybank {
	/*position: relative;*/
	clear: both;
	float: left;
	width: 100px;
}
#companybankdd {
	/*clear: both;
	float: left;*/
	margin-left: 100px;
	/*margin-top: 78px;
	min-height: 14px;
	line-height: 1.75em;*/
}

/* map */
#content .mappage {
	position: relative;
}
#company #maptitle {
	float: left;
	margin:0;
	width: 46px;
}
#company #maptitle img {
	margin-top: 3px;
}
#company #mapinc {
	float: left;
	padding-left: 29px;
	font-size: 92%;
	letter-spacing: 0.1em;
	line-height: 1.75em;
}
.map{
	width: 453px;
	height: 391px;
	border: 1px solid #CCCDD0;
	margin-top: -532px;
	margin-left: 115px;
	
}
#maparea {
	height: 411px;	
}
#maparea #mapdetail{
	margin-left: 404px;
}
#company .maptext {
	clear: both;
	margin-left: 75px;	
}
#company #backcompany {
	clear: both;
	margin: 1.75em 0 0 75px;
	padding: 0;
	/*position: absolute;
	top: 0;
	right: 0;*/
}
/* for ie6 */
/* \ */
* html #company #backcompany {
	/*padding-right: 40px;*/
}




/* information */
#information {
	/*border-bottom: 1px solid #CCCDD0;*/
	border-top: 1px solid #CCCDD0;
	min-height: 400px;
}

#information .switchHat {
	display: none;
}
#information .switchOn {
	display: block;
}
#information span.switchOn {
	display: block;
}

#information .switchHat:hover {
	background-color: #DDDDDD;
}
#information .nowOpen {
	background-color: #DDDDDD;
}

/* for ie6 */
/* \ */
* html #information  {
	border-top: none;
}
/* \ */
* html #information .hover {
	background-color: #DDDDDD;
}
/* \ */
* html #information .entryheader {
	height: 40px;
}

#information .entryheader {
	clear: both;
	min-height: 3.1em;
	line-height: 18px;
	margin-bottom: -1px;
	margin-top: -1px;
	border-top: 1px solid #CCCDD0;
	/*border-bottom: 1px solid #CCCDD0;*/
	/*background:url(../images/information/info_titlebg_rollout.gif) left repeat-x;*/

	/*background-color: #096;*/
}

#information .lastentry {
	/*border-bottom: 1px solid #CCCDD0;*/
}

#information .entryheader p{
	padding-left: 8px;
	margin-top: 0.92em;

	float: left;
}
#information .nowOpen .icon{
	display: none;
}
#information .entryheader h2 {
	float: left;
	margin-top: 0.9em;
	margin-left: 8px;
	font-size: 92%;
	letter-spacing: 0.1em;
	line-height: 18px;
}

#information .entryheader .date {
	font-size: 76%;
	color: #999;
	float: right;
	height: 17px;
	letter-spacing: 0.075em;
	margin-top: 23px;
	margin-right: 0.5em;
}

#information .switchDetail {
	position: relative;
	
	display: block;

	/*top: 20px;*/
	/*bottom: 20px;*/
	/*padding-top: 20px;*/
	/*margin-top: 20px;*/
	padding-bottom: 31px;
	/*margin-bottom: 20px;*/
	
	/*border-bottom: 1px solid #CCCDD0;*/
	/*background-color: #09C;*/
	zoom: 1;
}

#information .switchDetail p {
	font-size: 92%;
	letter-spacing: 0.1em;
	line-height: 1.8;
	margin-left: 30px;
	margin-right: 24px;
	/*margin-bottom: 1.2em;*/
	margin-top: 1.4em;
}


#information .switchDetail h3, #information .switchDetail h4, #information .switchDetail h5, #information .switchDetail address{
	/*font-size: 92%;*/
	letter-spacing: 0.1em;
	line-height: 1.8;
	margin-left: 30px;
	margin-right: 24px;
	/*margin-bottom: 1.2em;*/
	margin-top: 1.4em;
}
#information .switchDetail h5 {
	font-weight: bold;
	margin-bottom: -0.8em;
	font-size: 92%;
}

#information .switchDetail ul li {
	font-size: 92%;
	letter-spacing: 0.1em;
	line-height: 1.8;
	margin-left: 30px;
	margin-right: 24px;
	list-style: disc none inside;
	vertical-align: middle;
	padding-left: 1em;
	text-indent: -1em;
	/*margin-bottom: 1.2em;*/
	/*margin-top: 1.4em;*/
}
#information .switchDetail ol li {
	list-style: decimal none inside;
	font-size: 92%;
	letter-spacing: 0.1em;
	line-height: 1.8;
	padding-left: 1em;
	text-indent: -1em;
	margin-left: 30px;
	margin-right: 24px;
}

#information .switchDetail h3, #information .switchDetail h4 {
	font-weight: bold;
	font-size: 107%;
	/*margin-top: 1.2em;*/
}

#information .switchDetail #application-method {
	display: block;
	width: 760px;
	margin-top: 30px;
	margin-left: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	border: 1px solid #ccc;
}

#information .switchDetail #address-evoworx {
	margin-top: 0;
	font-size: 92%;
}


#information .switchDetail a{
	text-decoration: underline;
	/*color: #666;*/
}
#information .switchDetail a:hover {
	text-decoration: none;
	color: #999;
}
#information .pagenavigation {
	border-top: 1px solid #CCCDD0;
	/*height: 40px;*/
	font-size: 92%;
	letter-spacing: 0.1em;
	
	padding-left: 8px;
	padding-top: 12px;
	/*line-height: 1.8;*/
	/*float: left;*/
}

#information .pagenavigation img{
	vertical-align: bottom;
	}
a.page-numbers, .pagenavigation .current {
	/*color: #00019b;*/
	padding: 2px .4em;
	/*border:solid 1px #ccc;*/
	text-decoration:none;
}

a.page-numbers:hover {
	color: #999;
	/*background: #328ab2;*/
}

.pagenavigation .current {
	color: #999;
	/*background: #328ab2;
	border-color: #328ab2;*/
}

.pagenavigation .next, .pagenavigation .prev {
	border:0 none;
	background:transparent;
}

/* for ie7 */
* html .switchDetail p img{
	padding: 0.8em 0;
	vertical-align: middle; 
} 

/* for ie6 */
/* \ */
* html .switchDetail p img {
	padding: 0.8em 0;
	vertical-align: middle; 
} 
/* for ie8 */
*:first-child+html .switchDetail p img {
	padding: 0.8em 0;
	vertical-align: middle; 
} 



/* contact */
input, textarea{
	font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	/*vertical-align: middle;*/
}
#contact input, #contact textarea {
	border-top: 1px solid #ACACAC;
	border-left: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
}
#contact h2 {
	/*width: 160px;*/
	font-size: 92%;
		letter-spacing: 0.1em;
	line-height: 1.75em;
	margin-bottom: 1.75em;
	/*float: left;*/
}
#contact h2 img {
	/*margin-top: 3px;*/
	/*vertical-align: baseline;*/
}
#contact h3 {
	clear: both;
	width: 120px;
	float: left;
}
#contact p{
	font-size: 92%;
	letter-spacing: 0.1em;
	line-height: 1.75em;
}

#contact p.detailtext {
	margin-left: 120px;
	margin-bottom: 1.75em;
}

#contact #wpcf7-f2-p7-o1 {
	margin-top: 52px;
}

#contact #wpcf7-f2-p7-o1 img {
	margin-top: 1px;
}
#contact #wpcf7-f2-p7-o1 dt img {
	/*margin-left: 19px;*/
}

#contact #wpcf7-f2-p7-o1 h3 {
	width: 120px;
	margin-bottom: 24px;
	margin-right:0;
}
#contact #wpcf7-f2-p7-o1 p img {
	margin-top: 3px;
}

#contact dl {
	clear: both;
}

#contact dt {
	width: 120px;
	float: left;
	clear: both;
	line-height: 1.75em;
}

#contact dt img {
	margin-top: 0.2em;
}
#contact dd {
	display: block;
	font-size: 92%;
	letter-spacing: 0.1em;
	line-height: 1.75em;
	margin-left: 120px;
	zoom: 1;
}
#contact  dd .wpcf7-form-control-wrap{
	/*margin-left: 118px;*/
}

#contact .solid{
	width: 19em;
	height: 1.9em;
	margin-top: 0;
	margin-bottom: 21px;
	/*font-size: 1em;*/
}
#contact #wpcf7-f2-p7-o1 .commentfield{
	/*width: 33em;	*/
	height: 11.2em; 
	margin-bottom: 21px;
	/*font-size: 1em;*/
}
#contact #sendmail {
    border: 0px;
	display: block;
    width: 79px;
    height: 22px;
    background: url(../images/contact/contact_send.gif) left top no-repeat;
	margin: 0;
	padding: 0;
	cursor: pointer;

}

#contact #sendmail:hover {
	background-position:left bottom;
	cursor: pointer;

}

#contact #submitbutton {
	clear: both;
	width: 79px;
	float: left;
	padding-left: 120px;
}

#contact .acceptance {
	/*float: left;*/
	line-height: 22px;
	vertical-align: middle;
	padding-left: 209px;
}
/* for ie6 */
/* \ */
* html #contact #submitbutton {
	padding-left: 82px;
}
/* \ */
* html #contact .acceptance {
	float: left;
	margin-left: -40px;
	padding-left: 12px;
}


/* 404 error */
.error404 #content {
	height: 420px;
}
.error404 #content h2 {
	font-size: 92%;
	line-height: 1.5;
}


/* footer */

#footer {
	clear: both;
	display: block;
	margin: 0 0 0;
	padding: 40px 0 0;
	/*height: auto;
	width: auto;*/
	width: 100%;
	/*float: right;*/
}

#innerfooter {
	margin-right: 40px;
	text-align: right;
}

#footer img {
	clear: both;
	margin:0;
	padding: 0;
}

address {
	margin-top: 8px;
	margin-bottom: 20px;
	font-size: 70%;
	letter-spacing: 0.1em;
}