@charset "utf-8";

/* *******************************************
  サイト名：　 株式会社マイ.ビジネスサービス. 
　制作者: 　　 株式会社マイ.ビジネスサービス.
　URL: 　　　　http://www.mbs2000.com
　作成日:　　　2007年5月
　最新更新日：
  Copyright (c) 2007 MBS All Rights Reserved.
  -------------------------------------------
  Title:      My Business Service
  Author:     My Business Service
  URL :       http://www.mbs2000.com
  Created :   May 2007
  Modified :  

*　トップページのスタイル(デフォルト)
　 The following styles are for top page.
******************************************* */

/* *******************************************
　目次 content
　・ページ内共通　common styles
　・3カラムレイアウト 3column layou
　・ヘッダー　header
　・メイン画像（flash） main image
　・グローバルナビゲーション　global navigation
　・ユーザー支援ツール　utility tools
　・コンテンツ　content
　・お知らせ
　・トピックス01(新着情報)
　・制作実績
　・ブログ
　・トピックス02(代理店募集・実績紹介バナー)
　・キャッチコピー
　・サイドメニュー
　・フッター
******************************************* */

/* ページ内共通　common styles ************************************************ */
/*ブラウザの初期化 Browser-formatting styles*/
*{
	margin : 0;
	padding : 0;
	border: 0;
	background-color: transparent;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1.0;
	}

/* 文書本体 body */
body{
	background-color: #eeeef2;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,Hiragino Kaku Gothic Pro,sans-serif;
	font-size : 80%;
	color: #676767;
	margin: 0 auto; /* センタリング */
	}
	
/* リンクテキスト link texts */
a         {color: #676767; text-decoration: none;}
a:link    {color: #676767; text-decoration: none;}
a:visited {color: #676767; text-decoration: none;}
a:hover   {color: #676767; text-decoration: none;}

/* 見出し header */
h1,h2,h3,h4,p{
	font-weight: normal;
	font-size : 100%;
	line-height: 150%;
	}

/* 画像 images*/
img {
	border: 0;
	border-style: none;
	}

/* 水平線 horizontal line */
hr{
	display: none;
	}

/* リスト list*/
ul,ol{
	font-size : 100%;
	color: #676767;
	}

li{
	font-weight: normal;
	font-size : 100%;
	list-style-position: outside;
	line-height: 150%;
	}

dl,dt,dd{
	font-size : 100%;
	color: #676767;
	line-height: 150%;
	}

/* テーブル table*/
table{
	border-collapse: collapse;
	border: solid 1px #cccccc;
	}

td{
	padding: 5px;
	line-height: 180%;
	}
	
/* 視覚ブラウザでは非表示*/
.hide{
	height: 0;
	overflow: hidden;
	}

/* ページ全体 container*/
div#container{
	width: 830px;
	margin: 0px auto; /* センタリング */
	background:
	 #eeeef2
	 url(../images/common/bk01.jpg) /* 背景にドロップシャドウ */
	 top center
	 scroll
	 repeat-y;
	}

div#container-innner{
	width: 774px;
	margin: 0px auto; /* センタリング */
	}
	
/* 3カラムレイアウト 3column layout ************************************************ */
div#header{
	width: 100%;
	height: 152px;/* ロゴの高さと上下のmargin+h1の高さ+(h1を上に上げた分-h1の高さ)＋descriptionの高さ */
	overflow: visible;
	margin: 0 auto; /* センタリング */
	}

div#block{
	float: left; /* サイドバーの背景を表示させるための指定 */
	width: 100%;
	position: relative;
	top: -61px; /* global-navの高さ */
	margin: 0 auto; /* センタリング */
	background:
	 transparent
	 url(../images/top/side_bk.gif)
	 center
	 repeat-y;
	}

div#sidebar{
	float: right; /* 右側 */
	width: 152px;
	border-left: #cccccc solid 1px;
	}

div#entrybody{
	float: left; /* 左側 */
	width: 621px;
	margin: 0;
	}

div#top-left{
	float: left; /* 左側 */
	width: 250px;
	margin: 0;
	}

