﻿@charset "utf-8";

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	text-align: center;
	margin:0px;
	padding:0px;
	background-image: url(../images/body_back.jpg);
        color:#333333;
}

#wrapper{
	margin: 0px auto;
	padding: 0px;
	width: 820px;
	background: #ffffff;
}

#pagebody {
	text-align: left;
	margin:0 auto;
	padding:0;
	height: auto;
	width:800px;
	background: #ffffff;	
	color:#333333;
}

img{
      	border:none;
}

#header{
       	margin:0;
       	padding:0;
       	width:800px;      
}

#header #logo{
	float:left;
	width:150px;
	margin:0;
	padding:10px 0 0 0;
}

#header #logo img{
	vertical-align:middle;
}

#header #en{
	float:right;
	width:150px;
	margin:0 5px 0 0;
	padding:25px 0 0 0;
	text-align:right;
}

#header #en img{
	vertical-align:middle;
}

#header #en a{
	font-size:12px;
}


#header_line{
	clear:both;
	margin:0;
	padding:5px 0 0 0;
	font-size:5px;
	line-height:100%;
}

#contents {
	width:800px;
	margin:15px 0 0 0;
	padding:0;
	height: auto;
}


/*-------------左サイド--------------*/

#leftside {
	margin:0;
	padding:0;
       	float:left;
       	width: 192px;
}

/*-------------左メニュー--------------*/

#gnavi {
	margin:0;
	padding:0;
	width:192px;
	height:200px;
	text-align: left;
	background-image:url(../images/menu_back.jpg);
	background-repeat:no-repeat;
}


#gnavi img{
	border:none;
	vertical-align:bottom;
}


#gnavi div.guide ul{
	margin:0;
	padding:0;
	font-size:0px;
	line-height:0px;
}

#gnavi div.guide ul li {
	position:relative;
	margin:0 0 0 4px;
	padding:4px 0 0 0;
	width: 184px;
	height: 45px;
	list-style:none;
	list-style-image:none;
}

#gnavi div.guide ul li table {
	border-collapse: collapse;
	border: none;
	padding: 0;
	margin:0;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom:0px;
}

#gnavi div.guide ul li table ul li{
	margin:0;
	padding:0;
	border-bottom:0px;
	filter:	alpha(opacity=90);	
}


#gnavi div.guide ul li ul {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 3px;
	left:184px;
	width:120px;
	height:30px;
	line-height:100%;
}

#gnavi div.guide ul li ul li {
	margin-bottom: 0;
	width: 120px;
	height: 25px;
	padding:0;
	margin-left:0px;
	filter:	alpha(opacity=95);
	-moz-opacity:0.8;
	opacity:0.8;
}
			
#gnavi div.guide ul li a {
	font-family: verdana, sans-serif;
	color: #fff;
	display: block;
	text-decoration: none;
	padding-left: 0px;
	height:100%;

}
			
#gnavi div.guide ul li a:hover {
	position: relative;
	z-index: 100;
}

			
#gnavi div.guide ul li:hover ul ,
#gnavi div.guide ul li a:hover ul {
	visibility: visible;
	overflow: visible;
	height: auto;
	z-index: 10;
}

#gnavi div.guide li.menu_voip { 
	background: url(../images/menu_voip.gif) left top no-repeat; 
	text-indent:-9999px;
}

#gnavi div.guide li.menu_dsl { 
	background: url(../images/menu_dsl.gif) left top no-repeat; 
	text-indent:-9999px;
}
#gnavi div.guide li.menu_other { 
	background: url(../images/menu_other.gif) left top no-repeat; 
	text-indent:-9999px;
}




/*---------カタログダウンロード--------------*/

#catalog_dl{
	width:192px;
	margin:15px 0 20px 0;
	padding:0 0 20px 0;
	background-color:#f4fbff;
}

#catalog_dl .catalog_dl_box{
	width:192px;
	margin:0 0 0 0;
	padding:5px 0 0 0;
}

#catalog_dl .table_catalog{
	width:192px;
	margin:0;
	padding:3px 0 5px 0;
}


#catalog_dl .left_side{
	width:50px;
	margin:0;
	padding:0 0 0 10px;
}

#catalog_dl .right_side{
	width:142px;
	margin:0;
	padding:0 0 0 5px;
}

#catalog_dl .home_underline_192{
	margin:0;
	padding:0;
	font-size:3px;
	line-height:100%;
}



/*-------------メインコンテンツ-------------*/

#maincontents {
	width: 600px;
	float:right;
	margin:0;
	padding:0;
	height:auto;
	text-align: left;
}

#maincontents h1{
	margin:0;
	padding:0;
}

#home_prd{
	margin:15px 0 10px 0;
	padding:0;
}

#home_prd a{
	margin:0 3px 0 2px;
	padding:0;
}

#home_info{
	margin:20px 0 10px 0;
	padding:0;
}

#table_info{
	width:600px;
	margin:0;
	padding:0;
}


#home_info #home_news{
	width:300px;
	margin:0;
	padding:0;
	font-size:12px;
}

