@charset "Shift_JIS";

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

	ソリューション＆サービス カテゴリ用CSS
	
------------------------------ */

/* 本文タイトルの設定　H2見出しの個別のサイズと背景画像は各ページのCSSに記述現在のものは基本値 */
#id-case h2 {
	background:url('../../service/img/ser_mainimg.jpg') no-repeat;
}
#id-case h3{
	display:block;
	text-indent: -9999px;
}

#id-case-oth h2 {
	height:31px;
	background:url('../../service/img/ser_title.gif') no-repeat;
}
#id-case-oth h3,
#id-case-oth h4 {
	display:block;
	text-indent: -9999px;
}

.case-cont-area h4 { width:372px; height:40px;}
.case-cont-area .flowList01  h4{background:url('../../service/img/ser_subti01.gif') no-repeat; margin-top:7px}
.case-cont-area .flowList02 h4{background:url('../../service/img/ser_subti02.gif') no-repeat;}
.case-cont-area .flowList03  h4{background:url('../../service/img/ser_subti03.gif') no-repeat;}
.case-cont-area .flowList04 h4 {background:url('../../service/img/ser_subti04.gif') no-repeat;}
.case-cont-area h4.casTop-categoryMenu08 a  { background: url('../../service/img/ser_category_ti08.gif') no-repeat; }
#id-case-oth .casTop-categoryMenu-l h4,
#id-case-oth .casTop-categoryMenu-r h4,
#id-case-oth .casTop-categoryMenu-l h4 a,
#id-case-oth .casTop-categoryMenu-r h4 a {
	display:block;
	width:260px;
	height:36px;
}

/* ------------------------------
	共通設定
------------------------------ */
/* コンテンツ幅 */
.case-cont-area{ 
	padding-left:12px;
	margin-bottom:15px;		
}
.case-Wrap01{ ;
	background: url('../../service/img/ser_bg_right_blue.gif') repeat-y;
}
.case-Wrap02{ 
	padding:5px;
	background:url('../img/cmo_dot_gray.gif') top center;; margin-left:0; margin-right:0; margin-top:1px; margin-bottom:15px
}
.case-Wrap02 .case-Box{
	margin:0;
	padding:11px;
	background:#FFF;
}		

.case-Wrap01 .boxL{
	width:372px;
}
.case-Wrap01 .boxR{
	width:184px;
}
.case-Wrap01 .flowList01{
	position:relative;
}
.case-Wrap01 .flowList01 p{
	font-weight: bold;
}
.case-Wrap01 .flowList01,
.case-Wrap01 .flowList02,
.case-Wrap01 .flowList03{
	background:url('../../service/img/ser_arrow_blue.gif') no-repeat bottom left;
}
.case-Wrap01 .flowList01 p,
.case-Wrap01 .flowList02 p,
.case-Wrap01 .flowList03 ul,
.case-Wrap01 .flowList04 p{
	padding:12px 29px 30px 51px;
}

.case-Wrap01 .flowList03 ul li{
	padding-bottom:5px;
}
.case-Wrap01 .boxR .boxImg{
	padding:7px;
}
.case-Wrap01 .boxR .boxImg p{
	padding-bottom:5px;
}
.case-Wrap02 .case-Box ul li{ 
	display:inline;
	float:left;
	padding:0 7px 11px 0;		
}
.case-Wrap02  .case-Box ul li.after,
.case-Wrap02  .case-Box ul li.after{ 
	padding-right:0;	
}
.case-Wrap02 .case-Box li p.caption{ 
	padding:4px;
	background:#F4F4F4	;
	text-align:center;
}
/* ナビゲーションの背景設定 */

.navigation-area-case{
	background:#fff url('../../service/img/ser_nav_area_bg.jpg') no-repeat;
}

/* ------------------------------
	ソリューション＆サービストップ
------------------------------ */
.casTop-categoryMenu-wrap {
	width:544px;
}

.casTop-categoryMenu-l  {
	display:block;
	width:260px;
	float:left;
}

