@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :yuuki (admin)
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */


/* ===================================================
	format 基本設定、リンクカラーなど
====================================================== */

body {
}

a:link {
}

a:visited {
}

a:hover {
	text-decoration: none;
}

a:active {
}


/* =================================================== 
   category layout
====================================================== */


.category #contents {
	width:950px;
	height:auto;
	background:url(../company/img/category_cont_bg.gif) 0 0 repeat-y;
	margin:0 auto 36px;
	overflow:hidden;
}
.category #keyVisual{
	background:transparent;
	margin:0;
}


/* =================================================== 
   #pan パンくず
====================================================== */

#pan{
	width:950px;
	margin:0 auto;
	padding:7px 0 7px;
}
#pan li{
	display:inline;
	color:#868686;
}
#pan li a{
	color:#868686;
	text-decoration:none;
}
#pan li a:hover{
	color:#ccc;
}
#pan li strong{
	color:#868686;
	font-weight:normal;
}


/*----------------------------------------------------
	 category#sub サブ・サイド
----------------------------------------------------*/

.category #sub {
	width:200px;
	float:left;
}
.category #sub h3{
	margin:10px 15px;
}
.category #sub .subMenu{
	margin:10px 16px;
	font-size:120%;
}
.category #sub .subMenu li{
	background:url(../company/img/sub_icon_01.gif) 0 0.5em no-repeat;
	padding:0 0 0 10px;
	margin:5px 0;
}

.category #sub .subMenu a{
	color:#666;
	text-decoration:none;
}
.category #sub .subMenu a:hover{
	color:#ccc;
	text-decoration: underline;
}


/*----------------------------------------------------
	 category#main
----------------------------------------------------*/

.category #main {
	width:715px;
	height:1%;
	float:right;
	margin:0;
	font-size:120%;
}
.category #main .section{
	clear:both;
}

.category #main p{
	margin:10px 15px;
}
.category #main .name{
	text-align:right;
}
.category #main p strong{
	font-size:120%;
	margin:0;
	padding:0 0 0;
	display:block;
}
.category #main h2.title{
	font-size:120%;
	height:28px;
	background:url(../company/img/main_h_01.gif) 0 0 no-repeat;
	color:#FFf;
	padding:8px 0 0 15px;
}
.category #main .subTitle{
	clear:both;
	margin:0 15px 7px;
	padding:0 0 3px;
	background:url(../img/cont_h_line.gif) 0 bottom no-repeat;
}
.category #main .headline{
	clear:both;
	margin:0 15px 7px;
	padding:0 0 3px;
}

.category #main .stText{
	margin:0 15px 20px;
}

.category #main .imgCenter{
	margin:10px 0 0;
	text-align:center;
}


.category #main .listCont{
	margin:0 15px 15px;
}
.category #main .listCont li{
	margin:0 0 3px;
}
.category ul.btnGroups{
	clear:both;
	margin:15px 0 0 15px;
	float:left;
}
.category ul.btnGroups li{
	float:left;
	margin:0 12px 0 0;
}



/* ===== PageTop ===== */

.category #main .pageTop{
	text-align:right;
	font-size:80%;
	clear:both;
	margin-bottom:33px;
}
.category #main .pageTop a{
	color:#666;
	text-decoration:none;
	background:url(../img/icon_pagetop.gif) right center no-repeat;
	padding:0 13px 0 0;
}
.category #main .pageTop a:hover{
	color:#CCCCCC;
}


/*----------------------------------------------------
	 default table
----------------------------------------------------*/

/* ===== table ===== */

.category #main table{
	width:500px;
	border-collapse:collapse;
	margin:0 0 15px 15px;
	float:left;
}
.category #main table caption{
	display:none;
}
.category #main table.cbs{
	width:490px;
}
.category #main table.group{
	width:685px;
}
.category #main table tr th,
.category #main table tr td{
	border:2px solid #fff;
	padding:10px 10px;
}
.category #main table tr th{
	width:90px;
	background:#eef3fb;
	vertical-align:top;
}
.category #main table tr td{
	background:#fafcfe;
}



/* ===== fright image ===== */

dl.image{
}
dl.image dt{
}
dl.image dd{
	text-align:right;
	margin:0 0 20px;
}

/* ===== fright textList ===== */

dl.list{
	width:185px;
	border:solid 1px #c9cedc;
	float:right;
}
dl.list dt{
	font-weight:bold;
	margin:10px 9px 0;
	padding:0 4px;
}
dl.list dd{
	border-bottom:solid 1px #c9cedc;
	margin:0 9px;
	padding:0 4px 10px;
}
dl.list dd.noBorder{
	border:none;
}
/* ===== map ===== */

.category #main p.title{
	clear:both;
	margin:0 15px 5px;
}
p.title strong{
}
.category #main .imgC {
	margin:0;
	padding:5px 0 30px;
	text-align:center;
}

/* ===== convajon ===== */

