@charset "utf-8";
*
{
	margin	:	0px;
	padding	:	0px;
}

html
{
	overflow-y:scroll;　
}
/*
@font-face
{
	font-family: motoya_test;
	src:url('UdMotoyaCedarStd-W4.eot');
}

@font-face
{
	font-family: motoya_test;
	src:url('UdMotoyaCedarStd-W4.otf') format('opentype');
}
*/
body
{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Gothic', 'Osaka', Arial, sans-serif;
	text-align: center;
/* 2012/05/07 cut
 * font-size: 12px;
 * line-height: 19px;	
 */	
	font-size: 14px;
	line-height: 24px;	
	color: #212121;
}

/************************************************
 *	共通クラス
 ************************************************/

.posLeft
{
	text-align: left;
}

.posCenter
{
	text-align: center;
}

.posRight
{
	text-align: right;
}

.cursorPointer
{
	cursor: pointer;
}

.floatClear
{
	clear: both;
}

.onHover:hover
{
	color: red;
}
.fontBlack
{
	color: #212121;
}
/************************************************
 *	属性
 ************************************************/

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/* IE7で画像をサイズ指定したときに画像を綺麗に表示するための指定 */
img
{
/*	-ms-interpolation-mode: bicubic;
*/	border:0; 
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, p, blockquote
{
	margin: 0;
	padding: 0;
}

/************************************************
 *	ヘッダー(メニュー)
 ************************************************/
#wrapperHeader
{
	width: auto;
	text-align: left;
}

#header
{
	width: 950px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
}

#headerTsc
{
	width: 950px;
	font-size: 7px;
	margin-left: auto;
	margin-right: auto;
/*	color: #ec7578;
*/	color: #888;
}

#wrapperHeaderBottom
{
	width: auto;
	background:url(../image/header_bottom2.gif) repeat-x;
	text-align: left;

}
#headerBottom
{
	width: 950px;
	height: 30px;
	line-height: 30px;
	border: 0;
	color: #333333;
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
}
#headerBottom a
{
	color: #333333;
	font-size: 10px;

}
/* 2012/05/07 add */
#headerBottom a:hover
{
	color: red;
}

#menuList
{
	margin-top: 10px;
	height: 50px;
}

.menu
{
	float: left;
	cursor: pointer;
	
}

#menuServiceItem
{
	display: none;
}
/************************************************
 *	ページ先頭ボタン
 ************************************************/
#wrapperPageSentou
{
	width: auto;
	text-align: left;
}
#pageSentou
{
	width: 950px;
	height: 21px; 
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	clear:both;

}
#pageSentou img
{
	vertical-align :bottom;
}
/************************************************
 *	フッター
 ************************************************/

#wrapperFotterTop
{
	height: 28px;
	background: #666766;
	clear:both;	
}
#fotterTop
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 28px;

}

#wrapperFotterBottom
{
	height: 28px;
	background: #333434;
}

#fotterBottom
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 28px;

}

.footerTextLeft
{
	font-size: 10px;
	text-decoration: none;
	padding-right: 30px;
	float: left;
	color: #fff;
}
/* 2012/05/07 add */
.footerTextLeft:hover
{
	color: red;
}
.footerTextRight
{
	font-size: 10px;
	text-decoration: none;
	float: right;
	color: #fff;
}

/************************************************
 *	TOPページ メイン画像
 ************************************************/
#wrapperMainImg
{
	width: auto;
	height: 336px;
	text-align: left;
	clear:both;
	background: url(../image/photo_back.gif)  repeat-x ;
}

#mainImgBox
{
	width: 958px;
	height: 336px;	
	margin-left: auto;
	margin-right: auto;
}

#mainImgLeft
{
	width: 4px;
	height: 336px;
	background: url(../image/main_img_left.jpg)  no-repeat;
	float: left;	
}

#mainImg
{
	width: 950px;
	height: 336px;
	background: url(../image/top_main.jpg);
	float: left;	
	
}

#mainImgRight
{
	width: 4px;
	height: 336px;
	background: url(../image/main_img_right.jpg) no-repeat;
	float: right;	
}

#mainImgBottom
{
	height: 28px;
	background: #cccccc;
	clear:both;	
}
#mainImgBottomShadow
{
	height: 28px;
	background: url(../image/photo_bottom.gif) repeat-x;	
}
/*
 * ソリューションボタン
 */