.casTop-categoryMenu-r  {
	display:block;
	width:260px;
	float:right;
}

.casTop-categoryMenu-l h3 a,
.casTop-categoryMenu-r h3 a {
	display:block;
	width:260px;
	height:36px;
}

h3.casTop-categoryMenu01 a { background: url('../../service/img/ser_category_ti01.gif') no-repeat; }
h3.casTop-categoryMenu01A a { background: url('../../service/img/ser_category_ti01A.gif') no-repeat; }
h3.casTop-categoryMenu01B a { background: url('../../service/img/ser_category_ti01B.gif') no-repeat; }

h3.casTop-categoryMenu02 a { background: url('../../service/img/ser_category_ti02.gif') no-repeat; }
h3.casTop-categoryMenu03 a { background: url('../../service/img/ser_category_ti03.gif') no-repeat; }
h3.casTop-categoryMenu04 a { background: url('../../service/img/ser_category_ti04.gif') no-repeat; }
h3.casTop-categoryMenu05 a { background: url('../../service/img/ser_category_ti05.gif') no-repeat; }
h3.casTop-categoryMenu06 a { background: url('../../service/img/ser_category_ti06.gif') no-repeat; }
h3.casTop-categoryMenu07 a { background: url('../../service/img/ser_category_ti07.gif') no-repeat; }
h3.casTop-categoryMenu08 a { background: url('../../service/img/ser_category_ti08.gif') no-repeat; }

.casTop-categoryMenu-img a {
	float:left;
	width:113px;
	background:url('../img/cmo_dot_gray.gif') ;
}

.casTop-categoryMenu-img a:hover{
	background:url('../img/cmo_dot_blue.gif') ;
}

.casTop-categoryMenu-img a img{
	margin:3px;
}

.casTop-categoryMenu-txt{
	float:right;
	width:147px;
}

.casTop-categoryMenu-txt p{
	padding:2px 0 8px 8px;
}
.casTop-categoryMenu-l ul,
.casTop-categoryMenu-r ul{
	width:260px;
	float:left;
	margin:6px 0;	
}
.casTop-categoryMenu-l ul li a,
.casTop-categoryMenu-r ul li a{
	color:#00A0C6;
}
.casTop-categoryMenu-l ul li.casTop-categoryMenu-list01,
.casTop-categoryMenu-r ul li.casTop-categoryMenu-list01{
	background:url('../img/cmo_circle_gray.gif') no-repeat 0 0.3em; ;
	padding-left:12px; padding-right:0; padding-top:0; padding-bottom:5px
		
}
.casTop-categoryMenu-l ul li.casTop-categoryMenu-list02,
.casTop-categoryMenu-r ul li.casTop-categoryMenu-list02{
	background:#FCFBF7 url('../img/cmo_subnav_sub_bg.gif') no-repeat -1.5em top;; padding-left:17px; padding-right:6px; padding-top:4px; padding-bottom:5px
}

/* ------------------------------
	プロジェクタ・AVシステム
------------------------------ */
/* ナビゲーションの背景設定 */
.navigation-area-case01{
	background:#fff url('../../service/img/ser_case01_nav_area_bg.jpg') no-repeat;
}
/* コンテンツ */
.case01 h3 { width:372px; height:71px; background:url('../../service/img/ser_case01_title.gif') no-repeat;}
.case01 .flowList01 p{
	width:215px;	
}
.case01 .flowList01 .flowList01Img{
	position:absolute;
	top:0;
	left:267px;	
}
.case01 h4.casTop-categoryMenu01 a { background: url('../../service/img/ser_case01_subti01.gif') no-repeat; }
/* ------------------------------
	ナースコール
------------------------------ */
/* ナビゲーションの背景設定 */
.navigation-area-case02{
	background:#fff url('../../service/img/ser_case02_nav_area_bg.jpg') no-repeat;
}
/* コンテンツ */
.case02 h3 { width:372px; height:71px; background:url('../../service/img/ser_case02_title.gif') no-repeat;}
.case02 .flowList01 p{
	width:170px;
	padding-bottom:60px;			
}
.case02 .flowList01 .flowList01Img{
	position:absolute;
	top:0;
	left:237px;	
}
.case02 .case-Wrap02  .case-Box .case-Box-Wrap{ 
	width:524px;	
}
.case02 .case-Wrap02  .case-Box .boxL{ 
	width:374px;	
}
.case02 .case-Wrap02  .case-Box .boxR{ 
	width:150px;	
}
.case02 .case-Wrap02  .case-Box .boxL li{ 
	display:inline;
	float:left;
	padding:0 7px 11px 0;		
}
.case02 .case-Wrap02  .case-Box .boxL p{ 
	width:355px;	
}
.case02 h4.casTop-categoryMenu01 a { background: url('../../service/img/ser_case02_subti01.gif') no-repeat; }

