@charset "utf-8";

/* 基本設定 */
*{ margin:0; padding:0;}

body{
	background:#000000;
	color:#c8c8c8;
}

hr{ display:none;}
a img{ border:0; vertical-align:top;}
ul{ list-style:none;}

li img{ display:block; vertical-align:top;}

span.notxt{ display:none; font-size:11%; text-decoration:none; text-indent:-9999px;}
.clear{ clear:both; display:block;}

.iepngfix, * html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

a{ color: #c8c8c8;}
a:hover	{ text-decoration:none;}

/* ヘッダー */
div#news div#header	{ width:100%; background: #eee701;}
div#concept div#header	{ width:100%; background: #007d68;}
div#coordinate div#header	{ width:100%; background: #4d4948;}
div#shop_list div#header	{ width:100%; background: #6d0b7a;}
div#company div#header	{ width:100%; background: #989b80;}
div#recruit div#header	{ width:100%; background: #005097;}
div#blog div#header	{ width:100%; background: #f5f5f5;}
div#web_store div#header	{ width:100%; background: #b50005;}

div#header p a{
	background: url(http://barak.jp/mt/pagedesign/btn_home.jpg) no-repeat;
	width:88px;
	height:31px;
	display:block;
}

div#header h1 a{
	width:300px;
	height:110px;
	display:block;
}
div#news div#header h1{ background: url(http://barak.jp/mt/pagedesign/news/logo.jpg) no-repeat;}
div#concept div#header h1{ background: url(http://barak.jp/mt/pagedesign/concept/logo.jpg) no-repeat;}
div#coordinate div#header h1{ background: url(http://barak.jp/mt/pagedesign/coordinate/logo.jpg) no-repeat;}
div#shop_list div#header h1{ background: url(http://barak.jp/mt/pagedesign/shop-list/logo.jpg) no-repeat;}
div#company div#header h1{ background: url(http://barak.jp/mt/pagedesign/company/logo.jpg) no-repeat;}
div#recruit div#header h1{ background: url(http://barak.jp/mt/pagedesign/recruit/logo.jpg) no-repeat;}
div#blog div#header h1{ background: url(http://barak.jp/mt/pagedesign/blog/logo.jpg) no-repeat;}
div#web_store div#header h1{ background: url(http://barak.jp/mt/pagedesign/web-store/logo.jpg) no-repeat;}

div#header h2{
	width:800px;
	height:0px;
	display:block;
}

/* メニュー */
#menu{ margin:10px 0 55px 60px; height:30px;}
#coordinate #menu{ margin:10px 0 0 60px;!important height:30px;}

#menu li{ float:left;}
#menu li a{ height:30px; display:block;}
#menu01 a{ width: 72px;}
#menu02 a{ width: 100px;}
#menu03 a{ width: 129px;}
#menu04 a{ width: 104px;}
#menu05 a{ width: 114px;}
#menu06 a{ width: 89px;}
#menu07 a{ width: 64px;}
#menu08 a{ width: 118px;}

div#news #menu01 a{ background: url(http://barak.jp/mt/pagedesign/news/menu01.jpg) no-repeat;}
div#news #menu02 a{ background: url(http://barak.jp/mt/pagedesign/news/menu02.jpg) no-repeat;}
div#news #menu03 a{ background: url(http://barak.jp/mt/pagedesign/news/menu03.jpg) no-repeat;}
div#news #menu04 a{ background: url(http://barak.jp/mt/pagedesign/news/menu04.jpg) no-repeat;}
div#news #menu05 a{ background: url(http://barak.jp/mt/pagedesign/news/menu05.jpg) no-repeat;}
div#news #menu06 a{ background: url(http://barak.jp/mt/pagedesign/news/menu06.jpg) no-repeat;}
div#news #menu07 a{ background: url(http://barak.jp/mt/pagedesign/news/menu07.jpg) no-repeat;}
div#news #menu08 a{ background: url(http://barak.jp/mt/pagedesign/news/menu08.jpg) no-repeat;}

div#concept #menu01 a{ background: url(http://barak.jp/mt/pagedesign/concept/menu01.jpg) no-repeat;}
div#concept #menu02 a{ background: url(http://barak.jp/mt/pagedesign/concept/menu02.jpg) no-repeat;}
div#concept #menu03 a{ background: url(http://barak.jp/mt/pagedesign/concept/menu03.jpg) no-repeat;}
div#concept #menu04 a{ background: url(http://barak.jp/mt/pagedesign/concept/menu04.jpg) no-repeat;}
div#concept #menu05 a{ background: url(http://barak.jp/mt/pagedesign/concept/menu05.jpg) no-repeat;}
div#concept #menu06 a{ background: url(http://barak.jp/mt/pagedesign/concept/menu06.jpg) no-repeat;}
div#concept #menu07 a{ background: url(http://barak.jp/mt/pagedesign/concept/menu07.jpg) no-repeat;}
div#concept #menu08 a{ background: url(http://barak.jp/mt/pagedesign/concept/menu08.jpg) no-repeat;}

