/*** default css ***/
/* 関連cssの読み込み、および共通した基本事項 */

@import url("modules.css");
@import url("layout.css");
@import url("header.css");

@charaset "UTF-8";

/*** common css ***/
/* ブラウザの特定要素に対する設定をリセット */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; clear:both;}
q:before,q:after{content:'';}

/* ブラウザによるフォント表示の差異をなくす */

/* 84.5% for !IE, keywords for IE Percents could work for IE, but for backCompat purposes, we are using keywords.
  x-small is for IE < 6 and IE6 quirks mode. */
body {
	color: #555;
	font:14px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
}

table {
	font-size:inherit;font:100%;
}

/* 99% for safari; 100% is too large */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/* Bump up !IE to get to 13px equivalent */
pre, code {font:115% monospace;*font-size:100%;}

/**** Anchor

#main a:link {
	color: #036;
}

#main a:visited {
	color: #036;
}

#main a:hover, a:active {
	color: #CC6600;
}
 ****/

 /**** Anchor ****/
 * a:link,a:visited {
 	color: #666;
 	text-decoration: none;
 }
 * a:hover,a:active {
 	color: #ee9500;
 }

/* リンク設定　未選択時のリンク色が青 */
.link01 a:link,.link01 a:visited {
	color: #3C7BC0;
}
.link01 a:hover,.link01 a:active {
	color: #ee9500;
}

/* リンク設定　footer　未選択時のリンク色がグレー */
.link02 a {
	text-decoration: none;
}
.link02 a:link,.link02 a:visited {
	color: #666;
}
.link02 a:hover,.link02 a:active {
	color: #ee9500;
}

/**** pの禁則処理とジャステフィケーション ****/

p {
	/*text-align: justify;*/
	line-break: strict;
}

/*テキスト本文　均等配置*/
/*
p {
	text-align: justify;
	text-justify: distribute;
}
*/

/**** clearfixでfloatを解除 ****/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
/* Mac IE4,5 Hack */
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/**** パンくず ****/
#topicpath {
	color:#666;
	line-height:140%;
	padding: 8px 4px 15px 4px;
	clear: both;
}

#topicpath h1 {
	display:inline;
	font-weight:normal;
	margin:0;
}

/**** back_to_top ****/
#back_to_top {
	clear:both;
	font-size:14px;
	margin:48 0 30 10px;
	text-align:right;
	width:746px;
}

#back_to_top p {
	text-align:right;
}

/*-------------------------------------------------
  TOPページ
---------------------------------------------------*/

/**** TOP バナー ****/

#index_top_ban{
	width: 753px;
	height: 293px;
	background: transparent url('/common/image/obs_top_ban.jpg') no-repeat scroll left top;
	margin: 13px 1px 0 1px;
	clear: both;
}
#index_top_ban h1 span{
	display: none;
}
#index_top_ban div.item_l{
	float:left;
	margin:240px 0 0px 30px;
	width:438px;
}
/*OpenBlockS 600詳細へ*/
#index_top_ban div.item_l a{
	width:178px;
	height: 33px;
	display:block;
}

#index_top_ban ul.item_r{
	margin:0 13px 0 5px;
	padding:11px 0 0 0;
	float:right;
}
#index_top_ban ul.item_r li a img{
	margin:0 0 5px 0;
}

/**** OpenBlockSとは ****/

#intro img.title {
	margin-top:15px
}
#intro div.box {
	width:756px;
	background-color: #d6dad9;
	padding:10px 0;
}
#intro table.container {
	background-color: #fff;
	border:1px solid #727272;
	margin:0 10px;
	width:736px;
}
#intro table.container td {
	vertical-align:top;
	border:1px dotted #c0c0c0;
	padding:12px;
}
#intro table.container td a {
	text-decoration:none;
}
/**** ラインナップ いらないかも****/

#lineup img.title {
	margin-top:15px;
}
#lineup div.box {
	width:756px;
	background-color: #d6dad9;
	padding:10px 0;
}
#lineup div.container {
	background-color: #fff;
	border:1px solid #727272;
	margin:0 10px;
	padding:5px;
}

/**** 特集 いらないっぽい****/
#feature img.title {
	margin-top:15px;
}
#feature div.box {
	background-color:#d6dad9;
	width:756px;
}
#feature div.container {
	padding:7px;
}
#feature div.container img{
	margin-right:2px;
}

/**** トピックス ****/
#topics img.title {
	margin-top:15px;
}
#topics div.box {
	width:756px;
}
#topics div.container {
	padding:10px;
	border:1px solid #00297c;
}

#topics table.top_product_table td{
	padding:2px;
	border-bottom: 1px dotted #ccc;
}

#topics table.top_product_table a{
	text-decoration: none;
}

/**** メルマガ配信ボタン ****/

.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:42px;
	-moz-border-radius-topleft:42px;
	border-top-left-radius:42px;
	-webkit-border-top-right-radius:42px;
	-moz-border-radius-topright:42px;
	border-top-right-radius:42px;
	-webkit-border-bottom-right-radius:42px;
	-moz-border-radius-bottomright:42px;
	border-bottom-right-radius:42px;
	-webkit-border-bottom-left-radius:42px;
	-moz-border-radius-bottomleft:42px;
	border-bottom-left-radius:42px;
text-indent:0px;
	border:1px solid #3866a3;
	display:inline-block;
	color:#14396a;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
height:30px;
	line-height:30px;
width:290px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7cacde;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}.classname:active {
	position:relative;
	top:1px;
}


/**** イントロメニュー ****/
#content #intro_menu {
	margin:0 0 0 24px;
}
#content #intro_menu div {
	float:left;
	margin-right:40px;
}
#content #intro_menu div a {
	color:#333;
	text-decoration:none;
}
#content #intro_menu div a.on {
	color:#bbb;
	text-decoration:none;
}
#content #intro_menu div a:hover, #intro_menu div a:active {
	color: #bbb;
}

