@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: #000;
}
ul,li{list-style-type:none;}

/*heading*/
#harea{background-color:#061138;}
#harea2{	
	width:950px;
	margin:0 auto;
	position:relative;
}
h1{
	font-size:70%;
	color:#FFF;
	font-weight:normal;
	padding:7px 0 6px;
}
h2{
	width:910px;
	height:78px;
	text-indent:-9999px;
	margin-bottom:10px;
}
h2.b{background:url(../images/b_h2.jpg) 0 0 no-repeat;}
h2.c{background:url(../images/c_h2.jpg) 0 0 no-repeat;}
h2.e{background:url(../images/e_h2.jpg) 0 0 no-repeat;}
h2.f{background:url(../images/f_h2.jpg) 0 0 no-repeat;}
h2.g{background:url(../images/g_h2.jpg) 0 0 no-repeat;}
h2.i{background:url(../images/i_h2.gif) 0 0 no-repeat; height:65px; margin-bottom:30px;}
h2.j{background:url(../images/j_h2.jpg) 0 0 no-repeat; height:46px; margin-bottom:0;}

h2#cp1{background:url(../images/cp1_h2.jpg) 0 0 no-repeat; height:46px; margin-bottom:20px;}
h2#cp2{background:url(../images/cp2_h2.jpg) 0 0 no-repeat; height:46px; margin-bottom:20px;}
h2#cp3{background:url(../images/cp3_h2.jpg) 0 0 no-repeat; height:46px; margin-bottom:20px;}
h2#cp4{background:url(../images/cp4_h2.jpg) 0 0 no-repeat; height:46px; margin-bottom:20px;}

#h h3{
	background:url(../images/h2.gif) 0 0 no-repeat;
	width:126px;
	height:21px;
	margin-bottom:19px;
	text-indent:-9999px;
}
#i2 h3{
	background:url(../images/i1.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:484px;
	height:20px;
	margin:0 0 25px 30px;
}

#i2 h4{
	font-weight:bold;
	padding-bottom:10px;
	margin-left:30px;
}

#j h3{
	font-weight:bold;
	color:#09388d;
	padding-bottom:10px;
	margin:16px 0 0 0;
}

#wrap{background:url(../images/bg.jpg) 0 0 repeat-x;}

/*外枠*/
#wrap2{
	background:url(../images/wrap2_bg.gif) 0 0 repeat-y;
	width:950px;
	margin:0 auto;
}
/*インデント*/
#indent1{
	width:910px;
	margin:0 auto;
}

#indent2{
	width:910px;
	padding:20px 20px 0 20px;
	background:url(../images/cp.gif) 0 0 no-repeat;
}

/*ページTOPへ*/
.ptop{
	font-size:82%;
	background:url(../images/ptop.gif) 815px 3px no-repeat;
	width:910px;
	text-align:right;
	padding:2px 0;
	margin-bottom:10px;
}

/*お気に入りに登録*/
a#bookmark{
	height: 20px;
	top: 0;
	right: 0;
	text-indent: -9999px;
	display: block;
	position: absolute;
	background: url(../images/bookmark.gif) no-repeat;
	width: 129px;
	
}
a:hover#bookmark { background-position: 0 -20px}
	


/*header*/
#header{
	width:950px;
	height:85px;
	background:url(../images/header.jpg) 0 0 no-repeat;
	position:relative;
}
#header p a{
	width:202px;
	height:48px;
	display:block;
	text-indent:-9999px;
}
#header p{padding:20px 0 0 20px;}
#header img{
	position:absolute;
	top:42px;
	right:205px;
}

.btn1{
	text-indent:-9999px;
	background:url(../images/btn1.gif) 0 0 no-repeat;
}
a.btn1{
	width:157px;
	height:48px;
	display:block;
	position:absolute;
	top:17px;
	right:26px;
}
a:hover.btn1{background-position:0 -48px;}
	



/*キャンペーン*/
#cp{
	background:url(../images/cp.gif) 0 0 no-repeat;
	font-size:82%;
	text-align:center;
	padding:10px 0 6px;
	}

/*メインFLASH*/
#main{
	padding-left:4px;
}
/*クロージング*/
#main2{
	background:url(../images/main02.jpg) 0 0 no-repeat;
	width:942px;
	height:88px;
	margin:0 0 20px 4px;
	position:relative;
}
#main2 img{
	position:absolute;
	top:25px;
	left:332px;
}
	
