@charset "utf-8";

a:link		{color:#3366CC; text-decoration:underline;}
a:active	{color:#8D0000; text-decoration:underline;}
a:visited	{color:#3366CC; text-decoration:underline;}
a:hover		{color:#8D0000; text-decoration:underline;}

/*-------------------------------------------------
  カテゴリメニュー
---------------------------------------------------*/
#cat_menu {
	height                    : 39px;
	border-bottom                : 4px solid #4b5664;
}
#cat_menu .title {
	float                     : left;
}

#cat_menu .menu {
	float                     : right;
	margin                    : 0;
	padding                   : 0;
}
#cat_menu .menu li {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0;
}
#cat_menu .menu li a {
	background                : transparent url('/products/microserver/image/plus00.gif') no-repeat scroll left center;
	display                   : block;
	padding                   : 0 12px 0 18px;
	line-height               : 39px;
}
#cat_menu .menu li a.current {
	background-image          : url('/products/microserver/image/plus01.gif');
	color                     : #EA5934;
}



/*-------------------------------------------------
  ラインナップメニュー(佐野Ver.)
---------------------------------------------------*/
#lup_menu {
	clear                     : both;
	background                : #d8dfdb url('/products/microserver/image/lup_menu_bg.gif') repeat-x scroll left bottom;
	height                    : 44px;
}
#lup_menu .title {
	float                     : left;
}

#lup_menu .menu {
	float                     : right;
	margin                    : 0;
	padding                   : 0;
}
#lup_menu .menu li {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0;
	line-height               : 39px;
}
#lup_menu .menu li a {
	background                : transparent url('/products/microserver/image/arrow02.gif') no-repeat scroll left center;
	display                   : block;
	padding                   : 0 7px 0 15px;
}
#lup_menu .menu li a.current {
	background                : transparent url('/products/microserver/image/arrow03.gif') no-repeat scroll left center;
	display                   : block;
	padding                   : 0 7px 0 15px;
	color                     : #EA5934;
}

/*
#lup_menu {
	background                : transparent url('/products/microserver/image/lup_menu_bg.gif') repeat-x scroll left bottom;
	height                    : 35px;
	border-bottom             : 1px solid #4b5664;
}
#lup_menu .title {
	float                     : left;
}

#lup_menu .menu {
	float                     : right;
	margin                    : 0;
	padding                   : 0;
}
#lup_menu .menu li {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0;
	line-height               : 34px;
}
#lup_menu .menu li a {
	display                   : block;
	padding                   : 0 9px;
}
*/

/*-------------------------------------------------
  ラインナップメニュー(ろこうちVer.)
---------------------------------------------------*/
#lup_tab {
	clear                     : both;
	float                     :right;
	height                    : 30px;
}
#lup_tab .title{
	float                     : right;
}

#lup_tab .menu {
	float                     : right;
	margin                    : 0;
	padding                   : 0;
}
#lup_tab .menu li.left_on {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 0 0 11px;
	line-height               : 20px;
	background                : transparent url('/common/image/microserver/menu_left_on.gif') no-repeat scroll left center;
}
#lup_tab .menu li.left_off {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 0 0 11px;
	line-height               : 20px;
	background                : transparent url('/common/image/microserver/menu_left_off.gif') no-repeat scroll left center;
}
#lup_tab .menu li.right_on {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 11px 0 0;
	line-height               : 20px;
	background                : transparent url('/common/image/microserver/menu_right_on.gif') no-repeat scroll right center;
}
#lup_tab .menu li.right_off {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 11px 0 0;
	line-height               : 20px;
	background                : transparent url('/common/image/microserver/menu_right_off.gif') no-repeat scroll right center;
}
#lup_tab .menu li {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0;
	line-height               : 20px;
}
#lup_tab .menu li.left_on a{
	border-left               : none;
}
#lup_tab .menu li.left_off a{
	border-left               : none;
}
#lup_tab .menu li.right_on a{
	border-right              : none;
}
#lup_tab .menu li.right_off a{
	border-right              : none;
}
#lup_tab .menu li a {
	display                   : block;
	padding                   : 0 18px;
	color                     : #FFFFFF;
	text-decoration           : none;
	background-color          : #687382;
	border-top                : 1px solid #687382;
	border-right              : 1px solid #3E454E;
	border-bottom             : 1px solid #687382;
	border-left               : 1px solid #B8C2D0;
}
#lup_tab .menu li a:hover{
	display                   : block;
	padding                   : 0 18px;
	text-decoration           : underline;
}
#lup_tab .menu li a.current {
	display                   : block;
	padding                   : 0 18px;
	color                     : #3E454E;
	text-decoration           : none;
	background-color          : #E4E9F0;
}