/****  製品メニュー(ろこうちVer.) ****/
#lup_tab {
	clear                     : both;
	float                     :right;
	height                    : 30px;
}
#lup_tab .title{
	float                     : right;
}

#lup_tab .menu,#lup_tab .menu600 {
	float                     : right;
	margin                    : 0;
	padding                   : 0;
}
#lup_tab .menu li.left_on,#lup_tab .menu600 li.left_on {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 0 0 9px;
	line-height               : 20px;
	background                : transparent url('/common/image/menu_left_on.gif') no-repeat scroll left center;
}
#lup_tab .menu li.left_off,#lup_tab .menu600 li.left_off {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 0 0 9px;
	line-height               : 20px;
	background                : transparent url('/common/image/menu_left_off.gif') no-repeat scroll left center;
}
#lup_tab .menu li.right_on,#lup_tab .menu600 li.right_on {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 9px 0 0;
	line-height               : 20px;
	background                : transparent url('/common/image/menu_right_on.gif') no-repeat scroll right center;
}
#lup_tab .menu li.right_off,#lup_tab .menu600 li.right_off {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 9px 0 0;
	line-height               : 20px;
	background                : transparent url('/common/image/menu_right_off.gif') no-repeat scroll right center;
}
#lup_tab .menu li,#lup_tab .menu600 li {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0;
	line-height               : 20px;
}
#lup_tab .menu li.left_on a,#lup_tab .menu600 li.left_on a{
	border-left               : none;
}
#lup_tab .menu li.left_off a,#lup_tab .menu600 li.left_off a{
	border-left               : none;
}
#lup_tab .menu li.right_on a,#lup_tab .menu600 li.right_on a{
	border-right              : none;
}
#lup_tab .menu li.right_off a,#lup_tab .menu600 li.right_off a{
	border-right              : none;
}

#lup_tab .menu li a {
	display                   : block;
	padding                   : 0 12px;
	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 12px;
	text-decoration           : underline;
	color                     : #FFFFFF;
}
#lup_tab .menu li a.current {
	display                   : block;
	padding                   : 0 12px;
	color                     : #3E454E;
	text-decoration           : none;
	background-color          : #E4E9F0;
}

#lup_tab .menu600 li a {
	display                   : block;
	padding                   : 0 9px;
	color                     : #FFFFFF;
	text-decoration           : none;
	background-color          : #687382;
	border-top                : 1px solid #687382;
	border-right              : 1px solid #B8C2D0;
	border-bottom             : 1px solid #687382;
	border-left               : 1px solid #3E454E;
}
#lup_tab .menu600 li a:hover{
	display                   : block;
	padding                   : 0 9px;
	text-decoration           : underline;
	color                     : #FFFFFF;
}
#lup_tab .menu600 li a.current {
	display                   : block;
	padding                   : 0 9px;
	color                     : #3E454E;
	text-decoration           : none;
	background-color          : #E4E9F0;
}

#lup_tab .menu li a.current:visited,#lup_tab .menu600 li a.current:visited{
	color                     : #3E454E;
}
#lup_tab .menu li a:visited,#lup_tab .menu600 li a:visited{
	color                     : #FFFFFF;
}
/**** ラインナップ　トップ ****/
.lineup_box_img {
	float:left;
	margin:5px 25px 5px 5px;
}
.lineup_box_r {
	margin:15px 0 0 150px;
}
img.to_detail {
	margin:15px 0;
	display:block;
}
div.to_comparison {
	margin: 20px 0 40px 0;
	padding:8px;
	border:1px solid #888;
}

/**** 各ラインナップ　トップ ****/
#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;
	list-style-type           : circle;
}
#product_info ul.feature li {
	/*color                     : #12274f;*/
	margin                    : 0;
	padding                   : 0;
	font-weight               : normal;
}
#title_image {
	float                     : left;
	margin-right              : 12px;
}
/*.content_body h2 {
	background                : #e6eaf2 url('/common/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 #40c3c3;
	border-bottom             : 1px solid #a3a3a3;
}
.content_body h3 {
	background                : #ddd url('/common/image/h_bg0.gif') repeat-x scroll left center;
	color                     : #222;
	margin                    : 1.75em 0 0.75em 0;
	text-indent               : 24px;
	line-height               : 200%;
}
.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;
}*/
#content h2 {
	background                : #e6eaf2 url('/common/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 #004f43;
	border-bottom             : 1px solid #a3a3a3;
}

#content h3 {
	background                : #ddd url('/common/image/h_bg5.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 p {
	line-height               : 140%;
}

#content div.page_title {
	color                     : #666;
	margin                    : 10px 0 24px 4px;
	font-size                 : 16px;
	_font-size                : 135%;
	font-weight               : bold;
}
/**** トピックス ****/
#lup_top_topics { line-height:150%;
}

#lup_top_topics .box {
	margin                    : 18px 0 0 0;
	padding                   : 0 0 18px 0;
	border-bottom             : 1px dotted #999;
}

/* エージング */
#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%;
	border-collapse: separate;
	border-spacing: 0;
	cellspacing: 0;
}

table.spec caption {
	color                     : #777;
	font-weight               : bold;
}
table.spec th {
	width: 80px;
	padding                   : 4px 4px 4px 6px;
	background-color          : #e6eaf2;
	font-weight               : normal;
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
	text-align                : left;
	border-collapse: separate;
	border-spacing: 0;
	cellspacing: 0;
}

table.spec td {
	padding                   : 4px 4px 4px 6px;
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
	border-collapse: separate;
	border-spacing: 0;
	cellspacing: 0;
}
/* 価格表 */
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;
/*	width: 140px; */
}

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;
	border-collapse: separate;
	border-spacing: 0;
	cellspacing: 0;
	float                     : left;
}

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

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

