@charset "utf-8";

/* 全体構造
---------------------------------------------------- */
* { /* 全ての要素の間隔・余白を０へ */
margin:0;
padding:0;
}


body {
	background-image: url(../../img/bg_main.jpg);
	background-color: #F3EAD9;
	background-position: center;
	background-repeat: repeat-y;
	font-family:"ＭＳ Ｐゴシック",Arial,helvetica, Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:150%;
	margin-left: auto;
	margin-right: auto;
	}

a {
	text-decoration: underline;	
	}

.fff {
	color:#fff;
}

a:link {
	color: #333;
	font-weight: bold;
	}

a:visited {
	color: #333;
	font-weight: bold;
	}

a:active {
	color: #333;
	font-weight: bold;
	}

a:hover {
	color:#ff3333 ;
	font-weight: bold;
	}

div#page{	
	width: 900px;
	background-image: url(../../img/bg_contents.gif);
	border-right: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	margin:0 auto;
}

div img { vertical-align: text-bottom; }

img {
	border:0;
}

.strong {
	font-weight:bold;
}

/* ヘッダー 
---------------------------------------------------- */
div#header	{background-color: #BA0B08;
	background-image: url(../../img/top/bg_header.jpg);
	background-repeat: no-repeat;
	background-position:  0 0;
	height: 70px}

div#header h1	{
	margin: 0;
	padding: 0;
	float: left;
}

div#header h2	{
	margin: 0;
	padding: 0;
	float: left;
}

div#header img	{
	display: block;
}

/* ヘッダーhardware 
---------------------------------------------------- */
div#header_hw	{background-color: #BA0B08;
	background-image: url(../../hardware/img/index/bg_mainimg_hw.jpg);
	background-repeat: no-repeat;
	background-position:  0 0;
	height: 70px}

div#header_hw h1	{
	margin: 0;
	padding: 0;
	float: left;
}

div#header_hw h2	{
	margin: 0;
	padding: 0;
	float: left;
}

/* ヘッダーservice
---------------------------------------------------- */
div#header_sv	{background-color: #BA0B08;
	background-image: url(../../service/img/index/bg_mainimg_sv.jpg);
	background-repeat: no-repeat;
	background-position:  0 0;
	height: 70px}

div#header_sv h1	{
	margin: 0;
	padding: 0;
	float: left;
}

div#header_sv h2	{
	margin: 0;
	padding: 0;
	float: left;
}

/* ヘッダーfloormap
---------------------------------------------------- */
div#header_fm	{background-color: #BA0B08;
	background-image: url(../../floormap/img/index/bg_mainimg_fm.jpg);
	background-repeat: no-repeat;
	background-position:  0 0;
	height: 70px}

div#header_fm h1	{
	margin: 0;
	padding: 0;
	float: left;
}

div#header_fm h2	{
	margin: 0;
	padding: 0;
	float: left;
}

/* ヘッダーoutline
---------------------------------------------------- */
div#header_ol	{background-color: #BA0B08;
	background-image: url(../../outline/img/index/bg_mainimg_ol.jpg);
	background-repeat: no-repeat;
	background-position:  0 0;
	height: 70px}

div#header_ol h1	{
	margin: 0;
	padding: 0;
	float: left;
}

div#header_ol h2	{
	margin: 0;
	padding: 0;
	float: left;
}

/* ヘッダーsitemap
---------------------------------------------------- */
div#header_sm	{background-color: #BA0B08;
	background-image: url(../../sitemap/img/index/bg_mainimg_sm.jpg);
	background-repeat: no-repeat;
	background-position:  0 0;
	height: 70px}

div#header_sm h1	{
	margin: 0;
	padding: 0;
	float: left;
}

div#header_sm h2	{
	margin: 0;
	padding: 0;
	float: left;
}

/* ヘッダーcontact
---------------------------------------------------- */
div#header_ct	{background-color: #BA0B08;
	background-image: url(../../contact/img/index/bg_mainimg_ct.jpg);
	background-repeat: no-repeat;
	background-position:  0 0;
	height: 70px}

div#header_ct h1	{
	margin: 0;
	padding: 0;
	float: left;
}

div#header_ct h2	{
	margin: 0;
	padding: 0;
	float: left;
}

