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

/* common */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5,
h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
	}

h1, h3, h4, h5, h6 {
	font-size:1em;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}
	
fieldset, img {
	border:0;
	}
	
caption, th {
	text-align:left;
	}
	
li {
	list-style:none;
	}


html {
	text-align:center;
	background:#eaeaea;
	}

#content a {
	text-decoration:none;
	padding:2px;
	background:url(../img2010/bg_link.png) repeat 0 0;
	color:#676767;
	}

#content a:hover {
	background:#569F3E;
	color:#fff;
	}

.bold {
	font-weight:bold;
	}

body {
	background:#fff;
	font-size:12px;
	color:#757575;
	font-family:'メイリオ', 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, Tw Cen MT, Helvetica, Verdana,  Osaka, sans-serif;
	letter-spacing:0.07em;
	width:900px;
	padding:0 10px;
	margin:0 auto;
	text-align:left;
	}
	
/* header */

#header {
	height:152px;
	position:relative;
	background:#fff;
	}
	
h1 {
	position:absolute;
	top:32px;
	}

h1 a{
	background:url(../img2010/netpartner.png) no-repeat 0 0;
	display:block;
	width:246px;
	height:58px;
	text-indent:-9999px;
	}

#subNav {
	position:absolute;
	right:0;
	top:15px;
	height:32px;
	}

#subNav a{
	display:block;
	height:32px;
	color:#666;
	text-decoration:none;
	line-height:140%;
	}
	
#subNav a:hover {
	color:#5BA243;
	}

#sub1, #sub2, #sub3, #sub4 {
	border-left:1px dotted #B5B5B5;
	padding-left:5px;
	float:left;
	width:84px;
	}

#sub1 a {
	width:53px;
	}
	
#sub2 a {
	width:53px;
	}
	
#sub3 a {
	width:53px;
	}
	
#sub4 a {
	width:90px;
	}
	
.subsub {
	color:#B5B5B5;
	letter-spacing:0.1em;
	font-size:11px;
	}
	
#subNav a:hover .subsub {
	color:#5BA243;
	}

#tel {
	text-indent:-9999px;
	width:180px;
	height:22px;
	background:url(../img2010/tel.png) no-repeat 0 0;
	position:absolute;
	top:62px;
	right:0;
	}

.clear {
	clear:both;
	}
	
/*Navigation
-------------------------------*/
#nav {
	height:48px;
	width:900px;
	clear:both;
	position:absolute;
	top:104px;
	}
	
#nav li {
	float:left;
	}

#nav li a {
	background:url(../img2010/nav.png) no-repeat 0 0;
	display:block;
	height:48px;
	text-indent:-9999px;
	}

	
#nav #nav1 a{
	background-position:0 0;
	width:180px;
	}
	
#nav #nav2 a{
	background-position:-180px 0;
	width:180px;
	}
	
#nav #nav3 a {
	background-position:-360px 0;
	width:180px;
	}
	
#nav #nav4 a {
	background-position:-540px 0;
	width:180px;
	}
	
#nav #nav5 a {
	background-position:-720px 0;
	width:180px;
	}
	
#nav #nav1 a:hover {
	background-position:0 -48px;
	}
	
#nav #nav2 a:hover {
	background-position:-180px -48px;
	}
	
#nav #nav3 a:hover {
	background-position:-360px -48px;
	}
	
#nav #nav4 a:hover {
	background-position:-540px -48px;
	}
	
#nav #nav5 a:hover {
	background-position:-720px -48px;
	}

/*contents*/

#indexh2_1 {
	text-indent:-9999px;
	background:url(../img2010/indexh2_1.png) no-repeat 0 0;
	height:31px;
	margin-top:41px;
	}

#phase1 {
	width:181px;
	background:url(../img2010/service1.png) no-repeat 0 0;
	height:171px;
	text-indent:-9999px;
	}
	
