/* CSS for "キウチグループ（TOPページ）" */
/* modified: 2008.6.22 */

/* @group Header */

#header {
	width:893px;
	height:70px;
	margin:0 auto;
}

/*メインロゴ*/
h1 {
	width:235px;
	height:53px;
	background:url(../img/top/logo.gif) no-repeat;
	margin:11px 0 0 0;
	float:left;
}
h1 a {
	width:235px;
	height:53px;
	display:block;
	border:0;
}
/*ヘッダ右部分*/
#header_sub {
	width:560px;
	height:70px;
	float:right;
}
/*検索*/
div#search {
	width:275px;
	height:38px;
	background:url(../img/top/bg_search.jpg) no-repeat;
	float:right;
}
table#search_elements {
	margin:7px auto;
	border-collapse:collapse;
}
#search_elements td {
	padding:1px;
	border:0;
}
/*検索タイトル*/
h2#search_title {
	width:70px;
	height:10px;
	background:url(../img/top/title_search.gif) no-repeat;
	float:left;
}
/*検索フォーム*/
#search_form {
	width:120px;
	height:19px;
	margin:0 2px;
}
/*検索ボタン*/
img#search_button {
	width:47px;
	height:19px;
}

/* @end */

/* @group Universal */

body {
	background:url(../img/top/bg.jpg) repeat-x top #CDC9C1;
}
#wrapper {
	width:905px;
	margin:0 auto;
	z-index:0;
	position:relative;
}
p {
	font-size:85%;
	line-height:120%;
}
h1,h2,h3,h4 {
	text-indent:-9999px;
	overflow:hidden;
}

/* @end */

/* @group Header_Navi */

#navi_header {
	width:560px;
	height:19px;
	background:url(../img/top/bg_navi_header.gif) repeat-x;
	margin-top:14px;
	float:right;
}
#navi_header ul {
	width:467px;
	height:19px;
	padding-left:81px;
	overflow:hidden;
	list-style-type:none;
}
#navi_header li {
	float:left;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
/*ニュースリリース*/
li#news {
	width:127px;
	height:19px;
	background:url(../img/top/b_navi_header_news.gif) no-repeat;
}
/*企業概要*/
li#company {
	width:79px;
	height:19px;
	background:url(../img/top/b_navi_header_company.gif) no-repeat;
}
/*サービス*/
li#service {
	width:81px;
	height:19px;
	background:url(../img/top/b_navi_header_service.gif) no-repeat;
}
/*採用情報*/
li#recruit {
	width:99px;
	height:19px;
	background:url(../img/top/b_navi_header_recruit.gif) no-repeat;
}
/*TOPページ*/
#top {
	width:81px;
	height:19px;
	background:url(../img/top/b_navi_header_top.gif) no-repeat;
}

/* @end */

/* @group Contents */

/* @group Navigation */

#navi_splash {
	width:893px;
	height:42px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	_margin-top:-4px;
}
* html #navi_splash {
	margin-top:0;
}
#navi_splash ul {
	width:893px;
	height:42px;
	overflow:hidden;
	list-style-type:none;
}
#navi_splash li {
	float:left;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
/*ニュースリリース*/
#news_splash{
	width:223px;
	height:42px;
	background:url(../img/top/b_navi_news.jpg) no-repeat;
}
/*企業概要*/
#company_splash {
	width:221px;
	height:42px;
	background:url(../img/top/b_navi_company.jpg) no-repeat;
}
/*サービス・事業内容*/
#service_splash {
	width:224px;
	height:42px;
	background:url(../img/top/b_navi_service.jpg) no-repeat;
}
/*採用情報*/
#recruit_splash {
	width:225px;
	height:42px;
	background:url(../img/top/b_navi_recruit.jpg) no-repeat;
}


/* @end */

/* @group campany */

#contents_body {
	width:893px;
	height:290px;
	background:url(../img/top/bg_contents.jpg) no-repeat;
	margin-top:0;
}

/*ニュースカラム*/
#col_news {
	width:207px;
	padding:8px;
	float:left;
}
.date {
	color:#FFF;
	border-bottom:1px solid #E2F0FF;
	border-left:4px solid #FFF;
	padding-left:5px;
}
.news_body {
	color:#000033;
	line-height:100%;
	padding:4px 0;
}
#contents_bottom {
	width:893px;
	height:53px; /*81-28*/
	background:url(../img/top/bg_contents_bottom.jpg) repeat-x;
	text-align:center;
	color:#FFF;
	font-size:85%;
	padding-top:28px;
}
#contents_bottom span {
	padding-top:28px;
}
/*企業概要カラム*/
#col_company {
	width:207px;
	padding:8px;
	float:left;
	text-align:center;
}
#col_company img  {
	width:203px;
	padding:1px;
	border:1px solid #FFF;
	margin:0 auto 5px auto;
}
#col_company p {
	text-align:left;
	line-height:120%;
}
/*サービスカラム*/
#col_service {
	width:212px;
	padding:8px 5px;
	float:left;
	text-align:center;
}
#col_service ul {
	width:212px;
	list-style-type:none;
	overflow:hidden;
}
#col_service li {
	width:212px;
	height:52px;
	margin-bottom:8px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#b01 {
	width:212px;
	height:52px;
	background:url(../img/top/b_company01.jpg) no-repeat;
}
#b02 {
	width:212px;
	height:52px;
	background:url(../img/top/b_company02.jpg) no-repeat;
}
#b03 {
	width:212px;
	height:52px;
	background:url(../img/top/b_company03.jpg) no-repeat;
}
#b04 {
	width:212px;
	height:52px;
	background:url(../img/top/b_company04.jpg) no-repeat;
}
/*採用情報カラム*/
#col_recruit {
	width:207px;
	padding:8px 0 0 9px;
	float:left;
	text-align:center;
}
#col_recruit img  {
	width:203px;
	padding:1px;
	border:1px solid #FFF;
	margin:0 auto 5px auto;
}
#col_recruit .body {
	color:#000033;
	text-align:left;
	padding-top:1em;
	line-height:120%;
}

