@charset "utf-8";
/*****レイアウト設定***********************/


/*基本設定*/
body,p,img,h1,h2,h3,h4,h5,table,tr,th,td,dl,dt,dd,form,ul,li,ol,br {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	color: #333;
	background: url(../images/common/bg_und.gif) repeat-x;
	border-top: 2px solid #1735a1;
}

/*画像リンク指定*/
a#vision,
a#campaign_bn,
a#library_bn,
a#sitemap_bn,
a#inq_bn,
a#bookmark,
div#main_menu li a,
div#sub_menu li a,
div.inq_area a,
div.inq_area01 a,
div.inq_area02 a,
div.list_hd a,
div#page_top a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

/*テキストリンク色*/
a:link{color:#003399;}
a:hover{text-decoration:none;}
a:visited{color:#003399;}
a:visited{color:#003399;}

a:focus {outline:none;}

/*ヘッダ*/
div#header {
	height: 56px;
	width: 900px;
	margin: 0 auto;
	position: relative;
}

/*ビジョンロゴ*/
a#vision {
	background: url(../images/common/vision_logo.gif) no-repeat center center;
	height: 38px;
	width: 117px;
	padding: 9px;
}

/*見出し（H1）*/
h1 {
	font-size: 11px;
	font-weight: normal;
	color: #555;
	line-height: 1.4;
	position: absolute;
	top: 14px;
	left: 136px;
}

/*ブックマークボタン・サイトマップ・お問い合わせ（共通設定）*/
a#campaign_bn,
a#library_bn,
a#sitemap_bn,
a#inq_bn,
a#bookmark {
	height: 25px;
	position: absolute;
	top: 0;
	background-image: url(../images/common/sitemap_bn.gif);
}

/*キャンペーン*/
a#campaign_bn {
	background:url(../images/common/campaign_bn.gif) no-repeat;
	width:85px;
	right:365px;
}

/*広告ライブラリ*/
a#library_bn {
	background:url(../images/common/library_bn.gif) no-repeat;
	width:91px;
	right:274px;
}

/*サイトマップ*/
a#sitemap_bn {
	background: url(../images/common/sitemap_bn.gif) no-repeat;
	width: 78px;
	right: 196px;
}

/*お問い合わせ*/
a#inq_bn {
	background: url(../images/common/inq_bn.gif) no-repeat;
	width: 86px;
	right: 110px;
}

/*お気に入りに登録*/
a#bookmark {
	background: url(../images/common/bookmark.gif) no-repeat;
	width: 110px;
	right: 0;
}


a:hover#campaign_bn,
a:hover#library_bn,
a:hover#sitemap_bn,
a:hover#inq_bn,
a:hover#bookmark { background-position: 0 -25px}

/*メインメニュー背景*/
div#main_menu {
	background: url(../images/common/main_menu_bg.gif) repeat-x;
	height: 50px;
	width: 100%;
}

/*メインメニュー*/
div#main_menu ul {
	width: 900px;
	height: 50px;
	margin: 0 auto;
	position: relative;
}

div#main_menu li {
	list-style: none;
	float: left;
}

div#main_menu li a {
	height: 50px;
	width: 150px;
	text-decoration: none;
}

/*通常時*/
a#link1 { background: url(../images/common/main_menu.gif) no-repeat }

a#link2 { background: url(../images/common/main_menu.gif) no-repeat -150px 0 }

a#link3 { background: url(../images/common/main_menu.gif) no-repeat -300px 0 }

a#link4 { background: url(../images/common/main_menu.gif) no-repeat -450px 0 }

a#link5 { background: url(../images/common/main_menu.gif) no-repeat -600px 0 }

a#link6 { background: url(../images/common/main_menu.gif) no-repeat -750px 0 }

/*オンマウス時*/
a:hover#link1 { background: url(../images/common/main_menu.gif) no-repeat 0 -50px }

a:hover#link2 { background: url(../images/common/main_menu.gif) no-repeat -150px -50px }

a:hover#link3 { background: url(../images/common/main_menu.gif) no-repeat -300px -50px }

a:hover#link4 { background: url(../images/common/main_menu.gif) no-repeat -450px -50px }

a:hover#link5 { background: url(../images/common/main_menu.gif) no-repeat -600px -50px }

a:hover#link6 { background: url(../images/common/main_menu.gif) no-repeat -750px -50px }

/*選択時*/
a#link1_sd { background: url(../images/common/main_menu.gif) no-repeat 0 -100px }

a#link2_sd { background: url(../images/common/main_menu.gif) no-repeat -150px -100px }