#phase2 {
	background:url(../img2010/service2.png) no-repeat 0 0;
	height:171px;
	text-indent:-9999px;
	}	
	
#phase3 {
	background:url(../img2010/service3.png) no-repeat 0 0;
	height:171px;
	text-indent:-9999px;
	}
	
#phase4 {
	background:url(../img2010/service4.png) no-repeat 0 0;
	height:171px;
	text-indent:-9999px;
	}	

#phase5 {
	background:url(../img2010/service5.png) no-repeat 0 0;
	height:171px;
	text-indent:-9999px;
	}	

#phase2, #phase3, #phase4, #phase5 {
	width:180px;
	height:171px;
	text-indent:-9999px;
	}

#phase5 {
	width:179px;
	height:171px;
	text-indent:-9999px;
	}
	
#search {
	width:180px;
	}
	
#goal {
	width:179px;
	}
	
#seo {
	width:179px;
	}
	
#ppc {
	width:179px;
	}
	
#lpo {
	width:179px;
	}
	
#design {
	width:179px;
	}
	
#consulting {
	width:539px;
	}

#block_search {
	border:4px solid #cdcdcd;
	height:487px;
	margin-right:1px;
	}
	
#scenario h3 {
	font-size:16px;
	letter-spacing:0.05em;
	text-indent:4px;
	}

#scenario h3 a {
	color:#569F3E;
	text-decoration:none;
	}

#scenario p {
	margin:16px 9px 0 9px;
	line-height:160%;
	}
	
#block_search dd {
	line-height:160%;
	margin:0 9px 16px 9px;
	}
	
#block_goal {
	border:4px solid #cdcdcd;
	height:487px;
	}

#block_seo{
	border:4px solid #cdcdcd;
	height:165px;
	background:#fff;
	margin-right:1px;
	}

#block_lpo {
	border:4px solid #cdcdcd;
	height:352px;
	background:#fff;
	margin-right:1px;
}

#block_ppc {
	border:4px solid #cdcdcd;
	height:178px;
	background:#fff;
	margin-right:1px;
	margin-top:1px;
	}

#block_design {
	border:4px solid #cdcdcd;
	height:352px;
	background:#fff;
	margin-right:1px;
	}

#block_consulting {
	border:4px solid #cdcdcd;
	height:126px;
	background:url(../img2010/bg_consulting.jpg) no-repeat 0 0;
	margin-bottom:1px;
	margin-right:1px;
	position:relative;
	}

#detail_seo {
	margin-top:14px;
	margin-left:7px;
	}

#detail_lpo {
	margin-top:13px;
	margin-left:5px;
	}

#detail_design {
	margin-top:13px;
	margin-left:5px;
	}

#detail_ppc {
	margin-top:13px;
	margin-left:6px;
	}

#scenario #detail_consulting {
	text-indent:-9999px;
	}

#scenario #seo_text {
	margin-top:6px;
	}

#scenario #lpo_text {
	margin-top:6px;
	}

#scenario #design_text {
	margin-top:6px;
	}

#scenario #ppc_text {
	margin-top:6px;
	}
	
#scenario #consulting_text {
	margin-top:4px;
	text-indent:-9999px;
	}

#detail_seo a{
	display:block;
	background:url(../img2010/bgh3.png) no-repeat right 0;
	width:157px;
	height:20px;
	}
	
#detail_lpo a{
	display:block;
	background:url(../img2010/bgh3.png) no-repeat right 0;
	width:157px;
	height:20px;
	}
	
#detail_design a{
	display:block;
	background:url(../img2010/bgh3.png) no-repeat right 0;
	width:157px;
	height:20px;
	}

#detail_ppc a{
	display:block;
	background:url(../img2010/bgh3.png) no-repeat right 0;
	width:157px;
	height:20px;
	}
	
#detail_seo a:hover {
	background-position:right -20px;
	}
	