/* サイトマップ
---------------------------------------------------- */
.sitemap	{
	background-image: url(../../img/bg_sitemap.gif);
	background-repeat: no-repeat;
	background-position:  0 0;
	float: left;
	padding-left:18px;
	margin-left:159px;
	width:120px;
	height:30px;
}

.arrow	{
	position: absolute; 
	z-index: 1; 
	left: 773px; 
	top: 4px;
}

.sitemap p {
	padding:5px 0 0 15px;
	margin:0;
	line-height:100%;
	background-image: url(../../img/img_sitemapicon.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	color: #fff;
}

.sitemap img {
	margin:0 2px 0 0;
}

.sitemap a:link {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	}

.sitemap a:visited {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	}

.sitemap a:active {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	}

.sitemap a:hover {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	}


/* アド 
---------------------------------------------------- */
div#add	{ clear: both;
	background-color: #fff;
	height: 200px;
	margin: 0;
	padding: 0;
}


/* メニュー
---------------------------------------------------- */
div#navi	{   clear: both;
	background-color: #F3EAD9;
	background: url(../../img/bg_navigation.gif) no-repeat top left;
	width:900px;
	height: 55px;
}

div#navi ul#menu{
	height: 55px;
	width: 700px;
	margin: 0 auto;
}

div#navi ul#menu li{
	float: left;
	list-style: none;
}


/* パンくずリスト
---------------------------------------------------- */
.plist	{
  margin:0;
  padding:10px 40px 0;
}


/* コンテンツ
---------------------------------------------------- */
div#content	{  clear: both;
	width: 555px;
	float: left;
	margin: 30px 0 100px 40px;
	_margin: 30px 0 100px 20px;
	}

/* コンテンツ　店内情報枠 */
.view {
  width: 555px;
  background-image: url(../../img/top/bg_shopdata_mid.gif);
  background-position: 0 0;
  background-repeat: repeat-y;
  margin-top: 20px;
}

.view h2 {
  padding-top: 5px;
  background-image: url(../../img/top/img_shopentrance.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 208px
}

.view .body {
  padding: 0 10px 10px 10px;
  background-image: url(../../img/top/bg_shopdata_btm.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}


.view dl{
width:555px;
}

.txt_rt {
	text-align: right;
}

.view dd {
margin: 0px 30px 0px 60px;
padding-left:120px;
text-align:left;
}

.view dt {
margin: 0px 30px 0px 60px;
padding-left:120px;
text-align:right;
}

/* コンテンツ　インフォメーション */
.info {
  width: 555px;
  margin-top: 40px;
}

.info .body {
  padding: 20px 20px 0;
}

.info h2 {
  text-align: left;
}

.info dl{
width:515px;
margin: 0;
}

.info dt {
width: 40px;
color:#FF3333;
font-weight:bold;
float:left;
}

.info dd {
margin: 0 0px 10px 0;
padding-left:20px;
_padding-left:10px;
width: 455px;
color:#333;
float:left;
}


/* 右サイドバー 
---------------------------------------------------- */
div#sidebar	{
	width: 220px;
	margin-right: 40px;
	_margin-right: 20px;
	margin-bottom: 100px;
	float: right}

div#sidebar-in	{width: 220px;
	float: left;
	margin-top: 30px;}

div.bn	{border: none;
	margin-top: 20px;}

/* 右サイドバー リンク枠*/
.link {
  width: 220px;
  background-image: url(../../img/bg_sidelink_mid.gif);
  background-position: 0 0;
  background-repeat: repeat-y;
  margin-top: 20px;
}