#solutionBtnBox
{
	margin-right: 27px;
	text-align: right;
	float: right;
}

.solutionBtn
{
	margin-top:27px;
	position: relative;

}

.solutionBtn img
{
	cursor: pointer;
}
.solutionBtnHiddenTop
{
	height: 27px;
	width: 160px;
	position: absolute;
	top:-27px;
	left:0;
	display: none;	
}

.solutionBtnHiddenLeft
{
	height: 160px;
	width: 10px;
	position: absolute;
	top:0;
	left:-10px;
	display:none;
}

.solutionBtnHiddenBottom
{
	 height: 27px;
	 width: 150px;
	 position: absolute;
	 top:76px;
	 left:0;
	 display:none;
}

.soluItemBox
{
	width: 150px;
	background: #fff;
	position: absolute;
	right:168px;
	top: 0px;
	clear: both;
	list-style: none;
	display: none;
}
.soluItem
{
	height: 30px;
	width: 150px;
	text-align: left;
	cursor: pointer;
}


/************************************************
 *	トップページ コンテンツ
 ************************************************/
#wrapperContents
{
	text-align: left;
	clear:both;
}

#contents
{
	width: 950px;
	height: 620px;
	margin-left: auto;
	margin-right: auto;
	clear:both;

}

/*
 * お見舞いメッセージ
 */
#omimaiBox
{
	text-align: center;
/* 2012/05/07
 * margin: 8px auto;
 */	
	margin: 13px auto 38px auto;
}

#leftContentsBox
{
	width: 705px;
	float: left;
}

#topBox
{
	height: 110px;
	margin: -5px 0 0 -5px;	/* 画像に影があるため、位置を調整  */
	clear:both;
}

/*
 * 画像ボタン
 */
.imgBtnLeft
{
	float: left;
	cursor: pointer;
	
}

.imgBtnRight
{
	float: right;
	cursor: pointer;
	margin-right: -4px;
	
}

#bottomBox
{
	margin: 30px 0 50px 0;
	clear:both;	
	
}

#rightContentsBox
{
	margin-left:30px;
	float: right;
}
.rightContents
{
	margin-bottom: 20px;
}

/*
 * インフォメーション
 */
#infoTable
{
	width: 703px;
	margin-left:1px;
}

#infoTable tr
{
	font-size: 12px;
	line-height: 24px;	
}

#pmarkLeft
{
	height: 100%;
	width: 85px;
	float: left;	
}

#pmarkRight
{
	height: 100%;
	width: 119px;
	padding-top: 16px;
	float: left;	
}
/************************************************
 *	共通 各ソリューショントップページ
 ************************************************/

#commonTopMainImg
{
	width: 980px;
	height: 366px;	
	margin-left: auto;
	margin-right: auto;
}

#topSubImg						/* 組版TOPのみ */
{
	width: 950px;
	height: 435px;
	margin-left: auto;
	margin-right: auto;
}

#topSetumei						/* 組版TOPのみ */
{
	width: 950px;
	margin: 50px auto 60px auto;
	text-align: left;
}

#commonTopContents
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#commonTopTitle
{
	margin: 50px 0;
}

.commonTopCategoryTitle
{
	height: 25px;
}

.commonTopCategory
{
	text-align: left;
	margin: 58px 0;
}

.commonTopCategorySetsumeiBox
{
	margin: 30px 0;
	clear: both;	
}

.commonTopCategory ul li
{
	line-height: 28px;
}

.cotegoryLine
{
	width: 950px;
	height: 4px;
	background: url("../image/category_line.gif")  no-repeat;
}

/************************************************
 *	共通カテゴリーページ
 ************************************************/
#WrapperCommonCategory, #WrapperCommonCategoryCompany
{
	width:950px;
	height: 850px;
	margin-right:auto;
	margin-left:auto;
	margin-top:50px;
}

#commonCategoryLeft
{
	width: 750px;
	float: left;
	text-align:left;
}

#commonCategoryRight
{
	width:200px;
	float: right;
	text-align: right;
}

#commonCategoryRight #menuBox img
{
	cursor: pointer;
	vertical-align:bottom;
}
#commonCategoryMainImg
{
	margin: 40px 0 0 -15px;
}