#detail_lpo a:hover {
	background-position:right -20px;
	}
	
#detail_design a:hover {
	background-position:right -20px;
	}
	
#detail_ppc a:hover {
	background-position:right -20px;
	}


	
#btnConsulting {
	position:absolute;
	top:9px;
	right:7px;
	}

#btnConsulting a{
	background:url(../img2010/btnConsulting.png) no-repeat 0 0;
	width:137px;
	height:32px;
	text-indent:-9999px;
	display:block;
	}
	
#btnConsulting a:hover {
	background-position:0 -32px;
	}
	
#content {
	position:relative;
	top:20px;
	width:900px;
	}
	
#content p {
	line-height:162%;
	margin-top:10px;
	letter-spacing:0.05em;
	}

#article {
	width:540px;
	float:left;
	}	
	
#article .section {
	margin:0 50px;
	}

#aside {
	width:180px;
	float:left;
	}
	
#index #aside h3 {
	margin-left:9px;
	}
	
#aside2 {
	width:180px;
	float:right;
	}
	
#bnr_fudosan {
	clear:both;
	top:30px;
	position:relative;
	height:94px;
	z-index:57;
	}
	
#bnr_fudosan a{
	background:none;
	margin:0;
	padding:0;
	}

#bnr_fudosan a:hover {
	background:none;
	margin:0;
	padding:0;
	}

#h4_news {
	background:url(../img2010/h4_news.png) no-repeat 0 0;
	width:65px;
	height:18px;
	text-indent:-9999px;
	}

#news_table {
	margin-top:10px;
	}

#news_table th {
	font-weight:normal;
	vertical-align:top;
	letter-spacing:0.05em;
	line-height:162%;
	}

#news_table td {
	letter-spacing:0.05em;
	padding:0 0 5px 5px;
	line-height:162%;
	}
	
#ceoblog {
	margin-top:20px;
	}

#ceoblog a {
	background:url(../img2010/h4_ceoblog.png) no-repeat 0 0;
	width:135px;
	height:18px;
	text-indent:-9999px;
	display:block;
	padding:0;
	}
	
#ceoblog a:hover {
	background:url(../img2010/h4_ceoblog.png) no-repeat 0 -18px;
	}
	
#seoblog {
	margin-top:20px;
	}

#seoblog a {
	background:url(../img2010/h4_seoblog.png) no-repeat 0 0;
	width:135px;
	height:18px;
	text-indent:-9999px;
	display:block;
	padding:0;
	}
	
#seoblog a:hover {
	background:url(../img2010/h4_seoblog.png) no-repeat 0 -18px;
	}
	
#marketingblog {
	margin-top:20px;
	}

#marketingblog a {
	background:url(../img2010/h4_marketingblog.png) no-repeat 0 0;
	width:228px;
	height:18px;
	text-indent:-9999px;
	display:block;
	padding:0;
	}
	
#marketingblog a:hover {
	background:url(../img2010/h4_marketingblog.png) no-repeat 0 -18px;
	}
	
/* ----- aside ----- */
	
#aside a {
	padding:0;
	background:none;
	}
	
#aside a:hover {
	padding:0;
	background:none;
	}

#report {
	background:#3E7D9D;
	height:251px;
	}
	
#report h5 {
	background:url(../img2010/h5_report.png) no-repeat 0 0;
	height:41px;
	width:153px;
	margin:0 auto;
	text-indent:-9999px;
	position:relative;
	top:9px;
	}

#content #textreport {
	background:#fff;
	width:137px;
	height:132px;
	margin:10px auto 0 auto;
	line-height:150%;
	padding:5px 8px;
	font-size:11px;
	}
	
#content #btnRequest {
	background:#fff;
	width:153px;
	margin:0 auto;
	padding-bottom:10px;
	}
	
#btnRequest a {
	background:url(../img2010/btnRequest.png) no-repeat 0 0;
	height:32px;
	width:137px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
	padding:0;
	}
	