/* ------------------------------
	防犯システム
------------------------------ */
/* ナビゲーションの背景設定 */
.navigation-area-case03{
	background:#fff url('../../service/img/ser_case03_nav_area_bg.jpg') no-repeat;
}
/* コンテンツ */
.case03 h3 { width:372px; height:71px; background:url('../../service/img/ser_case03_title.gif') no-repeat;}
.case03 .flowList01 p{
	width:200px;
	padding-bottom:60px;			
}
.case03 .flowList01 .flowList01Img{
	position:absolute;
	top:0;
	left:266px;	
}
.case03 .caption-Wrap{
	width:361px;
}
.case03 .caption-Wrap .boxL,
.case03 .caption-Wrap .boxR{
	width:180px;
}
.case03 .caption-Wrap img{
	padding-bottom:5px;
}
.case03 .caption-Wrap p.fs10{
	width:160px;
	padding-bottom:30px;
}
.case03 .case-Wrap02  .case-Box .boxL{ 
	width:325px;	
}
.case03 .case-Wrap02  .case-Box .boxR{ 
	width:180px;	
}

/* ------------------------------
	インターホン
------------------------------ */
/* ナビゲーションの背景設定 */
.navigation-area-case04{
	background:#fff url('../../service/img/ser_case04_nav_area_bg.jpg') no-repeat;
}
/* コンテンツ */
.case04 h3 { width:372px; height:54px; background:url('../../service/img/ser_case04_title.gif') no-repeat;}
.case04 .flowList01 p{
	width:205px;			
}
.case04 .flowList01 .flowList01Img{
	position:absolute;
	top:0;
	left:270px;	
}
.case04 .case-Wrap02  .case-Box .case-Box-Wrap{ 
	width:524px;	
}
.case04 .case-Wrap02  .case-Box .boxL{ 
	width:207px;	
}
.case04 .case-Wrap02  .case-Box .boxR{ 
	width:307px;	
}
.case04 h4.casTop-categoryMenu01 a { background: url('../../service/img/ser_case04_subti01.gif') no-repeat; }
/* ------------------------------
	電波障害対策
------------------------------ */
/* ナビゲーションの背景設定 */
.navigation-area-case05{
	background:#fff url('../../service/img/ser_case05_nav_area_bg.jpg') no-repeat;
}
/* コンテンツ */
.case05 h3 { width:372px; height:71px; background:url('../../service/img/ser_case05_title.gif') no-repeat;}
.case05 .flowList01 p{
	width:170px;
	padding-bottom:60px;			
}
.case05 .flowList01 .flowList01Img{
	position:absolute;
	top:0;
	left:237px;	
}
.case05 .case-Wrap02  .case-Box .case-Box-Wrap{ 
	width:524px;	
}
.case05 .case-Wrap02  .case-Box .boxL{ 
	width:374px;	
}
.case05 .case-Wrap02  .case-Box .boxR{ 
	width:150px;	
}
.case05 .case-Wrap02  .case-Box .boxL p{ 
	width:355px;	
}
.case05 h4.casTop-categoryMenu01 a { background: url('../../service/img/ser_case05_subti01.gif') no-repeat; }
/* ------------------------------
	教育用AVシステム
------------------------------ */
/* ナビゲーションの背景設定 */
.navigation-area-case06{
	background:#fff url('../../service/img/ser_case06_nav_area_bg.jpg') no-repeat;
}
/* コンテンツ */
.case06 h3 { width:372px; height:71px; background:url('../../service/img/ser_case06_title.gif') no-repeat;}
.case06 .flowList01 p{
	width:200px;
	padding-bottom:40px;			
}
.case06 .flowList01 .flowList01Img{
	position:absolute;
	top:0;
	left:270px;	
}
.case06 .case-Wrap02  .case-Box .case-Box-Wrap{ 
	width:524px;	
}
.case06 .case-Wrap02  .case-Box .box-Wrap{ 
	width:524px;	
}
.case06 .case-Wrap02  .case-Box .boxL{ 
	width:347px;	
}
.case06 .case-Wrap02  .case-Box .boxR{ 
	width:162px;	
}

