@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;}

/*-------------------------------------------------
  ラインナップメニュー
---------------------------------------------------*/
#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%;
	_margin-top: -30px;
	line-height               :150%;
}

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

#content .lineup{
	width                     : 756px;
	margin                    : 0;
}

#content .lineup h2{
	margin                    : 0 0 10px 0;
}

#content .lineup table{
	font-size                 : 12px;
	margin-top                : 15px
	border-collapse           : collapse;
}

#content .lineup table td{
	padding                   : 15px 12px 0 12px;
	vertical-align            : top;
}

#content .lineup table td img{
	float                     : left;
	display                   : block;
	margin                    : 0 10px 5px 0;
}

#content .menu_background{
	background-image: url("/solution/image/menu/empty.jpg");

}

#content p {
	text-align: justify;
}


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

.b {
	font-weight:bold;
	line-height:130%;
}

.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;
}

.box1 /*赤*/ {
	border:1px solid #870000;
	margin:5px 2px;
	padding:5px 8px;
}

.box2 /*青*/{
	border:1px solid #004C90;
	margin:5px 2px;
	padding:5px 8px;
}

.center{
	text-align: center;
}

.white		{ color: #fff;}
.gray_l		{ color: #999;}
.gray		{ color: #666;}
.orange		{ color: #c60;}
.blue		{ color: #31659c;}
.red		{ color: #DE1C28;}
.red_d		{ color: #870000;}
.green		{ color: #008000;}

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


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


/* 仕様表 */
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                : center;
}

table.spec th.set {
	background-color: #99ccfc;
}


table.spec ul.set {
	padding-left: 10px;
	_padding-left: 0px;
	_margin-left: 14px;
}

table.spec td {
	background-color          : #fff;
	padding                   : 10px;
/*	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%;
	width                     : 100%;
	_width                     : 85%;
}
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;
}


/*-------------------------------------------------
  ソリューション　INDEX
---------------------------------------------------*/

.lineup dl dt dd{
	line-height:120%;
}

#content .lineup_bgimage{
	background:transparent  url("/solution/image/header_01_menu.gif")  no-repeat scroll left top;
	clear:both;
	width: 418px;
	padding:25px 0 0 0;
	border: 1px solid #D6D6D6;
}

#content .container{
	/*background:transparent  url("/solution/image/header_01_menu.gif")  no-repeat scroll left bottom;*/
	margin:0;
	padding:10px;
}


/**** 製品トップ ****/
#product_info {
	float                     : left;
	width                     : 324px;
	padding-top               : 12px;
}
#product_info .name {
}
#product_info .model {
}
#product_info .price {
}
#product_info ul.feature {
	margin                    : 1em 0 2em 2em;
	padding                   : 0;
}
#product_info ul.feature li {
	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 h3 {
	background                : #ddd url('/solution/image/h_bg0.gif') repeat-x scroll left center;
	margin                    : 3em 0 0.75em 0;
	text-indent               : 20px;
	line-height               : 200%;
	padding-top               : 2px;
	clear                     : both;
}

.content_body h4.package_lineup{
	margin-top:3em;
}

.content_body h4 {
	fonnt-size                : 14px;
	margin                    : 0;
	text-indent               : 3px;
	line-height               : 200%;
	padding                   : 0;
	border-bottom             :1px solid #ccc;
	clear                     : both;
}

.content_body p {
	line-height               : 140%;
	letter-spacing            : 0.1em;
}

.content_body div.page_title {
	color                     : #666;
	margin                    : 0 0 24px 4px;
	font-size                 : 16px;
	_font-size                : 135%;
	font-weight               : bold;
}
.content_extra {
	float                     : right;
	display                   : inline;
	width                     : 170px;
	margin                    : 9px 0 0 0;
}

.content_body ul.list_space {
	margin: 0;
}

.content_body ul.list_space li {
	padding:0.5em 0;
}

.content_body h2.introduction {
	background                : url('/solution/virtualserver/introduction/image/intro_h2.gif') no-repeat left ;
	font-size:14px; color:#fff; 
	padding:0.5em 0.5em 0.5em 1em;
}

/**** その他関連情報 ****/
.content_extra div.else {
	background-color          : #fff0b4;
	padding                   : 5px;
	border                    : 1px solid #4c4c4c;
}
.content_extra div.else img{
	margin                    : 7px 0 2px 0;
}

.content_extra img.ban{
	margin-bottom             :12px;
}


.content_extra div.box_side_package_bg{
	background:transparent  url("/solution/image/back_package_top.gif")  no-repeat scroll left top;
	clear:both;
	width: 168px;
	padding:25px 0 0 0;
}

.content_extra div.box_side_package{
	background:transparent  url("/solution/image/back_package_top.gif")  no-repeat scroll left bottom;
	margin:0;
	padding:0 10px 10px;
}

.content_extra div.box_side_package_01{
	border-bottom:1px dotted #ccc;
	padding-bottom:8px;
	margin-bottom:8px;
}

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

.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('/solution/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('/solution/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('/solution/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;
}

/*-------------------------------------------------
  コラムページ
---------------------------------------------------*/

/*-------ページナビ------*/
ul.pagenavigation,ul.pagenavigation ol,ul.pagenavigation li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ul.pagenavigation {
margin:-7px 0 4em 0;
min-height:28px;
padding:0;
position:relative;
}

ul.pagenavigation li {
font-family:verdana,helvetica,arial,sans-serif;
margin:0;
padding:4px 0 0;
text-align:center;
}

ul.pagenavigation li ol {
display:inline;
margin:0;
padding:0;
}

ul.pagenavigation li ol li {
display:inline;
margin:0 2px;
}

ul.pagenavigation li ol li a.current, ul.pagenavigation li ol li a:hover {
background:#004988 none repeat scroll 0 0;
}
ul.pagenavigation li ol li a {
background:#999999 none repeat scroll 0 0;
color:#ffffff !important;
padding:3px 7px;
text-decoration:none !important;
}

ul.pagenavigation li ol li span {
background:#fff none repeat scroll 0 0;
color:#323232 !important;
border:1px solid #323232;
padding:3px 7px;
text-decoration:none !important;
}

/*-------------------------------------------------
  仮想化とは
---------------------------------------------------*/

#knowhow_top_ban {
}
#knowhow_top_ban ul.index_menu {
	list-style-type:none;
	margin:0;
	padding:0;
}
#knowhow_top_ban ul.index_menu li {
	margin: 5px 0 5px 10px;
	line-height: 130%;
}
#knowhow_top_ban ul.index_menu li a {
	padding: 0 0 0 15px;
	text-decoration:none;
}
#knowhow_top_ban ul.index_menu li.current a {
	background: transparent url('/solution/virtualserver/knowhow/image/point.gif') no-repeat scroll left top;
	color:#e65420;
	text-decoration:none;
	font-weight:bold;
}