#btnRequest a:hover {
	background:url(../img2010/btnRequest.png) no-repeat 0 -32px;
	}
	
#contact {
	background:#9D3E71;
	height:259px;
	margin-top:10px;
	}
	
#contact h5 {
	background:url(../img2010/h5_contact.png) no-repeat 0 0;
	height:50px;
	width:153px;
	margin:0 auto;
	text-indent:-9999px;
	}

#content #textcontact {
	background:#fff;
	width:137px;
	height:89px;
	margin:0 auto;
	line-height:150%;
	padding:5px 8px;
	font-size:11px;
	}
	
#content #btnContact {
	background:#fff;
	width:153px;
	margin:0 auto;
	padding-bottom:10px;
	}
	
#btnContact a {
	background:url(../img2010/btnContact.png) no-repeat 0 0;
	height:32px;
	width:137px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
	padding:0;
	}
	
#btnContact a:hover {
	background:url(../img2010/btnContact.png) no-repeat 0 -32px;
	}

#content #side_tel {
	background:url(../img2010/sideTel.png) no-repeat 0 0;
	width:153px;
	height:53px;
	text-indent:-9999px;
	margin:5px auto 0 auto;
	}

/* ----- aside2 -----*/
#h5_showcase {
	text-indent:-9999px;
	background:url(../img2010/h5_showcase.png) no-repeat 0 0;
	width:180px;
	height:29px;
	}
	
#showcase {
	background:#fff;
	border:4px solid #cdcdcd;
	}

#showcase dl {
	margin:7px;
	}

#showcase dt a {
	background:none;
	}
	
#showcase dt a:hover {
	background:none;
	}
	
#showcase img {
	border:1px solid #cdcdcd;
	margin-bottom:5px;
	}
	
#showcase dd {
	margin-bottom:15px;
	}
	
#content #past_works a {
	background:url(../img2010/btn_pastworks.png) no-repeat 0 0;
	width:175px;
	height:32px;
	text-indent:-9999px;
	display:block;
	padding:0;
	}
	
#content #past_works a:hover {
	background-position:0 -32px;
	padding:0;
	background-color:none;
	}
/*pagetop
---------------------------------------------*/

	
/*footer
---------------------------------------------*/

#footer {
	clear:both;
	height:25px;
	padding-top:64px;
	position:relative;
	background:#fff;
	z-index:20;
	}
	
#footerMenu {
	position:absolute;
	right:190px;
	}

#siteMap, #privacy, .link {
	float:left;
	}
	
#siteMap a, #privacy a {
	background:url(../img2010/bgFooterLink.png) no-repeat 1px center #fff;
	font-size:10px;
	padding-left:17px;
	color:#999;
	text-decoration:none;
	display:block;
	}
	
#siteMap a:hover, #privacy a:hover {
	background-color:#569F3E;
	color:#fff;
	}
	


#siteMap {
	width:72px;
	margin-right:15px;
	}
	
#siteMap a{
	width:55px;
	height:11px;
	}
	
#privacy {
	width:108px;
	margin-right:20px;
	}

#privacy a{
	width:108px;
	height:11px;
	}

.link {
	width:80px;
	margin-right:5px;
	}
	
.link a {
	font-size:10px;
	color:#999;
	text-decoration:none;
	height:11px;
	display:block;
	}
	
.link a:hover {
	text-decoration:underline;
	}
	
#pageTop {
	width:17px;
	position:absolute;
	bottom:30px;
	right:0;
	}

#pageTop a {
	background:url(../img2010/btnPageTop.png) no-repeat 0 0;
	display:block;
	width:17px;
	height:13px;
	text-indent:-9999px;
	}
	
#pageTop a:hover {
	background:url(../img2010/btnPageTop.png) no-repeat 0 -13px;
	}
	
address {
	position:absolute;
	right:0;
	height:11px;
	}