/*-------------------------------------------------
  コンテンツ
---------------------------------------------------*/
#main {
	margin-left               : 10px;
	font-size                 : 12px;
	_font-size                : 75%;
}

#content {
	width                     : 756px;
	margin                    : 12px 0 0 0;
}

/*#content_header {
	margin                    : 18px 0 0 24px;
}*/

/**** ラインナップ　トップ ****/
#product_info {
	float                     : left;
	width                     : 324px;
	/*color                     : #546077;*/
	padding-top               : 12px;
}
#product_info .name {
}
#product_info .model {
}
#product_info .price {
}
#product_info ul.feature {
	/*color                     : #20CDCD;*/
	margin                    : 1em 0 2em 2em;
	padding                   : 0;
}
#product_info ul.feature li {
	/*color                     : #12274f;*/
	margin                    : 0;
	padding                   : 0;
	font-weight               : normal;
}

#title_image {
	float                     : left;
	margin-right              : 12px;
}

.content_body {
	float                     : left;
	display                   : inline;
	width                     : 560px;
	margin                    : 9px 0 0 0;
}
.content_body h2 {
	background                : #e6eaf2 url('/products/microserver/image/h_bg4.gif') repeat-x scroll left center;
	color                     : #222;
	margin                    : 1.75em 0 0.75em 0;
	padding                   : 0 0 0 12px;
	line-height               : 250%;
	border                    : 1px solid #a3a3a3;
	/*border-top                : 3px solid #20cdcd;*/
	border-top                : 3px solid #40c3c3;
	border-bottom             : 1px solid #a3a3a3;
}
.content_body h3 {
	background                : #ddd url('/products/microserver/image/h_bg0.gif') repeat-x scroll left center;
	color                     : #222;/*#345176;*/
	margin                    : 1.75em 0 0.75em 0;
	text-indent               : 24px;
	line-height               : 200%;
	/*border                    : 1px solid #ccc;*/
}
.content_body p {
	line-height               : 140%;
}

.content_body div.page_title {
	color                     : #666;
	margin                    : 0 0 24px 4px;
	font-size                 : 16px;
	_font-size                : 135%;
	font-weight               : bold;
}

/**** トピックス ****/
#lup_top_topics { line-height:150%;
}
#lup_top_topics h3 {
}
#lup_top_topics .box {
	margin                    : 18px 0 0 0;
	padding                   : 0 0 18px 0;
	border-bottom             : 1px dotted #999;
}

.content_extra {
	float                     : right;
	width                     : 170px;
	margin                    : 9px 0 0 0;
}
/**** かんたん運用マニュアル ****/
.operation_manual {
	background-color          : #dad8d9;
	padding                   : 8px;
}
.operation_manual div{
	float                     : right;
	margin                    : 23px 0 0 5px;
}
/**** その他関連情報 ****/
.content_extra div.else {
	background-color          : #fff0b4;
	padding                   : 5px;
	border                    : 1px solid #4c4c4c;
}
.content_extra div.else img{
	margin                    : 7px 0 2px 0;
}

/**** ボックス ****/
.extra_box01 {
	background-color          : #FFF3CF;	/*#e6eaf2*/
	margin                    : 6px 0;
	padding                   : 6px;
	border                    : 1px solid #6A89A0;
}

.extra_box01 .box_tit {
	color                     : #333;
	font-weight               : normal;
}
/**** ボックス ****/
.extra_box02 {
	background-color          : #eee;	/*#e6eaf2*/
	margin                    : 6px 0;
	padding                   : 12px;
}

/**** ボックス ****/
.box_kikaku {
	background-color          : #fcf8b8;	/*#e6eaf2*/
	margin                    : 6px 0;
	padding                   : 6px;
}
.box_kikaku img {
	float                     : left;
	margin                    : 12px;
}

/**** リスト ****/
ul.list_flat {
	margin                    : 9px 0;
	padding                   : 0;
	list-style-type           : none;
}
ul.list_flat li {
	background                : transparent url('/products/microserver/image/circle00.gif') no-repeat scroll left top;
	margin                    : 0;
	padding                   : 0;
	line-height               : 110%;
}
ul.list_flat li a {
	display                   : block;
	width                     : 144px;
	margin-left               : 14px;
}

/**** リスト ****/
ul.list_lev {
	margin                    : 0;
	padding                   : 0;
	list-style-type           : none;
}
ul.list_lev li {
	background                : transparent url('/products/microserver/image/arrow00.gif') no-repeat scroll left top;
	margin                    : 5px 0 5px 0;
	padding                   : 0;
	line-height               : 110%;
}
ul.list_lev li a, ul.list_lev li .tit {
	display                   : block;
	width                     : 144px;
	margin-left               : 14px;
}
ul.list_lev li strong.tit {
	color                     : #666;
	font-weight               : normal;
}
ul.list_lev ul {
	margin                    : 0;
	padding                   : 0;
	list-style-type           : none;
}
ul.list_lev ul li {
	background                : transparent url('/products/microserver/image/arrow01.gif') no-repeat scroll left top;
	margin                    : 0;
	padding                   : 0;
	line-height               : 110%;
}
ul.list_lev ul li a {
	display                   : block;
	width                     : 144px;
	margin-left               : 14px;
}