#knowhow_top_ban ul.index_menu li a:hover {
	background: transparent url('/solution/virtualserver/knowhow/image/point.gif') no-repeat scroll left top;
}

/*-------------------------------------------------
  コンサルティング
---------------------------------------------------*/

#consulting_top_ban {
	width:756px;
	height:210px;
	border:1px solid #555da1;
}
#consulting_top_ban ul.index_menu{
	list-style-type:none;
	margin:40px 0 0 -20px;
	padding:0;
}
#consulting_top_ban ul.index_menu li{
	margin: 3px 0 5px 20px;
	line-height: 130%;
}
#consulting_top_ban ul.index_menu li a{
	padding: 0 0 0 15px;
	text-decoration:none;
}
#consulting_top_ban ul.index_menu li.current a{
	background: transparent url('/solution/virtualserver/introduction/image/point.gif') no-repeat scroll left top;
	color:#e65420;
	text-decoration:none;
	font-weight:bold;
}

#consulting_top_ban ul.index_menu li a:hover {
	background: transparent url('/solution/virtualserver/introduction/image/point.gif') no-repeat scroll left top;
}

/******** コンサルティング左メニュー ********/
/* consulting_leftmenu heading */
.consulting_leftmenu {
	width: 168px;
}
.consulting_leftmenu strong {
	display                   : block;
	margin                    : 20px 0 0 0;
	width:168px;
	font-size:110%;
}
.consulting_leftmenu strong a:link, .consulting_leftmenu strong a:active, .consulting_leftmenu strong a:visited, .consulting_leftmenu strong a:hover {
	color:#CC6600;
	text-decoration:none;
}

/* consulting_leftmenu lists */
.consulting_leftmenu ul {
	background: #d0d0b0 url('/common/image/main_menu03_bg.gif') no-repeat top left;
	margin: 7px 0 0 0;
	padding: 9px 0 3px 0;
	border-bottom: solid 1px #889;
}
.consulting_leftmenu li.noborder {
	background: #f3f3ea url('/common/image/server_leftmenu__space.gif') no-repeat top left;
	margin: -8px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 75%;
	line-height: 1.5em;
}
.consulting_leftmenu li {
	background: #f3f3ea url('/common/image/main_menu02_list_bg.gif') no-repeat scroll top left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 75%;
	line-height: 1.5em;
}
.consulting_leftmenu li a {
	background: transparent no-repeat scroll center left;
	display: block;
	width : 153px;
	padding: 0.5em 0;
}
.consulting_leftmenu li a span {
	display: block;
	margin-left: 12px;
}


