@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0
}
a {
	border:0
}
body {
	background: url(../img/black_bg.gif) repeat-x;
	background-color:#ffffff;
	font-size:10px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#777777;
	text-align:justify;
	text-justify:inter-ideograph;
}
#wrap {
	width:752px;
	margin:0 auto 0 auto
}
#black {
	width:752px;
	height:23px;
	background: url(../img/black_bg.gif) repeat-x;
}
#head-text {
	/*width:208px;*/
	height:18px;
	padding-top:5px;
	color:#FFFFFF;
	float:left;
}
h1 {
	margin:0;
	padding:0;
	font-size:10px;
	/*width:142px;
	height:56px;
	background:url(../img/connect_logo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	cursor: pointer;*/
}
#head_sub_menu {
	width:200px;
	height:18px;
	padding-top:5px;
	font-size:10px;
	color:#FFFFFF;
	float:right;
	text-align:right
}
#head_sub_menu a {
	color:#FFFFFF;
	text-decoration:none
}
#head_sub_menu a:hover {
	color:#FFFFFF;
	text-decoration:underline
}
.clear {
	clear:both
}
#logo_box {
	width:752px;
	height:61px;
	background:url(../img/head_bg.gif) no-repeat
}
#logo_box img {
	float: left;
}
img {
	border-style: none;
	　vertical-align:top;
}
.link_corp_site {
	float:left;
	width:250px;
	vertical-align:bottom;
	font-size:1.2em;
	font-weight:bold;
	margin-left:13px;
	margin-top:40px
}
#gNavi {
	width:752px;
	height:35px;
}
#gNavi li {
	height:35px;
	float:left;
	list-style:none
}
#containerWrap {
	width:752px;
	margin:0 auto 0 auto;
}
#main_bn {
	position: absolute;
}
#main_bn ul {
	position: absolute;
	list-style:none;
}
#main_bn li {
	position: absolute;
	text-indent: -9999px;
}
.c_01 {
	margin-right:16px;
}
.c_02 {
	margin-right:16px;
}
.c_03 {
	width:113px;
}
.c_04 {
	width:125px;
	padding-top:4px;
}
.c_05 {
	padding-top:4px;
	margin-right:17px;
}
.c_06 {
	padding-top:4px;
	margin-right:15px;
}
.c_07 {
	padding-top:4px;
	margin-left:2px;
	width:60px;
}
#nakami {
	width:752px
}
#nakami_left {
	width:498px;
	height:390px;
	float:left
}
#nakami_right {
	width:254px;
	height:390px;
	float:left
}
#footer {
	width:752px;
	height:51px;
	background:url(../img/footer_bg.gif) no-repeat;
	color:#00afe4;
	text-align:center;
	padding-top:9px
}
#footer a {
	color:#00afe4;
	text-decoration:none
}
#footer a:hover {
	color:#00afe4;
	text-decoration:underline
}
#pageWrap {
	width:752px;
	margin:0 auto 0 auto;
	background:url(../service/img/page_bg.gif) repeat-y
}
#pankuzu {
	width:752px;
	height:16px;
	margin-top:6px
}
#pankuzu a {
	color:#00afe4;
	text-decoration:underline
}
#vpn_top {
	background:transparent url(../service/img/service_top_02.gif) no-repeat;
	width:752px;
	height:41px;
	margin-bottom:30px
}
*html #vpn_top {
	background:transparent url(../service/img/service_top_02.gif) no-repeat;
	width:752px;
	height:41px;
	margin-bottom:15px
}
#vpn_top a:link {
	color:#00afe4;
	text-decoration:none;
}
#vpn_top a:hover {
	color:##00afe4;
	text-decoration:underline;
}
#vpn_top ul {
	padding:2px 0 0 87px;
	width:575px;
	margin-bottom:40px
}
#vpn_top li {
	float:left;
	width:223px;
	height:14px;
	padding-left:17px;
	color:#00afe4;
	list-style:none;
}
#naka {
	width:676px;
	margin:0 auto 0 auto
}
#mini_text {
	width:180px;
	height:420px;
	float:left;
	font-size:12px;
	line-height:1.6em
}
#mini_text img {
	clear: both;
	margin: 0px;
	padding: 0px;
}
#mini_text2 {
	width:375px;
	float:left;
	font-size:12px;
	line-height:1.6em;
	margin-right:20px
}
#mini_text3 {
	width:210px;
	float:left;
	font-size:12px;
	line-height:1.6em;
	margin-right:20px
}
.mini_text_top {
	width:325px;
	float:left;
	font-size:12px;
	line-height:1.6em;
	margin-right:20px
}
.mini_text_world2 {
	width:180px;
	font-size:12px;
	line-height:1.6em;
	margin-right:20px;
	background-image: url(../img/world.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
}
.mini_text_world{ background:url(../img/world.gif) no-repeat; width:325px;  float:left; font-size:12px; line-height:1.6em; margin-right:20px}
.mini_text_top_right {
	width:325px;
	float:left;
	font-size:12px;
	line-height:1.6em;
}
.mizu {
	background:url(../img/top_tama.gif) no-repeat 0 50%;
	color:#3075FF;
	font-weight:bold;
	padding-left:19px;
	margin-bottom:4px
}
.mizu_none {
	font-size:12px;
	width:752px;
	color:#3075FF;
	font-weight:bold;
	padding-left:19px;
	margin-bottom:4px;
	text-align:left;
	text-align:left;
	text-justify:auto
}
.setsumei {
	width:752px;
	background-color:#e9ecec;
	text-align:left;
	text-justify:auto
}
.text {
	width:676px;
	font-size:12px;
	line-height:1.6em
}
.left {
	float:left
}
#map {
	width:488px;
	height:290px;
	float:left
}
.pagetop {
	width:72px;
	height:10px;
	text-align:right;
	float:right;
	margin-bottom:30px
}
#p_b3_right {
	width:440px;
	float:right;
	font-size:12px;
	margin-bottom:12px
}
.td_text06 {
	height:24px;
	text-align:center;
	background-color:#e4e8e9;
}
.td_text07 {
	height:24px;
	text-align:center;
	background-color:#e4e8e9;
}
.td_text08 {
	height:24px;
	padding-left:10px;
	background-color:#f2f6f7;
}
#btn {
	width:752px;
	height:131px;
	background-color:#e9ecec;
	text-align:center
}
#vpn_top2 {
	background:transparent url(../value/img/value_top_02.gif) no-repeat;
	width:752px;
	height:41px;
	margin-bottom:30px
}
*html #vpn_top2 {
	background:transparent url(../value/img/value_top_02.gif) no-repeat;
	width:752px;
	height:41px;
	margin-bottom:15px
}
#vpn_top2 a:link {
	color:#00afe4;
	text-decoration:none;
}
#vpn_top2 a:hover {
	color:##00afe4;
	text-decoration:underline;
}
#vpn_top2 ul {
	padding:2px 0 0 87px;
	width:575px;
	margin-bottom:40px
}
#vpn_top2 li {
	float:left;
	width:223px;
	height:14px;
	padding-left:17px;
	color:#00afe4;
	list-style:none;
}
.mini_text4 {
	width:470px;
	float:left;
	font-size:12px;
	line-height:1.6em;
	margin-right:20px
}
.bottom40px {
	margin-bottom:60px
}
.bottom15px {
	margin-bottom:35px
}
#value_01 {
	background:transparent url(../value/img/value_head_01.gif) no-repeat;
	padding:9px 0 0 37px;
	width:639px;
	height:22px;
	font-size:12px;
	color:#cc0000;
	font-weight:bold
}
#value_02 {
	background:transparent url(../value/img/naka_01.gif) no-repeat;
	padding:6px 0px 0 37px;
	width:639px;
	height:666px;
	font-size:12px;
	line-height:1.6em
}
#value_03 {
	background:transparent url(../value/img/head_02.gif) no-repeat;
	padding:9px 0 0 37px;
	width:639px;
	height:23px;
	font-size:12px;
	color:#cc0000;
	font-weight:bold
}
#value_04 {
	background:transparent url(../value/img/naka_02.gif) no-repeat;
	padding:6px 0px 0 37px;
	width:639px;
	height:809px;
	font-size:12px;
	line-height:1.6em
}
#value_05 {
	background:transparent url(../value/img/head_03.gif) no-repeat;
	padding:9px 0 0 37px;
	width:639px;
	height:20px;
	font-size:12px;
	color:#cc0000;
	font-weight:bold
}
#value_06 {
	background:transparent url(../value/img/naka_03.gif) no-repeat;
	padding:6px 0px 0 37px;
	width:639px;
	height:533px;
	font-size:12px;
	line-height:1.6em
}
#value_07 {
	background:transparent url(../value/img/03_a.gif) no-repeat;
	padding:26px 0 0 37px;
	width:639px;
	height:17px;
	font-size:12px;
	color:#cc0000;
	font-weight:bold
}
#value_08 {
	background:transparent url(../value/img/03_b.gif) no-repeat;
	padding:3px 0px 0 37px;
	width:639px;
	height:73px;
	font-size:12px;
	line-height:1.6em
}
#value_09 {
	background:transparent url(../value/img/03_c.gif) no-repeat;
	padding:3px 0 0 37px;
	width:639px;
	height:20px;
	font-size:12px;
	color:#cc0000;
	font-weight:bold
}
#value_10 {
	background:transparent url(../value/img/03_d.gif) no-repeat;
	padding:3px 0px 0 37px;
	width:639px;
	height:55px;
	font-size:12px;
	line-height:1.6em
}
#value_11 {
	background:transparent url(../value/img/03_e.gif) no-repeat;
	padding:5px 0 0 37px;
	width:639px;
	height:19px;
	font-size:12px;
	color:#cc0000;
	font-weight:bold
}
#value_12 {
	background:transparent url(../value/img/03_f.gif) no-repeat;
	padding:3px 0px 0 37px;
	width:639px;
	height:351px;
	font-size:12px;
	line-height:1.6em
}
/*お客様の声*/

