@charset "utf-8";

/*================reset================*/
h1,h2,h3,h4,p,table,caption,tr,th,td,ol,ul,li,dl,dt,dd,img,address{
	margin:0;
	padding:0;
	font-size: 100%;
	font-weight:normal;
	font-style:normal;
	text-align:left;
	border:none;
	list-style:none;
}
img{
	vertical-align:bottom;
	}
/*================reset================*/
/*================clearfix================*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
/*================clearfix================*/

/*================共通================*/
body{
	background-color:#fff;
	font-size:0.8em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.2em;
	margin:0 auto;
	text-align:center;
	}

#wrapper0{
	width:906px;
	margin:0 auto;
	text-align:left;
	}

h1{
	text-indent:-9999px;
	text-align:left;
	margin:10px 0;
	width:130px;
	height:42px;
	background:url(../images/logo.jpg) no-repeat top left;
	overflow:hidden;
	}
h1 a,h1 a:link,h1 a:visited,h1 a:hover,h1 a:active{
	display:block;
	width:130px;
	height:42px;
	}

#wrapper{
	border:1px solid #9a9a9a;
	margin:0 auto;
	text-align:left;
	}

#footer{
	clear:all;
	background:#e7e4e4;
	margin-top: 10px;
	}

#footer dl.news{
	float:left;
	width:225px;
	padding-left:10px;
	background-color:#e7e4e4;
	}
#footer dl.news dt.newsTitle{
	font-weight:bold;
	padding:5px 0px 5px 0px;
	}
#footer dl.news dd ul li{
	margin-bottom:3px;
	}

#footer #bannerwrap dl#banner dt img{
	float:left;
	padding:5px;
	}
#footer #bannerwrap dl#banner dd{
	padding-top:5px;
	width:205px;
	float:left;
	}

address{
	text-align:right;
	margin-top: 10px;
	}
	
.navi1,.navi2,.navi3,.navi4,.navi5{
	text-indent:-9999px;
	overflow:hidden;
	}

.navi1 a:link,.navi1 a:visited{
	display:block;
	width:180px;
	height:40px;
	background:url(../images/navi1.gif);
	background-position:0 0;
	border-left:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
	margin-left:-1px;
}
.navi1 a:hover,.navi1 a:active{
	display:block;
	width:180px;
	height:40px;
	background:url(../images/navi1.gif);
	background-position:0 40px;
	border-left:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
	margin-left:-1px;
}

.navi2 a:link,.navi2 a:visited{
	display:block;
	width:180px;
	height:40px;
	background:url(../images/navi2.gif);
	background-position:0 0;
	border-left:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
}
.navi2 a:hover,.navi2 a:active{
	display:block;
	width:180px;
	height:40px;
	background:url(../images/navi2.gif);
	background-position:0 40px;
	border-left:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
}
.navi3 a:link,.navi3 a:visited{
	display:block;
	width:180px;
	height:40px;
	background:url(../images/navi3.gif);
	background-position:0 0;
	border-left:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
}
.navi3 a:hover,.navi3 a:active{
	display:block;
	width:180px;
	height:40px;
	background:url(../images/navi3.gif);
	background-position:0 40px;
	border-left:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
}

.navi4 a:link,.navi4 a:visited{
	display:block;
	width:180px;
	height:40px;
	background:url(../images/navi4.gif);
	background-position:0 0;
	border-left:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
}
.navi4 a:hover,.navi4 a:active{
	display:block;
	width:180px;
	height:40px;
	background:url(../images/navi4.gif);
	background-position:0 40px;
	border-left:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
}
.navi5 a:link,.navi5 a:visited{
	display:block;
	width:180px;
	height:40px;
	background:url(../images/navi5.gif);
	background-position:0 0;
	border-left:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
}
.navi5 a:hover,.navi5 a:active{
	display:block;
	width:180px;
	height:40px;
	background:url(../images/navi5.gif);
	background-position:0 40px;
	border-left:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
}


a,a:link,a:visited{
	color:#df328a;
	text-decoration:underline;
	}
a:hover,a:active{
	color:#df328a;
	text-decoration:none;
	}
/*================共通================*/

/*================TOP================*/
#top{
	text-align:left;
	background:url(../images/top_bg1.gif) no-repeat top left;
	position:relative;
	}
#top p#gaiyou{
	font-size:12px;
	line-height:20px;
	width:210px;
	height:175px;
	background:url(../images/top_bg2.gif) no-repeat;
	position:absolute;
	top:145px;
	left:0px;
	padding:110px 60px 0px 10px;
	}
#top #mainflash{
	float:right;
	}

#top ul#navi{
	clear:both;
}
	
#top ul#navi li{
	float:left;
}

#staffFlash{
	margin:10px auto;
	text-align:center;
	}
/*================TOP================*/

/*================TOP以下共通================*/
#under{
	margin-bottom:50px;
	}

#under ul#navi{
	float:left;
	}

