@charset "utf-8";

/*メイン　コンテンツ一覧（2列並び）
--------------------------------------*/
.btn_scs{ background:url(../img/btn_scs.gif) no-repeat 0 0; display:block; width:314px; height:32px;text-indent:-9999px;overflow:hidden;margin:0 auto; }
.btn_csk{ background:url(../img/btn_csk.gif) no-repeat 0 0; display:block; width:314px; height:32px;text-indent:-9999px;overflow:hidden;margin:0 auto; }

.btn_scs:hover{ background-image:url(../img/btn_scs_on.gif);}
.btn_csk:hover{ background-image:url(../img/btn_csk_on.gif);}

.company_table{
	background:url(../img/product_company_bg_full.gif) no-repeat 0 top; 
	width:740px;
	font-size:100%;
}

.company_table td{
	vertical-align:top;
	line-height:160%;
}

.company_table .space{
	width:4px;
}

.company_table ul{
	width:282px;
	margin:0 auto;
	min-height:120px;
	_height:auto!important;
	_height:120px;
}

.company_table ul li{
	margin-top:5px;
	padding-left:15px;
	background:url(../../img/icn/icn_arrow_white.gif) no-repeat 0 50%;
}

.w368{ width:368px; }


/*20120228　追加:左メニューボタン
--------------------------------------*/

.btn_Lmenu01,.btn_Lmenu02,.btn_Lmenu03,.btn_Lmenu04,.btn_Lmenu05,.btn_Lmenu06,.btn_Lmenu07,.btn_Lmenu08,.btn_Lmenu09,.btn_Lmenu10 {
	display:block;
	width:188px;
	height:47px;
	text-indent:-9999px;
	overflow:hidden;
	margin:5px auto;
}

.btn_Lmenu01{ background:url(../img/btn_Lmenu01.jpg) no-repeat 0 0;}
.btn_Lmenu02{ background:url(../img/btn_Lmenu02.jpg) no-repeat 0 0;}
.btn_Lmenu03{ background:url(../img/btn_Lmenu03.jpg) no-repeat 0 0;}
.btn_Lmenu04{ background:url(../img/btn_Lmenu04.jpg) no-repeat 0 0;}
.btn_Lmenu05{ background:url(../img/btn_Lmenu05.jpg) no-repeat 0 0;}
.btn_Lmenu06{ background:url(../img/btn_Lmenu06.jpg) no-repeat 0 0;}
.btn_Lmenu07{ background:url(../img/btn_Lmenu07.jpg) no-repeat 0 0;}
.btn_Lmenu08{ background:url(../img/btn_Lmenu08.jpg) no-repeat 0 0;}
.btn_Lmenu09{ background:url(../img/btn_Lmenu09.jpg) no-repeat 0 0;}
.btn_Lmenu10{ background:url(../img/btn_Lmenu10.jpg) no-repeat 0 0;}

.btn_Lmenu01:hover{ background-image:url(../img/btn_Lmenu01_on.jpg);}
.btn_Lmenu02:hover{ background-image:url(../img/btn_Lmenu02_on.jpg);}
.btn_Lmenu03:hover{ background-image:url(../img/btn_Lmenu03_on.jpg);}
.btn_Lmenu04:hover{ background-image:url(../img/btn_Lmenu04_on.jpg);}
.btn_Lmenu05:hover{ background-image:url(../img/btn_Lmenu05_on.jpg);}
.btn_Lmenu06:hover{ background-image:url(../img/btn_Lmenu06_on.jpg);}
.btn_Lmenu07:hover{ background-image:url(../img/btn_Lmenu07_on.jpg);}
.btn_Lmenu08:hover{ background-image:url(../img/btn_Lmenu08_on.jpg);}
.btn_Lmenu09:hover{ background-image:url(../img/btn_Lmenu09_on.jpg);}
.btn_Lmenu10:hover{ background-image:url(../img/btn_Lmenu10_on.jpg);}