#commonCategoryContents
{
	width: 716px;
	padding-bottom: 70px;
	float: left;
	text-align: left;
/* 2012/05/07 cut
 * font-size: 12px;
	line-height: 19px;	
 */	
	font-size: 14px;
	line-height: 24px;	
}


.commonCategoryTitle
{
	padding-top: 60px;
	font-size: 18px;
	letter-spacing: 0.2em;
	font-weight: bold;
	text-align: center;
}

.commonCategorySection
{
	clear: both;
}

.commonCategorySection h3{
	margin-bottom: 30px;
	letter-spacing: 0.2em;
}

.commonCategoryBox h3
{
	font-size:14px;
	letter-spacing: 0.2em;
}

.commonCategoryBox h3 span
{
	vertical-align: middle;
}

.commonCategoryBox div
{
	margin: 30px 0;
}
.commonCategoryPageSentouBtn, #messeageName
{
	margin-top: 30px;
	text-align: right;
}

/************************************************
 *	会社案内  ページ
 ************************************************/
#WrapperCommonCategoryCompany h1
{
	margin-bottom: 50px;
}

#WrapperCommonCategoryCompany h2
{
	margin-bottom: 30px;
}

#WrapperCommonCategoryCompany h3
{
	margin-bottom: 30px;
	font-size:14px;
	letter-spacing: 0.2em;
}

#WrapperCommonCategoryCompany h3 span
{
	vertical-align: middle;
}

/************************************************
 *	ICT 製品紹介 テーブル
 ************************************************/
.productsTable
{
	margin-bottom: 30px;
	border: 0;
	
}

.productsTable td
{
	padding-left: 24px;	
}

.productsTable .titleOdd
{
	width: 120px;
	background: #5CADFF;
	color: #fff;
	font-weight:bold; 
}

.productsTable .titleEven
{
	background:#85C2FF;
	color:#fff;
	font-weight:bold; 
}

.productsTable .contentOdd
{
	width:200px;
	background:#D6EBFF;
}
.productsTable .contentEven
{
	background:#EBF5FF;
}

/************************************************
 *	保険 業務沿革 テーブル
 ************************************************/
.historyTable
{
	margin-bottom: 30px;
	border: 0;	
}

.historyTable td
{
	height: 30px;
	line-height: 30px;
}

.historyTable th
{
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight:bold;
	text-align: center;
}

.historyTable .numTitle
{
	width: 30px;
	background: #333333;
}

.historyTable .contentTitle
{
	width: 484px;
	background:#666666;
}

.historyTable .yearsTitle
{
	width: 200px;
/*	12/05/02
	background:#999999;
*/
	background:#666666;
}

.historyTable .numOdd
{
	color: #fff;
	background: #5CADFF;
	font-weight: bold;
	text-align: center;
}

.historyTable .contentOdd
{
	padding-left: 19px;	
	background: #D6EBFF;
}

.historyTable .contentOddTitle
{
	padding-left: 19px;	
	background: #D6EBFF;
	border-bottom : 1px dashed #ADD6FF;
}

.historyTable .yearsOdd
{
/*	12/05/02
	background: #EBF5FF;
*/
	border-left : 1px dashed #ADD6FF;
	background: #D6EBFF;
	text-align: center;
}

.historyTable .numEven
{
	color: #fff;
	background: #85C2FF;
	font-weight: bold;
	text-align: center;
}

.historyTable .contentEven
{
	padding-left: 19px;	
	background: #E0F0FF;
}

.historyTable .contentEvenTitle
{
	padding-left: 19px;	
	background: #E0F0FF;
	border-bottom : 1px dashed #ADD6FF;
}

.historyTable .yearsEven
{
/* 12/05/02
	background: #F5FAFF;
*/
	border-left : 1px dashed #ADD6FF;
	background: #E0F0FF;
	text-align: center;
}


/************************************************
 *	保険 業務実績 テーブル
 ************************************************/
.resultTable
{
	margin-bottom: 30px;
	border: 0;	
}

.resultTable td
{
	height: 30px;
	line-height: 30px;
}

.resultTable th
{
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-weight:bold;
	text-align: center;
}

.resultTable .titleOdd
{
	width: 100px;
	color: #fff;
	background: #5CADFF;
	font-weight: bold;
	text-align: center;
}

.resultTable .contentOdd
{
	width: 420px;
	padding-left: 19px;	
	background: #D6EBFF;
}