/* 活用例目次 */

#content table.casestudy_index {
	margin-bottom             :15px;
	line-height               : 150%;
}
#content table.casestudy_index td{
	padding                   :12px;
}
#content table.casestudy_index td ul{
	padding                   : 0 0 0 8px;
	margin                    : 0 0 0 8px;
	list-style-type           : circle;
	line-height               : 170%;
}
#content table.casestudy_index strong a{
	text-decoration           : none;
	color                     : #014667;
}
/**** ボックス ****/
.extra_box01 {
	background-color          : #eee;	/*#e6eaf2*/
	margin                    : 6px 0;
	padding                   : 10px;
	/*border                    : 1px solid #6A89A0;*/
}

.extra_box01 .box_tit {
	color                     : #333;
}
/**** リスト ****/
ul.list_lev {
	margin                    : 0;
	padding                   : 0;
	list-style-type           : none;
}
/*
ul.list_lev li {
	background                : transparent url('/common/image/arrow00.gif') no-repeat scroll left top;
	margin                    : 5px 0 5px 0;
	padding                   : 0;
	line-height               : 110%;
}
*/


/* サイドメニュー 関連情報リスト 三角マーク*/
ul.list_lev li {
	margin                    : 5px 0 5px 0;
	padding                   : 0;
	line-height               : 140%;
	position:relative;
	padding-left:5px;
}
/* サイドメニュー 関連情報リスト 三角マーク*/
ul.list_lev li:before{
	content:'';
	display:block;
	position:absolute;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px;
	left:2px;
	height:0;
	width:0;
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #666;
}

/* 三角マーク（ヘッダー部分） */
.mark01 {
	margin                    : 5px 0 5px 0;
	padding                   : 0;
	line-height               : 140%;
	position:relative;
	padding-left:15px;
}
/* 三角マーク（ヘッダー部分）*/
.mark01:before{
	content:'';
	display:block;
	position:absolute;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:1px;
	left:2px;
	height:0;
	width:0;
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #666;
}

/* 三角マーク（font-size 14px） */
.mark02 {
	margin                    : 5px 0 5px 0;
	padding                   : 0;
	line-height               : 140%;
	position:relative;
/*	padding-left:15px;*/
}
/* 三角マーク（font-size 14px）*/
.mark02:before{
	content:'';
	display:block;
	position:absolute;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px;
	left:2px;
	height:0;
	width:0;
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #666;
}


/* サイドメニュー 事例リスト 三角マーク*/
ul.jirei_list01 ul li {
	margin                    : 5px 0 5px 0;
	padding                   : 0;
	line-height               : 140%;
	position:relative;
	padding-left:15px;
}
/* サイドメニュー 事例リスト 三角マーク*/
ul.jirei_list01 ul li:before{
	content:'';
	display:block;
	position:absolute;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px;
	left:2px;
	height:0;
	width:0;
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #666;
}


ul.list_lev li a, ul.list_lev li .tit {
	display                   : block;
	/*width                     : 144px;*/
	margin-left               : 10px;
}
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('/common/image/arrow01.gif') no-repeat scroll left top;
	margin                    : 0;
	padding                   : 0;
	line-height               : 140%;
}
ul.list_lev ul li a {
	display                   : block;
	/*width                     : 144px;*/
	margin-left               : 10px;
}
/**** リスト ****/
ul.list_flat {
	margin                    : 9px 0;
	padding                   : 0;
	list-style-type           : none;
}
ul.list_flat li {
	background                : transparent url('/common/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;
}
/**** FAQ 背景アイコン ****/
a.obsfaq{
	/*background                : url('/common/image/faq_icon.gif') no-repeat left center;*/
	margin-left               : 14px;
	/*padding                   : 3px 0;*/
}
/*********** アプリケーションマネージャページ ************/

#software_lineup{
	padding:0 0 0 15px;
	margin:20px 0 0 0;
}

#software_lineup div.item_box{
	padding:12px 0 0 0;
	border-bottom:1px dotted #19386e;
}

#software_lineup  div.item_box img.item_img{
	float:left;
	margin:0 15px 0 0;
	border:1px solid #ccc;
}

div.partner_box{
		background: transparent url('/products/600/image/partner_frame.gif') no-repeat scroll top left;
		margin: 15px 0;
		padding-top: 7px;
		width: 170px;
		clear: both;
		}
div.partner_box div.container{
		background: transparent url('/products/600/image/partner_frame.gif') no-repeat scroll bottom left;
		margin: 0;
		padding: 0 7px 5px 7px;
		}
div.partner_box div.container p{
		font-size:10px;
		}
div.partner_box div.container img{
		text-align:center;
		margin-top:3px;
		}

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

#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 1em;
	padding: 0.5em 0 0.5em 1em;
}

#appliance p{
	padding:0 2em 1em;
}

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

#appliance .appliance_oem_l{
	float:left;
	width:45%;
	margin-top: 2em;
}


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

#appliance .appliance_oem{
	float:right;
	width:50%;
	margin-top: 2em;
}

#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%;
	margin-top: 2em;
}

#appliance .appliance_usage{
	float:right;
	width:50%;
	margin-top: 2em;

}

#appliance .appliance_usage h4{
	padding-top:0.5em
}
/*********** ここからGreen ITページ ************/

/* タブメニュー */

