@charset "shift_jis";

/*　このスタイルシートは、トップページ内容のスタイルとなります　*/

/*-------------------------------------
  TOPAREA
-------------------------------------*/
#topArea{
	height:225px;
	text-align:center;
	background:url(../images/top/bg_toparea.jpg) repeat-x;
}

/* フェードインテキストのスタイル */

#mainArea{
	position:relative;
	width:100%;
	max-width:1100px;
	height:100%;
	max-height:225px;
	margin:0 auto;
	background:url(../images/top/img_main.jpg) no-repeat;
}

.fadeTxt {
	display:block;
	position:absolute;
	top:86px;
	left:92px;
}
/*-------------------------------------
  CONTAINER
-------------------------------------*/

/* 見出し */

#topContent h2{
	width:83px;
	height:25px;
	border-bottom:solid 1px #fff;
}

#topContent{
	width:960px;
	margin:0 auto;
}

section#PCmedia h3, section#SPmarket h3,
section#PaperMedia h3, section#seo h3{
	width:270px;
	height:30px;
	float:right;
	margin:0;
}

/*--------- メインコンテンツ ------------*/

#box01{
	width:960px;
	margin:60px 0 70px 0;
}

.box02{
	margin:40px 0 0 0;
}

/* 事業内容記事 */
section#PCmedia,
section#SPmarket,
section#PaperMedia,
section#seo{
	width:440px;
	height:210px;
	margin:0;
	padding:10px 20px 20px 0;
}

/* PC上からのメディア広告出稿 */
section#PCmedia{
	margin-bottom:40px;
	background:url(../images/top/bg_grid01.jpg) left no-repeat #f3f3f3;
}
/* スマートフォンマーケティング */
section#SPmarket{
	margin-bottom:40px;
	background:url(../images/top/bg_grid02.jpg) left no-repeat #f3f3f3;
}
/* 雑誌・新聞広告 */
section#PaperMedia{
	background:url(../images/top/bg_grid03.jpg) left no-repeat #f3f3f3;
}
/* SEO対策 */
section#seo{
	background:url(../images/top/bg_grid04.jpg) left no-repeat #f3f3f3;
}

/* 事業内容記事のリンクボタン */
.btn a{
	display:block;
	width:100px;
	height:29px;
	float:right;
	margin:0;
	text-indent:-9999px;
	background:url(../images/top/btn_grid_p.png);
	background-position:0 0;
}

.btn a:hover{
	background-position:-100px 0;
}
/*--------- ここまでがメインコンテンツ ------------*/



/* 採用情報のバナー */
p#recruit a{
	display:block;
	width:280px;
	height:90px;
	float:right;
	margin-top:65px;
	text-indent:-9999px;
	background:url(../images/top/btn_recruit.jpg);
	background-position:0 0;
}

p#recruit a:hover{
	background-position:-280px 0;
}