.customer_main {
	width:676px;
	margin-bottom:15px;
}
#case01 {
	background:transparent url(../case_study/img/case_1.gif) no-repeat 0 0;
	width:676px;
	height:63px;
	margin:0;
	text-indent:-9999px;
}
#case02 {
	background:transparent url(../case_study/img/case_2.gif) no-repeat 0 0;
	width:676px;
	height:63px;
	margin:0;
	text-indent:-9999px;
}
#case03 {
	background:transparent url(../case_study/img/case_3.gif) no-repeat 0 0;
	width:676px;
	height:63px;
	margin:0;
	text-indent:-9999px;
}
#case04 {
	background:transparent url(../case_study/img/case_4.gif) no-repeat 0 0;
	width:676px;
	height:63px;
	margin:0;
	text-indent:-9999px;
}
#case05 {
	background:transparent url(../case_study/img/case_5.gif) no-repeat 0 0;
	width:676px;
	height:63px;
	margin:0;
	text-indent:-9999px;
}
#case06 {
	background:url(../img/title_b1.gif) no-repeat top left;
	width:754px;
	height:54px;
	margin:0;
	text-indent:-9999px;
}
#case07 {
	background:url(../img/title_b2.gif) no-repeat top left;
	width:754px;
	height:54px;
	margin:0;
	text-indent:-9999px;
}
#case08 {
	background:url(../img/title_b3.gif) no-repeat top left;
	width:754px;
	height:54px;
	margin:0;
	text-indent:-9999px;
}
#case09 {
	background:url(../img/title_b4.gif) no-repeat top left;
	width:754px;
	height:40px;
	margin:0;
	padding-top:14px;
}
.con_tab {
	width:180px;
	float:left;
	margin-right:20px;
}
*html .con_tab {
	width:180px;
	float:left;
	margin-right:2px;
}
table.v1 {
	width:174px;
	font-size:12px;
}
table.v2 {
	width:192px;
	font-size:12px;
}
.con_tab02 {
	width:244px;
	padding-left:20px;
	float:left;
}
table.v1 th {
	width:60px;
	height:18px;
	background-color:#e4e8e9;
	font-weight:normal;
	padding:1px 2px;
	padding-left:10px;
	text-align:left;
}
table.v1 td {
	width:90px;
	height:18px;
	background-color:#f2f6f7;
	padding:1px 2px;
	padding-left:10px;
	text-align:left;
}
table.v1 td.v_title {
	padding-left:0px;
	background-color:#FFFFFF
}
table.v2 th {
	width:100px;
	height:18px;
	background-color:#e4e8e9;
	font-weight:normal;
	padding:1px 2px;
	padding-left:10px;
	text-align:left;
}
table.v2 td {
	width:70px;
	height:18px;
	background-color:#f2f6f7;
	padding:1px 2px;
	padding-left:10px;
	text-align:left;
}
table.v2 td.v_title {
	padding-left:0px;
	background-color:#FFFFFF
}
.td_text03 {
	width:110px;
	height:18px;
	padding-left:10px;
	background-color:#e4e8e9;
}
.td_text04 {
	width:80px;
	height:18px;
	padding-left:10px;
	background-color:#f2f6f7;
}
.td_text05 {
	width:114px;
	height:18px;
	padding-left:10px;
	background-color:#f2f6f7;
}
.content_menu {
	text-align:left;
	float:left;
	width:470px;
	font-size:12px;
}
*html .content_menu {
	text-align:left;
	float:left;
	width:490px;
	font-size:12px;
}
.content_menu dl {
	margin:24px 0 0 8px;
	width:220px;
	float:left;
}
*html .content_menu dl {
	margin:24px 0 0 8px;
	width:220px;
	float:left;
}
.content_menu dd {
	margin:0;
	padding:3px 2px;
	width:220px;
	color:#666666;
	line-height:1.3;
}
#customer_sub {
	background: transparent url(../case_study/img/customer_sub01.jpg) no-repeat 0 0;
	width:676px;
	height:268px;
}
#customer_sub02 {
	background: transparent url(../case_study/img/customer_sub02.jpg) no-repeat 0 0;
	width:676px;
	height:278px;
}
#customer_sub03 {
	background: transparent url(../case_study/img/customer_sub03.jpg) no-repeat 0 0;
	width:676px;
	height:232px;
}
#customer_sub04 {
	background: transparent url(../case_study/img/customer_sub04.jpg) no-repeat 0 0;
	width:676px;
	height:232px;
}
#customer_sub05 {
	background: transparent url(../case_study/img/customer_sub05.jpg) no-repeat 0 0;
	width:676px;
	height:250px;
}
#m1 {
	width:676px;
	height:67px
}
#m2 {
	width:676px;
	height:63px
}
#kayku_head {
	background:url(../img/kyaku_head_2.gif) no-repeat;
	width:636px;
	height:23px;
	font-size:12px;
	color:#3075FF;
	font-weight:bold;
	padding-left:116px;
	text-align:left;
	text-align:left;
	text-justify:auto
}
}
.obi_bg {
	background: url(../img/service_head_01_02.gif) no-repeat;
	width:379px;
	height:37px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-top:22px;
}
.obi_bg2 {
	background: url(../img/value_head_02_02.gif) no-repeat;
	width:379px;
	height:37px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-top:22px;
}
.f_left {
	float:left
}
h3 {
	margin:0;
	padding:0;
}
.red {
	font-size:12px;
	color:#cc0000;
	font-weight:bold
}
.red_haba {
	font-size:12px;
	color:#cc0000;
	font-weight:bold;
	margin:0px 0 0 0
}
.red a {
	font-size:12px;
	color:#cc0000;
	font-weight:bold;
	text-decoration:none
}
.red a:hover {
	font-size:12px;
	color:#cc0000;
	font-weight:bold;
	text-decoration:underline
}
.red a:visited {
	font-size:12px;
	color:#cc0000;
	font-weight:bold;
	text-decoration:none
}
#line {
	width:717px;
	margin:0 auto 0 auto
}
.form td {
	padding:4px 3px 4px 9px
}
.form {
	font-size:12px;
}
.left {
	background-color:#E3E8E8;
	width:170px;
}
.right_grey {
	background-color:#E3E8E8;
	width:460px;
}
.right {
	background-color:#F2F6F6;
	width:460px;
	height:auto
}
.center {
	text-align:center
}
.no_aki {
	padding:4px 0 0 0;
	line-height:1.4em
}
#con {
	width:630px;
	margin:0 auto 0 auto;
	line-height:1.6em
}
#tel {
	width:752px;
	font-size:14px;
	text-align:center;
	line-height:1.4em;
	margin-top:20px
}
#site {
	width:676px;
	margin:20px auto 0 auto;
	font-size:12px;
}
#site p {
	width:200px;
	height:14px;
	margin:10px 0 0 0;
	padding:0 0 0 16px;
	background:url(../sitemap/img/ball.gif) no-repeat
}
#site p a {
	color:#00afe4;
	text-decoration:none
}
#site p a:hover {
	color:#00afe4;
	text-decoration:underline
}
.indent {
	margin-left:40px
}
#nayami {
	width:752px;
	background:#e8eceb;
	padding-top:10px;
}
#hyouka {
	width:752px;
	background:#e8eceb;
	padding-top:10px;
}
.jire_con {
	background:url(../img/jire_bg.gif) no-repeat;
	width:752px;
}
.jire_con_2 {
	background:url(../case_study/img/jire_bg2.gif) no-repeat;
	width:752px;
}
.jire_con01,
.jire_con04 {
	width:230px;
	float:left;
	padding-left:20px;
	display: inline;
}
.jire_con02,
.jire_con03,
.jire_con05,
.jire_con06 {
	width:230px;
	float:left;
	padding-left:10px;
	display: inline;
}

