/*** 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 {font:12px 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: #069;
}

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

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

#footer a {
	text-decoration: none;
}

#footer a:link {
	color: #fff;
}

#footer a:visited {
	color: #fff;
}


#footer a:hover, a:active {
	color: #ccc;
}

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

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

/**** 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:#666666;
	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:12px;
	margin:48px 0 0 10px;
	text-align:right;
	width:756px;
}

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

/**** 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;
}

/**** イントロメニュー ****/
#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 {
	float                     : right;
	margin                    : 0;
	padding                   : 0;
}
#lup_tab .menu 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 {
	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 {
	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 {
	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 {
	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;
	color                     : #FFFFFF;
}
#lup_tab .menu li a.current {
	display                   : block;
	padding                   : 0 18px;
	color                     : #3E454E;
	text-decoration           : none;
	background-color          : #E4E9F0;
}
#lup_tab .menu li a.current:visited{
	color                     : #3E454E;
}
#lup_tab .menu 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 #19386e;
	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%;
}
table.spec caption {
	color                     : #777;
	font-weight               : bold;
}
table.spec th {
	padding                   : 4px 4px 4px 6px;
	background-color          : #e6eaf2;
	font-weight               : normal;
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
	text-align                : left;
}

table.spec td {
	padding                   : 4px 4px 4px 6px;
	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;
}

/* 活用例目次 */

#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          : #FFF3CF;	/*#e6eaf2*/
	margin                    : 6px 0;
	padding                   : 6px;
	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 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('/common/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.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;
}
/*********** アプリケーションマネージャページ ************/

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

#software_lineup div.item_box{
	padding:12px 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;
}

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

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


/*  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   */