div#top-center{
	float: right; /* 右側 */
	width: 345px;
	margin: 10px 0;
	}

div#promo{
	clear: both; /* floatを解除 */
	width: 600px;
	height: 78px;
	margin: 0;
	padding: 0 10px; 
	}

div#footer{
	clear: both; /* floatを解除 */
	width: 100%;
	margin: 0;
	}

/* ヘッダー　header ************************************************ */
/* ロゴ logo */	
div#logo img{
	margin: 10px 0;
	}

div#header p{
	display: none;
	}

/* スキップリンク skip links */
div#skip{
	height: 0;
	overflow: hidden;
	}

/* h1 */
div#header h1{
	width: 774px;
	height: 34px;
	font-size: 80%;
	margin: -54px 0 0 0;
	text-align: right;
	color: #cbcbcb;
	}

/* h1 トップへ戻る用のアンカーがあるため */
div#header h1 a{
	color: #cbcbcb;
	}
			
/* description */
div#description{
	width: 774px;
	height: 34px;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 263px;/* (descriptionの高さ+メイン画像の高さ+グローバルナビゲーションの高さ＋ユーティリティの高さ)-メイン画像を上に上げた分 */
	background:
	 #ffffff 
	 url(../images/top/promo-word.jpg) 
	 no-repeat;
	}
	
div#description h2{
	height: 0;
	overflow:hidden;
	}

/* メイン画像（flash） main image **********************　*/
div#main-image{
	width: 774px;
	margin: 0 auto;
	position: relative;
	top: -27px; /* -descriptionの高さ+グローバルナビゲーションとメイン画像との間隔(ラフで計算3px) */
	}

/* グローバルナビゲーション　global navigation ********************** */
div#g-nav {
	width: auto;
	height: 56px;
	margin: 0 auto; /* センタリング */
	padding: 0 0 5px 0;
	position: relative;
	top: -270px;/* メイン画像の高さ＋descriptionの高さ+h1の高さ+h1を上にあげた分 */
	}

div#g-nav h2{ 
	height: 0;
	overflow: hidden;
	}
	
div#g-nav ul{ 
	height: 56px;
	text-align: left;
	}
	
div#g-nav ul li{
	display: inline;
	float: left; 
	list-style-type: none;
	}

/* ユーザー支援ツール　utility tools ****************************** */
div#utility{ 
	clear: both;
	width: 774px;
	position: relative;
	top: -356px;
	/* グローバルナビゲーションの高さ＋グローバルナビゲーションを上にあげた分＋H1を上にあげた分＋ロゴのmargin-bottom */
	text-align: right;
	}

div#utility h2{ 
	height: 0;
	overflow: hidden;
	}

div#utility li{
	display: inline;
	list-style-type: none;
	}

div#utility a{
	padding: 0 0 0 9px;
	background:
	 transparent
	 url(../images/common/arrow01.gif)
	 no-repeat
	 center left;
	}
	
/* コンテンツ　content ******************************************** */
div#seasonal{
	width: 244px;
	margin-bottom:15px;
	}

/* DB事業 */
div#db-guide{
	width: 244px;
	height: 175px;
	padding: 3px 6px 8px 0;
	background:
	 transparent
	 url(../images/top/guide_bk.gif)
	 no-repeat;
	}

div#db-guide .none{
	width: 244px;
	height:120px;
	display: block;
	background:
	 url(../images/top/db_p01.jpg)
	 center
	 no-repeat;
	text-indent: -9998px;
	overflow: hidden;
	}

div#db-guide p a{
	width: 244px;
	height:28px;
	display: block;
	background:
	 url(../images/top/db_bt.jpg)
	 center
	 no-repeat;
	text-indent: -9998px;
	overflow: hidden;
	}

div#db-guide p a:hover{
	background:
	 transparent
	 url(../images/top/db_bt_b.jpg)
	 center
	 no-repeat;
	}

/* Web事業 */
div#web-guide{
	width: 244px;
	height: 175px;
	margin: 7px 0 0 0;
	padding: 3px 6px 8px 0;
	background:
	 transparent
	 url(../images/top/guide_bk.gif)
	 no-repeat;
	}