/* 導入例ページ */
#green_it1_on{
		width:760px;
		height:24px;
		background-image:url(/feature/green_it/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(/feature/green_it/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(/feature/green_it/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('/feature/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('/feature/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;
		}

/*  BSDライセンスソース著作権、消さないでください
Copyright (c) 2006, Yahoo! Inc. All rights reserved.   Code licensed under the BSD License:   http://developer.yahoo.net/yui/license.txt   version: 0.10.0   */

/* 事例 */

#houjin {
	float                     : left;
	line-height               : 150%;
}
#pubday {
	float                     : right;
	line-height               : 150%;
}
.notes { /* 注釈 */
	color                     : #555;
	margin                    : 0.5em;
	line-height               : 110%;
}
.img_notes_l {/* 注釈付画像BOX */
	float                     : left;
	color                     : #555;
	margin                    : 12px 6px;
	font-size                 : 90%;
	line-height               : 110%;
	text-align                : center;
}
.img_notes_l img {
	margin                    : 3px;
}
.img_notes_r {/* 注釈付画像BOX */
	float                     : right;
	color                     : #555;
	margin                    : 12px 6px;
	font-size                 : 90%;
	line-height               : 110%;
	text-align                : center;
}
.img_notes_r img {
	margin                    : 3px;
}

.profile-box {
	background-color          : #eed;
	padding                   : 6px;
	line-height               : 135%;
	word-wrap                 : break-word;
	word-break:break-all;
}
.profile-box .site {
	margin                    : 1em 0;
	padding                   : 3px;
	line-height               : 125%;
	border                    : solid 1px #ccd;
}
#other_back{
	padding                   : 6px;
	margin: 0px;
	line-height               : 180%;
	word-wrap                 : break-word;
	word-break:break-all;
	background-color          : #F5F5F5;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
/* かわうそ(FAQ管理システム) */
ul#faqs_menu {
	clear                     : left;
	margin                    : 1em 0 1em 0;
	padding                   : 0 0 1em 0;
	list-style-type           : none;
	border-bottom             : dotted 1px #666;
	width:95%\9; /* IE8 and below */
}
ul#faqs_menu li.xfolkentry {
	clear                     : both;
	margin                    : 0.75em 0;
}
ul#faqs_menu li.xfolkentry div.question {
	background                : transparent url('/common/image/list_suq_pieces.gif') scroll no-repeat left top;
	margin                    : 0 10px 0 0;
	padding                   : 0 0 0 1.5em;
	line-height               : 1.4em;
	display                   : inline;
}
ul#faqs_menu li.xfolkentry div.new {
	display                   : inline;
	margin                    : 0;
	padding                   : 0;
	color                     : #FF0033;
}
ul#faqs_menu li.xfolkentry div.updateart {
	display                   : inline;
	margin                    : 0;
	padding                   : 0;
	color                     : #FF0033;
}
ul#faqs_menu li.xfolkentry div.date {
	display                   : inline;
	margin                    : 0;
	padding                   : 0;
	color                     : #999;
}
ul#faqs_menu li.xfolkentry div.update {
	display                   : inline;
	margin                    : 0;
	padding                   : 0;
	color                     : #999;
}
ul#faqs_contents {
	margin                    : 2em 0;
	padding                   : 0;
	list-style-type           : none;
}
ul#faqs_contents li.xfolkentry {
	clear                     : right;
}
ul#faqs_contents li.xfolkentry div.question {
	color                     : #333;
	background                : #cef url('/common/image/list_suq_pieces.gif') scroll no-repeat left top;
	margin                    : 0em 0 1em 0;
	padding                   : 0 0 0 2em;
	font-weight               : bold;
	line-height               : 1.4em;
	text-align                : left;
}
ul#faqs_contents li.xfolkentry div.answer {
	margin                    : 1em 0 1em 2em;
	font-family               : "ＭＳ ゴシック", monospace;
	line-height               : 1.2em;
	text-align                : left;
	color                     : #000;
	width:98%\9; /* IE8 and below */
	word-wrap: break-word\9; /* IE8 and below */
}
ul#faqs_contents li.xfolkentry .new {
	color                     : #FF0033;
	text-align                : right;
}
ul#faqs_contents li.xfolkentry .updateart {
	color                     : #FF0033;
	text-align                : right;
}
ul#faqs_contents li.xfolkentry .date {
	color                     : #999;
	text-align                : right;
}
ul#faqs_contents li.xfolkentry .update {
	color                     : #999;
	text-align                : right;
}
ul#faqs_contents li.xfolkentry .id {
	color                     : #999;
	text-align                : right;
}
ul#faqs_contents li.xfolkentry a.faqs_back {
	float:right;
	margin                    : 0 0 1em 0;
	text-align                : right;
}
ul#faqs {
	clear                     : left;
	margin                    : 1em 0 3em 0;
	padding                   : 0;
}
ul#faqs_contents .intranet_edit {
	clear                     : both;
	color                     : #666;
	padding                   : 3px;
	text-align                : right;
}
ul#faqs_contents .intranet_edit .layoutbox {
	background-color          : #ff9;
}

ul#faqs_contents div.answer pre {
	background-color          : #efe;
	width                     : auto;
	_width                    : 100%;
	overflow                  : scroll;
	_padding-bottom           : 1.5em;
	white-space:pre-wrap;
}

ul#faqs_contents .f_spec_table02 {
	font-size                 : 100%;
}

/*********** アプリケーションマネージャ ************/

/* ソフトウェア一覧表 */
table.soft {
	border-collapse           : collapse;
	border-right              : 1px solid #9ab;
	border-top                : 1px solid #9ab;
	font-size                 : 90%;
	width                     : 540px;
}
table.soft caption {
	color                     : #777;
	font-weight               : bold;
}
table.soft 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.soft td {
	background-color          : #fff;
	padding                   : 3px 3px 3px 5px;
	/*font-family               : 'ＭＳ ゴシック', monospace;*/
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
}

/* アプリケーション詳細ページ */

div.d_title{
	text-align:center;
	vertical-align:middle;
	margin-top:1em;
	color:#fff;
	background:url(/products/600/software_details/image/software_title.gif) repeat-x;
	font-size:140%; padding:5px 10px;
	font-weight:bold;
}

.usage_image {
	float                     : right;
	margin-left               : 12px;
}

.capture_box{
	float                     : left;
	padding-right             : 18px;
}