/* @end */

#contents {
	width:893px;
	border:6px solid #FFF;
	border-bottom:0;
	margin:0 auto;
	_margin-top:-12px;
}

/* @end */

/* @group Kiuchism */

/*本体*/
div#content_self {
	width:162px;
	height:835px;
	position:absolute;
	top:88px;
	bottom:0px;
	left:362px;
	z-index:1;
	text-align:center;
}
/*IE6対策*/
* html div#content_self {
	position:absolute;
	top:93px;
	bottom:0px;
}
div#content_self a img {
	display:block;
	border:0;
	margin:0 auto;
}
/*ふきだし*/
ul#navi_self {
	width:110px;
	height:371px;
	background:url(../img/top/fukidashi.png)  no-repeat;
	margin-left:35px;
	padding:0;
	list-style-type:none;
}
ul#navi_self li {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
ul#navi_self li a:link,
ul#navi_self li a:visited {
	width:110px;
	display:block;
}
ul#navi_self li.works a {
	height:91px;
}
ul#navi_self li.profile a {
	height:91px;
}
ul#navi_self li.weblog a {
	height:91px;
}
ul#navi_self li.contact a {
	height:97px;
}
ul#navi_self li.works a:hover {
	background:url(../img/top/fukidashi.png) -110px 0px no-repeat;
}
ul#navi_self li.profile a:hover {
	background:url(../img/top/fukidashi.png) -110px -91px no-repeat;
}
ul#navi_self li.weblog a:hover {
	background:url(../img/top/fukidashi.png) -110px -182px no-repeat;
}
ul#navi_self li.contact a:hover {
	background:url(../img/top/fukidashi.png) -110px -273px no-repeat;
}


/* @end */

/* @group IE_Hack */

* html ul#navi_self {
	background:none;
	width:110px;
	margin:0 auto;
	list-style-type:none;
	padding-left:22px;
}

* html ul#navi_self li {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
* html ul#navi_self li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
}

/*ナビボタンお問い合わせ*/
* html ul#navi_self li.contact a:link,
* html ul#navi_self li.contact a:visited {
	width:110px;
	height:98px;
	background:url(../img/top/b_fuki_contact.jpg) no-repeat;
}
* html ul#navi_self li.contact a:hover{
	background:url(../img/top/b_fuki_contact.jpg) no-repeat;
	background-position:0 -98px;
}
/*ナビボタンブログ*/
* html ul#navi_self li.weblog a:link,
* html ul#navi_self li.weblog a:visited {
	width:110px;
	height:91px;
	background:url(../img/top/b_fuki_blog.jpg) no-repeat;
}
* html ul#navi_self li.weblog a:hover{
	background:url(../img/top/b_fuki_blog.jpg) no-repeat;
	background-position:0 -91px;
}
/*ナビボタンプロフィール*/
* html ul#navi_self li.profile a:link,
* html ul#navi_self li.profile a:visited {
	width:110px;
	height:92px;
	background:url(../img/top/b_fuki_profile.jpg) no-repeat;
}
* html ul#navi_self li.profile a:hover{
	background:url(../img/top/b_fuki_profile.jpg) no-repeat;
	background-position:0 -92px;
}
/*ナビボタン作品集*/
* html ul#navi_self li.works a:link,
* html ul#navi_self li.works a:visited {
	width:110px;
	height:91px;
	background:url(../img/top/b_fuki_works.jpg) no-repeat;
}
* html ul#navi_self li.works a:hover {
	background:url(../img/top/b_fuki_works.jpg) no-repeat;
	background-position:0 -91px;
}

/* @end */

/* @group Admin */

div#admin_area {
	position:absolute;
	top:327px;
	left:550px;
	width:233px;
	height:28px;
	background:url(../img/top/bg_admin.gif) no-repeat top;
}
/*IE6対策*/
* html div#admin_area {
	top:332px;
}
/*リンク*/
ul#navi_admin {
	list-style-type:none;
	margin-left:6px;
}
ul#navi_admin li {
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:6px 8px 0 0;
}
ul#navi_admin li a{
	display:block;
	border:0;
}
/*CMS管理画面*/
ul#navi_admin li#cms {
	width:59px;
	height:14px;
	background:url(../img/top/b_admin_cms.gif) no-repeat;
	padding-right:4px
	
}

/*アクセス解析*/
ul#navi_admin li#analyze {
	width:75px;
	height:14px;
	background:url(../img/top/b_admin_analyze.gif) no-repeat;
	padding-right:4px
}
/*アフィリエイト*/
ul#navi_admin li#amazon {
	width:58px;
	height:16px;
	background:url(../img/top/b_admin_amazon.gif) no-repeat;
}
/*カウンター*/
div#wrapper_counter {
	height:5px;
	clear:both;
	border:0;
	padding:5px 0 0 8px;
}
div#wrapper_counter img {
	float:left;
}

/* @end */

/* @group Footer */

#footer_group {
	width:893px;
	height:153px;
	background:url(../img/top/bg_footer.jpg) repeat-x;
	text-align:left;
	color:#FFF;
}
#footer_group img {
	padding:0 10px 0 20px;
	border:0;
}
.footer_navi {
	padding-top:3px;
	font-size:85%;
}
div#counter {
	padding-top:28px;
	font-size:85%;
}

/* @end */