@charset "utf-8";
/* ####### Basic Layout CSS ###################### */
/* ####### updated date 2012/03/28 ############### */
/* ############################################### */

/* 共通部分                            */
/* 基本レイアウト                      */
/* ヘッダ                              */
/* グローバルナビ                      */
/* フッタ                              */
/* ローカルナビ	                       */
/* コンテンツ領域（ローカルナビ無し）  */
/* 右コンテンツ領域	                   */
/* 共通汎用パーツ（テーブル、リスト等）*/
/* フォーム	                           */

body{
	font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:62.5%;
	letter-spacing:0.1em;
	text-align:center;
	background:#FFF url("../img/bg_body.gif") center top repeat-x;
	color:#000;
	*zoom:1;
}

/* ###########	共通部分	##################################### */
a:link{color:#2330ab; text-decoration:underline; outline:none;}
a:visited{color:#341B76; text-decoration:underline;}
a:hover{color:#01a1a1; text-decoration:none;}
a:visited:hover{color:#01a1a1; text-decoration:none;}
a:active{color:#01a1a1;text-decoration:none;}

th{font-weight:900;}
blockquote{
	margin:0 20px 20px 20px;
	padding:8px;
	background-color:#dff3ef;
	border:1px solid #ebebeb;
}
.em {/*強調色つき*/
	color:#00439D;
	font-weight:700;
}

p {
	margin-bottom:1.5em;
	font-size:120%;
	line-height:1.8;
	letter-spacing:0.1em;
}
h1{
	display:block;
	margin-bottom:2em;
	color:#000000;
	clear:both;
}
h2 span,h3 span,h4 span{
	display:none;
}
h3.h3_text{
	display:block;
	margin-left:10px;
	margin-bottom:15px;
	padding:4px 0 4px 7px;
	font-size:130%;
	line-height:1.4;
	font-weight:900;
	color:#000000;
	border-bottom:1px solid #dedede;
	border-left: 3px solid #01a1a1;
}

h4{
	margin:0 10px 15px 10px;
	padding:5px;
	font-size:120%;
	line-height:1.4;
	font-weight:900;
	color:#000000;
	border-bottom:1px solid #00b3b3;
}

.clear20{
	display:block;
	height:20px;
	clear:both;
}


/* #####	基本レイアウト		############################################### */
#container{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	background-color:#FFF;
	background:url("../img/bg_container.gif") top left no-repeat;
}

#breadcrumb{
	margin-top:10px;
	padding:0 20px 12px 20px;
	font-size:110%;
	clear:both;
}

.w300{width:300px;}

/*画像*/
.imgarea{margin-bottom:20px; text-align:center; clear:both;}
.imgright{margin-left:15px; margin-bottom:20px; padding-right:10px; float:right;}
.imgleft{margin-right:15px; margin-bottom:20px; padding-left:10px; float:left;}

.caption{
	margin-top:5px;
	font-size:110%;
	line-height:1.2;
	letter-spacing:0.1em;
	color:#333;
	text-align:center;
}

a.popup{
	padding-left:14px;
	background:url("../img/icon_popup.gif") top left no-repeat;
}



a.pagetop{
	display:block;
	width:170px;
	height:30px;
	margin:0 10px 10px 0;
	font-size:0;
	text-indent:-999px;
	background:url("../img/bg_pagetop.gif") top left no-repeat;
	float:right;
	clear:both;
}
a.pagetop:hover{
	background:url("../img/bg_pagetop_on.gif") top left no-repeat;
}

/*	########### ヘッダ ##################################### */
#header{
	width:910px;
	height:81px;
	text-align:left;
	padding:0 20px 0 30px;
	background:#fff url("../img/head_foot/bg_header.jpg") 28px top no-repeat;
	clear:both;
}

#header div#header_title{
	display:block;
	width:456px;
	height:64px;
	margin-top:9px;
	float:left;
}
#header div.header_searcharea{
	width:454px;
	float:left;
}
#header div.header_searcharea form{
/*	width:240px;*/
	margin-top:28px;
	margin-left:205px;
}
form input.inputarea{
	width:195px;
	height:19px;
	margin:0;
	vertical-align:middle;
}
form input.searchbtn{
	margin:0;
	vertical-align:middle;
}

/* CTCシンボルマーク */
#header .header_ctclogo{
	width:115px;
	height:35px;
	margin-top:23px;
	font-size:0;
	text-indent:-9999px;
	background: url("../img/head_foot/ctclogo.gif")  top left no-repeat;
	float:right;
}
#header .header_ctclogo a{
	display:block;
	width:115px;
	height:35px;
}