.capture_box img{
	padding-top               : 8px;;
}

table.f_desknets{
	line-height               : 140%;
}

table.f_desknets td{
	padding                   : 4px 10px;
	border                    : 2px solid #fff;
}


/*-------------------------------------------------
  特集：SoftwareDesign 連載記事ページ
---------------------------------------------------*/

#content_header{
	margin:0 0 15px 0;
	_margin-bottom: 2em;
}

#content .sd {
	background                : #fff url('/feature/sd/image/bg_h2.gif') repeat-x scroll left center;
	color                     : #fff;
	margin                    : 1.75em 0 0.75em 0;
	padding                   : 0 0 0 12px;
	line-height               : 250%;
	border                    : none;
	border-top                : none;
	border-bottom             : 1px solid #003399;
}

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

#content pre.code{
	background-color:#EEEEEE;
	border:1px solid #D9D9D9;
	color:#006600;
	font-family:monospace;
	font-size:10px;
	line-height:125%;
	padding:10px;
}

#content p.reference{
	text-align:right;
	margin-top:1em;
}

#content .column {
	background:#F5F5F5 none repeat scroll 0% 0%;
	border:1px solid #CCCCCC;
	margin:1.8em 0pt;
}

div.column p,div.column table,div.column dl dt {
	margin-left: 20px;
	margin-right: 20px;
}

div.column img {
	margin: 10px 20px;
}

#content .column .columnTitle {
	background:#E5E5E5 none repeat scroll 0% 0%;
	border-bottom:1px solid #CCCCCC;
	color:#333333;
	margin:0pt 0pt 10px;
	padding:6px 0px;
}


/*-------ページナビ------*/
ul.pagenavigation,ul.pagenavigation ol,ul.pagenavigation li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
ul.pagenavigation {
	margin-top:2em;
	min-height:40px;
	padding:0;
	position:relative;
	border-bottom:1px solid #ccc;
}

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:#FFFFFF none repeat scroll 0pt 0pt;
	border:1px solid #323232;
	color:#323232 !important;
	padding:3px 7px;
	text-decoration:none !important;
}

.top_navi{
	width:620px;
	float:left;
	margin-left:4em;
}

/* 販売終了モデル */
#discon {
	margin: 20 0 0 10px;
}

.footer_navi{
	margin: 3em 0 0 3em;
	_margin-top: 4em;
}
/****--------死活監視コンテンツ用に追加---------****/
ul.page_navi,ul.page_navi ol,ul.page_navi li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
ul.page_navi {
	margin:0;
	min-height:40px;
	padding:20px 0 0 0;
	position:relative;
}
ul.page_navi { margin-bottom/*\**/: 20px\9; }

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

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

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

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

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

/*-------600/600D 見積もりフォームボタン------*/

#content .order{
	width:549px;
	height:124px;
	background-image: url(/common/image/order_back.jpg);
	margin-left: 6px;
}

#content .order_l{
	margin: 36px 0 0 18px;
	width: 240px;
	_width: 250px;
	float:left;
}

#content .order_r{
	width:240px;
	margin: 36px 14px 0 0;
	float:right;
}

#content .order_image_r{
	float:right;
}

#content a.btn_order {
	display:block;
	width:234px;
	background:url(/common/image/btn_order.jpg) no-repeat;
	height:40px;
	text-indent: -1000px;
}

#content a.btn_order:hover{
	background:url(/common/image/btn_order.jpg) no-repeat 0 -40px;
}

#content a.btn_online{
	display:block;
	width:234px;
	background:url(/common/image/btn_online.jpg) no-repeat;
	height:40px;
	text-indent: -1000px;
}

#content a.btn_online:hover{
	background:url(/common/image/btn_online.jpg) no-repeat 0 -40px;
}

#content p.order_form_text{
	font-size:10px;
	color:#666666;
	margin-top:0.5em;
}

/*------- EasyBlocksメニューボタン ------*/

#eb_menu_tab {
    clear: both;
    height: 38px;
    margin-bottom:14px;
}

#eb_menu_tab .eb_menu li{
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* feature */

#eb_menu_tab .eb_menu li.feature a {
  text-decoration: none;
  text-indent: -9999px;
  display: block;
  width: 126px;
  height: 37px;
  background: url(/common/image/ebmenu_01.jpg) no-repeat 0 0;
}

#eb_menu_tab .eb_menu li.feature a.current,#eb_menu_tab .eb_menu li.feature a:hover {
  text-decoration: none;
/*  background-color: transparent;  */
  background: url(/common/image/ebmenu_01.jpg) 0px -39px;
}

/* application */

#eb_menu_tab .eb_menu li.application a {
  text-decoration: none;
  text-indent: -9999px;
  display: block;
  width: 125px;
  height: 37px;
  background: url(/common/image/ebmenu_02.jpg) no-repeat 0 0;
}

#eb_menu_tab .eb_menu li.application a.current,#eb_menu_tab .eb_menu li.application a:hover {
  text-decoration: none;
/*  background-color: transparent;  */
  background: url(/common/image/ebmenu_02.jpg) 0px -39px;
}

/* spec */

#eb_menu_tab .eb_menu li.spec a {
  text-decoration: none;
  text-indent: -9999px;
  display: block;
  width: 125px;
  height: 37px;
  background: url(/common/image/ebmenu_03.jpg) no-repeat 0 0;
}

#eb_menu_tab .eb_menu li.spec a.current,#eb_menu_tab .eb_menu li.spec a:hover {
  text-decoration: none;
/*  background-color: transparent;  */
  background: url(/common/image/ebmenu_03.jpg) 0px -39px;
}

/* pict */

#eb_menu_tab .eb_menu li.pict a {
  text-decoration: none;
  text-indent: -9999px;
  display: block;
  width: 126px;
  height: 37px;
  background: url(/common/image/ebmenu_04.jpg) no-repeat 0 0;
}