.link h2 {
  padding-top: 17px;
  background-image: url(../../img/bg_sidelink_top.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  text-align: center;
}

.link .body {
  padding: 10px;
  background-image: url(../../img/bg_sidelink_btm.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}

.link dl{
width:205px;
}

.link dt {
width: 75px;
border:1px solid #CCC;
}

.link dd {
margin: -79px 0px 0px -20px;
padding:0 5px 0 100px;
height: 95px
}

/* 右サイドバー 問い合わせ文枠*/
.refer {
  border-top:4px double #bbb;
  border-bottom:4px double #bbb;
  margin:20px 0 0;
}

.refer dl {
  margin:3px 0;
  padding:10px 0;
  background:#EFEFEF url(../../img/bg_reference.gif) top left no-repeat;
}

.refer dt.maker {
  list-style:none;
  padding:10px 0 0 0;
  margin:0;
  background:url(../../img/img_maker.gif) center top no-repeat;height:7px;display:block;
}

.refer dt.corp {
  list-style:none;
  padding:10px 0 0 0;
  margin:0;
  background:url(../../img/img_corporate.gif) center top no-repeat;height:7px;display:block;
}

.refer dd {
  padding:0 12px;
  display:block;
}

/* 右サイドメニュー共通 */
.sidemenu {
  margin-top:20px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.sidemenu_hardware {
  background-image: url(../../hardware/img/index/bg_sidemenu_hardware.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.sidemenu_service {
  background-image: url(../../service/img/index/bg_sidemenu_service.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.sidemenu_floormap {
  background-image: url(../../floormap/img/index/bg_sidemenu_floormap.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.sidemenu ul {
  margin-bottom:0;
  padding:0 0 5px 0;
}

.sidemenu li {
  list-style:none;
  display:inline;
}

/* 右サイドメニューリンク hardware */
.sidemenu a.hardware {
  background-image:url(../../hardware/img/index/img_sidemenu_hardware.gif);
  display:block;
  width:210px;
  height:28px;
  margin-left:5px;
}

.sidemenu a.hwdetail {
  background-image:url(../../hardware/img/index/bg_sidemenu_hardwaredetail.gif);
  display:block;
  width:210px;
  height:28px;
  margin-left:5px;
}

.sidemenu a.unix {
  background-image:url(../../hardware/img/index/bg_sidemenu_unix.gif);
  display:block;
  width:210px;
  height:28px;
  margin-left:5px;
}

.sidemenu a.os {
  background-image:url(../../hardware/img/index/bg_sidemenu_ossoftmedia.gif);
  display:block;
  width:210px;
  height:28px;
  margin-left:5px;
}

/* 右サイドメニューリンク service */
.sidemenu a.demo {
  background-image:url(../../service/img/index/img_sidemenu_demozone.gif);
  display:block;
  width:210px;
  height:28px;
  margin-left:5px;
}

.sidemenu a.demodt {
  background-image:url(../../service/img/index/img_sidemenu_demozonedetail.gif);
  display:block;
  width:210px;
  height:28px;
  margin-left:5px;
}

.sidemenu a.solution {
  background-image:url(../../service/img/index/img_sidemenu_solution.gif);
  display:block;
  width:210px;
  height:28px;
  margin-left:5px;
}

.sidemenu a.recover {
  background-image:url(../../service/img/index/img_sidemenu_recover.gif);
  display:block;
  width:210px;
  height:28px;
  margin-left:5px;
}

/* 右サイドメニューリンク floormap */
.sidemenu a.fmlink {
  background-image:url(../../floormap/img/index/img_sidemenu_floormap.gif);
  display:block;
  width:210px;
  height:28px;
  margin-left:5px;
}

.sidemenu a.smlink {
  background-image:url(../../floormap/img/index/img_sidemenu_shopmovie.gif);
  display:block;
  width:210px;
  height:28px;
  margin-left:5px;
}


/* フッター 
---------------------------------------------------- */
div#footer	{
	background-image: url(../../img/bg_footer.gif);
	background-repeat: repeat;
	width: 900px;
	height: 100px;
	margin: 0;
	padding-bottom: 30px;
	clear: both}

.block-l {
   float: left;
   width: 470px;
	padding-left: 30px
}

.block-l li{
	list-style: none outside;
	background: url(../../img/linkicon_footer.gif) no-repeat left center;
	float: left;
	padding: 10px 15px 10px 17px;
}

.block-r {
   float: left;
   width: 380px;
	padding-right: 20px
}

.block-r dl{
margin-top: 48px;
}

.block-r dt {
width:95px;
float:left;
}

.block-r dd {
	padding-top:9px;
}


/* フォント 
---------------------------------------------------- */
.f10{
	color:#333;
	font-size:10px;
	line-height:1.2;
	}

.f12{
	color:#333;
	font-size:12px;
	line-height:1.4;
	}

.red{
color:#FF0000;
font-size:12px;}

.style1 {color: #FFFFFF}