/* #######	グローバルナビゲーション	################################################### */
div#globalnavi{
	display:block;
	width:938px;
	height:52px;
	padding:0 11px;
	background:url("../img/navi/bg_gnavi.gif") top left repeat-x;
	clear:both;
}
#globalnavi ul{
	list-style:none;
}
#globalnavi li{
	display:inline;
	float:left;
}
#globalnavi li a{
	display:block;
	width:156px;
	height:40px;
	font-size:0;
	text-indent:-9999px;
}

#globalnavi li a.gnavi01{
	background:url("../img/navi/bg_gnv01.gif") top left no-repeat;
}
#globalnavi li a.gnavi01:hover{
	background:url("../img/navi/bg_gnv01_on.gif") top left no-repeat;
}
#globalnavi li a.gnavi01_now{
	background:url("../img/navi/bg_gnv01_now.gif") top left no-repeat;
}
#globalnavi li a.gnavi02{
	background:url("../img/navi/bg_gnv02.gif") top left no-repeat;
}
#globalnavi li a.gnavi02:hover{
	background:url("../img/navi/bg_gnv02_on.gif") top left no-repeat;
}
#globalnavi li a.gnavi02_now{
	background:url("../img/navi/bg_gnv02_now.gif") top left no-repeat;
}
#globalnavi li a.gnavi03{
	background:url("../img/navi/bg_gnv03.gif") top left no-repeat;
}
#globalnavi li a.gnavi03:hover{
	background:url("../img/navi/bg_gnv03_on.gif") top left no-repeat;
}
#globalnavi li a.gnavi03_now{
	background:url("../img/navi/bg_gnv03_now.gif") top left no-repeat;
}
#globalnavi li a.gnavi04{
	background:url("../img/navi/bg_gnv04.gif") top left no-repeat;
}
#globalnavi li a.gnavi04:hover{
	background:url("../img/navi/bg_gnv04_on.gif") top left no-repeat;
}
#globalnavi li a.gnavi04_now{
	background:url("../img/navi/bg_gnv04_now.gif") top left no-repeat;
}
#globalnavi li a.gnavi05{
	background:url("../img/navi/bg_gnv05.gif") top left no-repeat;
}
#globalnavi li a.gnavi05:hover{
	background:url("../img/navi/bg_gnv05_on.gif") top left no-repeat;
}
#globalnavi li a.gnavi05_now{
	background:url("../img/navi/bg_gnv05_now.gif") top left no-repeat;
}
#globalnavi li a.gnavi06{
	background:url("../img/navi/bg_gnv06.gif") top left no-repeat;
}
#globalnavi li a.gnavi06:hover{
	background:url("../img/navi/bg_gnv06_on.gif") top left no-repeat;
}
#globalnavi li a.gnavi06_now{
	background:url("../img/navi/bg_gnv06_now.gif") top left no-repeat;
}


/*	########### フッタ ##################################### */
#footerarea{
	width:100%;
	background:url("../img/bg_container.gif") bottom center repeat-y;
}

#footer{
	display:block;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background:url("../img/head_foot/bg_footerarea.gif") top left repeat-x;
}
div.richfotter{
	padding:20px;
}
div.richfotter_logo{
	width:85px;
	float:left;
}

div.richfotter ul{
	display:block;
	width:240px;
	padding:10px 0;
	border-left:1px dotted #01a1a1;
	float:left;
}
div.richfotter ul:first-child {
	width:306px;
}
div.richfotter ul li{
	margin-left:15px;
	padding:5px;
	font-size:12px;
}
div.richfotter ul li a{
	display:block;
	padding:2px 0 2px 20px;
	font-weight:900;
	background:url("../img/head_foot/listmark_sq_or.gif") 0 0 no-repeat;
	text-decoration:none;
}
div.richfotter ul li a:hover{
	text-decoration:underline;
}

div.richfotter ul li ul{
	width:210px;
	margin-left:5px;
	border-left:none;
}
div.richfotter ul li ul li{
	margin:0;
}
div.richfotter ul li ul li a{
	background:none;
	display:block;
	padding-left:6px;
	font-weight:normal;
	background:url("../img/listmark_s_red.gif") 0 5px no-repeat;
	text-decoration:none;
}
div.richfotter ul li ul li a:hover{
	text-decoration:underline;
}