/*20120228　追加:タブ領域
--------------------------------------*/


#tabProduct{
	width:750px;
}

#tabProduct li{
	float:left;
	margin-right:8px;
}

.tabProduct_bg1{	background:url(../img/tab_bg1.gif) no-repeat 0 0;}
.tabProduct_bg2{	background:url(../img/tab_bg2.gif) no-repeat 0 0;}

#tabProduct li a.tab1{	background:url(../img/tab_BusinessKeyword.gif) no-repeat 0 0;display:block;text-indent:-9999px;overflow:hidden;width:180px;height:36px;}
#tabProduct li a.tab2{	background:url(../img/tab_ProductName.gif) no-repeat 0 0;display:block;text-indent:-9999px;overflow:hidden;width:180px;height:36px;}

#tabProduct li a.tab1:hover,
#tabProduct li.on a.tab1{	background-image:url(../img/tab_BusinessKeyword_on.gif) ;}
#tabProduct li a.tab2:hover,
#tabProduct li.on a.tab2{	background-image:url(../img/tab_ProductName_on.gif) ;}



/*20120228　追加:キーワードから探す
--------------------------------------*/

#keywordList {
	margin-bottom: 20px;
}
#keywordList dl {
	border-top: 1px dotted #c5c5c5;
	padding: 5px 0;
	margin: 0;
	line-height: 1;
}
#keywordList dl#z {
}
#keywordList dt {
	margin: 0.3em 10px 0 5px;
	background:url(../img/bg_keywordListTit.jpg) 0 0 no-repeat #254a91;
	padding: 3px 0;
	width: 50px;
	height:11px;
	float: left;
	text-align: center;
	color: #FFF;
	_display: inline;
}
#keywordList dd {
	width: 670px;
	float: right;
	margin: 0;
	padding: 0;
}
#keywordList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#keywordList li {
	background:url(../../img/icn/icn_arrow_white.gif) no-repeat 0 6px;
	padding: 5px 5px 5px 15px;
	float: left;
	width: 200px;
	line-height: 1.2;
}

#keywordList dd a {
	color:#000080 !important;
}

#keywordList dd a:hover {
	color:#888!important;
}


#keywordList .iconNewWindow {
	background:url(../../img/icn/icn_new_window.gif) no-repeat right bottom;
	padding-right:17px;
	zoom:1;
}



/*20120228　追加:業種一覧/キーワードリスト
--------------------------------------*/

.servicesKeyList {
	margin:10px 0px;
}

.servicesKeyList .titTab {
	margin-left:7px;
}
.servicesKeyList ul {
	border-bottom:1px solid #b6b6b6;
	border-top:1px solid #b6b6b6;
	padding:7px;
	*margin-top:-3px;
}


.servicesKeyList li {
	white-space: nowrap;
	background:url(../../img/icn/icn_arrow_blue.gif) no-repeat 0 50%;
	padding-left:15px;
	float:left;
	margin-right:10px;
}

.servicesKeyList li a {
	color:#00007F !important;
	text-decoration:none !important;
}

.servicesKeyList li a:hover {
	text-decoration:underline !important;
}


/*20120228　追加:業種一覧/サービス詳細
--------------------------------------*/
.servicesListDetail {
	border-bottom:1px dashed #ccc;
	padding:10px 7px;
}

.servicesListDetail h5 a:visited {
/*	color:#313131 !important;*/ /* 20160301 */
}

.servicesListDetail dt {
	margin-left:15px;
}



/*20120228　追加:業種一覧/ソリューション・サービス情報メニュー
--------------------------------------*/