.category #main .inqry{
	width:100%;
	background:#e3e6f0;
	clear:both;
	position:relative;
	margin:0	;
	float:left;
}
.category #main .inqry p{
	margin:10px 5px 10px 15px;
	padding:0;
	font-size:100%;
}
.category #main .inqry p strong{
	font-size:100%;
}
.category #main .inqry .form{
	position:absolute;
	top:25%;
	right:16px;
	margin:0;
	padding:0;
}


/*----------------------------------------------------
	category body#history
----------------------------------------------------*/

#history .rinen{
	color:#616ba6;
	font-size:120%;
	margin:0 0 50px 15px;
}
#history .rinen li{
	border-left:2px solid #b2bacd;
	padding:3px 5px 0;
	margin:0 0 20px 0;
}

#history table.enkaku{
	width:685px;
	margin:15px auto 0;
	float:none;
}
#history table.enkaku th{
	background:#eef3fb;
}


/* ===== box ===== */

.box{
	border:1px solid #efeff8;
	background:#fcfcfd;
	margin:0 15px 20px;
}
.box p{
	margin:0 11px;
}
.category #main .box .imgC{
	padding:0 0 10px;
}
dl.box{
	overflow:hidden;
}
dl.box dt{
	float:left;
	padding:14px 18px;
}
dl.box dd{
	width:145px;
	float:right;
	padding:14px 14px 0 0;
}
ul.point{
	width:684px;
	margin:0 0 5px 15px;
	float:left;
}
ul.point li{
	width:227px;
	background:#eef3fb;
	text-align:center;
	float:left;
	display:inline;
	margin:0 1px 1px 0;
	padding:5px 0;
}




/*----------------------------------------------------
	category body#sitemap サイトマップ
----------------------------------------------------*/

#sitemap{
}

#sitemap a:link,
#sitemap a:visited{
	color:#333333;
}
#sitemap a:hover{
	color:#FF6600;
}


/* ============ #main ============ */

#sitemap #contents #main {
}

/* ============ 簡易サイトマップ ============ */

#sitemap #main div{
	width:548px;
	clear:both;
	border:1px solid #ccc;
	background:#eee;
	float:left;
	margin:10px 0 5px 10px;
}
#sitemap #main h3{
	width:150px;
	float:left;
	color:#333333;
	text-indent:0;
	padding:10px;
	font-weight:normal;
}
#sitemap #main ul{
	width:358px;
	float:left;
	background:#fff;
	margin:0;
	padding:10px 10px 0;
}
#sitemap #main ul li{
	padding:0 0 10px;
}

/*----------------------------------------------------
	 category body#inqury お問合せ
----------------------------------------------------*/

#inqury{
}

#inqury a:link,
#inqury a:visited{
	color:#333333;
}
#inqury a:hover{
	color:#FF6600;
}

/* ============ #main ============ */

#inqury #main .form{
	background:#fafcfe;
	margin:0 15px;
	padding:14px 0;
}
#inqury #main .form p{
	clear:both;
	margin:0 20px;
}


#inqury #main table{
	width:640px;
	margin:10px 0 5px 22px;
	clear:both;
	display:inline;
}
#inqury #main table caption{
	display:none;
}
#inqury #main table th.title{
	background:#97a6cf;
	text-align:center;
	color:#fff;
	padding:3px 0;
}
#inqury #main table th,
#inqury #main table td{
	border:1px solid #97a6cf;
}
#inqury #main table th{
	width:180px;
	vertical-align:top;
	padding-left:10px;
	background:#eef3fb;
}
#inqury #main table td{
	vertical-align:top;
}

#inqury #main table td input.name{
	width:150px;
}
#inqury #main table td input.address,
#inqury #main table td textarea{
	width:280px;
}
#inqury #main table td input.yubin{
	width:4em;
}
#inqury #main table td input.btn{
	margin:0 5px 0 0;
}
#inqury #main table td ul li{
	width:180px;
	float:left;
	margin:0 0 3px;
}
#inqury #main .soushin{
	width:330px;
	margin:30px auto;
}
#inqury #main .soushin li{
	display:inline;
	margin:0 0 0 25px;
}

.noTitle{
	display:none;
}


/*----------------------------------------------------
	category body#corporate
----------------------------------------------------*/

#correspond #main ul.chart{
	position:relative;
	margin:15px 15px 0;
}
#correspond #main ul.chart li dt{
	background:#e7e7e7;
	border-left:3px solid #d0d0d0;
	padding:3px 0 3px 5px;
	margin:0 0 15px;
	display:block;
}
#correspond #main ul.chart dd{
}

#correspond #main ul.chart li.leftCont{
	width:459px;
	float:left;
}
#correspond #main ul.chart li.leftCont dt{
	width:451px;
}
#correspond #main ul.chart li.leftCont dd{
	margin:10px auto;
	text-align:center;
}
#correspond #main ul.chart li.rightCont{
	width:196px;
	float:right;
}
#correspond #main ul.chart li.rightCont dt{
	width:188px;
}
#correspond #main ul.chart li.rightCont dd ul{
	padding:0 0 0 7px;
}