#footer p.footer_copyright{
	display:block;
	width:377px;
	height:12px;
	margin:14px 0 0 20px;
	font-size:0;
	text-indent:-9999px;
	background:url("../img/head_foot/foot_copyright.gif") top left no-repeat;
	float:left;
}

#footer div.copyarea{
	height:40px;
	background:#0959c5 url("../img/head_foot/bg_foot_copyarea.gif") top left repeat-x;
	color:#fff;
	clear:both;
}

#footer div.utility{
	float:right;
}
#footer div.utility ul{
}

#footer div.utility ul li{
	margin:0;
	padding:0px;
	float:left;
}
#footer div.utility li a{
	display:block;
	margin-top:10px;
	margin-right:10px;
	padding:3px 8px 3px 15px;
	font-size:120%;
	line-height:1.4;
	color:#fff;
	background:url("../img/listmark_s_wh.gif") 6px 8px no-repeat;
	text-decoration:none;
	white-space:nowrap;
}
#footer div.utility li a:hover{
	text-decoration:underline;
}

#footer div.richfotter_convarea{
	width:310px;
	height:140px;
	padding:20px 20px 0 20px;
	background:url("../img/head_foot/bg_foot_convarea.gif") top left no-repeat;
	float:right;
}
#footer div.richfotter_convarea p{
	display:block;
	width:290px;
	height:42px;
	margin:0 0 15px 5px;
	font-size:0;
	text-indent:-9999px;
	background:url("../img/head_foot/footer_bg_textcomv.png") top left no-repeat;
}

#footer div.richfotter_convarea a.btn_conv{
	display:block;
	width:302px;
	height:70px;
	font-size:0;
	text-indent:-9999px;
	background:url("../img/head_foot/btn_conv.png") top left no-repeat;
}
#footer div.richfotter_convarea a.btn_conv:hover{
	background:url("../img/head_foot/btn_conv_on.png") top left no-repeat;
}


/* ローカルナビ(Leftmenu)						##################################### */
#leftmenu{
	width:190px;
	height:auto;
	padding-left:10px;
	margin-bottom:20px;
	float:left;
	clear:left;
}

#leftmenu img{
	margin-bottom:15px;
}

#leftmenu dl{
	list-style:none;
	display:block;
	width:190px;
	margin-bottom:30px;
	padding:0px;
}

#leftmenu dt{
	display:block;
	width:190px;
	height:34px;
}
#leftmenu dt a, #leftmenu dt span{
	display:block;
	width:190px;
	height:34px;
	font-size:0;
	text-indent:-9999px;
}
/*企業情報*/
#leftmenu dt a.corpo_head{
	background:url("../img/localnavi/corpo_dt.gif") top left no-repeat;
}
#leftmenu dt a.corpo_head:hover{
	background:url("../img/localnavi/corpo_dt_on.gif") top left no-repeat;
}
/*ソリューション*/
#leftmenu dt a.sol_head{
	background:url("../img/localnavi/sol_dt.gif") top left no-repeat;
}
#leftmenu dt a.sol_head:hover{
	background:url("../img/localnavi/sol_dt_on.gif") top left no-repeat;
}
/*採用*/
#leftmenu dt a.recruit_head{
	background:url("../img/localnavi/recruit_dt.gif") top left no-repeat;
}
#leftmenu dt a.recruit_head:hover{
	background:url("../img/localnavi/recruit_dt_on.gif") top left no-repeat;
}
/*事例*/
#leftmenu dt a.case_head{
	background:url("../img/localnavi/case_dt.gif") top left no-repeat;
}
#leftmenu dt a.case_head:hover{
	background:url("../img/localnavi/case_dt_on.gif") top left no-repeat;
}
/*情報セキュリティ*/
#leftmenu dt span.security_head{
	background:url("../img/localnavi/security_dt.gif") top left no-repeat;
}


#leftmenu dd{/*カテゴリー下層*/
	display:block;
	padding:0px;
	width:190px;
	clear:both;
}
#leftmenu dl dd a{
	display:block;
	width:190px;
	height:51px;
	margin:0;
}

