﻿/*
--------------------------------------------------------
Class:		Common CSS Importer
--------------------------------------------------------
*/

/*
 デフォルトスタイル指定
*/
@import url(./common/css/default.css);

/*
 共通レイアウト指定
*/
@import url(./common/css/common.css);



/*--------------------------------------------------------
	個別レイアウト
--------------------------------------------------------*/

#menuListBody	{
	clear: both;
}

#menuListBody table	{
	border-collapse: collapse;
}

#menuListBody table td	{
	width: 180px;
	padding-left: 10px;
	vertical-align: top;
}

#menuListBody table td#menu1	{
	padding-left: 0;
}


/* メインイメージ */
div#headerflash	{
	width: 100%;
	height: 290px;
}

ul#solutionNavigation	{
	position: relative;
	background: #FFF url(./images/bg_indeximage.jpg) 0 0 no-repeat;
	height: 290px;
}

ul#solutionNavigation li	{
	position: absolute;
	text-indent: -6000px;
}
ul#solutionNavigation li a	{
	display: block;
	text-decoration: none;
}

ul#solutionNavigation li#solutionJAM	{
	top: 15px;
	left: 155px;
}
ul#solutionNavigation li#solutionJAM a	{
	width: 430px;
	height: 80px;
}

ul#solutionNavigation li#solutionHouse	{
	top: 100px;
	left: 0;
}

ul#solutionNavigation li#solutionOffice	{
	top: 100px;
	left: 190px;
}

ul#solutionNavigation li#solutionMall	{
	top: 100px;
	left: 380px;
}

ul#solutionNavigation li#solutionTechnology	{
	top: 100px;
	right: 0px;
}

ul#solutionNavigation li#solutionHouse a,
ul#solutionNavigation li#solutionOffice a,
ul#solutionNavigation li#solutionMall a,
ul#solutionNavigation li#solutionTechnology a 	{
	width: 180px;
	height: 185px;
}




/* トピックスエリア */
div#topicArea	{
	clear: both;
	padding-top: 20px;
	background: #FFF url(./images/bg_topicsarea.gif) 0 0 repeat-x;
}


/* 告知 */
dl#infomationArea	{
	float: left;
	width: 520px;
	padding-left: 10px;
}

dl#infomationArea dt	{
	clear: both;
	float: left;
	padding-left: 1.0em;
	background: #FFF url(./common/images/icon_arrow_info.gif) 0 center no-repeat;
}

dl#infomationArea dd	{
	margin-bottom: 0.7em;
	padding-left: 9.0em;
}


/* バナー */
div#bannerArea	{
	float: right;
	width: 200px;
	padding-right: 10px;
}

div#bannerArea ul li	{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}


/* ロゴエリア */
div#logoArea	{
	clear: both;
	border-top: 1px solid #CCC;
	padding: 5px 0;
	text-align: right;
	margin-top: 10px;
}

div#logoArea img	{
	padding: 0 10px;
	border-left: 1px solid #DDD;
}

