/* 共通設定 */

* {
	font-family :'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif ;
	color:#143288;
	margin:0;
	padding:0;
	font-size:11pt;
	line-height:150%;
	}

body
	{
	text-align:center;
	background:url("images/common/bg.gif") repeat-y top center;
	background-color:#ffffff;
	}

#body-in
	{
	background:url("images/common/bg-in.gif") repeat-x top center;
	}

#body-in-top
	{
	background:url("images/common/bg-in-top.gif") repeat-x top center;
	}

a {text-decoration:none;}

h1{
	font-size:22pt;
	font-weight:normal;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	}
h1 span{
	margin-top:10px;
	font-size:11pt;
	float:right;
	}
h1 img{
	margin-top:0px;
	vertical-align:sub;
	}
h2{
	height:24px;
	font-size:12pt;
	font-weight:normal;
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	padding: 0px 0px 0px 4px;
	border-bottom:2px solid #b1d0ff;
		color:#ffffff;
		background-color:#3173f0;
		background:url("images/common/h2-bg.gif") 
	}
h3{
	font-size:11pt;
	font-weight:bold;
	color:#6075b1;
	background-color:#f4f4f4; /*background-color:#edf3ff;*/
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding:0px 0px 0px 4px;
	border-left:4px solid #b1d0ff;
	}

dl
	{
	margin-top:20px;
	margin-bottom:30px;
	}

dt
	{
	font-weight:bold;
	font-size:12pt;
	}

img{border:0px;}

/* 新着情報の場合の対応 */
dt.new:after {
	margin-left:6px;
	content: url("images/common/icon-new.gif");
	vertical-align:sub;
	/* content: "NEW!!"; */
	color: red;
	font-size: 80%;
	}

/* クラウド対応の場合の対応 */
dt.cloud:after {
	margin-left:6px;
	content: url("images/common/icon-cloud.gif");
	vertical-align:sub;
	}

/* 新サービスでクラウド対応の場合の対応 */
dt.newcloud:after {
	margin-left:6px;
	content: url("images/common/icon-new_cloud.gif");
	vertical-align:sub;
	}

dd
	{
	margin-bottom:13px;
	padding:0px;
	color:#888;
	font-size:10pt;
	letter-spacing:0px;
	}
/* hrは、float解除のために利用します。 */
hr {visibility:hidden; clear:both; height:1px;}

img{border:0px;}

.article{
	overflow:auto;
	margin-left:20px;
	margin-right:20px;
	}

.section{
	margin-top:20px;
	
	}

/* サービスページのh2で利用 */
h2.color-green {
	border-bottom:#9cff54 2px solid;
	padding-left:22px;
	background:url(images/common/icon-service-h2-logitech.gif) no-repeat left center;
	}
h2.color-yellow {
	border-bottom:#ffe554 2px solid;
	padding-left:22px;
	background:url(images/common/icon-service-h2-tiinf.gif) no-repeat left center;
	}
h2.color-orange {
	border-bottom:#ffa854 2px solid;
	padding-left:22px;
	background:url(images/common/icon-service-h2-logocon.gif) no-repeat left center;
	}
h2.color-skyblue {
	border-bottom:#69a4ff 2px solid;
	padding-left:22px;
	background:url(images/common/icon-service-h2-logiti.gif) no-repeat left center;
	}

/* 表示領域 両サイドに+10px*/
#contents
	{
	background-color:#ffffff;
	width:960px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	}

/* 2カラムの場合 */

.two-column-left{
	float:left;
	width:410px;
	margin-left:20px;
	}

.two-column-right{
	float:right;
	width:410px;
	margin-right:20px;
	}

/* 3カラムの場合 */
/*  */




#header
	{
	height:70px;
	width:960px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	}

.header-in-left
	{
	float:left;
	}

.header-in-right
	{
	float:right;
		text-align:right;
	}

.header-in-right form
	{
	margin-left:12px;
	}

/* 検索入力エリア */
.header-in-right form #input-text
	{
	width:160px;
	height:22px;
	}

.header-in-right form input#search-btn{	width:60px; height:26px;}


#navi ul{
	width:900px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	height:40px;
	text-align:center;
	background:url("images/common/navi-bg.gif") no-repeat bottom center;
	border-bottom:1px solid #607cb1; /* d4e2ff */
	list-style-type:none;
	padding-bottom:0px;
	padding-left:60px;
	}
#navi ul li {
	float:left;
	width:120px;
	height:24px;
	padding:16px 0 0 0;
	background:url("images/common/navi-line.gif") no-repeat bottom left;
	}