.btn2{
	text-indent:-9999px;
	background:url(../images/btn2.gif) 0 0 no-repeat;
}
a.btn2{
	width:272px;
	height:49px;
	display:block;
	position:absolute;
	top:30px;
	right:14px;
}
a:hover.btn2{background-position:0 -49px;}

/*全国対応*/
#a{
	width:882px;
	border:2px solid #ddd;
	background:url(../images/a_bg.jpg) 0 0 no-repeat;
	padding:11px 12px;
	margin-bottom:14px;
}
.a1{
	width:550px;
	background:url(../images/a1.gif) 0 0 no-repeat;
	padding:90px 15px 0 19px;
	float:left;
}
.a3{
	width:519px;
	background-color:#ededed;
	padding:8px 13px;
}
.a3 p{
	font-size:82%;
	line-height:1.4;
	padding-top:5px;
}
.a3 img{padding-right:27px;}

/*FAQ*/
#d{
	width:910px;
	margin-bottom:20px;
}
.d1{
	width:380px;
	background-color:#fffcdf;
	padding:10px;
	float:left;
}
.d1 img{padding:0 10px 0 0;}
.d1 p{
	font-size:82%;
	line-height:1.4;
}
.d2{
	background:url(../images/d2.gif) 0 0 no-repeat;
	width:500px;
	height:137px;
	float:right;
	position:relative;
}
.d2 img{
	position:absolute;
	top:75px;
	left:10px;
}
.btn3{
	text-indent:-9999px;
	background:url(../images/btn3.gif) 0 0 no-repeat;
}
a.btn3{
	width:166px;
	height:72px;
	display:block;
	position:absolute;
	top:53px;
	right:8px;
}
a:hover.btn3{background-position:0 -71px;}


/*お申し込みから開通までの流れ（※最短）*/
.g1{
	width:830px;
	margin:0 0 20px 40px;
}
.g2{
	width:830px;
	height:90px;
	background:url(../images/g2.gif) 0 0 no-repeat;
	position:relative;
}
.g2 img{
	position:absolute;
	top:28px;
	left:252px;
}
.btn4{
	text-indent:-9999px;
	background:url(../images/btn4.gif) 0 0 no-repeat;
}
a.btn4{
	width:270px;
	height:50px;
	display:block;
	position:absolute;
	top:33px;
	right:10px;
}
a:hover.btn4{background-position:0 -50px;}

/*安さの秘密*/

#h{
	width:850px;
	background-color:#e8e8e8;
	padding:20px 30px;
	margin-bottom:30px;
}
#h p{
	font-size:82%;
	line-height:1.6;
}

/*元気があれば何でもデキル！*/
#i2 {
	width:908px;
	border:1px solid #CCC;
	margin-bottom:30px;
}
#i2 p{
	font-size:90%;
	line-height:1.6;
	margin-left:30px;
}
#i2 img{margin:0 30px 18px 15px;}


/*通信コスト削減コンサルティング実績は、全国11万社以上*/
#j{
	width:868px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:8px 20px 20px 20px;
	margin-bottom:19px;
}
#j p{
	font-size:82%;
	line-height:1.4;
	padding-bottom:10px;
}
#j .fleft{padding:0 20px 0 0;}
#j .fright{padding:0 0 0 20px;}

#jbox{
	width:830px;
	background-color:#e8e8e8;
	padding:20px;
}
#jbox dt{
	border-left:5px solid #09388d;
	font-size:82%;
	margin:0 0 7px 5px;
	padding-left:7px;
	font-weight:bold;
}
#jbox dd{
	font-size:82%;
	line-height:1.4;
	padding:0 0 8px 15px;
}


/*footer*/
#footer{
	width:910px;
	background:url(../images/ft.jpg) 0 0 no-repeat;
	padding:20px 20px 0 20px;
}
#footer p{
	font-size:82%;
	line-height:1.4;
	margin:0 0 35px 8px;
}
.ft1{
	width:326px;
	float:left;
	margin-bottom:30px;
}
.ft2{
	width:537px;
	float:right;
}

#flink{
	width:950px;
	background-color:#09388d;
	border-top:2px solid #92a7cc;
	border-bottom:1px solid #000;
	text-align:center;
	padding:10px 0;
}
#flink li{
	font-size:82%;
	display:inline;
	color:#FFF;
}
#flink li a{color:#FFF;}
#flink li a:hover{color:#FFF;}

