@charset "utf-8";

/*
==================================================

    株式会社8bit
    Copyright (C) 8bit. All Rights Reserved.

    CSS File Name - main.css
    Last-updated: 2010-04-17
	

==================================================
*/





body#topPage div#header h1.logoLead{
	width:200px;
	float:left;
	padding-top:48px;
}
body#topPage p.moreRead{
	width:100%;
	text-align:right;
	height:20px;
}
body#topPage p.push{
	height:5px;
}


/*　▼受注制作部分（Flashより上部）　*/


	/*　▽左ブロック（キャッチ - 広告バナーFlash）　*/
body#topPage div#mainContent div#TcontensLeft{
	width:360px;
	float:left;
	padding-top:15px;
}

body#topPage div#mainContent div#TcontensLeft p.copy{
	display:block;
	float:left;
	width:295px;
	height:120px;
}
body#topPage div#mainContent div#TcontensLeft div.botan{
	display:block;
	float:left;
	width:55px;
	height:100px;
	background:#F2F3E3;
	border:#DCDBC5 solid 5px;
}
body#topPage div#mainContent div#TcontensLeft div.botan p{
	width:42px;
	height:42px;
	margin:5px auto 0 auto;
}

body#topPage div#mainContent div#TcontensLeft div.advise{
	width:320px;
	background:#F2F3E3;
	border:#DCDBC5 solid 5px;
	padding:15px;
	margin-top:0;
}
body#topPage div#mainContent div#TcontensLeft div.advise p{
	border-bottom:#516169 dotted 1px;
	padding-bottom:3px;
	margin-bottom:5px;
}
body#topPage div#mainContent div#TcontensLeft div.advise div{
	text-align:center;
	padding-top:5px;
}
body#topPage div#mainContent div#TcontensLeft div#ad{
	padding-top:10px;
}


	/*　▽左：歯車　*/

body#topPage div#mainContent div#Gear01{
	display:block;
	float:left;
	width:30px;
	height:335px;
	margin-top:15px;
}


	/*　▽真ん中ブロック（お知らせ）　*/

body#topPage div#mainContent div#TcontentsCenter{
	width:255px;
	float:left;
	margin-top:15px;
	background:#F2F3E3;
	border:#DCDBC5 solid 5px;
	height:310px;
	_height:325px;
}
body#topPage div#mainContent div#TcontentsCenter div.news{
	padding:10px;
}
body#topPage div#mainContent div#TcontentsCenter div.news div{
	height:220px;
	overflow-y:scroll;
	overflow-x:hidden;
}
body#topPage div#mainContent div#TcontentsCenter div.news dt{
	width:70px;
	float:left;
}
body#topPage div#mainContent div#TcontentsCenter div.news dd{
	width:145px;
	float:left;
}
body#topPage div#mainContent div#TcontentsCenter div.news dd.border{
	width:205px;
	clear:both;
	height:3px;
	_height:1px;
	border-bottom:#516169 dotted 1px;
	margin-bottom:10px;	
	_margin:-12px 0 5px 0;	

}

body#topPage div#mainContent div#TcontentsCenter div.news dt.banner{
	width:235px;
	padding:0 0 5px 0;
}
body#topPage div#mainContent div#TcontentsCenter p{
	width:245px;
	padding:5px 10px 0 0;
}
body#topPage div#mainContent div#TcontentsCenter #caution{
	width:245px;
	padding:5px 10px 0 0;
	color:#FF0000;
}


	/*　▽右：歯車　*/

body#topPage div#mainContent div#Gear02{
	display:block;
	float:left;
	width:20px;
	height:305px;
	margin-top:15px;
}


	/*　▽右ブロック（制作実績ピックアップ）　*/


body#topPage div#mainContent div#TcontentsRight{
	width:265px;
	float:left;
	margin-top:15px;
	background:#F2F3E3;
	border:#DCDBC5 solid 5px;
	height:310px;
}
body#topPage div#mainContent div#TcontentsRight div.pickup dl{
	width:110px;
	padding:10px 0 0 10px;
	float:left;
	line-height:150%;
}
body#topPage div#mainContent div#TcontentsRight div.pickup{
	height:220px;
}
body#topPage div#mainContent div#TcontentsRight div.pickup p{
	padding:0 10px 10px 0;
}
body#topPage div#mainContent div#TcontentsRight p.moreRead{
	width:255px;
	padding-right:15px;
}

	/*　▽右下：歯車　*/

body#topPage div#mainContent div#Gear03{
	display:block;
	float:right;
	width:560px;
	height:30px;
}

	/*　▽下ブロック（初めて業者にWeb制作を依頼されるお客様）　*/

body#topPage div#mainContent div#TcontentsBottom{
	width:550px;
	float:right;
	background:#F2F3E3;
	border:#DCDBC5 solid 5px;
	height:150px;
}
body#topPage div#mainContent div#TcontentsBottom div.new{
	padding:5px 10px;
}
body#topPage div#mainContent div#TcontentsBottom div.new img{
	padding:8px 10px;
}

/*　▲受注制作部分（Flashより上部）　*/


/*　▼Flash　*/