#navi ul li#last,
#navi ul li#last:hover {
	width:121px;
	}
/* idには:hoverは、効かないようだ */

#navi ul li:hover{
	height:32px;
	background:url("images/common/navi-over.gif") no-repeat top left;
	font-weight:bold;
	padding:8px 0 0 0;
	color:#143288;
	}
#navi ul li a
	{
	margin-top:8px;
	font-size:9pt;
	}

#pankuzu {
	/* background-color:#ffffff; */
	font-size:9pt;
	margin-top:0px;
	margin-right:30px;
	margin-bottom:0px;
	margin-left:30px;
	padding:8px 0 0 0;
	}

/* ホームイメージ */
#home-image{
	height:230px;
	background:url("images/top/main.jpg") top center no-repeat;
	}

/* ホームの右メニューの設定 */
#local-navi-area-right
	{
	width:250px;
	font-size:10.5pt;
	float:right;
	}


/* 詳細ページ */
/* ローカルナビゲーションエリア */
#local-navi-area-left
	{
	width:250px;
	font-size:10.5pt;
	float:left;
	}

#local-navi
	{
	margin-top:10px;
	}	
	#local-navi li
		{
		/* padding-top:10px; */
		/* padding-bottom:10px; */
		border-bottom:1px solid #cdcdcd;
		list-style-type:none;
		}
	#local-navi li#last
		{
		border-style:none;
		}

	#local-navi li #serect
		{
		/*font-weight:bold;*/
		padding-top:6px;
		padding-bottom:6px;
		padding-left:20px;
		display:block;
		background-color:#f8f8f8;
		}

	#local-navi li a
		{
		color:#444444;
		padding-top:6px;
		padding-bottom:6px;
		padding-left:20px;
		display:block;
		background-color:#f8f8f8;
		}

.banner-area{text-align:center;}
.banner-area img{margin:10px auto 0px auto;}

/* レコメンド */
#recomend
	{
	font-size:9pt;
	margin-top:20px;
	margin-bottom:0px;
	font-weight:bold;
	text-align:center;
	}

#recomend-list li
	{
	font-size:9pt;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	border-bottom:1px solid #cdcdcd;
	background:url("images/common/recomend-arrow.gif") no-repeat 6% 45%;
	list-style-type:none;

	}
#recomend-list li#last
	{
	border-style:none;
	}

#recomend-list li a {
	color:#444444;
	}

/* サービスリスト */

#service-list,
.accordion
	{
	font-size:9pt;
	margin-top:20px;
	}

#service-list li,
.accordion dt
	{
	font-size:10pt;
	margin-bottom:10px;
	font-weight:normal;
	}
	#service-list li div,
	.accordion dt
		{
		margin-bottom:10px;
		padding-left:10px;
		background-color:#efefef;
		color:#666666;
		}
	#service-list li div span,
	.accordion dt span
		{
		color:#aaaaaa;
		}
		#service-list li li,
		.accordion dd
			{
			padding-left:10px;
			color:#aaaaaa;
			}
		#service-list li li span,
		.accordion dd span
			{
			color:#6075b1;
			}
	.accordion dd.selected
		{
		display:none  !important;;
		}

/* ホームの設定 */
#two-column-home
	{
	float:left;
	width:610px;
	margin-right:20px;
	}

/* 2nd（サービス） */
#service h2 span
	{
	margin-top:8px;
	font-size:10pt;
	float:right;
	color:#97a6d2;
	}

#service h2 span a {color:#97a6d2;}
#service h2 span a:hover {color:#ff8a00;}

#two-column-service {}
#two-column-service dt{margin-bottom:23px;}


/* 詳細ページの設定 */
#two-column-3rd
	{
	float:right;
	width:610px;
	margin-right:20px;
	}

/* ホームと詳細ページ共有 */
#two-column-3rd h1,
#two-column-home h1
	{
	/* font-size:18pt; */
	margin-left:0px;
	margin-right:0px;
	}
	
#two-column-3rd h2,
#two-column-home h2
	{
	margin-left:0px;
	margin-right:0px;
	}

#two-column-3rd h3,
#two-column-home h3
	{
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
	}
	
#two-column-3rd p,
#two-column-home p
	{
	margin-top:30px;
	margin-bottom:30px;
	font-size:11pt;
	color:#333333;
	}

#two-column-3rd table,
#two-column-home table
	{
	border:1px solid #143288;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	font-size:11pt;
	color:#333333;
		/* border-collapse:collapse; */
		border-spcing:0px;
	}