div#web-guide .none{
	width: 244px;
	height:120px;
	display: block;
	background:
	 url(../images/top/web_p01.jpg)
	 center
	 no-repeat;
	text-indent: -9998px;
	overflow: hidden;
	}

div#web-guide p a{
	width: 244px;
	height:28px;
	display: block;
	background:
	 url(../images/top/web_bt.jpg)
	 center
	 no-repeat;
	text-indent: -9998px;
	overflow: hidden;
	}

div#web-guide p a:hover{
	background:
	 transparent
	 url(../images/top/web_bt_b.jpg)
	 center
	 no-repeat;
	}

/* マーケットWeb */
div#m-web{
	width: 269px;
	height: 57px;
	position: relative; /* top-leftを左にはみ出して表示 */
	margin-left: -17px; /* top-leftを左にはみ出して表示 */
	margin-top: 0;
	}

div#m-web h3{
	height: 0;
	overflow: hidden;
	}

div#m-web p a{
	width: 269px;
	height:57px;
	display: block;
	background:
	 transparent
	 url(../images/top/m-web_bt.gif)
	 top left
	 no-repeat;
	text-indent: -9998px;
	overflow: hidden;
	}

div#m-web p a:hover{
	background:
	 transparent
	 url(../images/top/m-web_bt_b.gif)
	 top left
	 no-repeat;
	}

/* システム開発 */
div#system{
	width: 244px;
	height: 112px;
	margin: 7px 0 0 0;
	padding: 3px 6px 8px 0;
	background:
	 transparent
	 url(../images/top/guide_bk02.gif)
	 top left
	 no-repeat;
	}

div#system .none{
	width: 244px;
	height:45px;
	display: block;
	background:
	 url(../images/top/system_p01.jpg)
	 center
	 no-repeat;
	text-indent: -9998px;
	overflow: hidden;
	}

div#system p a{
	width: 244px;
	height:28px;
	display: block;
	background:
	 url(../images/top/system_bt.jpg)
	 center
	 no-repeat;
	text-indent: -9998px;
	overflow: hidden;
	}

div#system p a:hover{
	background:
	 transparent
	 url(../images/top/system_bt_b.jpg)
	 center
	 no-repeat;
	}
	
/* センターバナー ************************************************ */
div#kuroko_ad{
	width:310px;
	line-height: 120%;
	font-size: 12px;
	padding: 0 30px 10px 5px;
	}

/* センターバナー ************************************************ */
div#survey_ad{
	width:310px;
	line-height: 120%;
	font-size: 12px;
	padding: 0 30px 10px 5px;
	}

/* センターバナー ************************************************ */
div#academic_ad{
	width:310px;
	line-height: 120%;
	font-size: 12px;
	padding: 0 30px 10px 5px;
	}
	
/* センターバナー ************************************************ */
div#ad-centre{
	width:310px;
	line-height: 120%;
	font-size: 12px;
	padding: 0 30px 10px 5px;
	}

div#ad-centre ul li{
	list-style-type: none;
	}

/* メッセージ ************************************************ */

/* お知らせ */

div#message{
	width:310px;
	line-height: 120%;
	font-size: 12px;
	padding: 130px 30px 10px 5px;
	}

div#message h2{
	width: 291px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	background:
	 transparent
		url(../images/top/message.gif)
	 top left
	 no-repeat;
	border-bottom: dotted #cccccc 2px;
	text-indent: -9998px;
	overflow: hidden;
	height: 25px;
	}
		
	div#message h3.oshirase{
	margin-bottom: 10px;
	line-height: 110%;
	font-size: 13px;
	font-weight: bold;
	color: #CC3300;
	}

	div#message em{
	font-weight: bold;
	color: #336699;
	}

div#message p.date{
	margin: 5px 0;
	border-top: dotted 1px #cdcdcd;
	border-bottom: dotted 1px #cdcdcd;
	}

div#message a{color: #004182;}
div#message a:hover{color: #004182;}