.resultTable .titleEven
{
	color: #fff;
	background: #85C2FF;
	font-weight: bold;
	text-align: center;
}

.resultTable .contentEven
{
	padding-left: 19px;	
	background: #E0F0FF;
}

/************************************************
 *	会社案内 TOP テーブル
 ************************************************/
.companyTable
{
	margin-bottom: 30px;
	border: 0;	
}

.companyTable td
{
	height: 30px;
	line-height: 24px;
}

.companyTable .leftOdd
{
	width: 140px;
	color: #fff;
	background: #5CADFF;
	font-weight: bold;
	padding-left: 19px;	
}

.companyTable .rightOdd
{
	width: 575px;
	background: #D6EBFF;
	padding-left: 19px;	
}

.companyTable .leftEven
{
	color: #fff;
	background: #85C2FF;
	font-weight: bold;
	padding-left: 19px;	
}

.companyTable .rightEven
{
	padding-left: 19px;	
	background: #F5FAFF;
}

.companyTable .positionName
{
	margin-right: 10px;
	width:98px;
	text-align:right;
	display:inline-block;	
}

/************************************************
 *	会社案内 会社事業沿革 テーブル
 ************************************************/
.companyHistoryTable
{
	margin-bottom: 30px;
	border: 0;
}

.companyHistoryTable td
{
	height: 30px;
	line-height: 30px;
}

.companyHistoryTable .tensen
{
	border-bottom : 1px dashed #ADD6FF;
}

.companyHistoryTable .leftOdd
{
	width: 90px;
	color: #fff;
	background: #5CADFF;
	font-weight: bold;
	text-align: center;
}

.companyHistoryTable .centerOdd
{
	width: 60px;
	background: #D6EBFF;
	text-align: center;
	font-weight: bold;
}

.companyHistoryTable .rightOdd
{
	width: 565px;
	padding-left: 19px;	
	background: #EBF5FF;
}

.companyHistoryTable .leftEven
{
	color: #fff;
	background: #85C2FF;
	font-weight: bold;
	text-align: center;
}

.companyHistoryTable .centerEven
{
	background: #E0F0FF;
	text-align: center;
	font-weight: bold;
}

.companyHistoryTable .rightEven
{
	padding-left: 19px;	
	background: #F5FAFF;
}

/************************************************
 *	お問い合わせ テーブル
 ************************************************/
#otoiawseTable
{
	margin: 30px 0;
	border: 0;	
}

#otoiawseTable td
{
	height: 30px;
	line-height: 30px;
}

#otoiawseTable .leftCell
{
	width: 150px;
	color: #fff;
	background: #5CADFF;
	font-weight: bold;
	text-align: center;
}

#otoiawseTable .rightCell
{
	width: 565px;
	background: #D6EBFF;
	padding-left: 19px;
}
/************************************************
 *	サイトマップページ
 ************************************************/
#sitemapContents
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	clear:both;
	text-align: left;
}
#sitemapTitle
{
	margin: 50px 0;
}
#sitemapContents h2
{	
	font-size:14px;
	letter-spacing: 0.2em;
	margin-bottom: 30px;
}

#sitemapContents h2 span
{
	vertical-align: middle;
}

#sitemapContents h3
{
	font-size:14px;
	letter-spacing: 0.2em;
}

#sitemapContents h3 span
{
	vertical-align: middle;
	cursor: pointer;
}
/* 2012/05/07 add */
#sitemapContents h3 span:hover
{
	color: red;
}

#sitemapContents h4
{
/* 2012/05/07 cut
 * font-size: 12px;
 */	
	font-size: 14px;
	letter-spacing: 0.2em;
	font-weight: normal;
}

#sitemapContents h4 span
{
	vertical-align: middle;
	cursor: pointer;
}
/* 2012/05/07 add */
#sitemapContents h4 span:hover
{
	color: red;	
}

.marginTop
{
	margin-top: 20px;
}
/************************************************
 *	採用情報ページ
 ************************************************/
.linkColor
{
	color: #319AFF;
	text-decoration: none;
}
/* 2012/05/07 add */
.linkColor:hover
{
	color: red;
}

/************************************************
 *	TSCクラウドページ
 ************************************************/
 
 .textFloatW_385 {
 	width: 385px;
 	float: right;
 }