#two-column-3rd table th,
#two-column-home table th
	{
	border:1px solid #cccccc;
	background-color:#edf3ff;
	padding:4px;
	text-align:center;
	}

#two-column-3rd table td,
#two-column-home table td
	{
	border:1px solid #cccccc;
	background-color:#fff;
	padding:4px;
	text-align:left;
	color:#333333;
	}

#two-column-3rd table td.price,
#two-column-home table td.price
	{
	text-align:right;
	}

#two-column-3rd table td.checklist,
#two-column-home table td.checklist
	{
	text-align:center;
	}

/* 沿革 */
#two-column-3rd table.histry,
#two-column-home table.histry
	{
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	font-size:11pt;
	color:#333333;
	border-style:none;
		/* border-collapse:collapse; */
		border-spcing:0px;
	}

#two-column-3rd table.histry td,
#two-column-home table.histry td
	{
	background-color:#fff;
	padding:4px;
	text-align:left;
	color:#333333;
	vertical-align:top;
	border-style:none;
	}


/* 線なし */
#two-column-3rd table.datacenter,
#two-column-home table.datacenter
	{
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	font-size:11pt;
	color:#333333;
	border-style:none;
		/* border-collapse:collapse; */
		border-spcing:0px;
	}

#two-column-3rd table.datacenter td,
#two-column-home table.datacenter td
	{
	background-color:#fff;
	padding:4px;
	text-align:left;
	color:#333333;
	border-style:none;
	}





#two-column-3rd p img#left,
#two-column-home p img#left
	{
	float:left;
	margin:0 40px 20px 0px;
	}

#two-column-3rd ul li,
#two-column-home ul li,
#two-column-3rd ol li,
#two-column-home ol li
	{
	margin-top:10px;
	margin-left:40px;
	margin-bottom:10px;
	font-size:11pt;
	color:#333333;
	}

#two-column-3rd #about-history table
	{
	border:0px;
	width:100%;
	}

#two-column-3rd #about-history table #col1{width:80px;}
#two-column-3rd #about-history table #col2{width:50px;}
#two-column-3rd #about-history table #col3{}


#two-column-3rd #about-history table td
	{
	border-style:none;
	text-align:left;
	vertical-align:top;
	}

/* 詳細画面の本文中の角丸ボックスの設定 */

#two-column-3rd .box,
#two-column-home .box
	{
	margin-top:20px;
	margin-bottom:40px;
	background:url("images/common/box_01.gif") left top no-repeat;
	padding-top:10px;
	}
	
#two-column-3rd .box-in,
#two-column-home .box-in
	{
	margin-top:0px !important;
	padding-top:0px !important;
	background:url("images/common/box_02.gif") left bottom no-repeat;
	height:200px;
	overfrow:auto;
	}

#two-column-3rd .box-in .left,
#two-column-home .box-in .left
	{
	float:left;
	 width:270px;
	 display:block;
	 margin:0;
	 padding:0 10px 10px 10px;
	}

#two-column-3rd .box-in .right,
#two-column-home .box-in .right
	{
	float:right;
	width:270px;
	display:block;
	margin:0;
	padding:0 10px 10px 10px;
	}

#two-column-3rd .box-in .left strong,
#two-column-3rd .box-in .right strong,
#two-column-home .box-in .left strong,
#two-column-home .box-in .right strong
	{
	color:#143288;
	display:block;
	margin:0px;
	padding:0px;
	}

/* 詳細画面の強調文字 */
#two-column-3rd strong,
#two-column-home strong
	{
	color:#e66100;
	}

/* 詳細画面の事例の企業情報の箇条書き */
#two-column-3rd ul#jirei-list li
	{
	margin-top:4px;
	margin-bottom:4px;
	}

#two-column-3rd table.about-pmark,
#two-column-3rd table.about-table
	{}

	#two-column-3rd table.about-pmark th,
	#two-column-3rd table.about-table th
	{width:20%;}

	#two-column-3rd table.about-pmark td,
	#two-column-3rd table.about-table td
	{width:80%; text-align:left;}

/* フッターの表示 */
#footer
	{
	font-size:10pt;
	background:url("images/common/footer-bg.gif") repeat-x;
	background-color:#e1e1e1;
	}
#footer-in{
	background:url("images/common/footer-bg-in.gif") no-repeat top center;
	padding-top:40px;
	padding-bottom:10px;
	}
#footer-contents
	{
	width:960px;
	margin-right:auto;
	margin-left:auto;
	}