#leftmenu dl dd a.leftmenu_text{
	width:165px !important;
	height:auto !important;
	margin-bottom:1px;
	padding:5px 5px  5px 20px;
	font-size:12px;
	line-height:1.6;
	letter-spacing:0.11em;
	font-weight:900;
	text-decoration:none;
	border-bottom:1px dotted #045bc5;
	background:url("../img/localnavi/bg_lmenu_case.gif") left center no-repeat;
}
#leftmenu dl dd a.leftmenu_text:hover{
	color:#000;
	background:url("../img/localnavi/bg_lmenu_case_on.gif") left center no-repeat;
}
#leftmenu dl dd a.leftmenu_text_now{
	width:165px !important;
	height:auto !important;
	margin-bottom:1px;
	padding:5px 5px  5px 20px;
	font-size:12px;
	line-height:1.6;
	letter-spacing:0.11em;
	text-decoration:none;
	border-bottom:1px dotted #045bc5;
	color:#000;
	font-weight:900;
	background:url("../img/localnavi/bg_lmenu_case_now.gif") left center no-repeat;
}


/*ソリューション*/
#leftmenu dl dd a.sol_01{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/sol_01.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_01:hover{
	background:url("../img/localnavi/sol_01_on.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_01_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/sol_01_now.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_02{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/sol_02.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_02:hover{
	background:url("../img/localnavi/sol_02_on.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_02_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/sol_02_now.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_03{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/sol_03.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_03:hover{
	background:url("../img/localnavi/sol_03_on.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_03_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/sol_03_now.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_04{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/sol_04.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_04:hover{
	background:url("../img/localnavi/sol_04_on.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_04_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/sol_04_now.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_05{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/sol_05.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_05:hover{
	background:url("../img/localnavi/sol_05_on.gif") top left no-repeat;
}
#leftmenu dl dd a.sol_05_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/sol_05_now.gif") top left no-repeat;
}


/*企業情報*/
#leftmenu dl dd a.corpo_01{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_01.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_01:hover{
	background:url("../img/localnavi/corpo_01_on.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_01_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_01_now.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_02{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_02.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_02:hover{
	background:url("../img/localnavi/corpo_02_on.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_02_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_02_now.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_03{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_03.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_03:hover{
	background:url("../img/localnavi/corpo_03_on.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_03_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_03_now.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_04{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_04.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_04:hover{
	background:url("../img/localnavi/corpo_04_on.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_04_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_04_now.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_05{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_05.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_05:hover{
	background:url("../img/localnavi/corpo_05_on.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_05_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_05_now.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_06{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_06.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_06:hover{
	background:url("../img/localnavi/corpo_06_on.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_06_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_06_now.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_07{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_07.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_07:hover{
	background:url("../img/localnavi/corpo_07_on.gif") top left no-repeat;
}
#leftmenu dl dd a.corpo_07_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/corpo_07_now.gif") top left no-repeat;
}

/*採用*/
#leftmenu dl dd a.recruit_01{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/recruit_01.gif") top left no-repeat;
}
#leftmenu dl dd a.recruit_01:hover{
	background:url("../img/localnavi/recruit_01_on.gif") top left no-repeat;
}
#leftmenu dl dd a.recruit_01_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/recruit_01_now.gif") top left no-repeat;
}
#leftmenu dl dd a.recruit_02{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/recruit_02.gif") top left no-repeat;
}
#leftmenu dl dd a.recruit_02:hover{
	background:url("../img/localnavi/recruit_02_on.gif") top left no-repeat;
}
#leftmenu dl dd a.recruit_02_now{
	font-size:0;text-indent:-9999px;
	background:url("../img/localnavi/recruit_02_now.gif") top left no-repeat;
}


/* コンテンツ領域		##################################### */
#mainarea_right, #mainarea_left{
	width:720px;
	margin-bottom:30px;
	background-color:#FFF;
}
#mainarea_right{/*2カラム：左ローカルナビあり*/
	padding-right:20px;
	float:right;
	clear:right;
}
#mainarea_left{/*2カラム：右バナーエリアあり*/
	padding-left:10px;
	float:left;
}

#mainarea_center{/*3カラム*/
	width:470px;
	margin-bottom:30px;
	padding-left:20px;
	background-color:#FFF;
	float:left;
}

#mainarea p, #mainarea_right p, #mainarea_left p, #mainarea_center p{
	padding:0 10px;
}


/* H1ページタイトル　テキスト見出し */
#mainarea h1, #mainarea_right h1{
	display:block;
	margin-bottom:10px;
	clear:both;
}
#mainarea_right h1.h1_casetext{
	padding:48px 0 0 27px;
	height:67px;
	font-size:160%;
	letter-spacing:0.15em;
	line-height:1.2;
	font-weight:900;
	color:#000;
	background: url("../casestudy/images/bg_h1title_casetext.jpg") 0 0 no-repeat;
}

#mainarea_right h1.h1_soltop{
	font-size:0;
	text-indent:-9999px;
	background:url("../img/contents/bg_h1_soltop.gif") 0 0 no-repeat;
}