.servicesMenu {
	border-bottom:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #c3c3c3;
	border-left:5px solid #294B92;
	list-style-type: none!important;
}
.servicesMenu li a {
	color: #333 !important;
	text-decoration: none !important;
	display: block;
	width: 190px;
}
.servicesMenu li div {
	background-color:#F2F1F1;
	font-weight: bold;
	padding: 7px 5px 7px 20px;
}
.servicesMenu li div a {
	display: inline;
}
.servicesMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.servicesMenu li li a {
	border-top: 1px dotted #c3c3c3;
	padding: 7px 5px 7px 15px;
	/*margin: 0 1px 0 5px;*/
	width: 174px;
}
.servicesMenu li li a:hover {
	background:url(../img/smenu_bg_arrow.gif) 0 50% no-repeat #B8DFFE;
}

/* current */
.servicesMenu li li.current a,
.servicesMenu li li.current a:hover {
	background:url(../img/smenu_bg_arrow.gif) 0 50% no-repeat #DAEFFF;
}

.trademark {
	margin-top: 30px;
	border: 1px dotted #CCC;
	padding: 10px;
}
.trademark p {
	margin: 0;
}
.trademark .fltL {
	margin: 0;
	width: 400px;
	font-size: 80%;
}
.trademark .fltR {
	width: 80px;
}


/*20120228　追加:業種・キーワードから探す/リード
--------------------------------------*/

h4.title_middle + p {
	padding-left:23px;
}

/*20131213　キーワードから探す メインビジュアル
--------------------------------------*/
#keyword_top_main {
	clear:both;
	position:relative;
	width:520px;
	height:211px;
	margin:10px 0 0 0;
	z-index:0;
}
#keyword_top_tab {
	clear:both;
	position:relative;
	width:520px;
	height:40px;
	margin:0 0 20px 0;
	z-index:10;
}
#keyword_top_request {
float:right;
width:373px;
height:37px;
margin:3px 0 0 0;
background:url(../img/top_request_bg.gif) no-repeat;
}
.keyword_request_mini {
clear:both;
float:right;
width:181px;
height:37px;
background:url(../img/comm_request_mini.jpg) no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.keyword_request_mini a {
display:block;
width:181px;
height:37px;
background:url(../img/comm_request_mini.jpg) no-repeat;
}
.keyword_request_mini a:hover {
background:url(../img/comm_request_mini_hover.jpg) no-repeat;
}
.comm_request {
clear:both;
width:740px;
height:100px;
background:url(../img/comm_request.jpg) no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.comm_request a {
display:block;
width:740px;
height:100px;
background:url(../img/comm_request.jpg) no-repeat;
}
.comm_request a:hover {
background:url(../img/comm_request_hover.jpg) no-repeat;
}


/*
*	20120802追加
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: 共通（左右カラム、メインカラム共通）
*/



/*基本
************************************************************/

.fcO {color:#FF902C;}
.fcR {color:#f00;}


/*メインカラム　幅設定
************************************************************/

#main_contents_main {
	float:left;
	width:563px;
	overflow:hidden;
}


/*下層ページLEFT NAVI
************************************************************/

#main_contents_left {
	float:right;
	width:170px;
/* IEのみ174pxの設定をコメントアウト
	*width:174px;
*/
	overflow:hidden;
}


#left_naviSV02{
	border-top:1px solid #B3B3B3;
	font-size:100%;
	font-weight:bold;
	word-wrap:break-word;
	padding-top:1px;
}

#left_naviSV02 a{
	text-decoration:none!important;
	line-height:130%;
}

#left_naviSV02 dt{
	border-bottom:1px solid #B3B3B3;
}

#left_naviSV02 dt a,
#left_naviSV02 dt a:hover{
	background:url(../../img/icn/icn_arrow_blue.gif) 0 50% no-repeat;
}

#left_naviSV02 dd a,
#left_naviSV02 dd a:hover{
	background:url(../../img/icn/icn_arrow_white.gif) 0 50% no-repeat;
}


#left_naviSV02 dt.none,
#left_naviSV02 dd.none {
	padding:10px 0 10px 15px;
	display:block;
}