#eb_menu_tab .eb_menu li.pict a.current,#eb_menu_tab .eb_menu li.pict a:hover {
  text-decoration: none;
/*  background-color: transparent;  */
  background: url(/common/image/ebmenu_04.jpg) 0px -39px;
}

/* support */

#eb_menu_tab .eb_menu li.support a {
  text-decoration: none;
  text-indent: -9999px;
  display: block;
  width: 125px;
  height: 37px;
  background: url(/common/image/ebmenu_05.jpg) no-repeat 0 0;
}

#eb_menu_tab .eb_menu li.support a.current,#eb_menu_tab .eb_menu li.support a:hover {
  text-decoration: none;
/*  background-color: transparent;  */
  background: url(/common/image/ebmenu_05.jpg) 0px -39px;
}

/* price */

#eb_menu_tab .eb_menu li.price a {
  text-decoration: none;
  text-indent: -9999px;
  display: block;
  width: 126px;
  height: 37px;
  background: url(/common/image/ebmenu_06.jpg) no-repeat 0 0;
}

#eb_menu_tab .eb_menu li.price a.current,#eb_menu_tab .eb_menu li.price a:hover {
  text-decoration: none;
/*  background-color: transparent;  */
  background: url(/common/image/ebmenu_06.jpg) 0px -39px;
}

/*------- EasyBlocks ------*/


#eb_menu_tab {
    clear: both;
    height: 38px;
    margin-bottom:14px;
    background-color:#215900;
    width:753px;
    border-bottom:5px solid #4ab20b;
}

#eb_menu_tab ul li{
    float: left;
    height: 38px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    color:#ffffff;
    display:block;
    text-align:center;
    width:125px;
}

#eb_menu_tab ul li.end{
    width:128px;
}

#eb_menu_tab ul li.in{
    background-color:#4ab20b;
}

#eb_menu_tab ul li a{
    color:#ffffff !important;
    text-decoration:none;
    display: block;
    padding-top: 12px;
}

#eb_menu_tab ul li a:hover{
    background-color:#4ab20b;
    height: 30px;
    _height: 38px;
}

/*------- EasyBlocks patrolclarice------*/


#eb_patrolclarice_menu_tab {
    clear: both;
    height: 38px;
    margin-bottom:14px;
    background-color:#105955;
    width:753px;
    border-bottom:5px solid #20b2aa;
}

#eb_patrolclarice_menu_tab ul li{
    float: left;
    height: 38px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    color:#ffffff;
    display:block;
    text-align:center;
    width:125px;
}

#eb_patrolclarice_menu_tab ul li.end{
    width:128px;
}

#eb_patrolclarice_menu_tab ul li.in{
    background-color:#20b2aa;
}

#eb_patrolclarice_menu_tab ul li a{
    color:#ffffff !important;
    text-decoration:none;
    display: block;
    padding-top: 12px;
}

#eb_patrolclarice_menu_tab ul li a:hover{
    background-color:20b2aa;
    height: 30px;
    _height: 38px;
}

/*------- EasyBlocks hinemos------*/


#eb_hinemos_menu_tab {
    clear: both;
    height: 38px;
    margin-bottom:14px;
    background-color:#105955;
    width:753px;
    border-bottom:5px solid #20b2aa;
}

#eb_hinemos_menu_tab ul li{
    float: left;
    height: 38px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    color:#ffffff;
    display:block;
    text-align:center;
    width:125px;
}

#eb_hinemos_menu_tab ul li.end{
    width:128px;
}

#eb_hinemos_menu_tab ul li.in{
    background-color:#20b2aa;
}

#eb_hinemos_menu_tab ul li a{
    color:#ffffff !important;
    text-decoration:none;
    display: block;
    padding-top: 12px;
}

#eb_hinemos_menu_tab ul li a:hover{
    background-color:20b2aa;
    height: 30px;
    _height: 38px;
}


/*------- EasyBlocks 教育機関向けProxyモデル ------*/


#eb_proxy_menu_tab {
    clear: both;
    height: 38px;
    margin-bottom:14px;
    background-color:#005880;
    width:753px;
    border-bottom:5px solid #019BE1;
}

#eb_proxy_menu_tab ul li{
    float: left;
    height: 38px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    color:#ffffff;
    display:block;
    text-align:center;
    width:125px;
}

#eb_proxy_menu_tab ul li.end{
    width:128px;
}

#eb_proxy_menu_tab ul li.in{
    background-color:#019BE1;
}

#eb_proxy_menu_tab ul li a{
    color:#ffffff !important;
    text-decoration:none;
    display: block;
    padding-top: 12px;
}

#eb_proxy_menu_tab ul li a:hover{
    background-color:#019BE1;
    height: 30px;
    _height: 38px;
}

/*------- OpenBlockS CookBook ------*/

div.cookbook {
	width: 560px;
	float: right;
}

div.cookbook h4{
	margin:1.5em 0 1em 0;
}

div.cookbook ul{
	margin-left:2em;
	list-style-type: disc;
}

div.cookbook ul li.mb05{
	padding-bottom:0.8em;
}

div.cookbook ol{
	margin-left:2em;
	list-style-type: decimal;
}

div.cookbook ol li{
	margin-top:1em;
}

div.cookbook pre {
    background-color: #EEEEEE;
    border: 1px solid #D9D9D9;
    color: #006600;
    font-family: monospace;
    font-size: 12px;
    line-height: 125%;
    padding: 4px;
    word-wrap: break-word;
    margin:0.5em 0;
}

#content_menu strong.cookbook {
    display: block;
    font-size: 200%;
    margin: 20px 0 0 0;
}

#content_menu strong.cookbook a{
    text-decoration: none;
    color:#000000 !important;
}

