@charset "UTF-8";
/* xforbiz_Style Version: 1
(14, 2, 2008)
Screen layout: */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img { border: none; }
caption,th { text-align: left; }

body {
	font: 12px/18px 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ明朝 Pro W3','Meiryo','ＭＳ Ｐゴシック',sans-serif;, Geneva, Arial, Verdana, sans-serif;
	color:#333333
	line-height:1.4em;	
	background-color: #FFFFFF;
	}
	
img {
	border:none;
}

a {
	text-decoration: none;
	
	}

a:link {
	color: #6666FF;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #3366FF;
}

a:hover {
	text-decoration: none;
	color: #FF66FF;
}

a:active {
	text-decoration: none;
	color: #FF99FF;
}

ul {
	list-style-position: inside;

}

h1 {
	font-size:150%;
	color:#333333;
}

h2{
	
	font-size: 15px;
	
}

h3{
	
	font-size: 16px;
	font-weight: bold;
	
}

li{
	
	font-size: 11px;
	
}

p{
	color:#666666;
}

p.desc {
	color:#333333;
}

#container{
	width: 800px;
	margin:0 auto;
	padding-top: 10px;
}

#contents{
	width: 770px;
	margin:15px;
}

#footer{
	text-decoration: none;
	border-top:1px solid #999999;
	height: 70px;
	width: 800px;
	margin:20px auto;
	text-align:center;
	font-size:11px;
	color:#666666;
	vertical-align: bottom;
}

#footer a{
	text-decoration: none;
	color:#666666;
}


/*Top*/
#service{
	height: 90px;
	width: 800px;
}

div#service ul{
	list-style-type: none;
	height: 90px;
	width: 800px;
	padding-left:35px;
	}

div#service ul li{
	float:left;
	margin:0pt;
	padding:0pt;
	height: 90px;
	width: 130px;
	list-style-type: none;
}

/*menu*/



#globalnav {
	list-style-type:none;
	height:30px;
}

#globalnav li {
	display: block;	
	width:200px;
	float:left;
}

#globalnav li a {
	display: block;	
	width:200px;
	height:30px;
	background-repeat:no-repeat;
	background-image: url(/img/PNG/Basis/menu2.png);
	text-indent:-10000px;
}


/*a */

#nav_about a {
	background-position:0px 0px;

}

#nav_setup a {
	background-position:-200px 0px;
}

#nav_step a {
	background-position:-400px 0px;
}

#nav_contact a {
	background-position:-600px 0px;
}
/*a:hover*/

#globalnav li#nav_about a:hover {
	background-position:0px -30px;
}

#globalnav li#nav_setup a:hover {
	background-position:-200px -30px;
}

#globalnav li#nav_step a:hover {
	background-position:-400px -30px;
}

#globalnav li#nav_contact a:hover {
	background-position:-600px -30px;
}

/* contact */
#contactform {
width:600px;
margin-left:20px;
}
.midashi {
width:150px;
display:block;
}
.error-message {
	clear: both;
	color: #dd0000;
	font-weight: bold;
	padding: 1px 1px 1px 1px;
	margin: 0px 10px 5px 22px;
}

div.inputs form div {
clear: left;
}
div.inputs form div textarea{

}
div.inputs form div.submit input{
margin-left:138pt;
padding-top:3px;
}
div.inputs form div label {
float: left;
width: 150px;
padding: 1px 1px 1px 1px;
margin: 0px 10px 5px 22px;
}
div.inputs form div textarea {
	
}
#company_h2 {
width:350px;
margin-left:20px;
}

.contact_h4 {
	font-size: 14px;
	font-weight: bold;
	margin-left:20px;}
#half {
margin-left:20px;}


#footer li {
                 	margin: 5px;
                 	float: right;
                 	display: block;
                 	text-decoration: none;
                 }
#footer li a {
                 	clear: left;
                 	margin: 5px;
                 	float: right;
                 	display: block;
                 	text-decoration: none;
                 }
#footer ul  {
                 	margin: 5px;
                 	float: right;
                 	display: block;
                 	text-decoration: none;
                 }
#footer ul a {
                 	clear: left;
                 	margin: 5px;
                 	float: right;
                 	display: block;
                 	text-decoration: none;
                 }