/*=================================================
Agency TOP ページ
---------------------------------------------------*/
#content{
	float:left;
	margin:0pt 12px 0pt 0pt;
	width:564px;
}

#content h2.toppage {
	border		: none;
	background	: none;
	font-size	: 18px;
	margin		: 5px 0 0;
	color		: #333333;
}

#content h3.toppage {
	border		: 1px solid #366479;
	background-color: #e6e6e6;
	font-weight	: bold;
	font-size	: 14px;
	width		: 538px;
	_width		: 564px;
	color		: #333333;
	padding		: 8px 12px;
}

div.products_top_box {
	float		: left;
	border		: 1px solid #cccccc;
	padding		: 6px;
	_padding	: 6px 0 6px 6px;
	margin		: 6px;
	width		: 538px;
	_width		: 552px;
}

img.product_pic {
	border		: none; 
	float		: left;
	margin		: 0 14px 0 0;
}

div.product_link {
	float		: left;
	padding		: 8px 0;
}

div.product_link a {
	font-weight	: bold;
	text-decoration	: none;
	font-size	: 14px;
	color		: #336699;
}

div.product_link a:visited {
	text-decoration	: none;
	color		: #336699;
}	

div.product_link a:hover {
	text-decoration	: underline;
	color		: #8D0000;
}	

div.product_text {
	float		: left;
	border		: 1px solid #cccccc;
	background-color : efefef;
	padding		: 10px 6px;
	width		: 350px;
	_width		: 364px;
	font-size	: 12px;
	line-height	: 140%; 
	color		: #333333;
	margin		: 0;
}


.related_top {
	background-color	: #3d6584;
	-moz-border-radius-topleft	: 6px;
	-moz-border-radius-topright	: 6px;
 	-webkit-border-top-left-radius	: 6px;
 	-webkit-border-top-right-radius	: 6px;
	border-top-left-radius		: 6px;
	border-top-right-radius		: 6px;
	padding				: 6px 12px;
	margin				: 5px 0 0;
	font-size	: 12px;
	font-weight	: bold;
	text-decoration	: none;
	color		: white;
	_background-image	: url('/common/image/related_menu_top.gif');
}



.related_menu {
	border		: 1px solid #336699;
}

.related_menu a {
	display		: block;
	padding		: 6px 12px;
	margin		: 0;
	font-size	: 12px;
	font-weight	: normal;
	text-decoration	: none;
	color		: #333333;
}

#content_menu .related_menu a:hover {
	background-color	: #ccc;
	text-decoration	: none;
	color		: #333333;
}	

#content_menu .related_menu a:focus {
	background-color	: #ccc;
	text-decoration	: none;
	color		: #333333;
}	


#content_menu .related_menu a:visited {
	text-decoration	: none;
	color		: #333333;
}	





/********* Standard content *********/


#content h2 {
	background-color: #D6E0F6;
	font-size: 90%;
	color: ##555555;
	padding: 3px 8px;
	font-weight: bold;
	margin: 2em 0 1em 0;
	clear:both;
}

#content h3 {
	font-size: 80%;
	font-weight: bold;
	line-height: 100%;
	padding: 1px 0 2px 6px;
	margin: 1.5em 0 0.5em 0;
	border-left: 5px solid #666;
	border-bottom: 1px solid #666;
	clear:both;
}

#content h4 {
	font-size: 80%;
	border-bottom:1px solid #666;
	color:#300;
	clear:both;
}

#content p {font-size: 75%; color: #333; line-height:150%;}
#content li {font-size: 75%; color: #333; line-height:130%;}
#content li li { font-size:100%;}
#content ul.limb li{margin-bottom: 15px;}