/* トピックス ************************************************ */
	
/* トピックス */
div#topics01{
	width:310px;
	line-height: 120%;
	font-size: 12px;
	padding: 15px 30px 10px 5px;
	}

div#topics01 h2{
	width: 291px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	background:
	 transparent
		url(../images/top/topics.gif)
	 top left
	 no-repeat;
	border-bottom: dotted #cccccc 2px;
	text-indent: -9998px;
	overflow: hidden;
	height: 25px;
	}
	
div#topics01 h3{

	line-height: 110%;
	font-size: 13px;
	font-weight: bold;
	color: #004182;
	}

div#topics01 p.date{
	color: #676767;
	font-weight:normal;
	margin: 0px;
	text-align: right;
	border-top: none;
	}

div#topics01 p{
	color: #676767;
	font-weight:normal;
	margin-bottom: 30px;
	}

div#topics01 p strong{
	font-weight: bold;
	color: #3366CC;
}

div#topics01 p img{
	margin: 3px 0;
	}

div#topics01 a{color: #004182;}
div#topics01 a:hover{color: #004182;}
	
/* 制作実績 ************************************************ */
div#top-jisseki{
	width:310px;
	padding: 0 30px 10px 5px;
	}

div#top-jisseki h2{
	width: 291px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	background:
	 transparent
		url(../images/top/top-jisseki.jpg)
	 top left
	 no-repeat;
	border-bottom: dotted #cccccc 2px;
	text-indent: -9998px;
	overflow: hidden;
	height: 25px;
	}

div#top-jisseki dl{
	width: 291px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 5px;
	}

/* 日付 */	
div#top-jisseki dt{
	width: 100%;
	padding-left: 8px;
	border-left: #3f6636 solid 6px;
	color: #426a38;
	}

/* テキスト */
div#top-jisseki dd{
	margin:0 0 5px 0;
	padding: 0;
	line-height: 180%;
	text-decoration: underline;
	}

div#top-jisseki dd#01{
	margin:0;
	padding: 0 ;
	text-decoration: none;
	}

div#top-jisseki dd a{
	padding: 0 0 3px 0;
	text-decoration: underline;
	}

/* ブログ ************************************************ */
div#staff_blog{
	width:250px;
	}
	
/* Suppress everything except for title,date */

#feed .gf-author, 
#feed .gf-spacer { 
	display : none;
	} 
 
/* 各ブログエリア */
#feed .gfc-results {
width:250px;
padding-bottom : 10px;
}
 
/* 記事エリア */
#feed .gfc-result {
width:250px;
border-bottom: dotted #ccc 1px;
}
 
/* ブログタイトル */
#feed .gfc-resultsHeader{
	width:250px;
	height: 25px;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
	background:
	transparent
	url(../images/top/tit_blog_bk.gif)
	top right
	no-repeat;
	border: none;
	margin-bottom: 10px;
	}
						
#feed .gfc-resultsHeader .gfc-title {
	padding-left: 30px;
	border: none;
	overflow: hidden;
	font-size: 120%;
	font-weight: bold;
	color: #6a4800;
	} 

/* 記事タイトル */
#feed a.gf-title{
	width: 242px;
	margin: 0;
	padding-left: 8px;
	color: #6a4800;
	line-height: 120%;
	}

/* 日付 */						
#feed div.gf-relativePublishedDate{
	width: 242px;
	margin: 0;
	float: right;
	padding-left: 8px;
	text-align: right;
	}
						
/* 記事抜粋 */						
#feed .gf-snippet{ 
	width: 235px;
	height: 4em;
	overflow: hidden;
	clear: right;
	margin-top: 5px;
	padding-left: 15px;
	padding-bottom: 5px;
	line-height: 150%;					
	}  

/* 日付・タイトル */	
div#staff_blog dt{
	width: 100%;
	padding-left: 8px;
	border-left: #66bce6 solid 6px;
	color: #5c78cb;
	}

div#staff_blog dt a{
	font-weight: bold;
	color: #5c78cb;
	}

div#staff_blog dt a:hover{
	color: #66bce6;
	}