div.wide_contents h1{
	width:920px;
	height:125px;
}


.fl_left{float:left;}

/* 囲み強調アンカー */
 a.link_hilight {
	display:block;
	margin:10px 10px 0 0;
	padding:6px 15px 6px 23px;
	border:1px solid #abb9e4;
	font-size:12px;
	line-height:1.8;
	font-weight:900;
	background:#fff url("../img/listmark_s_red.gif") 12px 14px no-repeat;
	text-decoration:none;
	float:left;
}
a.link_hilight:hover{
	background:#F8F9D1 url("../img/listmark_s_red.gif") 12px 14px no-repeat;
	color:#029696;
	text-decoration:none;
}
a.link_hilight[target^="_blank"] {   
    background:#fff url("../img/listmark_s_exit.gif") 10px 12px no-repeat;
}
a.link_hilight[target^="_blank"]:hover {   
    background:#F8F9D1 url("../img/listmark_s_exit.gif") 10px 12px no-repeat;
}
a.link_hilight[href$=".pdf"] {   
    background:#fff url("../img/icon_pdf.gif") 7px 9px no-repeat;
}
a.link_hilight[href$=".pdf"]:hover {   
    background:#F8F9D1 url("../img/icon_pdf.gif") 7px 9px no-repeat;
}
a.link_hilight[href^="#"]{
	background:#fff url("../img/listmark_s_inner.gif") 8px 15px no-repeat;
}
a.link_hilight[href^="#"]:hover {
	background:#F8F9D1 url("../img/listmark_s_inner.gif") 8px 15px no-repeat;
}

/* for IE6 */
*html a.link_hilight a.external   {   
    background:#fff url("../img/listmark_s_exit.gif") 12px 12px no-repeat;
} 
* html a.link_hilight a.pdf{   
    background:#fff url("../img/icon_pdf.gif")  7px 9px no-repeat;
}  
*html a.link_hilight a.inner{
	background:#fff url("../img/listmark_s_inner.gif") 8px 15px no-repeat;
}
*html a.link_hilight{  
    behavior: expression(
    this.className += this.getAttribute("target").match(/^_blank.*/) ? "external" : "",
	this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
	this.className += this.getAttribute("href").match(/^#.*/) ? " inner" : "",
    this.style.behavior = "none"  
    );
}

 a.link_innerancer {
	display:block;
	width:240px;
	margin:5px 0 5px 5px;
	padding:6px 15px 6px 23px;
	border:1px solid #abb9e4;
	font-size:12px;
	line-height:1.8;
	font-weight:900;
	background:#fff url("../img/listmark_s_inner.gif") 8px 15px no-repeat;
	text-decoration:none;
	clear:both;
}


/* ２カラム 右バナーエリア*/
#sabarea_right{
	width:210px;
	height:auto;
	padding-right:10px;
	margin-bottom:20px;
	float:right;
	clear:right;
}
#sabarea_right img{
	margin-bottom:15px;
}

/* 全幅コンテンツ領域（ローカルナビ無し）################################ */


div#mainarea, div#mainarea_top{
	height:auto;
	padding:0 10px 20px 10px;
	clear:both;
}


#mainarea p, #mainarea_left p{
	font-size:120%;
	line-height:1.6;
	letter-spacing:0.12em;
	margin-bottom:2em;
}

.wide_contents{
	width:920px;
	margin-left:10px;
	margin-right:10px;
}
.wide_contents p{
	margin-bottom:1.5em;
}

#mainarea_left h2{
	display:block;
	width:auto;
	margin-bottom:20px;
}

#mainarea h2.h2_text,#mainarea_right h2.h2_text, #mainarea_center h2.h2_text{
	display:block;
	height:23px;
	margin-bottom:20px;
	padding:11px 0 0 19px;
	font-size:140%;
	letter-spacing:0.12em;
	font-weight:900;
	background:url("../img/bg_h2txt.gif") top left no-repeat;
	border:1px solid #d8d2d2;
	clear:both;
}

h2.h2_read{
	display:block;
	margin:0 0 20px 10px;
	clear:both;
}

.h2_newsarea{
	margin-bottom:0px;
}


/*// ----- トップページ ---------// */

#mainvisual{/*メインビジュアル*/
	width:920px;
	height:270px;
	margin:20px 0 15px 10px;
	clear:both;
}
#mainvisual h1{display:none;}