/************ Partner Topics ****************/
table.top_topics {
	margin-left              : 0px;
}
/* トピックス用 */
.top_topics a:link	{ color: #3366CC; text-decoration: none; line-height: 120%;}
.top_topics a:visited	{ color: #3366CC; text-decoration: none; line-height: 120%;}
.top_topics a:hover	{ color: #8D0000; text-decoration: underline; line-height: 120%;}
.top_topics td	{ font-size: 75%; line-height: 120%;}


/**** ridge を使うときは中の画像の幅は536px以下にしてください。 ****/
.ridge{
	margin:15px 0px 20px 0px;
	text-align:center;
}
.ridge img{
	border:3px double #CCCCCC;
	padding:2px 2px 5px 2px;
	margin:0 0 10px 0;
}


/**** ridge を使うときは中の画像の幅は536px以下にしてください。****/
.spec_table { 
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-size:75%;
	margin-top:2em;
	border-spacing:		0;
	border-collapse: collapse;
}

.spec_table td , .spec_table_2 td { 
	padding:3px 3px 3px 5px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.spec_table th , .spec_table_2 th { 
	padding:3px 3px 3px 5px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-weight:bold;
	background-color:#eff7ff;
}
.spec_table_2 { 
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-size:75%;
	margin-top:5px;
	border-spacing:		0;
	border-collapse: collapse;
}

.price_table {
	font-size:75%;
	margin-top:2em;
	border-top: 1px solid #CCCCCC;
}
.price_table td { 
	padding:3px 0px 3px 5px;
	background: transparent url('/common/image/border.gif') repeat-x scroll bottom left;
}
.price_table th { 
	padding:3px 0px 3px 5px;
	background: transparent url('/common/image/border.gif') repeat-x scroll bottom left;
	font-weight:bold;
	background-color:#E6E6E6;
}

/******************** Agency TOP ページナビゲーション ************************/

ul.agency_menu {
	margin: 5px 0 5px 8px;
	padding: 0;
	line-height: 1;
	/*background-color: #eee;*/
	list-style-type: none;
}

ul.agency_menu li {
	margin: 0 4px;
	padding: 0;
	float: left;
	text-align: center;
	font-size: 14px; /* 文字サイズ */
}

/*ul.agency_menu li a {*/


li.agency_menu_page {
	/*border: 1px solid #ccc;*/
	display: block;
	position: relative; /* for IE6 */
	color: #666;
	/*background-color: #F8F8FF;*/
	width: 90px;
	height:34px;
	letter-spacing: 0.1em;
}


li.agency_menu_out a {
	border: 1px solid #ccc;
	display: block;
	position: relative; /* for IE6 */
	color: #666;
	background-color: #F8F8FF;
	text-decoration: none;
	width: 34px;
	height:34px;
}

li.agency_menu_in {
	border: 1px solid #CD853F;
	display: block;
	position: relative; /* for IE6 */
	background-color: #FF9933;
	text-decoration: none;
	width: 34px;
	height:34px;
}

ul.agency_menu li a:hover {
/*	border-color: #ccc;*/
	background-color: #fff;
}

/* ClearFix */

ul.agency_menu {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

ul.agency_menu:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}



/*
li.agency_menu_cursor a {
	width: 12px;
	border-right: 1px solid #ccc;
	padding: 9px 5px;
	display: block;
*/
/*	position: relative;*/ /* for IE6 */
/*	color: #fff;
	background-color: #003399;
	text-decoration: none;
}
*/


/******************** 各製品メニュータブ ************************/

/**** 概要 ****/


div.agency_tab{
		width:540;
		height:32px;
		background-image:url(/agency/image/tabmenu_02.gif);
		background-repeat: repeat-x;
		margin: 10px 0 0 0;
		padding: 0;
		}
div.agency_tab_on{
	padding-top: 9px;
	text-align: center;
	margin: 0;
	padding: 9px 0 0 0;
	border: 0;
	float: left;
	width: 95px;
	height: 32px;
	background: url('/agency/image/tabmenu_01.gif') no-repeat 0 0;
}
div.agency_tab_off{
	padding-top: 9px;
	text-align: center;
	margin: 0;
	padding: 9px 0 0 0;
	border: 0;
	float: left;
	width: 95px;
	height: 32px;
	background: url('/agency/image/tabmenu_01.gif') no-repeat -95px 0;
}
a.agency_tab{
		text-decoration: none;
/*		position:relative;
		top:9px;
		left:32px;
		float: left; */
		font-size:12px;
		font-weight: bold;
		}



/**********************TOC Table***********************/

.toc_table {
	border-spacing:0;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-width:1px 1px 0;
	font-size:75%;
}
.toc_table th {
	background-color:#EFF7FF;
	border-bottom:1px solid #CCCCCC;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}

.toc_table td {
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	line-height:150%;
	padding:4px 8px;
}

/********************* 価格表 ****************/

table.price_menu td {
	padding: 4px 8px;
	line-height: 150%;
}



/******************** 製品別CSS ************************/


/**** ATEN　ul ****/
ul.aten_ul {
	margin-top:5px;
}

.free_table { 
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	margin-top:5px;
	font-size:75%;
}

.free_table td { 
	padding:3px 3px 3px 5px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}


.free_table th { 
	padding:3px 3px 3px 5px;
	border-bottom: 1 solid #cccccc;
	border-left: 1px solid #cccccc;
	font-weight:bold;
	background-color:#eff7ff;
}



/**** spec　商品名部分 ****/

.brandname{
	font-size: 80%;
	color: #666666;
	margin: 40px 0px 5px 0px;
}


/**** spec　table-topツメ 商品名付のみ ****/
.spec_table01 { 
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	font-size:75%;
}
.spec_table01 td { 
	padding:3px 3px 3px 5px;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.spec_table01 th { 
	padding:3px 3px 3px 5px;
	border-bottom: 1 solid #cccccc;
	border-left: 1px solid #cccccc;
	font-weight:bold;
	background-color:#eff7ff;
}


/**** PacketiX ****/

#pxmenu {
	background-image:url('/common/image/grey_bar.gif'); 
	background-position: bottom left; 
	background-repeat:repeat-x; 
	width:100%; 
	height:30px; 
	padding-top;
}

#pxmenu p {
	padding:8px 8px 3px;
}

#pxmenu a {
	text-decoration:none;
}

#pxmenu a:hover {
	text-decoration:underline;
}

#pxmenu a.current {
	color: #cc6600;
}





/**** Sonic WALL ****/

dl.sw{
	font-size: 80%;
	margin-bottom: 4em;
}

dl.sw dt{
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

dl.sw dd{
	margin: 0 0 1.2em 1em;
}

ul.nsa{
	margin: 0; 
	padding: 0;
	list-style-type: decimal;
}

ul.nsa li{
	margin: 0 0 1em 30px; 
	padding: 0;
	list-style-type: decimal;
}

/**** Juniper ****/

*html table.juniper_feature dd{
	margin: 5 0 5 20;
}

table.juniper_feature{
	font-size: 100%;
}

table.juniper_feature td{
	padding:6px;
}

table.juniper_feature dd{
	padding: 5 0 5 20;
}

table.wx_wxc_lineup td{
	padding: 1em 1em 1em 0;
}

.caption {
	background-color:#FFF0E6;
	border:1px solid #FFBB8B;
	display:inline;
	font-size:75%;
	padding:3px 6px;
}

/**** Over land ****/


.overland_table {
	border:1px solid #999999;
	border-collapse:collapse;
	letter-spacing:0.1em;
	width:100%;
	font-size:75%;
}

.overland_th {
	background-color: #cedeed;
	border-collapse: collapse;
	letter-spacing: 0.1em;
}

.overland_th_td {
	border: 1px solid #999999;
	padding: 2 0 0 6;
}