/*--------------------------------------------------------*/
/* JCCソフト株式会社コーポレートサイト用[共通CSS]
/* 2009/05/11 - Ojas.Inc Yuuki Kasahara
/*--------------------------------------------------------*/

/*----- ▼全体構成 ---------------------------------------*/

body	{
	margin:0px;padding:0px;
	font-size:12px;color:#555555;
	background-image:url(../img/body_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#main	{
	width:800px;margin:0px auto;padding:0px;
}

#contents	{
	width:800px;margin:0px auto;padding:0px;
	background-image:url(../img/main_bg.gif);
}

#contentsLeft	{
	float:left;
	width:180px;margin:0px;padding:10px;
	border-top:3px solid #555555;
}
#contentsLeft p	{
	margin:0px 0px 10px 0px;
}

#contentsMain	{
	float:right;
	width:589px;margin:0px;padding:15px 0px 10px 10px;
	border-top:3px solid #CC0000;
}
#contentsMain p	{
	margin:0px 0px 15px 0px;
	line-height:1.4em;
}

#pageContentsLeft	{
	float:left;
	width:180px;margin:0px;padding:10px;
	border-top:3px solid #555555;
}
#pageContentsLeft p	{
	margin:0px 0px 10px 0px;
}

#pageContentsMain	{
	float:right;
	width:589px;margin:0px;padding:5px 0px 10px 10px;
		border-top:3px solid #CC0000;
}
#pageContentsMain p	{
	margin:0px 0px 15px 0px;
	line-height:1.5em;
}

#mainClear	{clear:both;}
.mainClear	{clear:both;height:0;}

form	{
	margin:0px;padding:0px;
}


/*----- ▼ヘッダー設定 -----------------------------------*/

#header	{
	width:800px;height:90px;margin:0px auto 0px auto;padding:0px;
	background:url(../img/header_bg.jpg);
}
.header_text	{
	margin:0px;padding:5px 0px;
	font-size:10px;color:#FFFFFF;
}
.headerLogo	{
	float:left;
	margin:0px;padding:0px;
}
.headerLogo a:hover		{background:none;}
.headerLogo a:active	{background:none;}
.headerRight	{
	float:right;
	margin:0px;padding:0px;
	text-align:right;line-height:1.5em;
}


/*----- ▼メニュー設定 -----------------------------------*/

.pageMenu	{
	margin:0px;padding:0px;
}
.pageMenu li	{
	display:block;
	margin:0px 0px 0px 0px;padding:0px;
	border-bottom:1px dotted #999999;
}
.pageMenu a	{
	display:block;
	margin:0px 0px 0px 0px;
	background-image:url(../img/submenu_bg.gif);
	line-height:1.2em;
}
.pageMenu img	{
	border:none;
	margin-right:4px;
	vertical-align:inherit;
}
.pageMenu a:link	{color:#555555;text-decoration:none;padding:6px 0px 5px 15px;}
.pageMenu a:visited	{color:#555555;text-decoration:none;padding:6px 0px 5px 15px;}
.pageMenu a:hover	{
	color:#663300;text-decoration:none;font-weight:nomal;padding:6px 0px 5px 15px;
	background-image:url(../img/submenu_bg.gif);
	background-position:0px -50px;
}
.pageMenu a:active	{
	color:#663300;text-decoration:none;font-weight:nomal;padding:6px 0px 5px 15px;
	background-image:url(../img/submenu_bg.gif);
	background-position:0px -50px;
}

/*----- ▼トップページ設定 -------------------------------*/

#topMainImage	{
	width:800px;height:200px;margin:0px auto;padding:0px;
}

#googleSearch	{
	margin:0px 0px 10px 0px;
}
.inputSearch	{
	float:left;
	width:130px;height:18px;
	margin:0px;padding:0px;
	border:1px solid #00CC00;
}
.btnSearch	{
	margin:0px;padding:0px;
}
#googleSearch span	{
	clear:both;
	text-align:right;
}

.leftlicense	{
	margin:0px 0px 15px 0px;padding:9px;
	text-align:center;
	font-weight:bold;color:#666666;
	background-color:#FFFFFF;
	border:1px solid #999999;
}
.leftlicense img	{
	margin-bottom:10px;
}