div.top_servicemenu{
	margin-bottom:10px;
	clear:both;
}

div.top_servicemenu_leftarea{
	width:400px;
	min-height:145px;
	float:left;
}
div.top_servicemenu_left{
	width:360px;
	min-height:115px;
	padding:20px 20px 0 20px;
	background:url("../img/top/bg_top_smenu_01cc.gif") top left no-repeat;
	float:left;
}
div.top_servicemenu_left h2{
	display:block;
	height:50px;
	margin-bottom:5px;
	padding-bottom:9px;
	background:#fff url("../img/bg_dot2px_orange.gif") bottom left repeat-x;
}
div.top_servicemenu_left p{
	padding-left:0px !important;
	margin-bottom:0 !important;
}

div.top_servicemenu_leftbtm{
	display:block;
	width:400px;
	height:10px;
	background:url("../img/top/bg_top_smenu_01cc_btm.gif") top left no-repeat;
	font-size:0;
	clear:both;
}
div.top_servicemenu_right{
	width:537px;
	height:138px;
	padding-left:3px;
	padding-top:7px;
	background:url("../img/top/bg_top_smenu_right.gif") top left no-repeat;
	float:right;
}
div.top_servicemenu_right h3{
	display:block;
	width:249px;
	height:50px;
	padding:8px 7px 7px 8px;
	float:left;
}
/* バナー */
ul.top_bannerarea{
	display:block;
	height:150px;
	margin-left:10px;
	border-left:1px dotted #b3bece;
}
ul.top_bannerarea li{
	width:229px;
	height:150px;
	border-right:1px dotted #b3bece;
	float:left;
	text-align:center;
}
ul.top_bannerarea li:first-child {
	width:228px;
}

h4.h4_top_news{
	padding:0px !important;
	border:none !important;
}


/*// ----- トップページ新着情報 ---------// */
.newsarea{/* スクロールさせる場合囲むdiv */
	display:block;
	width:auto;
	height:208px;
	border-right:1px solid #bdbdbd;
	border-left:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
	overflow-y:scroll;
	overflow-x:hidden;
}
dl.dl_news{
	margin:10px 10px 30px 10px;
	font-size:120%;
	line-height:1.8;
	letter-spacing:0.12em;
	clear:both;
}
dl.dl_news dt{
	float:left;
	width:120px;
	padding:0 0 10px 5px;
	font-weight:700;/*太字*/
	clear:both;
}
dl.dl_news dd{
	margin-bottom:5px;
	padding:0 10px 5px 5px ;
	border-bottom:1px dotted #b5c7dd;
}


/* 3等分分割カラム（サイトマップ等）	##################################### */
.area_3part{
	width:286px;
	height:auto;
	padding:0 10px;
	float:left;
}



/* 共通汎用パーツ（テーブル、リスト等）##################################### */
/* 汎用普通のリスト */
.normallist{
	margin-left:20px;
	margin-bottom:15px;
}
.normallist li{
	margin-left:20px;
	padding-bottom:5px;
	font-size:120%;
	line-height:1.4;
	letter-spacing:0.1em;
	list-style:disc;
}