a#link3_sd { background: url(../images/common/main_menu.gif) no-repeat -300px -100px }

a#link4_sd { background: url(../images/common/main_menu.gif) no-repeat -450px -100px }

a#link5_sd { background: url(../images/common/main_menu.gif) no-repeat -600px -100px }

a#link6_sd { background: url(../images/common/main_menu.gif) no-repeat -750px -100px }

/*ボックス*/
div#box {
	width: 900px;
	margin: 0 auto;
	padding-top: 16px;
}

/*コンテンツ*/
div#contents {
	width: 630px;
	float: left;
	margin-right: 20px;
}

/*PAGE TOP*/
div#page_top {
	height: 23px;
	width: 90px;
	margin: 0 auto;
	padding: 0 270px 0 540px;
	clear: both;
}

div#page_top a {
	background: url(../images/common/page_top.gif) no-repeat;
	height: 23px;
	width: 90px;
}

div#page_top a:hover { background: url(../images/common/page_top.gif) no-repeat 0 -23px }

/*サイド*/
div#side {
	width: 240px;
	float: right;
}

/*サイド項目*/
div#side h5 {
	text-indent: -9999px;
	height: 13px;
	width: 238px;
	margin-bottom: 4px;
	border-left: 2px solid #3c53a4;
}

/*お問い合わせ*/
div#side h5#inq_hd { background: url(../images/common/inq_hd.gif) no-repeat 6px center }

/*通信関連サービス*/
div#side h5#com_hd { background: url(../images/common/com_hd.gif) no-repeat 6px center }

/*WEBサイト関連サービス*/
div#side h5#web_s_hd { background: url(../images/common/web_s_hd.gif) no-repeat 6px center }

/*WEBサイト関連サービス*/
div#side h5#oa_hd { background: url(../images/common/oa_hd.gif) no-repeat 6px center }

/*独立開業支援サービス*/
div#side h5#dks_hd { background: url(../images/common/dks_hd.gif) no-repeat 6px center }

/*ビジョン会員*/
div#side h5#vm_hd { background: url(../images/common/vm_hd.gif) no-repeat 6px center }

/*お問い合わせ*/
div.inq_area {
	height: 119px;
	width: 240px;
	position: relative;
}

div#inq_new {
	background: url(../images/common/bnn_inq.gif) no-repeat;
	margin-bottom: 7px;
}

div#inq_bp {
	background: url(../images/common/bnn_bp.gif) no-repeat;
	margin-bottom: 7px;
}

/*メールでお問い合わせ*/
div.inq_area a {
	background: url(../images/common/inq_bn_l.gif) no-repeat;
	height: 45px;
	width: 218px;
	position: absolute;
	top: 66px;
	left: 12px;
}

div.inq_area a:hover { background: url(../images/common/inq_bn_l.gif) no-repeat 0 -45px }

/*サービス導入事例*/
div#bnn_case{
	background:url(../images/common/bnn_case.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	text-indent:-9999px;
}
div#bnn_case a{
	width:240px;
	height:73px;
	display:block;
}
div#bnn_case a:hover{ background:url(../images/common/bnn_case.jpg) 0 -73px no-repeat }

/*経営者通信に掲載されました。*/
div#bnn_kt {
	background: url(../images/common/bnn_kt.jpg) no-repeat;
	margin-bottom: 7px;
	text-indent: -9999px;
}

div#bnn_kt a {
	width: 240px;
	height: 72px;
	display: block;
}

div#bnn_kt a:hover { background:url(../images/common/bnn_kt.jpg) 0 -72px no-repeat }

/*ブロードエース*/
div#bnn_ba {
	background: url(../images/common/bnn_ba.jpg) no-repeat;
	margin-bottom: 8px;
	text-indent: -9999px;
}

div#bnn_ba a {
	width: 240px;
	height: 117px;
	display: block;
}

div#bnn_ba a:hover { background:url(../images/common/bnn_ba.jpg) 0 -117px no-repeat }

/*サイドバナー*/
div.side_banner {
	background: #efefef;
	width: 220px;
	padding: 10px 10px 5px 10px;
	margin-bottom: 10px;
}

div.side_banner ul li{
	list-style:none;
	padding-bottom:5px;
}

div.side_banner a {
	display: block;
	height: 53px;
	width: 218px;
	border: 1px solid #ccc;
}

div.side_banner a:hover { border: 1px solid #3c53a4;}

/*フッタ*/
div#footer {
	background: url(../images/common/footer.gif) repeat-x left bottom;
	height: 231px;
	width: 100%;
	clear: both;
	border-top: 2px solid #3c53a4;
}