.jire_con01 p,
.jire_con02 p,
.jire_con03 p,
.jire_con04 p,
.jire_con05 p,
.jire_con06 p {
	width:220px;
	padding-left:5px;
	line-height:16px;
	font-size:11px;
}
.jire_con01 p span,
.jire_con02 p span,
.jire_con03 p span,
.jire_con04 p span,
.jire_con05 p span,
.jire_con06 p span {
	line-height:16px;
	font-size:11px;
	font-weight: bold;
}
.jire_con01 a,
.jire_con02 a,
.jire_con03 a,
.jire_con04 a,
.jire_con05 a,
.jire_con06 a {
	display:block;
	width:230px;
	text-align:right;
}


.jire_con_2 .jire_con01,
.jire_con_2 .jire_con04 {
	width:220px;
	float:left;
	padding-left:37px;
	display: inline;
}
.jire_con_2 .jire_con02,
.jire_con_2 .jire_con03,
.jire_con_2 .jire_con05,
.jire_con_2 .jire_con06 {
	width:220px;
	float:left;
	padding-left:10px;
	display: inline;
}
.jire_con_2 .jire_con06 {
	width:230px;
	}
.jire_con_2 .jire_con01 p,
.jire_con_2 .jire_con02 p,
.jire_con_2 .jire_con03 p,
.jire_con_2 .jire_con04 p,
.jire_con_2 .jire_con05 p,
.jire_con_2 .jire_con06 p {
	width:210px;
	padding-left:5px;
	line-height:16px;
	font-size:11px;
}
.jire_con_2 .jire_con06 p {
	width:220px;
}
.jire_con_2 .jire_con01 p span,
.jire_con_2 .jire_con02 p span,
.jire_con_2 .jire_con03 p span,
.jire_con_2 .jire_con04 p span,
.jire_con_2 .jire_con05 p span,
.jire_con_2 .jire_con06 p span {
	line-height:16px;
	font-size:11px;
	font-weight: bold;
}
.jire_con_2 .jire_con01 a,
.jire_con_2 .jire_con02 a,
.jire_con_2 .jire_con03 a,
.jire_con_2 .jire_con04 a,
.jire_con_2 .jire_con05 a,
.jire_con_2 .jire_con06 a {
	display:block;
	width:220px;
	text-align:right;
}


.arrow_area {
	background:#e7ebea;
	width:752px;
	text-align:center;
	padding:10px 0 0 0;
}
/**** マネージドサービス一覧 サブメニュー ****/
ol.manageSub {
	margin:0px;/*△*/
	/*padding:0px;*/
	padding-top:0px;
	padding-left:0px;
	position:absolute;/*×*/
	top:35px;
	left: 0px;
	width:210px;/*○*/
	text-align:left;/*○*/
	list-style:none;/*△*/
	background-color:#82020e;
	border:1px solid #b34140;
}
.manageSub li {
	padding-left:2px;
	height:30px;
	width:209px;
	border-bottom:1px dotted #b34140;/*必要に応じて追加*/
}
.manageSub a {
	padding-top:5px;
	display:block;/*△*/
	text-decoration:none;
	font-size:11px;
	height:30px;
	line-height:30px;
	width:208px;/*○*/
	color:#FFFFFF;
}
.manageSub a:hover {
	display:block;
	height:30px;
	background-color:#b34140;
	width:208px;/*○*/
}
li.on {
	z-index: 100;
	position: relative;
	overflow:visible;
}
li.off {
	z-index: 100;
	position: relative;
	overflow:hidden;
}