@charset "Shift_JIS";





/* /////////////////////////////////////////////////////////

 global

///////////////////////////////////////////////////////// */



/* clearfix

----------------------------------------------- */

/* floatしたboxが親boxからはみ出すのを回避 */

#content .section:after,

#content .section .subNavButton ul:after,

#content .section .subNavButton li dl:after,

#content .section .initialSet ul:after,

.clearfix:after {

	height: 0;

	visibility: hidden;

	content:".";

	display: block;

	clear: both;

}

#content .section,

#content .section .subNavButton ul,

#content .section .subNavButton li dl,

#content .section .initialSet ul,

.clearfix {

	display: inline-table;

	min-height: 1px; /* IE 7 */

}

/* Hides from IE - mac \*/

* html #content .section,

* html #content .section .subNavButton ul,

* html #content .section .subNavButton li dl,

* html #content .section .initialSet ul,

* html .clearfix {

	height: 1%;

}

#content .section,

#content .section .subNavButton ul,

#content .section .subNavButton li dl,

#content .section .initialSet ul,

.clearfix {

	display: block;

}

/* End hide from IE-mac */



/* /////////////////////////////////////////////////////////

 container

///////////////////////////////////////////////////////// */



/* content

--------------------------------------------------------- */

#content .section .pageCap {

	margin: 10px;

	font-size: small;

}

#content .section .pageCap3 {

	margin: 10px 20px 1.5em;

	font-size: small;

}

#content .section .subNavButton {

	margin-bottom: 0.5em;

	padding: 0 10px 10px;

	border-bottom: 3px solid #999;

}

#content .section .subNavButton ul {

	margin: 0;

}

#content .section .subNavButton li {

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

}

#content .section .subNavButton li dl {

	margin: 0;

	padding-left: 5px;

}

#content .section .subNavButton dl dt {

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

}

#content .section .subNavButton dl dd {

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

}



#content .section .verticalColumn {

	float: left;

	display: inline;

	margin: 0 10px 0 0;

	padding: 0;

	width: 240px;

	background: url(cssimg/cat_title_bg.gif) 0 0 repeat-y;

}

#content .section .vCEnd {

	margin: 0;

	padding: 0;

}

#content .section .verticalColumn dl {

	position: relative;

	margin: 0;

	padding: 0 0 10px 0;

	background: url(cssimg/cat_title_bottom.gif) 0 100% no-repeat;

}

#content .section .verticalColumn dl dt {

	margin: 0;

	padding: 10px 0 0 0;

	line-height: 1;

	background: #fff;

}

#content .section .verticalColumn dl dd {

	margin: 0 10px;

	padding: 3px 0;

	border-bottom: 1px solid #ccc;

}

#content .section .verticalColumn dl dd {

	position: relative;

	padding-left: 13px;

}

#content .section .verticalColumn dl.catNetwork dd {

	background: url(cssimg/point_red.gif) 0 50% no-repeat;

}

#content .section .verticalColumn dl.catNetworkF dd {

	background: url(cssimg/point_purple.gif) 0 50% no-repeat;

}

#content .section .verticalColumn dl.catSecurity dd {

	background: url(cssimg/point_orange.gif) 0 50% no-repeat;

}

#content .section .verticalColumn dl.catServer dd {

	background: url(cssimg/point_blue.gif) 0 50% no-repeat;

}

#content .section .verticalColumn dl.catIp dd {

	background: url(cssimg/point_green.gif) 0 50% no-repeat;

}

#content .section .verticalColumn dl.catE dd {

	background: url(cssimg/point_brown.gif) 0 50% no-repeat;

}



/* AlphabetPage

--------------------------------------------------------- */

#content .section .initialList {

	margin: 0 50px 10px;

	padding: 5px 0;

	text-align: center;

	font-size: small;

	border-bottom: 1px solid #ccc;

}

#content .section .initialList a {

	font-weight: bold;

}

#content .section .initialSet {

	margin: 0 50px;

	padding: 5px 0;

}

#content .section .initialSet .initialTit {

	margin: 0 0 5px;

	padding: 5px;

	line-height: 1;

	font-weight: bold;

	color: #fff;

	background: #999;

}

#content .section .initialSet ul {

	margin: 10px 40px 0;

	padding: 0;

}

#content .section .initialSet ul li {

	float: left;

	display: inline;

	margin: 0 10px;

	padding: 5px 0 5px 13px;

	width: 43%;

	font-size: small;

	background: url(cssimg/point_red.gif) 0 50% no-repeat;

}



/* companyBox

--------------------------------------------------------- */

#content .section .companyBox {

	position: relative;

	margin: 0;

	padding: 10px 0 0;

	height: 50px;

	border-bottom: 1px solid #80aaff;

}

#content .section .companyBox .companyName {

	margin: 0 0 10px;

	padding: 2px 170px 2px 10px;

	font-weight: bold;

	font-size: medium;

	border-left: 5px solid #039;

}

#content .section .companyBox .companyImg {

	position: absolute;

	top: 0;

	right: 0;

	width: 150px;

	margin: 0;

	padding: 0 0 0 15px;

	line-height: 1;

}

#content .section .section .setTit2 {

	padding-left: 7px;

	border-left: 5px solid #039;

}

#content .section .section .setTit3 {

	margin: 0 10px;

	padding: 15px 0 5px;

	font-size: small;

	font-weight: bold;

	line-height: 1;

	color: #039;

	border-bottom: 1px solid #ccc;

}

#content .section .section .section .section dl dt {

	margin: 1em 0 0;

	color: #039;

	font-weight: bold;

}

#content .section .section .section .section dl dd {

	margin: 0;

	padding: 5px 50px;

}

#content .section .section .section .section dl dd ul {

	margin: 0;

	padding: 0;

}

#content .section .section .section .section dl dd ul li {

	margin: 0;

	padding: 1px 0;

	list-style-position: outside;

	list-style-type: disc;

	font-size: small;

}