#left_naviSV02 dt a{
	padding:10px 0 10px 15px;
	display:block;
	margin:1px 0;
}

#left_naviSV02 dt a:hover,
#left_naviSV02 dt.on a{
	background-color:#E1E8D8!important;
	color:#313131!important;
}

#left_naviSV02 dt.top,
#left_naviSV02 dt.top a,
#left_naviSV02 dt.top a:hover{
	/*background-color:#389F32!important;*/
	background-color:#39c!important;
	background:none;
	color:#fff!important;
	padding:10px 0 10px 3px;
}

#left_naviSV02 dd{
	border-bottom:1px solid #B3B3B3;
}

#left_naviSV02 dd a,
#left_naviSV02 dd a:hover{
	display:block;
	padding:10px 0 10px 30px;
	display:block;
	background-position:15px 50%;
	margin:1px 0;
}

#left_naviSV02 dd.lower a{
/*	display:block;
	padding:10px 0 10px 50px;
	display:block;
	background-position:35px 50%;
*/}

#left_naviSV02 dd a:hover,
#left_naviSV02 dd.on a{
	background-color:#e9e9e9!important;
	color:#313131!important;
}

.out_menu { font-size:80%;color:#999999;font-weight:normal;margin-top:1px; }


/*下層ページLEFT NAVI02
************************************************************/



/*お問い合わせ
--------------------------------------*/
.SubConContact {
	border: 2px solid #0e3092;
	margin: 0 0 10px 0;
	padding: 0;
}
.SubConContact h3 {
	display: block;
	background: -moz-linear-gradient(top, #2C539E, #112E6C);
    background: -webkit-gradient(linear, left top, left bottom, from(#2C539E), to(#112E6C));
	background:linear-gradient(#2C539E, #112E6C);
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#2C539E, endcolorstr=#112E6C));
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#2C539E, endcolorstr=#112E6C))";
	zoom: 1;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	margin: 0 !important;
	padding: 5px;
}
.SubConContact_r {
	border: 2px solid #dc143c;
	margin: 0 0 10px 0;
	padding: 0;
}
.SubConContact_r h3 {
	display: block;
	background: -moz-linear-gradient(top, #ff0000, #dc143c);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#dc143c));
	background:linear-gradient(#ff0000, #dc143c);
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff0000, endcolorstr=#dc143c));
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff0000, endcolorstr=#dc143c))";
	zoom: 1;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	margin: 0 !important;
	padding: 5px;
}
.SubConContact .box,.SubConContact_r .box {
	margin: 0px;
	padding:5px;
}

.SubConContact .box img,.SubConContact_r .box img  {
	text-align:center;
}

.SubConContact .box p,.SubConContact_r .box p {
	text-align:left;
	line-height:1.2em !important;
}


.SubConContact .contactBtn img:hover,.SubConContact_r .contactBtn img:hover {
	filter: alpha(opacity=80);
	opacity:0.8;
}



/*sub box
--------------------------------------*/
.subBoxCr {
	border: 1px solid #d6d6d6;
	background: #f2f1f1;
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 85%;
}

.subBoxCr h4 {
	font-size: 120%;
	border-left:4px solid #193A97;
	margin: 0 5px 7px 5px;
	padding-left: 10px;
}

.subBoxCr h4 a {
	text-decoration: none !important;
	color: #333 !important;
}

.subBoxCr .box {
	border-top: 1px solid #bfbfbf;
	padding-top:5px;

}


.subBoxCr ul{
	margin: 0 5px 0 5px;
	padding: 0;
	list-style-type: none;
}


.subBoxCr li {
	line-height:1.3em;
	padding:5px 0 8px 0;
	}

.subBoxCr li + li {
	border-top:1px dotted #c7c7c7;
	padding:8px 0;
}

.subBoxCr li a {
	text-decoration:none !important;
}

.subBoxCr p {
	margin: 1em 5px 0 5px;
	line-height: 1.5;
}

.subBoxBn {
	text-align:center;
	margin:0 0 10px 0;
}

/* テーブル（お問い合わせ用）
************************************************************/

.table_infoUnd{
	font-size:100%;
	margin-top:10px;
}

.table_infoUnd th{
	text-align:left;
	padding:0.2em;
	font-weight:bold;
}

.table_infoUnd td{
	padding:0.2em;
}


/* h4・青下線（関連するトピックス）
************************************************************/
.title_middle_srv01 {
	font-size:120%;
	border-bottom:2px solid #0F3192;
	padding: 0 0 8px 10px;
	margin:20px 0 10px 0;
}

.title_middle_srv02 {
	font-size:120%;
	border-bottom:2px solid #39c;
	padding: 0 0 8px 10px;
	margin:20px 0 10px 0;
}

/* sck基本見出し
************************************************************/

.title_middle_srv03 {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 13px;
	color: #069;
	background-image: url(../img/lb_h2_bgL.gif);
	background-repeat: no-repeat;
	padding: 5px 0 7px 20px;
}

.title_middle_srv04 {
	color:#2A4891;
	background:url(../img/bullet.gif) 0 4px no-repeat;
	margin:20px 0 10px 0;
	padding-left:12px;
}


.title_middle_srv05{
	margin-top: 30px;
	margin-bottom: 0;
	font-size: 13px;
	color: #069;
	background-image: url(../img/lb_h2_bg2L.gif);
	background-repeat: no-repeat;
	padding: 7px 0 10px 22px;
}

.title_middle_srv06{
	margin-bottom: 10px;
	font-size: 13px;
	padding: 3px 5px;
	background-color:#eee8aa;

}

.title_small_srv01{
	padding: 0 0 1px 0;
	color: #0F3192;
	border-bottom: #0F3192 1px solid;
	margin-bottom: 2px;
}

.title_small_srv02{
	padding: 0 0 1px 0;
	color: #06c;
	border-bottom: #06c 1px solid;
	margin-bottom: 2px;
}



/* h4以下インデントボックス
************************************************************/
.contentInner {
	padding: 0 10px;
	margin-bottom: 10px;
}

.contentInner.sub{
	padding: 0 0 0 20px;
}


/* 通常リストスタイル
************************************************************/

.listStyleCrl,.listStyleNone {
	margin-left:1em;
}
.listStyleCrl li {
	list-style:disc !important;
	margin-top:0.5em;
}
.listStyleNone li {
	list-style:none !important;
	margin-top:0.5em;
}


/*文中の箇条書きで行間が狭いスタイル */
.listStyleCrlNarrow,.listStyleNoneNarrow {
	margin-left:1.5em;
}

.listStyleCrlNarrow li {
	line-height: 1em;
	list-style:disc !important;
	padding:0 0 0 0 !important;
}
.listStyleNoneNarrow li {
	line-height: 1em;
	list-style:none !important;
	padding:0 0 0 0 !important;
}


/* 矢印付きリスト
************************************************************/

dl.desc dt {
	color: #014DC1;
	font-weight: bold;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
	margin-bottom: 0.5em;
}

dl.desc2 dt {
	color: #014DC1;
	font-weight: bold;
	background-image: url(../img/bullet_niksun.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
	margin-bottom: 0.5em;
}


.narrow li {
	background-image: url(../img/bullet_lightblue.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 14px;
	margin-bottom: 0.5em;
}

.narrowB li {
	background-image: url(../img/bullet_darkblue.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 14px;
	margin-bottom: 0.5em;
}

.narrowBld li {
	color: #2A4891;
	font-weight: bold;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 14px;
}


/* ボックス（ライングレー）
************************************************************/

.boxLinCG {
	border:1px solid #ccc;
	padding:10px;
	margin:10px 0;
}

.boxLinCG p{
	margin-bottom: 0 !important;
}

/* hover時透明度変更（sck詳細を見るボタン）
************************************************************/

.opBtnHvr img:hover {
	filter: alpha(opacity=80);
	opacity:0.8;
}

/* ページ上部へ
************************************************************/
.gototop {
    border-top: 1px dotted #D0D0D0;
    font-size: 10px;
    margin-bottom: 30px;
    margin-top: 5px;
    padding: 5px;
    text-align: right;
}

/* 過去の情報はこちら
************************************************************/
.gotonewslist {
    border-top: 1px dotted #D0D0D0;
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 5px;
    text-align: right;
}

/* p余白
************************************************************/
#main_contents_main p {
    margin-bottom: 1em;
}

#main_contents_main .SubConContact {
    margin-top: 20px;
}


/* 2013/08追加 基本戦略
************************************************************/
#product_txt1 {
	 float:left;
}

#product_txt1 h3 {
	background-image:url(../img/products_tt.jpg);
	background-repeat:repeat-x;
	height:30px;
	width:498px;
	margin:0px 0px 0px 0px;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
	padding:4px 0 0 10px;
}

/*
#product_txt1 a:link { color: #154da0!important; text-decoration: none!important; }
#product_txt1 a:visited { color: #154da0!important; text-decoration: none!important; }
#product_txt1 a:hover { color: #30F!important; text-decoration: none!important; }
#product_txt1 a:active { color: #30F!important; text-decoration: none!important; }
*/

#product_txt1 a:link { color: #ffffff!important; }
#product_txt1 a:visited { color: #ffffff!important; }
#product_txt1 a:hover { color: #fffaf0!important; }
#product_txt1 a:active { color: #fffaf0!important; }

#product_txt1 div {
	padding:0px 0px 10px 0px;

}

#product_txt2 .line1 {
	font-size: 12px;
	padding: 7px 0px 7px 25px;
	border-bottom: #999 dotted 1px;
	background: url(../../img/icn/icn_arrow_blue.gif) no-repeat;
	background-position: 10px 12px;
}

#product_txt2 .line2 {
	font-size: 12px;
	line-height:14px;
	padding: 7px 0px 7px 25px;
	background: url(../../img/icn/icn_arrow_blue.gif) no-repeat;
	background-position: 10px 9px;
}

#product_txt2 {
	width:218px;
	float:right;
	border: #999 solid 1px ; 
	border-style:solid;
	padding:1px;
 }
 
.link_bt {
	 background-image:url(../img/products_bt_bg.gif);
	 padding:10px 10px 10px 14px;
}
 
.link_bt img {
	 padding:7px;
}


.cl_icn_info{margin:0 auto;background:url(../img/cl_icn_info.gif) no-repeat 0 0;display:block;text-indent:-9999px;overflow:hidden;width:70px;height:11px;}
.cl_icn_press{margin:0 auto;background:url(../img/cl_icn_press.gif) no-repeat 0 0;display:block;text-indent:-9999px;overflow:hidden;width:70px;height:11px;}
.cl_icn_group{margin:0 auto;background:url(../img/cl_icn_group.gif) no-repeat 0 0;display:block;text-indent:-9999px;overflow:hidden;width:70px;height:11px;}

.cl_icn_tokyo{margin:0 auto;background:url(../img/cl_icn_tokyo.gif) no-repeat 0 0;display:block;text-indent:-9999px;overflow:hidden;width:70px;height:11px;}
.cl_icn_osaka{margin:0 auto;background:url(../img/cl_icn_osaka.gif) no-repeat 0 0;display:block;text-indent:-9999px;overflow:hidden;width:70px;height:11px;}
.cl_icn_nagoya{margin:0 auto;background:url(../img/cl_icn_nagoya.gif) no-repeat 0 0;display:block;text-indent:-9999px;overflow:hidden;width:70px;height:11px;}
.cl_icn_fukuoka{margin:0 auto;background:url(../img/cl_icn_fukuoka.gif) no-repeat 0 0;display:block;text-indent:-9999px;overflow:hidden;width:70px;height:11px;}
.cl_icn_shanghai{margin:0 auto;background:url(../img/cl_icn_shanghai.gif) no-repeat 0 0;display:block;text-indent:-9999px;overflow:hidden;width:70px;height:11px;}


/* 2014/07/17 製品サービスインデックスページ変更による追加
************************************************************/
.keyword { width:581px; float:left;}
.gyosyu { width:150px; float:right;}

.title_middle3{
	width:567px;
	background:url(../../img/common/title_middle2_bg.gif) repeat-x 0 50%;
	padding:5px 0 3px 7px;
	font-weight:bold;
	color:#000000;
	line-height:160%;
}
#keywordList2 {
	width:581px;
	margin-bottom: 20px;
}


.category {
	position: relative;
	width: 279px;
	height: 107px;
	float:left;
	margin-right: 11px;
	margin-bottom: 10px;
	overflow:hidden;
}

.key01 {
		background:url(../img/keybg_img_01.jpg) no-repeat ;
}

.key02 {
		background:url(../img/keybg_img_02.jpg) no-repeat ;
}
.key03 {
		background:url(../img/keybg_img_03.jpg) no-repeat ;
}
.key04 {
		background:url(../img/keybg_img_04.jpg) no-repeat ;
}
.key05 {
		background:url(../img/keybg_img_05.jpg) no-repeat ;
}
.key06 {
		background:url(../img/keybg_img_06.jpg) no-repeat ;
}
.key07 {
		background:url(../img/keybg_img_07.jpg) no-repeat ;
}
.key08 {
		background:url(../img/keybg_img_08.jpg) no-repeat ;
}
.key09 {
		background:url(../img/keybg_img_09.jpg) no-repeat ;
}
.key10 {
		background:url(../img/keybg_img_10.jpg) no-repeat ;
}
.key11 {
		background:url(../img/keybg_img_11.jpg) no-repeat ;
}
.key12 {
		background:url(../img/keybg_img_12.jpg) no-repeat ;
}

.category a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.category h4 {
	font-size:16px;
	margin-left:16px;
	font-weight:bold;
	line-height:40px;
	text-decoration:underline;
	}

.category h5 {
	font-size:11px;
	margin-left:15px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	}

.category h6 {
	font-size:10px;
	margin-left:15px;
	font-weight:normal;
	line-height:15px;
	text-decoration:none;
	}


.title_middle4{
	width:147px;
	background:url(../../img/common/title_middle2_bg.gif) repeat-x 0 50%;
	padding:5px 0 3px 7px;
	font-weight:bold;
	color:#000000;
	line-height:160%;
}

.category a:link {
		text-decoration:none !important;
}

#keywordList4 {
	width:150px;
	margin-bottom: 20px;
}


#keywordList4 ul{
list-style-type:none;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

#keywordList4 li{
padding-left:14px;
padding-bottom:9px;
background-image: url(../img/list_img.gif);
background-repeat:no-repeat;
background-position:0px 5px;
}


.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
/* 2014/07/17 製品サービスインデックスページ変更による追加　ここまで
************************************************************/

div.awlink{ background: url("../../img/icn/icn_arrow_white.gif") no-repeat scroll 0px 4px transparent;padding-left:15px; }
div.ablink{ background: url("../../img/icn/icn_arrow_blue.gif") no-repeat scroll 0px 4px transparent;padding-left:15px; }
div.ab2link{ background: url("../../img/icn/icn_arrow_blue2.gif") no-repeat scroll 4px 6px transparent;padding-left:15px; }
div.ab3link{ background: url("../../img/icn/icn_arrow_blue3.gif") no-repeat scroll 4px 6px transparent;padding-left:15px; }
div.abwlink{ background: url("../../img/icn/icn_arrow_bw.gif") no-repeat scroll 0px 4px transparent;padding-left:20px; }