/*------- DHCPサーバー単独運用のススメ ------*/
#content div.dso_box{
	background-color:#ddd;
	padding:8px;
}
#content div.dso_box_s{
	background-color:#fff;
	padding:1.5em 0.5em 1.5em 1em;
}
#content div.dso_box_s p.qa{
	font-size:120%;
	font-weight: bold;
	/*text-indent:-1em;*/
	padding-left:0.5em;
}

#content p.cursor{
	text-align:center;
	margin:24px 0;
}

#content table.qa_01t{
	width:100%;
	_width:90%;
	border: 2px #fff solid;
	border-collapse: separate;
	border-spacing: 5px;
	margin-top:0.5em;
}

#content table.qa_01t td{
	padding:1em 0;
	width:33%;
	_width:30%;
}

/*------- ワイヤレスソリューション ------*/

#content img.wl_r5 {
	margin-right: 5px;
}

#content p.wl_p560{
	width: 560px;
}

#content .wl_m01{
	margin:1.5em 0;
}

#content .wl_m02{
	margin:1em 0;
}

#content div.wl_250{
	width: 250px;
}

#content div.wl_350{
	width: 350px;
}

#content div.wl_line_r{
	border-right: 1px dotted #ccc;
}

#content div.wl_iem{
	_margin-bottom: 2em;
}




/*------- 問合せサイドバー ------*/

.side_toi {
	width: 168px;
	border:1px solid #000000;
	padding:0;
	margin:6px 0;
}

.toi_h {
	width:168px;
	background: #000000;
	color:#ffffff;
	font-weight: bold;
	text-align:center;
	padding:5px 0;
}


/*------- 導入事例 ------*/

#jirei_title{
	width: 560px;
	margin:0;
	padding:0;
	text-align:left;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

p#jirei_mainTitle{
	width: 530px;
	font-size:24px;
	font-weight:bolder;
	padding:0 0 5px 10px;
	border-bottom:1px solid #000000;
	margin:0;
	line-height:26px;
}

p#jirei_subTitle{
	width: 530px;
	font-size:14px;
	padding:0 0 0 10px;
	font-weight:bold;
	margin:15px 0 0 0;
	line-height:16px;
}

p#jirei_corpName{
	width: 530px;
	color:#979797;
	font-size:12px;
	padding:0 0 0 10px;
	font-weight:bold;
	margin:10px 0 10px 0;
}

/* 画像レイアウト（div）　視覚的にプログラミング可能な「Node-RED」 */
.img05 {
	margin: 0 20 5 10px;
	float: left;
}

/* 画像レイアウト（img）　視覚的にプログラミング可能な「Node-RED」 */
.img05 img {
	margin: 0 10 10 10px;
}

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #050505;
	padding: 6px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

/* ボタン_デザイン 01 */
.button_01 {
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:10px 0;
  color:#fff;
  border: none;
	background-color: #009fe6;
	border-radius: 6px;
	box-shadow: 2px 2px 2px #3c7bc0;
}

a.button_01:link,a.button_01:visited {
	color: #fff;
}
a.button_01:hover {
	color: #fff;
	background-color: #3c7bc0;
	box-shadow: 2px 2px 2px #1a59a0;
}
a.button_01:active {
	color: #fff;
}


/* ボタン_デザイン 02 */
.button_02 {
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:10px 0;
  color:#fff;
  border: none;
	background-color: #EB8725;
	border-radius: 6px;
	box-shadow: 2px 2px 2px #bb6611;
}

a.button_02:link,a.button_02:visited {
	color: #fff;
}
a.button_02:hover {
	color: #fff;
	background-color: #efa152;
	box-shadow: 2px 2px 2px #EB8725;
}
a.button_02:active {
	color: #fff;
}


/* ボタン_デザイン 03 */
.button_03 {
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:10px 0;
  color:#fff;
  border: none;
	background-color: #009fe6;
	border-radius: 6px;
	box-shadow: 2px 2px 2px #3c7bc0;
}

a.button_03:link,a.button_03:visited {
	color: #fff;
}
a.button_03:hover {
	color: #fff;
	background-color: #3c7bc0;
	box-shadow: 2px 2px 2px #1a59a0;
}
a.button_03:active {
	color: #fff;
}


/* ボタン_デザイン 04　OBS Monster用*/
.button_04 {
	width: 400px;
	margin: 20px auto;
  font-size:14px;
  font-weight:normal;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:20px 0;
  color:#fff;
  border: none;
	background-color: #0F224D;
	border-radius: 6px;
	/* box-shadow: 2px 2px 2px #3c7bc0; */
}