/*フッタ上*/
div#f_top {
	font-size: 10px;
	line-height: 2;
	color: #333;
	height: 54px;
	width: 900px;
	margin: 0 auto;
	padding-top: 12px;
}

div#f_top a {
	color: #333;
	text-decoration: none;
}

div#f_top a:hover {
	color: #039;
	text-decoration: underline;
}

div#f_top span { color: #3c53a4 }

/*フッタ下*/
div#f_bottom {
	height: 138px;
	width: 900px;
	margin: 0 auto;
	position: relative;
}

div#f_bottom p {
	font-size: 10px;
	color: #333;
	line-height: 2;
	position: absolute;
	top: 12px;
	left: 0;
}

div#f_bottom img {
	position: absolute;
	top: 68px;
}

/*ベストベンチャー100*/
img#bv100 { left: 0 }

/*人財力100*/
img#jz100 { left: 152px }

/*eビジネス推進連合会*/
img#jeba {
	top: 80px!important;
	left: 304px;
}

/*チーム・マイナス6%*/
img#challenge25 { left: 448px }

/*GSL*/
img#seal { left: 572px }

/*Yahoo!オンライン代理店*/
img#yod { left: 618px }

/*Google Apps販売代理店*/
img#gar {
	top: 51px!important;
	left: 774px;
}

/*SECOM*/
span#secom  {
	position: absolute;
	top: 57px!important;
	left: 856px;
}

/*オーバチュア オンライン代理店*/
img#ovt { right: 0 }

/*コピーライト*/
address {
	font-size: 10px;
	font-style: normal;
	line-height: 1;
	color: #fff;
	text-align: center;
	height: 10px;
	padding: 8px 0 9px 0;
}

/*IE以外モダンブラウザ*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*IE7・Mac版IE5*/
.clearfix { display: inline-block }
/*IE6以前*/
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
/* End hide from IE-mac */

/*****スタイル設定***********************/

img {
	border: 0;
	vertical-align: bottom;
}

/*メイン画像部分*/
img.clear { clear: both}

p,table {
	font-size: 78%;
	line-height: 1.8;
}

p.small {
	color: #666;
	font-size: 70%;
	line-height: 1.4;
	padding-top:5px;
}

/*改行によるフロート解除*/
.clear {
	clear: both;
	visibility: hidden;
	height: 0;
}

/*サブメニュー共通設定*/
#sub_menu {
	height: 43px;
	width: 900px;
	margin: 0 auto;
}
	
#sub_menu li {
	list-style: none;
	float: left;
}

#sub_menu li a {
	height: 43px;
	text-decoration: none;
}

/*見出し（H2）*/
h2.h2ttl {
	text-indent: -9999px;
	height: 112px;
	width: 900px;
	margin: 0 auto;
}

/*サブメニューない場合*/
h2.h2_mt { margin-top: 43px }

/*見出し（H3）*/
#contents h3 {
	font-size: 85%;
	color: #333;
	background: url(../images/common/h3_ttl01.gif) 0 0 no-repeat;
	width: 590px;
	margin-bottom: 15px;
	padding: 15px 0 10px 40px;
	border-bottom: 2px solid #3c53a4;
}

#contents h3#re_mes01 {
	font-size: 85%;
	color: #333;
	background: url(../images/recruit/h3_ttl03_02.gif) 0 0 no-repeat;
	width: 590px;
	margin-bottom: 15px;
	padding: 15px 0 10px 40px;
	border-bottom: 2px solid #3c53a4;
}
#contents h3.h302 {
	color: #FFF;
	background: url(../images/common/h3_ttl02.gif) 0 0 no-repeat #445eb1;
	width: 590px;
	margin-bottom: 15px;
	padding: 15px 0 10px 40px;
	border-bottom: 2px solid #101f72;
}

#contents h3.h303 {	background:url(../images/common/h3_ttl03.gif) 0 0 no-repeat;}
#contents h3.h303 a{color:#333; text-decoration:none;}


/*見出し（H4）*/
#contents h4 {
	font-size: 78%;
	color: #333;
	background: url(../images/common/h4_ttl01.gif) 18px 9px no-repeat #f6f6f6;
	width: 595px;
	margin: 12px 0 15px 0;
	padding: 9px 0 5px 35px;
	border-bottom: 2px solid #e1e1e1;
	line-height:1.4;
}

#contents h4.no_img{
	background:none;
	border:none;
	padding:0;
	margin: 12px 0 5px 0;
}