body#topPage div#mainContent div.flash{
	width:950px;
	height:290px;
	margin:0 auto;
	padding:20px 0;
}

/*　▲Flash　*/

/*　▼自社サービス制作部分（Flashより下部）　*/

	/*　▽左ブロック（プレスリリース）　*/
body#topPage div#mainContent div#BcontentsLeft{
	width:255px;
	_width:245px;
	float:left;
	background:#F2F3E3;
	border:#DCDBC5 solid 5px;
	height:370px;

}
body#topPage div#mainContent div#BcontentsLeft div.release{
	padding:10px 0 10px 10px;
}
body#topPage div#mainContent div#BcontentsLeft div.release div{
	height:280px;
	_width:240px;
	overflow-y:scroll;
	overflow-x:hidden;
}
body#topPage div#mainContent div#BcontentsLeft div.release dt{
	width:70px;
	float:left;
}
body#topPage div#mainContent div#BcontentsLeft div.release dd{
	width:135px;
	float:left;
	line-height:140%;
}
body#topPage div#mainContent div#BcontentsLeft div.release dd.border{
	width:205px;
	clear:both;
	height:3px;
	border-bottom:#516169 dotted 1px;
	margin-bottom:10px;	
	_margin:-10px 0 10px 0;	

}

body#topPage div#mainContent div#BcontentsLeft div.release dt.banner{
	width:235px;
	padding:0 0 5px 0;
}
body#topPage div#mainContent div#BcontentsLeft p{
	width:235px;
	padding:0 5px 0 0;
}


	/*　▽左：歯車　*/

body#topPage div#mainContent div#Gear04{
	display:block;
	float:left;
	width:35px;
	height:373px;
}

	/*　▽真ん中ブロック（メディア掲載）　*/
body#topPage div#mainContent div#BcontentsCenter{
	width:260px;
	float:left;
	background:#F2F3E3;
	border:#DCDBC5 solid 5px;
	height:370px;
}
body#topPage div#mainContent div#BcontentsCenter div.media{
	padding:10px 5px 10px 10px;
}
body#topPage div#mainContent div#BcontentsCenter div.media div{
	height:275px;
	overflow-y:scroll;
	overflow-x:hidden;
}
body#topPage div#mainContent div#BcontentsCenter div.media dt{
	width:70px;
	float:left;
}
body#topPage div#mainContent div#BcontentsCenter div.media dd{
	width:145px;
	float:left;
	line-height:140%;
}
body#topPage div#mainContent div#BcontentsCenter div.media dd.border{
	width:205px;
	clear:both;
	height:3px;
	border-bottom:#516169 dotted 1px;
	margin-bottom:10px;	
	_margin:-8px 0 3px 0;	
}
body#topPage div#mainContent div#BcontentsCenter p{
	width:250px;
	padding:2px 5px 0 0;
}


	/*　▽右：歯車　*/

body#topPage div#mainContent div#Gear05{
	display:block;
	float:left;
	width:30px;
	height:335px;
}

	/*　▽右ブロック（つくったサービス）　*/
body#topPage div#mainContent div#BcontentsRight{
	width:320px;
	float:left;
	background:#F2F3E3;
	border:#DCDBC5 solid 5px;
	height:370px;
}

body#topPage div#mainContent div#BcontentsRight div.title{
	width:312px;
	height:30px;
	background:url(../../images/title06.jpg) no-repeat left top;
	color:#FFFFFF;
	text-align:right;
	padding:12px 8px 0 0;
}
body#topPage div#mainContent div#BcontentsRight div.title a{
	color:#FFFFFF;
}

body#topPage div#mainContent div#BcontentsRight div.service div{
	padding:10px;
	_width:295px;
	height:270px;
	overflow-y:scroll;
	overflow-x:hidden;
}
body#topPage div#mainContent div#BcontentsRight div.service dt{
display:block;
	width:105px;
	float:left;
}
body#topPage div#mainContent div#BcontentsRight div.service dd{
	width:140px;
	height:60px;
	float:left;
	line-height:140%;
	padding-left:30px;
	background:url(../../images/icon01.gif) no-repeat 10px top;
}
body#topPage div#mainContent div#BcontentsRight div.service dd.border{
	width:280px;
	clear:both;
	height:5px;
	padding:0;
	border-bottom:#516169 dotted 1px;
	margin-bottom:10px;	
	background:none;
	_margin:-8px 0 8px 0;	

}
body#topPage div#mainContent div#BcontentsRight p{
	width:310px;
	padding:10px 5px 0 0;
	
}




/*　▲自社サービス制作部分（Flashより下部）　*/



/*　▼W3C　*/

body#topPage div.backTopBotanBg div.backTopBotan{
	width:950px;
	background:url(../images/backTopBotanBg.jpg) repeat-x left top;
	text-align:right;
	margin:0 auto;
}
body#topPage div.backTopBotanBg div.backTopBotan a.botan01{
	float:right;
	padding-top:41px;
}
body#topPage div.backTopBotanBg div.backTopBotan a.botan02{
	display:block;
	width:88px;
	float:left;
	padding-top:20px;
}