.case06 .case-Wrap02 .case-Box ol li{
	padding:0 0 5px 20px;
}
.case06 .case-Wrap02 ol li.no-01 {background:url('../../service/img/ser_case06_no01.gif') no-repeat top left;}
.case06 .case-Wrap02 ol li.no-02 {background:url('../../service/img/ser_case06_no02.gif') no-repeat top left;}
.case06 .case-Wrap02 ol li.no-03 {background:url('../../service/img/ser_case06_no03.gif') no-repeat top left;}

/* ------------------------------
	教育用プロジェクター
------------------------------ */
/* ナビゲーションの背景設定 */
.navigation-area-case07{
	background:#fff url('../../service/img/ser_case07_nav_area_bg.jpg') no-repeat;
}
/* コンテンツ */
.case07 h3 { width:372px; height:71px; background:url('../../service/img/ser_case07_title.gif') no-repeat;}
.case07 .flowList01 p{
	width:205px;
	padding-bottom:60px;
}
.case07 .flowList01 .flowList01Img{
	position:absolute;
	top:0;
	left:270px;	
}
.case07 .case-Wrap02  .case-Box .case-Box-Wrap{ 
	width:524px;	
}
.case07 .case-Wrap02  .case-Box .boxL{ 
	width:230px;	
}
.case07 .case-Wrap02  .case-Box .boxR{ 
	width:277px;	
}
/* ------------------------------
	その他の関連事例
------------------------------ */
/* ナビゲーションの背景設定 */
.navigation-area-oth{
	background:#fff url('../../service/img/ser_oth_nav_area_bg.gif') no-repeat;
}
/* 共通設定 */
.oth-content-area{
	width:350px;
	padding-left:5px;
}
#id-case-oth #id-oth h4 {
	display:block;
	text-indent: 0;
	width:auto;
	height:auto;
}
#id-oth .voice-Wrap {
	width:556px;
	background:url('../../service/img/ser_oth_bg01.gif') no-repeat top left;	
}
#id-oth .voice-Wrap02{
	width:556px;
	background:url('../../service/img/ser_oth_bg02.gif') no-repeat top left;	
}
#id-oth .voice-Wrap .boxR,
#id-oth .voice-Wrap02 .boxR{
	width:428px;
}
#id-oth .voice-Wrap .boxR  .boxR-Wrap,
#id-oth .voice-Wrap02 .boxR  .boxR-Wrap{
	margin:12px 12px 12px 8px;	
}
#id-oth .voice-Wrap .box-WrapBottom{
	background:url('../../service/img/ser_oth_bg01_bottom.gif') no-repeat bottom left;	
	width:556px
}
#id-oth .voice-Wrap02 .box-WrapBottom02{
	background:url('../../service/img/ser_oth_bg02_bottom.gif') no-repeat bottom left;	
	width:556px
}
#id-oth .case-Wrap02 .case-Box h5{ 
	clear:both;	
}
#id-oth .case-Wrap02 .case-Box li{ 
	width:170px;
}
/* 学校関連事例 */
.oth01 h3 { width:372px; height:73px; background:url('../../service/img/ser_case01_oth_title.gif') no-repeat;}
/* 病院関連事例 */
.oth02 h3 { width:372px; height:73px; background:url('../../service/img/ser_case02_oth_title.gif') no-repeat;}
/* セキュリティ関連事例 */
.oth04 h3 { width:372px; height:57px; background:url('../../service/img/ser_case04_oth_title.gif') no-repeat;}
/* TV共聴システム関連事例 */
.oth05 h3 { width:372px; height:57px; background:url('../../service/img/ser_case05_oth_title.gif') no-repeat;}