ol{
	margin-left:20px;
	margin-bottom:20px;
}
ol li{
	margin-left:20px;
	padding-bottom:15px;
	font-size:12px;;
	line-height:1.4;
	letter-spacing:0.1em;
	list-style:decimal;
}
/* 汎用普通のテーブル */
.table_normal{
	margin-left:10px;
	margin-bottom:20px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
.table_normal th{
	padding:8px 9px;
	font-size:120%;
	line-height:1.4;
	letter-spacing:0.1em;
	font-weight:900;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	background-color:#eee;
	color:#000;
}
.table_normal td{
	padding:8px 9px;
	font-size:120%;
	line-height:1.4;
	letter-spacing:0.1em;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}

.table_normal td table td, .table_normal td table th{
	padding-left:0px;
	padding-top:0px;
	font-size:12px;
	line-height:18px;
	border:none !important;
}

.table_normal td h5{
	font-weight:900;
	margin-bottom:15px;
	clear:both;
}

.table_normal td ul{
	list-style:disc;
	margin-bottom:20px;
}
.table_normal td ul li{
	margin-left:20px;
	margin-bottom:5px;
	
}

th.th_midashi{
	font-size:13px !important;
	color:#fff;
	background-color:#00b3b3;
}

td.td_blue{
	background-color:#eef8ff;
}

/* レイアウト用テーブル */
.table_layout{
	width:100%;
}
.table_layout td{
	padding-bottom:10px;
}

/* サービスメニュー等のブロックリスト */
.ul_servicemenu{
	margin-bottom:30px;
	clear:both;
}
.ul_servicemenu li{
	display:block;
	width:350px;
	padding:10px 0;
	font-size:120%;
	line-height:1.8;
	border-bottom:1px dotted #adc7d3;
	float:left;
}
.ul_servicemenu li a {
	font-weight:900;
	text-decoration:none;
}


.ul_servicemenu li h3{
	margin-bottom:15px;
	border-bottom:2px solid #00c3c3;
	padding:8px 10px; 
	font-size:14px;
	font-weight:900;
	line-height:1.6;
}

.ul_servicemenu li img{
	margin:0 10px 20px 10px;
	border:1px solid #ccc;
	float:left;
}
.mr20{margin-right:20px;}

div.corp_left{
	width:540px;
	float:left;
}
div.pmark_right{
	width:620px;
	float:right;
}

/* ソリューション######################################## */
div.soltop_contactc{
	width:660px;/*710px;*/
	padding:25px 25px  0 25px;
	background:url("../solutions/images/bg_soltop_contactc.gif") top left no-repeat;
	clear:both;
}
div.soltop_contactc h3{
	margin-bottom:15px;
	padding-bottom:15px;
	font-size:160%;
	letter-spacing:0.12em;
	font-weight:900;
	background:#fff url("../img/bg_dot2px_orange.gif") bottom left repeat-x;
}
div.soltop_contactc h3 a{
	text-decoration:none;
}
div.soltop_contactc h3 a:hover{
	text-decoration:underline;
}

div.soltop_contactc img{
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	float:left;
}

div.soltop_contactc_btm{
	width:710px;
	height:40px;
	margin-bottom:40px;
	background:url("../solutions/images/bg_soltop_contactc_btm.gif") top left no-repeat;
	clear:both;
}

/*リスト型サービスメニュー*/
div.servicemenu_list{
	margin-bottom:20px;
	border-bottom:1px dotted #bdbdbd;
	clear:both;
}
div.servicemenu_list h3.h3_text{
	width:640px;
	float:right;
	clear:both;
}
div.servicemenu_list h3.servicemenu_h3{
	display:block;
	margin-bottom:15px;
	padding-top:5px;
	padding-left:60px;
	font-size:160%;
	font-weight:900;
	line-height:1.4;
	color:#00439D;
	clear:both;
}
div.servicemenu_list p{
	margin-left:60px;
	/*display:block;
	width:640px;
	float:right;*/
}
div.servicemenu_list ul{
	display:block;
	width:640px;
	float:right;
	clear:both;
}

.sm_one{ background:url("../solutions/images/bg_sm_one.gif") top left no-repeat;}
.sm_two{ background:url("../solutions/images/bg_sm_two.gif") top left no-repeat;}
.sm_three{ background:url("../solutions/images/bg_sm_three.gif") top left no-repeat;}
.sm_four{ background:url("../solutions/images/bg_sm_4.gif") top left no-repeat;}
.sm_five{ background:url("../solutions/images/bg_sm_5.gif") top left no-repeat;}
.sm_six{ background:url("../solutions/images/bg_sm_6.gif") top left no-repeat;}
.sm_seven{ background:url("../solutions/images/bg_sm_7.gif") top left no-repeat;}
.sm_fukidashi{background:url("../solutions/images/bg_sm_fukidashi.gif") top left no-repeat;}

/*フローのリスト*/
dl.dl_sol_flow{
	margin-bottom:30px;
}
dl.dl_sol_flow dt{
	display:block;
	width:160px;
	height:60px;
	margin-top:10px;
	margin-left:10px;
	margin-right:15px;
	padding-top:10px;
	font-size:140%;
	line-height:1.4;
	font-weight:900;
	text-align:center;
	background:url(../solutions/images/bg_flow_dt.gif) top left no-repeat;
	float:left;
	color:#fff;
	clear:left;
}
dl.dl_sol_flow dd{
	display:block;
	min-height:60px;
	margin-top:10px;
	padding:3px 0 10px 0;
	font-size:120%;
	line-height:1.4;
	letter-spacing:0.11em;
	border-bottom:1px dotted #a0a9ae;
}



/*ソリューション事例エリア*/
div.sol_casearea{
padding:0 15px 15px 15px;
border:1px solid #bdbdbd;
clear:both;
}
div.sol_casearea h2{
	display:block;
	height:52px;
	margin-bottom:10px;
	border-bottom:1px solid #bdbdbd;
	clear:both;
}
div.sol_casearea h2 a{
	float:right;
}
div.sol_casearea h2.h2_solcase01{
	background:url("../solutions/images/bg_sol_case01.gif") top left no-repeat;
}
div.sol_casearea h2.h2_solcase02{
	background:url("../solutions/images/bg_sol_case02.gif") top left no-repeat;
}
div.sol_casearea h2.h2_solcase03{
	background:url("../solutions/images/bg_sol_case03.gif") top left no-repeat;
}
div.sol_casearea h2.h2_solcase04{
	background:url("../solutions/images/bg_sol_case04.gif") top left no-repeat;
}
div.sol_casearea h2.h2_solcase05{
	background:url("../solutions/images/bg_sol_case05.gif") top left no-repeat;
}

/*事例紹介*/
div.casestudy_linkarea{
	margin-bottom:20px;
	padding:10px 0 15px 0;
	border-bottom:1px dotted #a0a9ae;
	clear:both;
}
div.casestudy_linkarea h3{
	display:block;
	width:540px;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:140%;
	letter-spacing:0.12em;
	font-weight:900;
	background:#fff url("../img/bg_dot2px_orange.gif") bottom left repeat-x;
	float:right;
	clear:right;
}

div.casestudy_case{
	margin:0 15px 30px 15px;
	padding-top:10px;
	border-top:1px dotted #a0a9ae;
	clear:both;
}


div.sol_casearea dl, div.casestudy_case dl{
	display:block;
	min-height:32px;
	margin-bottom:10px;
	border-bottom:1px dotted #a0a9ae;
	clear:both;
}

div.sol_casearea dl dt, div.casestudy_case dl dt{
	display:block;
	width:174px;
	height:18px;
	margin:0 15px 15px 0;
	padding:3px;
	background-color:#b8d4f4;
	font-size:120%;
	line-height:1.4;
	font-weight:500;
	text-align:center;
	float:left;
}
div.sol_casearea dl dd, div.casestudy_case dl dd{
	display:block;
	width:490px;
	padding:3px 0 10px 0;
	font-size:120%;
	line-height:1.4;
	letter-spacing:0.11em;
	float:right;
}

div.corumn{
padding:10px 10px 10px 0;
margin-bottom:30px;
border:2px solid #efcc9f;
clear:both;
}

/*サービスメニュー2-はこ型*/
div.sol_boxsvmenu{
	display:block;
	margin: 0 10px 20px 10px;
	padding:10px 10px 0 10px;
	border:1px solid #bdbdbd;
	clear:both;
}
div.sol_boxsvmenu_left{
	display:block;
	width:338px;
	float:left;
}
div.sol_boxsvmenu_right{
	display:block;
	width:337px;
	float:right;
}
/*半分フロート*/
div.sol_boxsvmenu_harf{
	display:block;
	width:318px;
	min-height:120px;
	margin: 0 10px 20px 10px;
	padding:10px 10px 0 10px;
	border:1px solid #bdbdbd;
	float:left;
}
div.sol_boxsvmenu h3, div.sol_boxsvmenu_harf h3{
	display:block;
	margin-bottom:15px;
	padding:3px;
	font-size:140%;
	font-weight:900;
	letter-spacing:0.12em;
	background:url("../solutions/images/bg_h3_svm.gif") top left repeat-y;
	clear:both;
}


/*上記以外にも、こんなときにはご相談ください*/
div.kakoi_checkseat{
	display:block;
	margin: 0 10px 30px 10px;
	padding:10px;
	border:2px solid #bdbdbd;
	clear:both;
}
div.kakoi_checkseat h3{
	margin-bottom:20px;
}
ul.ul_checkseat{
	margin-left:20px;
	margin-bottom:5px;
	list-style:none;
}
ul.ul_checkseat li{
	font-weight:900;
	font-size:120%;
	line-height:2.0;
	letter-spacing:0.11em;
	padding-left:28px;
	padding-bottom:5px;
	background:url("../img/bg_listmark_check.gif") 0 3px no-repeat;
}

/*事例紹介：成果*/
ul.ul_smily{
	margin-left:20px;
	margin-bottom:5px;
	list-style:none;
}
ul.ul_smily li{
	font-weight:900;
	font-size:120%;
	line-height:2.0;
	letter-spacing:0.11em;
	padding-left:28px;
	margin-bottom:10px;
	background:url("../img/bg_listmark_smily.gif") 0 3px no-repeat;
}