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

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

/*ナビゲーションのボーダー*/
/*ナビゲーションlevel2*/
div#level2{
	background:url(../img/bg_navi_works0.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_ad{
	width:100%;
	height:35px;
	background:url(../services/img/h3_works_ad.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 -20px;
	}
div#main h3#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;
	}



/*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:180px;
	float:left;
	margin:0 0 20px 10px;
	}
div.works dl dt{
	text-align:center;
	font-weight:bold;
	margin:5px 0 0 0;
	line-height:1.1;
	}
div.works dl dt span{
	display:block;
	text-align:center;
	margin:0 0 5px 0;
	line-height:1.1;
	}
div.works dl dd{
	text-align:center;
	}

div#main h4#ad{
	width:100%;
	height:45px;
	background:url(../services/img/h4_ad.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 0;
	}
div#main h4#poster{
	width:100%;
	height:45px;
	background:url(../services/img/h4_poster.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 0;
	}
div#main h4#edit{
	width:100%;
	height:45px;
	background:url(../services/img/h4_edit.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 0;
	}
div#main h4#event{
	width:100%;
	height:45px;
	background:url(../services/img/h4_event.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 0;
	}
div#main h4#cm{
	width:100%;
	height:45px;
	background:url(../services/img/h4_cm.gif) no-repeat;
	text-indent:-9999px;
	margin:20px 0 0 0;
	}



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