#topTopics	{
	margin:0px 0px 5px 0px;padding:0px;
}
#topTopics p	{
	margin:0px;padding:5px 0px 5px 15px;
	background-image:url(../img/point_topics.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	border-bottom:1px dotted #999999;
}

/*----- ▼ページ共通設定 ---------------------------------*/

.pageNavigation	{
	width:740px;margin:0px auto 10px auto;padding:0px;
}

.pageNaviBottom	{
	clear:both;text-align:right;
	width:800px;margin:0px auto;padding:5px 0px;
	border-top:2px solid #CCCCCC;
}

.table01 {
	width:100%;margin:0px 0px 20px 0px;padding:0px;
	border-collapse:collapse;
}
.table01 th {
	padding:6px 4px 4px 5px;
	text-align:left;vertical-align:top;color:#666666;
	line-height:1.5em;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
}
.table01 td {
	padding:6px 4px 4px 5px;
	line-height:1.5em;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

.table02 {
	width:100%;margin:0px 0px 20px 0px;padding:0px;
	border-collapse:collapse;
}
.table02 th {
	padding:6px 4px 4px 5px;
	text-align:left;vertical-align:top;color:#666666;
	line-height:1.5em;font-weight:normal;
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
}
.table02 td {
	padding:6px 4px 4px 5px;
	line-height:1.5em;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

.table03 {
	width:100%;margin:0px 0px 20px 0px;padding:0px;
	border-collapse:collapse;
}
.table03 th {
	padding:6px 4px 4px 5px;
	text-align:inherit;vertical-align:top;color:#666666;
	line-height:1.5em;
	border:1px solid #CCCCCC;
}
.table03 td {
	padding:6px 4px 4px 5px;
	line-height:1.5em;
	border:1px solid #CCCCCC;
}

.tableService {
	width:100%;margin:0px 0px 15px 0px;padding:0px;
	border-collapse:collapse;
}
.tableService th {
	margin-right:0px;padding:4px 12px 2px 8px;
	text-align:left;vertical-align:top;
	font-size:14px;color:#666666;
	line-height:1.5em;
	background-color:#EEEEEE;
	border-bottom:1px dotted #CCCCCC;border-left:3px solid #CC0000;
}
.tableService td {
	margin:0px;padding:4px 12px 2px 0px;
	line-height:1.5em;
	background-color:#FFFFFF;
}

#topicsList	{
	margin:0px 0px 15px 0px;padding:0px;
}
#topicsList p	{
	margin:0px;padding:5px 0px 5px 15px;
	background-image:url(../img/point_topics.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	border-bottom:1px dotted #999999;
}

.qanda	{
	clear:both;
	min-height:50px;
	height:auto !important;
	height:50px;
	padding:3px 0px 0px 32px;
	background-image:url(../recruit/img/icon_qa.gif);
	background-repeat:no-repeat;
}
.qandaTitle	{
	display:block;
	color:#CC6600;font-weight:bold;
	padding:0px 0px 8px 0px;
}

.interview01	{
	clear:both;
	min-height:20px;
	height:auto !important;
	height:20px;
	padding:3px 0px 0px 24px;
	background-image:url(../recruit/img/icon_i.gif);
	background-repeat:no-repeat;
}
.interview02	{
	clear:both;
	min-height:20px;
	height:auto !important;
	height:20px;
	padding:3px 0px 0px 24px;
	background-image:url(../recruit/img/icon_matsu.gif);
	background-repeat:no-repeat;
}

.indent10	{
	padding:0px 0px 0px 10px;
}

hr	{
	margin:0px 0px 15px 0px;
	height:1px;width:100%;
}
textarea	{
	font-size:12px;
	line-height:1.4em;
}

.mapBox	{
	float:right;
	margin:0px 0px 15px 10px;
	border:1px solid #999999;
}

.imageLeft	{
	float:left;
	margin:0px 10px 15px 0px;
}
.imageRight	{
	float:right;
	margin:0px 0px 15px 10px;
}

.arrow01	{
	margin:0px 3px 0px 6px;
	vertical-align:middle;
}
.icon01	{
	margin:0px 3px 0px 0px;
	vertical-align:middle;
}

.banner60			{height:60px;margin-bottom:10px;}
.banner60 a:hover	{background-color:none;}
.banner80			{height:80px;margin-bottom:10px;}
.banner80 a:hover	{background-color:none;}


/*----- ▼ヘッダー設定 -----------------------------------*/

#footer	{
	height:80px;margin:0px auto;padding:0px;
	background-image:url(../img/footer_bg.gif);
}
.footerMenu	{
	width:800px;margin:0px auto;padding:15px 0px;
}
.footerCopy	{
	width:800px;margin:0px auto;padding:10px 0px 0px 0px;
	text-align:right;
}