span.feed_date{
font-weight: normal;
}

/* 概要 */
div#staff_blog dd{
	margin:0;
	padding: 5px 0 ;
	text-decoration: none;
	line-height: 130%;
	border-bottom: dotted #cdcdcd 1px;
	}

div#staff_blog dd a{
	padding: 0 10px 0 1em;
	color: #7a7a7a;
	background:
	 transparent
	 url(../images/common/arrow05.gif)
	 no-repeat
	 center right;
	}
	
	div#staff_blog dd a:hover{
	color: #9cf;
	background-image: url(../images/common/arrow05_on.gif);
		}

/* トピックス02(代理店向けサービス・実績紹介) ************************************************ */
div#topics02{
	width:250px;
	padding: 0;
	background:
transparent  no-repeat;
	}

div#topics02 h3{
	width: 250px;
	padding: 0;
	}
	
div#topics02 p{
	height: 0;
	display: none;	
	}

/* キャッチコピー ************************************************ */
div#promo h2 a{
	width: 564px;
	height: 78px;
	display: block;
	padding: 0 10px;
	background:
	 #cccccc
	 url(../images/common/market_bn03.jpg)
	 center left
	 no-repeat; 
	text-indent: -9998px;
	overflow: hidden;
	}

div#promo h2 a:hover{
	background:
	 #cccccc
	 url(../images/common/market_bn03_b.jpg)
	 center left
	 no-repeat; 
	}		

div#promo p{
	display: none;
	}

/* サイドメニュー ************************************************ */
/* インフォメーションバナー */
div#top-info{
	width: 138px;
	margin: 0 0 0 14px;
	}

div#top-info h2{
	height: 0;
	overflow: hidden;
	}

div#top-info li{
	margin: 8px 0;
	list-style-type: none;
	}

/* Pマーク・エコ事業所 */
div#p-mark,div#eco-mark{
	width: 138px;
	margin: 0 0 0 14px;
	}

/* 社会貢献バナー */
div#contribution{
	width: 138px;
	margin: 0 0 0 14px;
	}
	
div#contribution li{
	margin: 8px 0;
	list-style-type: none;
	}

/* フッター　for footer ************************************************ */
/* フッターナビゲーション common styles for navigation in footer */
div#f-nav h2{ 
	height: 0;
	overflow: hidden;
	}

div#f-nav ul{ 
	text-align: left;
	padding-left: 20px;
	}
	
div#f-nav ul li{
	display: inline; 
	text-align: center;
	}

div#f-nav ul li a{
	color: #344272;
	}

div#footer h3{
	height: 0;
	overflow: hidden;
	}

div#footer p{
	height: 0;
	overflow: hidden;
	}

/* フッター：ポリシー・ユーティリティ　policy and utility in footer */
div#policy h2,div#sub-utility h2{ 
	height: 0;
	overflow: hidden;
	}

div#policy ul,div#sub-utility ul{
	float: right;
	}

div#policy li,div#sub-utility li{
	display: inline;
	list-style-type: none;
	line-height: 100%;
	height: 15px;
	}

div#policy a,div#sub-utility a{
	padding-left: 9px;
	background:
	 #ffffff
	 url(../images/common/arrow01.gif)
	 no-repeat
	 center left;
	}

/* ボトム　bottom */
div#bottom{
	width: 780px;
	height: 73px;
	clear: right;
	margin: 0 auto;
	padding-top: 15px;
	padding-left: 50px;
	background:
	 #eeeef2
	 url(../images/common/bottom_bg.jpg)
	 bottom center
	 no-repeat;
	}
	
div#bottom #pdf{
	width: 157px;
	float: left;
	position: relative;
	top: 8px;
	left: 10px;
}
	
/* コピーライト　copyright */
address{
	width: 600px;
	position: relative;
	top: 8px;
	left: 0px;
	text-align: center;
	color: #344272;
	font-size: 80%;
	}

/* フッターロゴ　logo in footer */	
div#bottom img{
	float: right;
	position: relative;
	top: -10px;
	left: 0;
	padding-right: 33px;
	}