/*-------------------------------------------------
  汎用クラス
---------------------------------------------------*/
.small {
	font-size                 : 10px;
	_font-size                : 82%;
}
.large {
	font-size                 : 16px;
	_font-size                : 135%;
}

.em0 {
	color                     : #c00;
}
.em0l {
	color                     : #f00;
}
.em0d {
	color                     : #900;
}

.em1 {
	color                     : #f60;
}
.em1l {
	color                     : #f90;
}
.em1d {
	color                     : #c60;
}

.em2d {
	color                     : #099;
}

.em3 {
	color                     : #0A51A1;
}

.new {
	color                     : #f03;
}

p.caution, div.caution {
	background-color          : #fee;
	padding                   : 6px;
	line-height               : 110%;
}


/*-------------------------------------------------
  固有クラス
---------------------------------------------------*/

/* エージング */
#aging_box {
	margin                    : 18px 0;
	padding                   : 6px;
	border                    : 1px solid #999;
}

/* 仕様表 */
table.spec {
	border-collapse           : collapse;
	border-right              : 1px solid #9ab;
	border-top                : 1px solid #9ab;
	font-size                 : 100%;
}
table.spec caption {
	color                     : #777;
	font-weight               : bold;
}
table.spec th {
	padding                   : 3px 3px 3px 5px;
	background-color          : #e6eaf2;
	font-weight               : normal;
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
	text-align                : left;
}

table.spec td {
	background-color          : #fff;
	padding                   : 3px 3px 3px 5px;
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
}

/* 価格表 */
table.price {
	border-collapse           : collapse;
	border-right              : 1px solid #9ab;
	border-top                : 1px solid #9ab;
	font-size                 : 100%;
}
table.price caption {
	color                     : #777;
	font-weight               : bold;
}
table.price th {
	padding                   : 3px 3px 3px 5px;
	background-color          : #e6eaf2;
	font-family               : 'ＭＳ ゴシック', monospace;
	font-weight               : normal;
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
	text-align                : left;
}

table.price td {
	background-color          : #fff;
	padding                   : 3px 3px 3px 5px;
	font-family               : 'ＭＳ ゴシック', monospace;
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
}

/* 製品写真 */
.box_ss {
	float                     : left;
	margin                    : 2px;
	text-align                : center;
}

.pictmenu{
	margin-left:2em;
}

.pictbox{
	width                     : 48%;
	border-right              : 1px solid #ccc;
	border-bottom             : 1px solid #ccc;
	margin                    : 0 0 4px 4px;
	float                     : left;
}

.pictbox p{
	margin-bottom             : 1em;
	padding-left              : 20px;
}

.pictbox img{
	vertical-align            : middle;
	border                    : 0;
}

/* 活用例目次 */

table.casestudy_index {
/*	border-collapse           :collapse;
	border-right              :1px dotted #99AABB;
	border-top                :1px dotted #99AABB;*/
	font-size                 :100%;
}
table.casestudy_index td{
/*	background-color          :#ffffff;
	border-bottom             :1px dotted #99AABB;
	border-left               :1px dotted #99AABB;*/
	padding                   :12px;
}
table.casestudy_index td ul{
	padding                   : 0 0 0 8px;
	margin                    : 0 0 0 8px;
	list-style-type           : circle;
	line-height               : 150%;
}
table.casestudy_index strong a{
	text-decoration           : none;
	color                     : #014667;
}


/*********** ここからGreen ITページ ************/

/* タブメニュー */

/* 導入例ページ */
#green_it1_on{
		width:760px;
		height:24px;
		background-image:url(/products/microserver/image/green_it1_on.gif);
		background-repeat:no-repeat;
		margin: 10px 0 0 0;
		}
#green_it1_on a.green_it1{
		text-decoration: none;
		position:relative;
		top:8px;
		left:32px;
		float: left;
		font-size:12px;
		font-weight: bold;
		}
#green_it1_on a.green_it2{
		text-decoration: none;
		position:relative;
		top:5px;
		left:92px;
		font-size:12px;
		font-weight: bold;
		float: left;
		}


#green_it1_on a.green_it3{
		text-decoration: none;
		position:relative;
		top:5px;
		left:162px;
		font-size:12px;
		font-weight: bold;
		float: left;
		}