/*----- ▼見出し設定 -------------------------------------*/

h1	{margin:0px;padding:0px;}
h2	{
	clear:both;
	margin:0px 0px 15px 0px;padding:0px;
	font-size:14px;color:#0066CC;
}
h3	{
	clear:both;height:60px;
	margin:0px;padding:0px;
	font-size:14px;color:#0066CC;
}
h3 a:hover	{background-color:none;}

h4	{
	clear:both;
	height:26px;margin:0px 0px 15px 0px;padding:6px 0px 0px 24px;
	font-size:17px;color:#990000;
	background-image:url(../img/page_subtitle_bg.gif);
}
h5	{
	clear:both;
	margin:0px 0px 15px 0px;padding:5px 0px 0px 0px;
	font-size:16px;color:#006600;
}
h6	{
	clear:both;
	height:22px;margin:0px 0px 15px 0px;padding:8px 0px 0px 5px;
	font-size:17px;color:#990000;
	background-image:url(../img/h6_bg.gif);
}


/*----- ▼フォント設定 -----------------------------------*/

a:link		{color:#0099CC;}
a:visited	{color:#0099CC/*9900FF*/;}
a:hover		{display:inline-block;color:#FF6600;text-decoration:none;background:#FFE1C4;}
a:active	{color:#FF6600;text-decoration:none;background:#FFE1C4;}

.size1		{font-size:10px;line-height:1.4em;}
.size2		{font-size:12px;line-height:1.4em;}
.size3		{font-size:14px;line-height:1.4em;}
.size4		{font-size:16px;line-height:1.4em;}
.size5		{font-size:18px;line-height:1.4em;}

.colorBlk	{color:#000000;}
.colorGry	{color:#666666;}
.colorWht	{color:#FFFFFF;}
.colorNvy	{color:#000080;}
.colorBlu	{color:#0066CC;}
.colorOlv	{color:#808000;}
.colorGrn	{color:#008000;}
.colorMrn	{color:#800000;}
.colorPnk	{color:#E9287D;}
.colorRed	{color:#FF0000;}
.colorOrg	{color:#FF6600;}
.colorYlw	{color:#FFCC00;}

.colorBlkBold	{color:#000000;font-weight:bold;}
.colorGryBold	{color:#666666;font-weight:bold;}
.colorWhtBold	{color:#FFFFFF;font-weight:bold;}
.colorNvyBold	{color:#000080;font-weight:bold;}
.colorBluBold	{color:#0066CC;font-weight:bold;}
.colorOlvBold	{color:#808000;font-weight:bold;}
.colorGrnBold	{color:#008000;font-weight:bold;}
.colorMrnBold	{color:#800000;font-weight:bold;}
.colorPnkBold	{color:#E9287D;font-weight:bold;}
.colorRedBold	{color:#FF0000;font-weight:bold;}
.colorOrgBold	{color:#FF6600;font-weight:bold;}
.colorYlwBold	{color:#FFCC00;font-weight:bold;}

.catch01	{
	clear:both;
	margin:0px 0px 5px 0px;padding:0px;
	font-size:14px;font-weight:bold;color:#006600;
}


/*----- ▼ポイント設定 -----------------------------------*/

.pointNvy	{font-size:10px;color:#000080;margin-right:3px;}
.pointBlu	{font-size:10px;color:#0000FF;margin-right:3px;}
.pointGrn	{font-size:10px;color:#008000;margin-right:3px;}
.pointMrn	{font-size:10px;color:#800000;margin-right:3px;}
.pointPpl	{font-size:10px;color:#800080;margin-right:3px;}
.pointRed	{font-size:10px;color:#FF0000;margin-right:3px;}
.pointOrg	{font-size:10px;color:#FF6600;margin-right:3px;}
.pointYlw	{font-size:10px;color:#FFCC00;margin-right:3px;}

.topCounter	{font-size:8pt;color:#CCCCCC;}

/*----- ▲ここまで ---------------------------------------*/