@charset"utf-8";
@import "reset.css";/*リセット*/
@import "left.css";/*leftBox*/
@import "right.css";/*rightBox*/

body{
	background:url(../img/all_bg.gif);
}
#container{
	width:800px;
	margin:0 auto;
	background:url(../img/container_bg.gif) repeat-y;
	padding:0 4px;
}
.left{	float:left;}
.right{ float:right;}

/*---------------------------------------
header
----------------------------------------*/
h1{
	background:url(../img/header_top.gif) no-repeat;
	color:#ff7f00;
	line-height:23px;
	font-size:60%;
	width:790px;
	height:23px;
	padding-left:10px;
}
#header{
	width:800px;
	height:72px;
	background:url(../img/header_bg.gif) repeat-x;
}
#header #logo{
	width:69px;
	height:62px;	
	margin:5px 13px;
	display:inline;
	float:left;	
}
#header #contact{
	float:right;
	margin:5px 3px;
	width:169px;
	height:62px;
}
#header #contact img{
	margin:3px 0;
}
#header .right img{
	margin:15px 5px 0 8px;
}
h2{
	float:left;
}
/*---------------------------------------
navi
----------------------------------------*/
#navi{
	width:800px;
	height:25px;
	background:url(../img/navi.gif) no-repeat;
}
#navi	 ul{ 
	width:800px;
	height:25px;
	background:url(../img/navi.gif) no-repeat;
	position:relative;
	overflow:hidden;
}
#navi	ul #index,
#navi	ul #price,
#navi	ul #services,
#navi	ul #portfolio,
#navi	ul #workflow,
#navi	ul #contact{
	position:absolute;
	width:107px;
	height:25px;
	top:0px;
	list-style:none;
}
#navi	ul #index{
	left:79px;
}
#navi	ul #price{
	left:186px;
}
#navi	ul #portfolio{
	left:293px;
}
#navi	ul #services{
	left:400px;
}
#navi	ul #workflow{
	left:507px;
}
#navi	ul #contact{
	left:614px;
}
#navi	ul #index a,
#navi	ul #price a,
#navi	ul #services a,
#navi	ul #portfolio a,
#navi	ul #workflow a,
#navi	ul #contact a{
 display:block;
	background-image:url("../img/navi.gif");
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	width:107px;
	height:25px;
}
#navi	ul #index a{
	background-position:-79px 0px;
	height:25px;
}
#navi	ul #price a{
	background-position:-186px 0px;
	height:25px;
}
#navi	ul #portfolio a{
	background-position:-293px 0px;
	height:25px;
}
#navi	ul #services a{
	background-position:-400px 0px;
	height:25px;
}
#navi	ul #workflow a{
	background-position:-507px 0px;
	height:25px;
}
#navi	ul #contact a{
	background-position:-614px 0px;
	height:25px;
}
#navi	ul #index a:hover,
#navi	ul #price a:hover,
#navi	ul #services a:hover,
#navi	ul #portfolio a:hover,
#navi	ul #workflow a:hover,
#navi	ul #contact a:hover{
	background-image:url("../img/navi_on.gif");
}
body#top #navi	ul #index a,
body#pr #navi	ul #price a,
body#se #navi	ul #services a,
body#po #navi	ul #portfolio a,
body#wo #navi	ul #workflow a,
body#co #navi	ul #contact a{
	background-image:url("../img/navi_on.gif");
}
/*---------------------------------------
contents
----------------------------------------*/
#container #contents{
	width:792px;
	padding:6px 4px 3px 4px;
	background:url("../img/con_bg.gif") repeat-x;
}

/*---------------------------------------
footer
----------------------------------------*/
#container #contents #footer{
	background:url("../img/btm_bg1.gif") no-repeat;
	margin:0 auto;
	width:772px;
	height:34px;
	padding:10px;
	clear:both;
}
#container #contents #footer p{
	color:#8a8a2b;
	font-size:0.6em;
	width:386px;
	height:34px;
	line-height:17px;
}
#container #contents #footer p a{
	text-decoration:none;
	color:#8a8a2b;
}
#container #contents #footer a:hover{
	text-decoration:underline;
}

address{
	background:url("../img/btm_bg2.gif") no-repeat;
	color:#ff7f00;
	text-align:center;
	width:808px;
	height:27px;
	font-size:80%;
	margin:0 auto;
	line-height:23px;
	clear:both;
}

#seo{
	width:788px;
	height:15px;
	padding:10px;
	text-align:right;
	margin:0 auto;
 clear:both;
	color:#F60;
	font-size:80%;
}
#seo a{
	color:#F60;
 font-size:80%;
}