#green_it1_on a.green_it4{
		text-decoration: none;
		position:relative;
		top:5px;
		left:232px;
		font-size:12px;
		font-weight: bold;
		float: left;
		}

/* 規格適合ページ */
#green_it2_on{
		width:760px;
		height:24px;
		background-image:url(/products/microserver/image/green_it2_on.gif);
		background-repeat:no-repeat;
		margin: 10px 0 0 0;
		}
#green_it2_on a.green_it1{
		text-decoration: none;
		position:relative;
		top:5px;
		left:32px;
		float: left;
		font-size:12px;
		font-weight: bold;
		}
#green_it2_on a.green_it2{
		text-decoration: none;
		position:relative;
		top:8px;
		left:92px;
		font-size:12px;
		font-weight: bold;
		float: left;
		}


#green_it2_on a.green_it3{
		text-decoration: none;
		position:relative;
		top:5px;
		left:162px;
		font-size:12px;
		font-weight: bold;
		float: left;
		}


#green_it2_on a.green_it4{
		text-decoration: none;
		position:relative;
		top:5px;
		left:232px;
		font-size:12px;
		font-weight: bold;
		float: left;
		}

/* 省資源化ページ */
#green_it3_on{
		width:760px;
		height:24px;
		background-image:url(/products/microserver/image/green_it3_on.gif);
		background-repeat:no-repeat;
		margin: 10px 0 0 0;
		}
#green_it3_on a.green_it1{
		text-decoration: none;
		position:relative;
		top:5px;
		left:35px;
		float: left;
		font-size:12px;
		font-weight: bold;
		}
#green_it3_on a.green_it2{
		text-decoration: none;
		position:relative;
		top:5px;
		left:92px;
		font-size:12px;
		font-weight: bold;
		float: left;
		}

#green_it3_on a.green_it3{
		text-decoration: none;
		position:relative;
		top:8px;
		left:162px;
		font-size:12px;
		font-weight: bold;
		float: left;
		}
#green_it3_on a.green_it4{
		text-decoration: none;
		position:relative;
		top:5px;
		left:232px;
		font-size:12px;
		font-weight: bold;
		float: left;
		}

/* 枠（BOX） */

div.mss_green_it_box{
		background: transparent url('/products/microserver/image/mss_green_it_box.gif') no-repeat scroll top left;
		margin: 10px 0;
		padding: 10px 0 0 0;
		width: 470px;
		line-height:150%;
		}
div.mss_green_it_box div.container{
		background: transparent url('/products/microserver/image/mss_green_it_box.gif') no-repeat scroll bottom left;
		margin: 0;
		padding: 0 10px 10px 10px;
		}
.pad_l{
		padding:0 0 0 15px;
		}

/*********** ここからLAMPページ ************/
table.lamp{
	font-size: 12px;
	border:0;
	border-collapse:collapse;
	width:100%;
}
table.lamp td{
	border:0;
	border-collapse:collapse;
	padding:7px;
}
table.lamp pre{
	margin:0;
}

/*********** アプライアンス コンテンツページ ************/

#appliance{
	width: 760px;	
	padding-left:1em;
}

#appliance h2{
	background-color:#336699;
	border-color:#6699CC;
	border-style:solid;
	border-width:2px 2em 2px 2px;
	clear:both;
	color:#FFFFFF;
	font-family:verdana;
	font-size:120%;
	margin:2em 0 1em 0;
	padding: 0.5em 0 0.5em 1em;
}

#appliance h3{
	background-color:#F0F8FF;
	border-color:#4682B4;
	border-style:solid;
	border-left-width:0.5em;
	border-bottom-width:1px;
	border-right:none;
	border-top:none;
	clear:both;
	color:#333;
	font-family:verdana;
	font-size:100%;
	margin:2em 0 0 0;
	padding: 0.5em 0 0.5em 1em;
}

#appliance p{
	padding:0 2em;
}

#appliance .appliance_product{
	border-bottom: 1px dotted gray;
}

#appliance .appliance_oem_l{
	float:left;
	width:45%;
}

#appliance .appliance_oem_l img{
	padding-top:2.5em;
}

#appliance .appliance_oem{
	float:right;
	width:50%;
}

#appliance .appliance_oem h4{
	color: #336699;
	margin-bottom:0;
	padding-bottom:0.2em;
	font-size:110%;
}

#appliance .appliance_oem p{
	margin-top:0;
	padding-top:0;
}

#appliance .appliance_oem ul{
	margin-top:0.2em;
}

#appliance .appliance_usage_l{
	float:left; 
	width:45%;
}

#appliance .appliance_usage{
	float:right; 
	width:50%;
}

#appliance .appliance_usage h4{
	padding-top:0.5em
}