/* ------------------------------
	過去の施工事例
------------------------------ */
/* インデックス */
.past { margin-bottom:-12px;}
.past h3 { margin-bottom:12px; width:544px; height:37px; background:url('../../service/past/img/pas_top_title.gif') no-repeat;}
.past { padding:12px;}
.past .case-Wrap02 .case-Box .boxL  {
	width:230px;
}
.past .case-Wrap02 .case-Box ul li {
	width:230px;
	display:block ! important; 
	padding:0 0 8px 0 ! important; 
	clear:both;	
}
/* 施工経歴リスト */
.list { margin-bottom:-12px;}
.list h3 { margin-bottom:12px; width:544px; height:37px; background:url('../../service/past/img/pas_list_title.gif') no-repeat;}
.list { padding:12px;}
.back-number h5 {
	color:#000;
	font-size:16px;
	padding-bottom:10px;		
}
ul.page-nav li {
	display:inline;
	float:left;
	margin: 0.5em 0.2em 0.5em 0;
	border:solid 1px #F0F0F0;					
}
ul.page-nav li a,
ul.page-nav li span {
	display: block;
	width: 2.3em;
	border:solid 1px #F0F0F0;	
	 padding: 0.3em 0;
	text-align: center;
	font-size:10px;
	font-weight:bold;		
}
ul.page-nav li a.index{
	width: 3.5em;
}
ul.page-nav li a:hover,
ul.page-nav li span {
	color:#00A0C6;
	background:#F4F1E3;
}
/* 事例 */
.case { margin-bottom:-12px;}
.case h3 { margin-bottom:12px; width:544px; height:37px; background:url('../../service/past/img/pas_past_title.gif') no-repeat;}
.case { padding:12px;}
.case .boxL{
	width:170px;
}
.case .box-Wrap{
	margin-bottom:11px;
}
.case .case-Wrap02 .case-Box ul.two-column{ 
	width:512px;
}
.case .case-Wrap02 .case-Box ul.two-column li{ 
	width:252px;
}
.case .case-Wrap02 .case-Box ul.three-column,
.case .case-Wrap02 .case-Box ul.three-column02{ 
	width:512px;
}
.case .case-Wrap02 .case-Box ul.three-column li{ 
	width:170px;
}
.case .case-Wrap02 .case-Box ul.three-column02 li{ 
	width:166px;
}

.case .case-Wrap02 .case-Box ul.three-column li p.caption{ 
	margin-bottom:5px;
}

.case .case-Wrap02 .case-Box h5{ 
	margin-bottom:15px;
}

ul.link-nav li {
	display:inline;
	float:left;
	margin: 1em 2em 1em 0;
	font-size:10px;						
}
ul.link-nav li a {
	background: url('../img/cmo_arrow_blue.gif') no-repeat;; padding-left:17px; padding-right:0; padding-top:0; padding-bottom:1em
}
/* 事例ナビゲーション */
.case-Wrap03{ 
	padding:5px;
	background:url('../img/cmo_dot_gray.gif') top center;; margin-left:0; margin-right:0; margin-top:1px; margin-bottom:10px
}
.case-Wrap03 .case-Box{
	margin:0;
	padding:11px;
	background:#FFF;
}	
.case-Wrap03 .boxL{
	float:left;
	display:block;	
	width:230px;
}

.case-Wrap03 .boxL ul li a.act{
	color:#00A0C6;
}