#home_info #home_prd_info{
	width:300px;
	margin:0;
	padding:0;
	font-size:12px;
}

#home_info .home_news_text{
	margin:15px 0 25px 10px;
	padding:0;
	font-size:13px;
}

#home_info .home_news_text img{
	vertical-align:middle;
}

/*-------------フッタ-------------*/

#footer {
	clear: both;
	margin:10px 0 0 0;
	padding:0;
	font-size: 12px;
	color: #990000;
	width: 800px;
	height:64px;
	text-align: left;
	background-image:url(../images/footer_back.jpg);
	background-repeat:no-repeat;
}

#footermenu{
       	margin:0 0 0 10px;
	padding:27px 0 0 0;
       	font-size:12px;
	color:#666666;
}

#footermenu a{
       	color:#666666;
}


#footermenu a:visited{
      	color:#000099;
}

#footermenu a:hover{
      	color:#EF0505;
}


#copyright{
      	font-size:12px;
      	margin:5px 0 5px 0;
	padding:0;
      	text-align:center;
}


/*-------------voip.html-------------*/


#products{
	width:600px;
	margin:25px 0 15px 0;
	padding:0;
}

#products .prd_box{
	width:600px;
	margin:10px 0 0 0;
	padding:0;
}

#products .prd_title{
	margin:0 0 0 10px;
	padding:0 0 10px 0;
	font-size:14px;
	font-weight:bold;
}

#products .table_prd_box{
	width:600px;
	margin:0;
	padding:0;
}

#products .table_prd_box_left{
	width:240px;
	margin:0;
	padding:0 0 0 10px;
}

#products .table_prd_box_right{
	width:350px;
	margin:0;
	padding:0 10px 0 0;
}

#products .table_prd_box_right .prd_text{
	margin:0;
	padding:0;
	font-size:13px;
	line-height:140%;
}

#products .table_prd_box_right .prd_btn{
	margin:10px 0 0 0;
	padding:0;
}

#products .table_prd_box_right .prd_btn a{
	margin:0 30px 0 0;
	padding:0;
}

#products .underline_600{
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	font-size:3px;
	line-height:100%;
}


#products #goto_contact{
	margin:10px 0 0 0;
	padding:0 0 20px 0;
	text-align:center;
}



/*-------------company index.html-------------*/


#company{
	width:600px;
	margin:25px 0 15px 0;
	padding:0;
}

#company #company_logo{
	margin:0 0 0 20px;
	padding:10px 0 10px 0;
}

#company .company_text{
	margin:0 30px 0 20px;
	padding:10px 0 10px 0;
	font-size:13px;
	line-height:160%;
}

#company .company_text{
	margin:0 30px 0 20px;
	padding:10px 0 10px 0;
	font-size:13px;
	line-height:160%;
}

#company #company_table{
	width:500px;
	margin:0 30px 0 20px;
	padding:20px 0 10px 0;
}

#company .company_table_left{
	width:80px;
	margin:0 10px 0 20px;
	padding:10px 0 10px 0;
	font-size:12px;
}


#company .company_table_right{
	width:350px;
	margin:0 30px 0 10px;
	padding:10px 0 10px 0;
	font-size:12px;
}

#company #partner{
	margin:0 30px 0 20px;
	padding:20px 0 10px 0;
	font-size:12px;
}

#company #partner_table{
	width:500px;
	margin:0 30px 0 20px;
	padding:30px 0 10px 0;
	font-size:12px;
}

#company #partner_table_left{
	width:120px;
	margin:0 30px 0 0;
	padding:15px 0 10px 0;
	font-size:12px;
}

#company #partner_table_right{
	width:300px;
	margin:0 30px 0 0;
	padding:15px 0 10px 0;
	font-size:12px;
	line-height:150%;
}


/*-------------contact index.html-------------*/


#contact{
	width:600px;
	margin:40px 0 15px 0;
	padding:0;
}


#contact .contact_text{
	margin:0 0 0 20px;
	padding:10px 0 5px 0;
	width:557px;
	height:32px;
	background-image:url(../images/contact_back.jpg);
	background-repeat:no-repeat;
	font-size:13px;
	text-align:center;
}

#contact #contact_jts_table{
	width:500px;
	margin:20px 30px 0 30px;
	padding:0 0 10px 0;
	font-size:12px;
}

#contact #contact_jts_table_left{
	width:120px;
	margin:0 30px 0 0;
	padding:15px 0 10px 0;
	font-size:12px;
}

#contact #contact_jts_table_right{
	width:300px;
	margin:0 30px 0 0;
	padding:15px 0 10px 0;
	font-size:12px;
	line-height:150%;
}

#contact #contact_table{
	width:500px;
	margin:0 30px 0 40px;
	padding:20px 0 10px 0;
}

#contact .contact_table_left{
	width:80px;
	margin:0 10px 0 20px;
	padding:10px 0 10px 0;
	font-size:12px;
}


#contact .contact_table_right{
	width:350px;
	margin:0 30px 0 10px;
	padding:10px 0 10px 0;
	font-size:12px;
}