#under ul#navi li a:link,
#under ul#navi li a:visited,
#under ul#navi li a:hover,
#under ul#navi li a:active{
margin-left:-1px;
	margin-top:-1px;
	border-right:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
	}

.now img{
	border-right:#9a9a9a solid 1px;
	border-top:#9a9a9a solid 1px;
	border-bottom:#9a9a9a solid 1px;
	margin-top:-1px;
	}

#contents{
	float:right;
	width:650px;
	min-height:500px;
	height:auto !important;
	height:500px;

	}

#title{
	margin:20px 0;
	}
/*================TOP以下共通================*/
/*================SERVICE================*/

li#serviceList01,li#serviceList02,li#serviceList03,li#serviceList04{
	width:630px;
	height:70px;
	margin-bottom:15px;
	border:1px solid #9a9a9a;
}
li#serviceList01{
	background:url(../images/service01.jpg) no-repeat left bottom;
	}
li#serviceList02{
	background:url(../images/service02.jpg) no-repeat left bottom;
	}
li#serviceList03{
	background:url(../images/service03.jpg) no-repeat left bottom;
	}
li#serviceList04{
	background:url(../images/service04.jpg) no-repeat left bottom;
	}

.serviceListLeft{
	width:390px;
	padding-left:120px;
	height:70px;
	border-right:1px dashed #9a9a9a;
	float:left;
	}
.servicetitle{
	font-size:1.3em;
	font-weight:bold;
	border-left:15px solid #70ba36;
	padding-left:10px;
	margin:15px 0;
	}

.serviceListRight{
	width:100px;
	height:40px;
	float:right;
	padding:30px 0 0 10px;
	}


/*================SERVICE================*/
/*================SERVICE内各ページ共通================*/
#service #serviceGaiyou{
	margin:10px 0 15px 0;
	}
#service #serviceGaiyou p.topImg img{
	float:left;
	}
#service #serviceGaiyou #serviceGaiyouRight{
	width:400px;
	float:right;
}
#service #serviceGaiyou #serviceGaiyouRight dt{
	font-weight:bold;
	margin:10px 0;
	}
#service h4{
	font-size:1.2em;
	font-weight:bold;
	border-left:15px solid #70ba36;
	padding-left:10px;
	margin:10px 0;
	}

#service dl.shousai dt{
	font-weight:bold;
	border-bottom:1px dotted #9a9a9a;
	margin-right:30px;
	}
#service dl.shousai dd{
	margin:7px 0 20px 0;
	padding-right:30px;
	padding-left:10px;
	}
/*================SERVICE内各ページ共通================*/
/*================WEB制作,その他各種デザイン共通================*/
#service #serviceGaiyou #serviceGaiyouRight p{
	padding-right:30px;
	}
#service dl.shousai dd p.nagare01,#service dl.shousai dd p.nagare05{
	padding-top:20px;
	}
#service dl.shousai dd p.nagare03{
	padding-top:10px;
	}
#service dl.shousai dd p.nagare06{
	padding-top:25px;
	}

#service dl.shousai dd img{
	float:left;
	margin-right:20px;
	}

#service dl#serviceNavi{
	height:20px;
	margin-top:30px;
	padding-top:8px;
	background-color:#ddd;
	margin-right:30px;
	}
#service dl#serviceNavi dt{
	float:left;
	font-weight:bold;
	}
#service dl#serviceNavi dd li{
	float:left;
	margin-left:10px;
	}
/*================WEB制作,その他各種デザイン共通================*/

/*================WORKS================*/
.workstitle{
	font-size:1.3em;
	font-weight:bold;
	border-left:15px solid #df338a;
	padding-left:10px;
	margin:30px 0 10px 0;
	}

ul.works{
	padding-bottom:15px;
	}

ul.works li{
	float:left;
	margin:10px 6px;
	width:200px;
	}

ul.works li dl dt img{
	border:1px solid #9a9a9a;
	}

ul.works li dl dd{
	width:200px;
	text-align:center;
	word-wrap:break-word;
	}
/*================WORKS================*/
/*================COMPANY================*/
.companytitle{
	font-size:1.3em;
	font-weight:bold;
	border-left:15px solid #33bbd9;
	padding-left:10px;
	margin:15px 0;
	}

table#company{
	width:500px;
	border-collapse:collapse;
	}

table#company th,table#company td{
	padding:10px;
	border:1px solid #9a9a9a;
	}

table#company th{
	width:100px;
	}

table#company td{
	width:400px;
	}

iframe#map{
	margin:15px 0;
	}
/*================COMPANY================*/

/*================RECRUT================*/
.recruttitle{
	font-size:1.3em;
	font-weight:bold;
	border-left:15px solid #6c4498;
	padding-left:10px;
	margin:15px 0;
	}
/*================RECRUT================*/
/*================CONTACT（その他mailform.css参照）================*/
.contacttitle{
	font-size:1.3em;
	font-weight:bold;
	border-left:15px solid #ed7019;
	padding-left:10px;
	margin:15px 0;
	}

/*================CONTACT================*/