#contents h4.h402{
	font-size:100%;
	color:#304294;
	background:none;
	border:none;
	padding:0;
	margin: 12px 0 10px 0;
}

/*パンくずリスト*/
p#pList {
	font-size: 71%;
	color: #555;
	padding-bottom: 16px;
}

/*テーブル設定1*/

td.txtr{text-align:right;}
td.txtc{text-align:center;}

table.style1 {
	width: 610px;
	margin: 0 0 20px 10px;
	background-color:#DDD;
}

table.style1_2 {
	width: 610px;
	margin: 0 0 20px 10px;
	background-color:#F3F8FC;
	color:#3b7aad;
	font-size:70%;
	line-height:1.4
}

table.style1 th,
table.style1 td {padding: 5px;}

table.style1 td.bdNone { border-bottom: none }

#contents table.style1 .w80 { width: 80px }
#contents table.style1 .w120 { width: 120px }
#contents table.style1 .w130 { width: 130px }
#contents table.style1_2 .w120 { width: 120px; text-align:left; padding:5px; vertical-align:top}

table.style1 th {
	font-weight: normal;
	background-color: #EEE;
}

table.style1 td.table_ttl {
	color: #fff;
	background-color: #3c53a4;
	text-align: center;
}

table.style1 td { padding: 5px 5px 5px 13px; background-color:#FFF; }

table.style1 dt {
	color: #69c;
	font-weight: bold;
}

table.style1 dd {
	line-height: 1.4;
	padding-bottom: 10px;
}

table td ul li{ margin-left:20px }

/*テーブル設定2*/
table.style2{
	width:610px;
	background-color:#DDD;
	margin-bottom:10px;
}
table.style2 th,
table.style3 th{
	background-color:#3c53a4;
	color:#FFF;
	padding:3px;
}
table.style2 td{
	background-color:#FFF;
	padding:3px 5px;
}

table.style2 td.bgc_pink,
table.style3 tr.bgc_pink{background-color:#FEF3EF; color:#333;}
table.style2 td.bgc_blue,
table.style3 tr.bgc_blue{background-color:#E1F1FD; color:#333;}
table.style2 td.bgc_gray{background-color:#F1F1F1; color:#333;}
table.style2 td.bgc_green{background-color:#E9FAC7; color:#333;}
table.style2 td.w80{width:80px;}

/*テーブル設定3*/
table.style3{
	width:300px;
	background-color:#DDD;
	font-size:100%;
}
table.style3 th,
table.style3 td{
	padding:3px 5px;
	line-height:1.4;
}
table.style3 tr.bgc_white{
	background-color:#FFF; color:#333;
}

/*テーブル設定4*/
table.style4 td{
	padding:1px 5px 1px 0;
}

/*フォーム設定*/
input.half { width: 50% }
.half01 { width: 10% }

input.mr,
select.mr { margin-right: 5px }

.max {
	width: 98%;
	height:150px;
}

/*フォームボタン*/
#sub{
	text-align:center;
	padding: 0 auto;
	margin:0 auto;
}
#sub input{
	width:200px;
	height:40px;
}

/*インデント*/
div.indent { margin: 0 10px 10px 10px;}

div.indent p { padding-bottom : 10px }


/*定義リスト設定1*/
dl.style1 dt {
	font-weight: bold;
	font-size: 78%;
	padding-bottom: 10px;
}

dl.style1 dd {
	font-size: 78%;
	line-height: 1.8;
}

dl.style1 dd ol li { font-size: 100% }

ol {
	margin: 0 0 10px 17px !important;
	margin: 0 0 10px 23px;
}

ol li {
	list-style: decimal outside;
	font-size: 78%;
	line-height: 1.8;
}

/*リスト*/
ul.list1 li{
	font-size:78%;
	line-height:1.8;
	margin-left:20px;
}
/*リスト*/
ul.linone li{
	list-style:none;
	margin-left:0;}


dl dd ol li { font-size: 100% }

ol.marL50 { margin-left: 50px }

/*フォントカラー*/
.fcRd { color: #c00 }
.fcGr { color: #666 }
.fcGr2 { color: #888 }
.fcBl { color: #69c }
.fcBl01 { color: #3b7aad }
.fcBl02 { color: #9d734b }

/*フォントカラー*/
.txtr{text-align:right;}

/*サービス一覧*/
div#service{
	width:622px;
	height:156px;
	background:url(../images/top/service_bg.gif) 0 0 no-repeat;
	border:1px solid #CCC;
	padding:3px;
	position:relative;
	margin-bottom:30px;
}
div#service dl{
	width:205px;
	position:absolute;
}
div#service dl.ser02{left:211px;}
div#service dl.ser03{left:420px;}
div#service dt{
	width:205px;
	margin-bottom:15px;
	text-indent:-9999px;
}
div#service dt a{display:block; height:35px;}
div#service dl.ser01 dt{background:url(../images/top/ser01_hd.gif) 0 0 no-repeat; width:204px;}
div#service dl.ser02 dt{background:url(../images/top/ser02_hd.gif) 0 0 no-repeat;}
div#service dl.ser03 dt{background:url(../images/top/ser03_hd.gif) 0 0 no-repeat;}

div#service dl.ser01 dt a:hover{background:url(../images/top/ser01_hd.gif) 0 -35px no-repeat; width:204px;}
div#service dl.ser02 dt a:hover{background:url(../images/top/ser02_hd.gif) 0 -35px no-repeat;}
div#service dl.ser03 dt a:hover{background:url(../images/top/ser03_hd.gif) 0 -35px no-repeat;}

div#service dd{
	font-size:78%;
	line-height:1.4;
	margin-bottom:7px;
	background:url(../images/top/icon_dd01.gif) 13px 5px no-repeat;
	padding:0 0 0 28px;
}
p.inq_bn_u{text-indent:-9999px;}
p.inq_bn_u a{
	width:238px;
	height:44px;
	background:url(../images/common/inq_bn_u.gif) 0 0 no-repeat;
	display:block;
	margin:0 auto 15px;
}
p.inq_bn_u a:hover{background:url(../images/common/inq_bn_u.gif) 0 -44px no-repeat;}



/*下層インデックスページ*/
div.inbox {
	width:610px;
	padding: 0 10px 30px 10px;
}
div.inbox p.inimg a {
	float:left;
	margin-right:17px;
	border:1px solid #ccc;
}
div.inbox p.inimg a:hover{ border: 1px solid #3c53a4 }

div.grbox a img{border:1px solid #ccc;}
div.grbox a:hover img{border: 1px solid #3c53a4;}

div.grbox01 a img,
div.grbox02 a img{border:1px solid #ccc;}
div.grbox01 a:hover img,
div.grbox02 a:hover img{border: 1px solid #3c53a4;}


div.inbox dl {
	float: left;
	width: 470px;
}

div.inbox dt {
	margin-bottom:10px;
	text-indent:-9999px;
}
div.inbox dt a {
	width:470px;
	height:30px;
	display:block;
}
div.grbox01 dt a,
div.grbox02 dt a{
	width:150px;
	height:30px;
	display:block;
}

/*下層インデックスページ（サービス）*/

div.grbox{
	width:271px;
	padding:11px;
	border:1px solid #DDD;
	background-color:#f8f8f8;
	float:left;
	min-height:200px;
	_height:200px;		/* IEのみ */
}
div.grbox01{
	width:293px;
	background-color:#eff5fa;
	float:left;
	min-height:200px;
	_height:200px;		/* IEのみ */
}
div.grbox02{
	width:293px;
	background-color:#f8f4f0;
	float:left;
	min-height:200px;
	_height:200px;		/* IEのみ */
}

div.h220 .grbox{
	min-height:220px;
	_height:220px;
}
div.grbox img{margin-bottom:13px;}
div.grbox dt {
	text-indent:-9999px;
}

div.grbox dt a{
	height:16px;
	display:block;
}
div.grbox dd{
	line-height:1.7;
	background:url(../images/case_study/line_gr.gif) 0 0 no-repeat;
	padding-top:10px;}


/*下層イメージ画像*/
.img_l{
	float:left;
	padding:0 30px 20px 0;
}
.img_r{
	float:right;
	padding:0 0 20px 20px;
}

/*フロート*/
.fl_l{float:left;}
.fl_r{float:right;}


/*マージンセット*/
.marB5{	margin-bottom: 5px;}
.marB10 { margin-bottom: 10px }
.marB15 { margin-bottom: 15px }
.marB20 { margin-bottom: 20px }
.marB30 { margin-bottom: 30px }
.marR10 { margin-right: 10px; }
.marR20 { margin-right: 20px; }
.marR30 { margin-right: 30px; }
.marL10 { margin-left: 10px; }
.marL20 { margin-left: 20px; }
.marL80 { margin-left: 80px; }
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px;}
.marT20 { margin-top: 20px; }
.marT30 { margin-top: 30px; }
.mar0a {margin:0 auto;} 

.padL40 { padding-left:40px; }