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

@import "init.css";
@import "base_layout.css";

/*ナビゲーションのボーダー*/
/*ナビゲーションlevel2*/
div#level2{
	background:url(../img/bg_navi_works1.gif) no-repeat;
	height:100%;
	min-height:100%;
	float:right;
	text-align:right;
	}

div#level2 h2{
	width:150px;
	height:45px;
	margin:0 0 0 0;
	text-indent:-9999px;
	}
div#level2 ul li{
	width:150px;
	height:35px;
	text-indent:-9999px;
	}
div#level2 ul li a{
	display:block;
	width:150px;
	height:30px;
	margin:0 0 5px 0;
	text-indent:-9999px;
	}
div#level2 ul li a:hover{
	width:145px;
	margin:0 0 0 5px;
	background:#5172B3;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	}	

/*コンテンツ領域*/
div#main{
	padding:0 0 0 20px;
	}

/*ページ見出し websolution.html*/
h2#h2_works{
	width:100%;
	height:50px;
	background:url(../services/img/h2_works.gif) no-repeat;
	text-indent:-9999px;
	margin:0 0 0 -20px;
	}
div#main h3#h3_works_web{
	width:100%;
	height:35px;
	background:url(../services/img/h3_works_web.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 -20px;
	}
div#main h3#works{
	width:100%;
	height:35px;
	background:url(../services/img/h3_works.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 -20px;
	}

ul#sites{
	width:100%;
	height:230px;
	margin:0 0 40px 0;
	position:relative;
	}
ul.lineclub{
	background:url(../services/img/line_club.jpg) no-repeat right 0;
	}
ul.web9800{
	background:url(../services/img/web9800.jpg) no-repeat right 0;
	}
ul.grms{
	background:url(../services/img/grms.jpg) no-repeat right 0;
	}
li.sitetitle, li.discription, li.url{
	width:313px;
	display:block;
	float:left;
	margin:0 0 10px 0;
	}
li.sitetitle a{
	font-weight:bold;
	}
li.imgarea a{
	display:block;
	width:230px;
	height:230px;
	position:absolute;
	top:0;
	right:0;
	text-indent:-9999px;
	}

/*制作実績*/
ul#workscat{
	background:url(../services/img/btn_web_bg.gif) no-repeat bottom;
	margin:0 0 40px 0;
	height:154px;
	}
ul#workscat li{
	display:block;
	float:left;
	width:110px;
	height:77px;
	margin:0 41px 0 0;
	}
li#house a{
	display:block;
	background:url(../services/img/btn_web2.gif);
	width:110px;
	height:77px;
	text-indent:-9999px;
}
li#automobile a {
	display:block;
	background:url(../services/img/btn_web3.gif);
	width:110px;
	height:77px;
	text-indent:-9999px;
}
li#restaurant a {
	display:block;
	background:url(../services/img/btn_web4.gif);
	width:110px;
	height:77px;
	text-indent:-9999px;
}
li#other a {
	display:block;
	background:url(../services/img/btn_web5.gif);
	width:110px;
	height:77px;
	text-indent:-9999px;
}
ul#workscat li#other{
	margin:0 0 0 0;
	}
ul#workscat li a:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	}	


/*web2/web3/web4///////////////////////////////////////////////////////*/
div#works{
	width:573px;
	_width:583px;
	margin:0 0 0 -10px;
	_margin:0 -10px 0 -20px;
	>min-height:0%;
	_height:0;
	}
div#works dl{
	background:#748EC2;
	width:181px;
	height:160px;
	float:left;
	margin:0 0 20px 10px;
	}
div#works dl dt{
	text-align:center;
	}
div#works dl dd{
	text-align:center;
	}

div#main h4#web1{
	width:100%;
	height:45px;
	background:url(../services/fpp/img/h4_web1.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 0;
	}
div#main h4#web2{
	width:100%;
	height:45px;
	background:url(../services/fpp/img/h4_web2.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 0;
	}
div#main h4#web3{
	width:100%;
	height:45px;
	background:url(../services/fpp/img/h4_web3.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 0;
	}
div#main h4#web4{
	width:100%;
	height:45px;
	background:url(../services/fpp/img/h4_web4.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 0;
	}
div#main h4#web5{
	width:100%;
	height:45px;
	background:url(../services/fpp/img/h4_web5.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 0;
	}



div.rshift{/*順不同*/
	text-align:right;
	margin:0 0 20px 0;
	}