a.button_04:link,a.button_04:visited {
	color: #fff;
}
a.button_04:hover,a.button_04:active {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


/* ボタン_サイズ・配置 01 */
.contact_button_01 {
	width: 340px;
	margin: 40 auto 0px;
	clear: both;
}

/* ボタン_サイズ・配置 02 */
.contact_button_02 {
	width: 200px;
	margin: 40 auto 0px;
	clear: both;
}

/* ボタン_サイズ・配置 03 */
.contact_button_03 {
	width: 320px;
	margin: 40 auto 0px;
	clear: both;"
}

/* ボタン_サイズ・配置 04 */
.contact_button_04 {
	width: 168px;
	margin: 5px auto ;
}

/* ボタン_サイズ・配置 05 */
.contact_button_05 {
	width: 170px;
	margin: 5px auto ;
}

/* ボタン_サイズ・配置 06 */
.contact_button_06 {
	width: 240px;
	margin: 10px auto 20px ;
}

/* ボタン_サイズ・配置 07 */
.contact_button_07 {
	width: 320px;
	margin: 45px auto 0px;
}

/* ボタン_サイズ・配置 08 */
.contact_button_08 {
	width: 320px;
	margin: 0 auto;
}

/* ボタン_サイズ・配置 09 */
.contact_button_09 {
	width: 320px;
	margin: 45px auto 0px;
}

/* ボタン_サイズ・配置 10 */
.contact_button_10 {
	width:320px;
	margin: 16 auto 0px;
	clear: both;
}


/* 画像マウスオーバー時に透明 */
.opacity a:hover img{
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
}




/*コンテンツレイアウト　IoTに最適なファームウェア IoT Gateway Firmware 2.x 搭載*/
.con01 {
	display: table;
	width: 560px;
	margin-bottom: 30px;
}

/*アイコン画像レイアウト　特長*/
.icon01 {
	margin:	0px;
}


/*画像レイアウト　IoTに最適なファームウェア IoT Gateway Firmware 2.x 搭載*/
.con01_item01 {
  display: table-cell;
  vertical-align: middle;
	padding: 0 60px;
}

/*テキストレイアウト　IoTに最適なファームウェア IoT Gateway Firmware 2.x 搭載*/
.con01_item02 {
  display: table-cell;
  vertical-align: middle;
	width: 320px;
	text-align: justify;
}

/*画像レイアウト　軽量・小型・堅牢な筐体設計*/
.con01_item03 {
  display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 10px;
}

/*画像レイアウト　デバイス・WANコネクティビティを実現する内蔵オプション*/
.con01_item04 {
  display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
}

/* obs　製品ページ　アイコン画像の配置 */
.icon_01 {
	margin:0 71 10px;
}

/* obs　製品ページ　アイコン画像の配置#2 */
.icon_02 {
	margin:0 10 10px;
}

/* obs　製品ページ　画像のキャプション配置 */
.cap_01{
	margin-top: 10px;
}

/* 画像キャプション（センタリング）*/
.cap01{
	margin-top: 5px;
	text-align: center;
}

/*※注記*/
.note01 {
	margin-top: 5px;
}

/*※注記（下に余白）*/
.note02 {
	margin: 5 0 30px;
}

/*※注記（上に余白、インデント調整）*/
.note03 {
	margin-top: 1em;
	padding-left: 1em;
	text-indent: -1em;
}

/*仕様ページの※注記（上に余白、インデント調整：２文字分）*/
.note04 {
	margin-top: 1em;
	padding-left: 2em;
	text-indent: -2em;
	/* text-align: justify;
	text-justify: distribute; */
}

/*仕様ページの※注記（上に余白、インデント調整：1.5文字分）*/
.note05 {
	margin-top: 1em;
	padding-left: 1.5em;
	text-indent: -1.5em;
	/* text-align: justify;
	text-justify: distribute; */
}

/*リストボックスデザイン　主なインターフェース*/
.block01 {
	padding: 10px;
	border: 2px solid #ddd;
}

/*リストボックス内見出しと本文の余白　主なインターフェース*/
.block01 ul {
	margin-top: 5px;
}

/*リストボックスデザイン　対デバイス通信ソフトウエア「PD Handler」*/
.block02 {
	padding: 10px;
	border: 2px solid #ddd;
}

/*リストボックス内見出しと本文の余白　対デバイス通信ソフトウエア「PD Handler」*/
.block02 ul {
	margin-top: 5px;
}

/*リストボックスデザイン　対クラウド通信ソフトウエア「PD Emitter」*/
.block03 {
	margin-top: 1em;
	padding: 10px;
	border: 2px solid #ddd;
}

/*リストボックスデザイン　対クラウド通信ソフトウエア「PD Emitter」*/
.block03 ul {
	margin-top: 5px;
}

/*リストボックスデザイン（上の余白 0.5em）　Q&Aサービス*/
.block04 {
	margin-top: .5em;
	padding: 10px;
	border: 2px solid #ddd;
}

/* リスト本文のインデント一字下げ */
.list01{
	padding: 0 1em;
/* font-size:13px; */
}

/*リスト2列表示（親要素）　主なインターフェース*/
.list02{
	width: 100%;
}

/*リスト2列表示（子要素）　主なインターフェース*/
.list02 li {
	display: inline-block;
	list-style-type: none;
	box-sizing: border-box;
	width: 49%;
}

/*項目2列表示（親要素）　通信モジュールオプションラインナップ*/
.list03{
	width: 95.9%;
}

/*項目2列表示（子要素）　通信モジュールオプションラインナップ*/
.list03 div {
	display: inline-block;
	list-style-type: none;
	box-sizing: border-box;
	width: 49%;
	vertical-align: top;
}



/* リストマーク（青の縦線）　軽量・小型・堅牢な筐体設計 */
.list_mark01 {
	border-left: 7px solid #3C7BC0;
	padding-left: 7px;
}

/*リスト見出しレイアウト*/
.list_mark01_txt01 {
	font-size: 16px;
	font-weight: bold;
}

/*リスト本文レイアウト（文頭の揃え）　軽量・小型・堅牢な筐体設計*/
.list_mark01_txt02 {
display: inline-block;
width: 8em;
}

/*リスト見出しレイアウト（上に余白）*/
.list_mark01_txt04 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 1.5em;
}

/*リスト見出しレイアウト（２行）　軽量・小型・堅牢な筐体設計*/
.list_mark01_txt03 {
	font-size: 16px;
	font-weight: bold;
	padding-left: 1em;
	text-indent: -1em;
}

/*画像キャプションレイアウト　BLE デバイス接続設定画面　*/
.img03 p.cap01,.img05 p.cap01 {
	text-align: center;
}

/*仕切り線（グレー）　*/
.line01 {
	border-bottom: 1px solid #ccc;
  margin: 0 0 10px;
}

/*仕切り線（グレー）　*/
.line02 {
	border:0;
	border-top:1px solid #ddd;
	margin-top: 15px;
}

/*仕切り線（グレー）　*/
.line03 {
	border:0;
	border-top:1px solid #ddd;
	margin: 20 0px;
}

/*テキストの枠線　*/
.border01 {
	border-left: 5px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-left: .5em;
}