div#coordinate #menu01 a{ background: url(http://barak.jp/mt/pagedesign/coordinate/menu01.jpg) no-repeat;}
div#coordinate #menu02 a{ background: url(http://barak.jp/mt/pagedesign/coordinate/menu02.jpg) no-repeat;}
div#coordinate #menu03 a{ background: url(http://barak.jp/mt/pagedesign/coordinate/menu03.jpg) no-repeat;}
div#coordinate #menu04 a{ background: url(http://barak.jp/mt/pagedesign/coordinate/menu04.jpg) no-repeat;}
div#coordinate #menu05 a{ background: url(http://barak.jp/mt/pagedesign/coordinate/menu05.jpg) no-repeat;}
div#coordinate #menu06 a{ background: url(http://barak.jp/mt/pagedesign/coordinate/menu06.jpg) no-repeat;}
div#coordinate #menu07 a{ background: url(http://barak.jp/mt/pagedesign/coordinate/menu07.jpg) no-repeat;}
div#coordinate #menu08 a{ background: url(http://barak.jp/mt/pagedesign/coordinate/menu08.jpg) no-repeat;}

div#coordinate #submenu{ margin:15px 0 26px 60px; height:14px;}
div#coordinate #submenu li{ color:#636363; float:left; margin-right:25px; font-weight:bold;}
div#coordinate #submenu li a{ color: #c8c8c8;}

div#shop_list #menu01 a{ background: url(http://barak.jp/mt/pagedesign/shop-list/menu01.jpg) no-repeat;}
div#shop_list #menu02 a{ background: url(http://barak.jp/mt/pagedesign/shop-list/menu02.jpg) no-repeat;}
div#shop_list #menu03 a{ background: url(http://barak.jp/mt/pagedesign/shop-list/menu03.jpg) no-repeat;}
div#shop_list #menu04 a{ background: url(http://barak.jp/mt/pagedesign/shop-list/menu04.jpg) no-repeat;}
div#shop_list #menu05 a{ background: url(http://barak.jp/mt/pagedesign/shop-list/menu05.jpg) no-repeat;}
div#shop_list #menu06 a{ background: url(http://barak.jp/mt/pagedesign/shop-list/menu06.jpg) no-repeat;}
div#shop_list #menu07 a{ background: url(http://barak.jp/mt/pagedesign/shop-list/menu07.jpg) no-repeat;}
div#shop_list #menu08 a{ background: url(http://barak.jp/mt/pagedesign/shop-list/menu08.jpg) no-repeat;}

div#company #menu01 a{ background: url(http://barak.jp/mt/pagedesign/company/menu01.jpg) no-repeat;}
div#company #menu02 a{ background: url(http://barak.jp/mt/pagedesign/company/menu02.jpg) no-repeat;}
div#company #menu03 a{ background: url(http://barak.jp/mt/pagedesign/company/menu03.jpg) no-repeat;}
div#company #menu04 a{ background: url(http://barak.jp/mt/pagedesign/company/menu04.jpg) no-repeat;}
div#company #menu05 a{ background: url(http://barak.jp/mt/pagedesign/company/menu05.jpg) no-repeat;}
div#company #menu06 a{ background: url(http://barak.jp/mt/pagedesign/company/menu06.jpg) no-repeat;}
div#company #menu07 a{ background: url(http://barak.jp/mt/pagedesign/company/menu07.jpg) no-repeat;}
div#company #menu08 a{ background: url(http://barak.jp/mt/pagedesign/company/menu08.jpg) no-repeat;}

div#recruit #menu01 a{ background: url(http://barak.jp/mt/pagedesign/recruit/menu01.jpg) no-repeat;}
div#recruit #menu02 a{ background: url(http://barak.jp/mt/pagedesign/recruit/menu02.jpg) no-repeat;}
div#recruit #menu03 a{ background: url(http://barak.jp/mt/pagedesign/recruit/menu03.jpg) no-repeat;}
div#recruit #menu04 a{ background: url(http://barak.jp/mt/pagedesign/recruit/menu04.jpg) no-repeat;}
div#recruit #menu05 a{ background: url(http://barak.jp/mt/pagedesign/recruit/menu05.jpg) no-repeat;}
div#recruit #menu06 a{ background: url(http://barak.jp/mt/pagedesign/recruit/menu06.jpg) no-repeat;}
div#recruit #menu07 a{ background: url(http://barak.jp/mt/pagedesign/recruit/menu07.jpg) no-repeat;}
div#recruit #menu08 a{ background: url(http://barak.jp/mt/pagedesign/recruit/menu08.jpg) no-repeat;}