#copy{
	font-size:82%;
	color:#666;
	width:950px;
	text-align:center;
	padding:7px 0;
}


/*会社概要*/
table{
	width:800px;
	font-size:82%;
	line-height:1.6;
	background-color:#CCC;
	margin:0 0 15px 55px;
}
th,td{padding:7px; background-color:#FFF;}
th{
	width:190px;
	background-color:#EEE;
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;
}

iframe#pp {
	display: block;
	height: 300px;
	width: 800px;
	margin: 0 auto;
	border:2px solid #CCC;
	margin-bottom:20px;
}


/*フォーム*/
h2#form{background:url(../images/form_h2.jpg) 0 0 no-repeat; height:46px; margin-bottom:20px;}
img.imgc{margin:0 0 20px 55px;}
textarea{width:90%; height:100px;}
input.w300{width:300px;}
input.w200{width:200px;}
#sub{text-align:center;}
#sub input{width:180px; height:35px;}

.indent3{
	width:800px;
	margin:0 auto;
}
.indent3 p{
	font-size:82%;
	line-height:1.4;
	padding-bottom:15px;
}

/* -------------------------------------------------------------------------------- */
/*      T E X T                                                                     */  
/* -------------------------------------------------------------------------------- */

.fcred{color:#cc0000;}
.fcgr{color:#666;}
.fcgre{color:#339900;}
.cent{text-align:center;}

/* -------------------------------------------------------------------------------- */
/*      F L O A T                                                                   */  
/* -------------------------------------------------------------------------------- */

.fleft{float:left;}
.fright{float:right;}

/* -------------------------------------------------------------------------------- */
/*      L I N K   C O L O R                                                         */  
/* -------------------------------------------------------------------------------- */

a:link{color:#0099ff; text-decoration:underline;}
a:visited{color:#0099ff; text-decoration:underline;}
a:hover{color:#0099ff; text-decoration:none;}
a:active{color:#0099ff; text-decoration:none;}
a:focus{outline:none;}

table,img{border:0px;}

/* -------------------------------------------------------------------------------- */
/*      M A R G I N                                                                 */  
/* -------------------------------------------------------------------------------- */

.mar0{margin:0;}

.marT5{margin-top:5px;}
.marT10{margin-top:10px;}
.marT20{margin-top:20px;}

.marR0{margin-right:0;}
.marR10{margin-right:10px;}
.marR20{margin-right:20px;}

.marB3{margin-bottom:3px;}
.marB5{margin-bottom:5px;}
.marB10{margin-bottom:10px;}
.marB15{margin-bottom:15px;}
.marB20{margin-bottom:20px;}
.marB30{margin-bottom:30px;}

.marL10{margin-left:10px;}
.marL15{margin-left:15px;}
.marL20{margin-left:20px;}

.padB10{padding-bottom:10px;}
.padB20{padding-bottom:20px;}
.padB30{padding-bottom:30px;}
.padT10{padding-top:10px;}
.padL20{padding-left:20px;}




/* -------------------------------------------------------------------------------- */
/*      H R                                                                         */  
/* -------------------------------------------------------------------------------- */

hr{display:none;}


/* -------------------------------------------------------------------------------- */
/*      C L E A R                                                                   */  
/* -------------------------------------------------------------------------------- */

.clear{
clear:both;
height:0px;
font-size:0px;
line-height:0;
margin:0;
padding:0;
}

/* MODAN BROWZER clearfix */
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
/* MacIE5,WinIE7 clearfix */
.clearfix { display: inline-block; }
/* Hide from MacIE */
* html .clearfix { height: 1em; }
.clearfix { display: block; }
/* End Hide from MacIE */

/*会社概要自動更新用テーブル*/
div#company_a table,
div#company_b table,
div#company_c table {
	font-size: 82%;
	line-height: 1.6;
	background-color: #ccc;
	width: 800px;
	margin: 0 auto 15px auto;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

div#company_a table th,
div#company_b table th,
div#company_c table th {
	background-color: #eee;
	width: 190px;
	padding: 7px;
	border: 1px solid #ccc;
}

div#company_a table td,
div#company_b table td,
div#company_c table td {
	background-color: #fff;
	padding: 7px;
	border: 1px solid #ccc;
}