/*----------------------------------------------------
	category body#corporate
----------------------------------------------------*/

#corporate .talent,
#corporate .outsourcing{
	width:334px;
	height:124px;
	padding:50px 0 0;
	float:left;
	position:relative;
	display:inline;
}
#corporate .outsourcing{
	background:url(../corporate/img/inde_btn_bg_01.jpg) 0 0 no-repeat;
	margin:10px 0 0 15px;
}
#corporate .talent{
	background:url(../corporate/img/inde_btn_bg_02.jpg) 0 0 no-repeat;
	margin:10px 0 0 15px;
}
#corporate .talent li,
#corporate .outsourcing li{
	height:21px;
	margin:0 3px 11px 15px;
	float:left;
	display:inline;
}

#corporate .zisseki{
	padding:5px 0 10px;
	float:left;
}
#corporate .zisseki li{
	float:left;
	margin:0 0 0 15px;
	display:inline;
}

body.corporate #main .imgC {
	padding:5px 0 15px;
}
#corporate .pageLink{
	width:100px;height:30px;
	margin:0;
	position:absolute;
	top:10px;
	left:0;
}

/*----------------------------------------------------
	category body#recruit
----------------------------------------------------*/

#recruit #main table.daigaku{
	width:685px;
}
#recruit #main table.daigaku tr th,
#recruit #main table.daigaku tr td{
	width:137px;
	border:2px solid #fff;
	padding:10px 10px;
	background:#eef3fb;
}
#recruit #main table.daigaku tr td{
}
#recruit #main .imgC{
	margin:30px 0 0;
}


#recruit #main table.shokusyu{
	width:685px;
}
#recruit #main table.shokusyu tr th,
#recruit #main table.shokusyu tr td{
	border:2px solid #fff;
	padding:5px 5px;
}

#recruit #main table.shokusyu tr th{
	width:81px;
	background:#eaf0fa;
}
#recruit #main table.shokusyu tr td{
	background:#f1f5fc;
	width:242px;
}
#recruit #main table.shokusyu tr span{
	font-size:90%;
}
#recruit #main table.shokusyu tr td.second{
	width:329px;
	background:#fafcfe;
}


#recruit #main .headline{
/*	clear:both;*/
	padding:15px 0 0;
}
#recruit #main .torihiki p{
	font-size:90%;
/*	display:inline;*/
}
/*
#recruit #main .torihiki p.syo01{
	float:left;
	margin:0 0 5px 15px;
}
#recruit #main .torihiki p.syo02{
	float:left;
	margin:0 0 5px 15px;
}
#recruit #main .torihiki p.syo03{
	float:left;
	margin:0 0 5px 15px;
}
#recruit #main .torihiki p.syo04{
	float:left;
	margin:0 0 5px 15px;
}
*/
#recruit #main .torihiki table{
  width:685px;
}
#recruit #main .torihiki td{
  padding:0;
  background:none;
  vertical-align:top;
}
/*----------------------------------------------------
	category body#CBSclub
----------------------------------------------------*/

#cbsclub #main table.syokai{
	width:685px;
	display:inline;
}
#cbsclub #main table.syokai tr th,
#cbsclub #main table.syokai tr td{
	width:226px;
	border:2px solid #fff;
	padding:10px 0 10px 10px;
	background:#eef3fb;
}
#cbsclub #main table.syokai tr td.area{
	width:197px;
	background:#e3e6f0;
	text-align:center;
}

#cbsclub #main p.blogText{
	width:450px;
	float:left;
	margin-right:0;
	display:inline;
}
#cbsclub #main .blogLink{
	width:207px;
	background:#e3e6f0;
	float:right;
	text-align:center;
	padding:20px 0;
	display:inline;
}

/*----------------------------------------------------
	category CBSclub #action
----------------------------------------------------*/

#action #main .subTitle{
	margin-top:20px;
	clear:both;
}
#action #main .age{
	padding:10px 0 0 15px;
}
#action #main .age li{
	display:inline;	
}

#action #main .pic{
	padding:5px 0 0px 15px;
}
#action #main .pic li{
	margin:0 0 10px 16px;
	float:left;
}
#action #main .pic li.first{
	margin:0 0 10px 0;
}

/*----------------------------------------------------
	#Conversion	
	共通で使うコンバージョン用パーツ
----------------------------------------------------*/



/*----------------------------------------------------
	 Sitemap
----------------------------------------------------*/
.sitemap{
	margin:1.5em 0 0 0;
	}
.sitemap ul{
	padding-left:2.5em;
	}
.sitemap ul li{
	list-style-type:disc;
	}
.sitemap ul li li{
	list-style-type:circle;
	}
.sitemap ul li li li{
	list-style-type:square;
	}