div#blog #menu01 a{ background: url(http://barak.jp/mt/pagedesign/blog/menu01.jpg) no-repeat;}
div#blog #menu02 a{ background: url(http://barak.jp/mt/pagedesign/blog/menu02.jpg) no-repeat;}
div#blog #menu03 a{ background: url(http://barak.jp/mt/pagedesign/blog/menu03.jpg) no-repeat;}
div#blog #menu04 a{ background: url(http://barak.jp/mt/pagedesign/blog/menu04.jpg) no-repeat;}
div#blog #menu05 a{ background: url(http://barak.jp/mt/pagedesign/blog/menu05.jpg) no-repeat;}
div#blog #menu06 a{ background: url(http://barak.jp/mt/pagedesign/blog/menu06.jpg) no-repeat;}
div#blog #menu07 a{ background: url(http://barak.jp/mt/pagedesign/blog/menu07.jpg) no-repeat;}
div#blog #menu08 a{ background: url(http://barak.jp/mt/pagedesign/blog/menu08.jpg) no-repeat;}

div#web_store #menu01 a{ background: url(http://barak.jp/mt/pagedesign/web-store/menu01.jpg) no-repeat;}
div#web_store #menu02 a{ background: url(http://barak.jp/mt/pagedesign/web-store/menu02.jpg) no-repeat;}
div#web_store #menu03 a{ background: url(http://barak.jp/mt/pagedesign/web-store/menu03.jpg) no-repeat;}
div#web_store #menu04 a{ background: url(http://barak.jp/mt/pagedesign/web-store/menu04.jpg) no-repeat;}
div#web_store #menu05 a{ background: url(http://barak.jp/mt/pagedesign/web-store/menu05.jpg) no-repeat;}
div#web_store #menu06 a{ background: url(http://barak.jp/mt/pagedesign/web-store/menu06.jpg) no-repeat;}
div#web_store #menu07 a{ background: url(http://barak.jp/mt/pagedesign/web-store/menu07.jpg) no-repeat;}
div#web_store #menu08 a{ background: url(http://barak.jp/mt/pagedesign/web-store/menu08.jpg) no-repeat;}

/* コンテナ */
div#container{
	clear:both;
	background: url(http://barak.jp/mt/pagedesign/bg_conts.jpg) repeat-y;
	width: 800px;
}

/* 記事 */
div.post	{
	width:750px;
	padding-bottom: 65px;
}

div.post h2	{
	font-size: 0.875em;
	padding: 9px 0 5px 73px;
}
div#news div.post h2{ background: url(http://barak.jp/mt/pagedesign/news/bg_ttl02.jpg) no-repeat;}
div#concept div.post h2{ background: url(http://barak.jp/mt/pagedesign/concept/bg_ttl02.jpg) no-repeat;}
div#coordinate div.post h2{ background: url(http://barak.jp/mt/pagedesign/coordinate/bg_ttl02.jpg) no-repeat;}
div#shop_list div.post h2{ background: url(http://barak.jp/mt/pagedesign/shop-list/bg_ttl02.jpg) no-repeat;}
div#company div.post h2{ background: url(http://barak.jp/mt/pagedesign/company/bg_ttl02.jpg) no-repeat;}
div#recruit div.post h2{ background: url(http://barak.jp/mt/pagedesign/recruit/bg_ttl02.jpg) no-repeat;}
div#blog div.post h2{ background: url(http://barak.jp/mt/pagedesign/blog/bg_ttl02.jpg) no-repeat;}
div#web_store div.post h2{ background: url(http://barak.jp/mt/pagedesign/web-store/bg_ttl02.jpg) no-repeat;}

div.post h3	{
	background: url(http://barak.jp/mt/pagedesign/bg_ttl03.jpg) no-repeat;
	font-size: 0.875em;
	margin-top:65px;
	padding: 9px 0 5px 73px;
}

div.honbun p{
	font-size: 0.75em;
	line-height: 1.6;
	margin-top: 20px;
	padding-left:90px;
}

p.postinfo	{
	font-size: 0.75em;
	text-align: right;
	margin: 20px 0 0
}

#coordinate div.post p.info{ float:left; margin-right:20px;}
#coordinate div.post .photo{ float:right;}

/* フッター */
div#footer	{
	background: url(http://barak.jp/mt/pagedesign/copy.jpg) no-repeat;
	width:850px;
	height:97px;
}

address	{ display:none;}