/* consulting_leftmenu links */
/* Indent level 1 */
.consulting_leftmenu li a:link, .consulting_leftmenu li a:visited {
	background-image: url('/common/image/main_menu03_list_l1_link.gif');
	color: #2c4d8d;
	text-decoration: none;
}
.consulting_leftmenu li a:hover, .consulting_leftmenu li a:active {
	background-image: url('/common/image/main_menu03_list_l1_hover.gif');
	color: #CC6600;
	text-decoration: underline;
}

/* consulting_leftmenu current links */
/* Indent level 1 */
.consulting_leftmenu .current a:link, .consulting_leftmenu .current a:visited, .consulting_leftmenu .current a:hover, .consulting_leftmenu .current a:active {
	background-image: url('/common/image/main_menu03_list_l1_hover.gif');
	color: #CC6600;
	text-decoration: none;
}

div.solution_box{
		background: transparent url('/products/consulting/image/solution_box.gif') no-repeat scroll top left;
		margin: 30px 0 10px 0;
		padding-top: 7px;
		width: 540px;
		clear: both;
		color:#ffffff;
		}
div.solution_box div.bluecontainer{
		background: transparent url('/products/consulting/image/solution_box.gif') no-repeat scroll bottom left;
		margin: 0;
		padding: 0 15px 7px 15px;
		}
/******************** スタッフテーブル ************************/
table.staff{
	font-size: 12px;
	border:1px #999 solid;
	border-collapse:collapse;
	width:520px;
	margin-bottom:20px;
}
table.staff th{
	border:1px #999 solid;
	border-collapse:collapse;
	padding:7px 1px 5px 7px;
	text-align: center;
}
table.staff td{
	border:1px #999 solid;
	border-collapse:collapse;
	padding:7px 1px 5px 7px;
}


strong.quality {
	clear:		both;
	color:		#555DA1;
	display:	block;
}

/*-------コンサルティング footer navi ------*/


#footer_navi {
	padding-bottom:1em;
}

#footer_navi ul.index_menu{
	list-style-type:none;
	margin:20px 0 0 0;
	padding:0;
}
#footer_navi ul.index_menu li{
	margin: 3px 0 5px 20px;
	line-height: 130%;
}
#footer_navi ul.index_menu li a{
	padding: 0 0 0 15px;
	text-decoration:none;
}
#footer_navi ul.index_menu li.current a{
	background: transparent url('/solution/virtualserver/introduction/image/point_navi.gif') no-repeat scroll left top;
	color:#e65420;
	text-decoration:none;
	font-weight:bold;
}

#footer_navi ul.index_menu li a:hover {
	background: transparent url('/solution/virtualserver/introduction/image/point_navi.gif') no-repeat scroll left top;
}

.next_page {
	margin:		20 10 10 10;
	float:		right;
	color:		grey;
}

.prev_page {
	margin:		20 10 10 10;
	float:		left;
	color:		grey;
}


/*-------------------------------------------------
  ソリューションパッケージ 共通
---------------------------------------------------*/

/********* ソリューションパッケージ BOX **********/

.content_body img.package_st_image{
	float:left;
	margin-top:1em;
}

.content_body div.package_st{
	float:left;
	width:290px;
}

.content_body div.package_st02{
	border:1px solid #ccc; 
	margin-left:1em;
	padding-left:2em; 
	width: 400px;
	_width: 450px;
}

.content_body p.package_text{
	padding:0px;
	_padding:12px 0 2px 0;

}



/********* ソリューションパッケージ TABLE **********/


table.sol_model {
	margin:			15px;
	border-spacing: 	0;
	border-collapse:	collapse; 
	border-top: 		1px solid #cccccc;
	font-size:		100%;
}

.sol_model tr {
}

.sol_model td { 
	padding:		0.5em 18px;
	vertical-align:		middle;
	border-bottom:		1px solid #cccccc;
}


.sol_model th { 
	padding:		0.5em 18px;
	background-color:	#DEE6EF;
	color:			#666666;
	vertical-align:		middle;
	border-bottom:		1px solid #cccccc;
}

td.sol_blue {
	text-align:		center;
	color:			#809EC1;
	font-weight:		bold;
	padding-top:		1.2em;
}

td.subheader {
	font-weight:		bold;
	color:			#555;
}



/*-------------------------------------------------
  ソリューションパッケージ 各ページ
---------------------------------------------------*/

/********* 10GbE **********/

#content .content_body div.box_10gbe{
	float: left;
	width: 200px;
	border: 1px solid #E0E0F8;
	background-color: #F1F1FC;
	padding:0 10px;
	margin: 0 10px;
}

#content .content_body strong.n{
	font-weight: normal;
}

#content .content_body em{
	font-style: normal;
}

#content .content_body div.mb_10gbe{
	margin-bottom:1.5em;
}