@charset "UTF-8";

/* FELISTELLA合同会社 メインスタイルシート */

body {
	color: #2d2a55;
	margin: 0;
	background: #ffffff;
	padding: 0;
	width: 100%;
	background: #ffffff url(../images/background.gif) repeat;
	height: 100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ ゴシック', "MS Gothic",sans-serif;
}

a:link		{ color: #ff8e14; }
a:visited	{ color: #ff8e14; }
a:active	{ color: #8e14ff; }
a:hover		{ color: #8e14ff; }

ul {
	list-style-type: none;
}

a {
	border: 0px;
	text-decoration: none;
}

img {
	border: 0px;
}


/* 共通部分 ---------------------------------------------------------------*/

.ctgtitle, .newsctg {
	margin: 8px 0;
	padding: 0 0 8px 0;
	text-align: left;
	width: 700px;
}

.ctgtitle_back {
	background: url(../images/tytle_bar.gif) no-repeat;
	height: 24px;
	margin: 8px 0 16px 40px;
}

.ctgtitle_back .title{
	margin: 0 0 0 20px;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}

.pagetitle {
	margin: 20px 0;
	text-align: left;
}


/* トップ ---------------------------------------------------------------*/

.topcomment {
	font-size: 14px;
	width: 640px;
	margin: 8px auto 16px auto;
	text-align: left;
}


/* 更新履歴 ---------------------------------------------------------------*/

.newsctg {
	background: url(../images/line.gif) no-repeat center bottom;
}

.newsctg .comment{
	margin: 8px 0 8px 48px;
	font-size: 12px;
}


/* 製品情報 ---------------------------------------------------------------*/

#put_products_list {
	margin: 24px auto 8px auto;
	text-align: center;
	_width: 640px;
	>width: 640px;
	font-size: 12px;
	padding: 0;
}

.prodcts_title {
	margin: 8px 48px 24px 56px;
	text-align: left;
	padding: 0;
	background: url(../images/line.gif) no-repeat bottom;
}

/*　全体立て幅サイズ　*/
.prodcts_title_group_rb3 {
	height: 320px;
}

.prodcts_title_group_sn5 {
	height: 350px;
}

.prodcts_title_group_sn3sn4 {
	height: 460px;
}

.prodcts_title_group {
	height: 310px;
}

.prodcts_title .image{
	margin-top: 0;
	width: 220px;
	float: left;
	clear: both;
}

/*　「鋭意作成中版」　*/
/*
.prodcts_title_group_sn5 .image{
	margin: 0 30px 20px 10px;
	height: 200px;
	width: 180px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background-color: #E6E6FA;
}
*/

/*　画像立て幅サイズ　*/
.prodcts_title_group_rb3 .image{
	margin-top: 24px;
	height: 310px;
}

.prodcts_title_group_sn5 .image{
	height: 330px;
}

.prodcts_title_group_sn3sn4 .image{
	height: 440px;
}

.prodcts_title_group .image{
	margin-top: 16px;
	height: 310px;
}

.prodcts_title .comment{
	text-align: left;
	line-height: 140%;
	height: 240px;
	margin: 4px 0 0 8px;
}

.prodcts_title .title{
	display: inline;
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
}

.prodcts_title .bunner{
	margin: 4px 0 12px 0;
}


/* 会社情報 ---------------------------------------------------------------*/

#company_info {
	margin: 8px auto 16px auto;
	font-size: 13px;
}

#company_info dl{
	width: 580px;
	position: relative;
	margin: 4px auto 2px auto;
}

#company_info #director_list{
	width: 580px;
	position: relative;
	margin: 2px auto 3px auto;
}

#company_info .list dt,#company_info .list dd {
	margin: 0 auto 4px auto;
}

#company_info .director_list{
	margin: 14px auto 8px auto;
}

#company_info img{
	margin: 2px auto 12px auto;
}

#company_info .list dt,#company_info .director_list dt{
	float: left;
	width: 112px;
	font-weight: bold;
	text-align: right;
	padding-right: 8px;
	background-color: 
}

#company_info .high_addr{
	height: 144px;
}

#company_info .high_work{
	height: 84px;
}

#company_info .list dd,#company_info .director_list dd{
	padding-left: 16px;
	text-align: left;
}

#company_comment {
	margin: 32px auto;
	font-size: 12px;
	text-align: center;
}

#company_comment #comment{
	width: 512px;
	margin: 4px auto;
	text-align: left;
}

#company_comment p{
	margin: 16px 0;
}

#company_comment #name{
	width: 480px;
	font-size: 12px;
	text-align: right;
}


/* 採用情報 ---------------------------------------------------------------*/

#recruit_main {
	width: 704px;
	margin: 24px auto;
	text-align: left;
	font-size: 12px;
}

.recruit_head {
	font-weight: bold;
	margin: 16px 0 4px 24px;
}

.recruit_topcomment {
	font-weight: bold;
	margin: 16px 0 16px 16px;
}

.recruit_topcomment2 {
	margin: 16px 0 0 32px;
}

.recruit_comment {
	margin: 8px 0 4px 40px;
}

#recruit_main ul{
	margin: 4px 0 4px 24px;
	list-style-type: disc;
}

#recruit_main ol{
	margin: 4px 0 4px 32px;
	list-style-type: decimal;
}

#recruit_main ol li{
	margin: 8px 0 0 0;
}

#recruit_main .condition{
	width: 600px;
	position: relative;
	margin: 4px auto 2px auto;
}

#recruit_main .condition dt,#recruit_main .condition dd {
	margin: 0 auto 2px auto;
}

#recruit_main .condition dt{
	float: left;
	width: 120px;
}

#recruit_main .condition dd{
	padding-left: 16px;
	text-align: left;
}

.recruit_address {
	margin: 10px 0 20px 64px;
}

#recruit_mail {
	margin: 16px auto;
	text-align: center;
}

.rec_comment {
	margin: 4px 0 4px 32px;
}

#recruit_main recruite_line{
	margin: 4px auto;
}

.ctgtitle_recruit {
	margin: 24px 4px;
}

.recruit_link_title {
	font-size: 15px;
}

/* テーブル */
.recruit_table {
	border: 1px solid #ddd;
	border-collapse: collapse;
	width: 90%;
	margin-left: 32px;
	margin-right: 32px;
	margin-bottom: 2em;
}

.recruit_table th {
	padding: 10px;
	width: 100px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}

.recruit_table td {
	padding: 10px;
	border: 1px solid #ddd;
}

/* フロー */
.recruit_flow {
	border: 1px solid #ddd;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1px;
}

.recruit_flow th {
	padding: 10px;
	width: 95px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	text-align: center;
}

.recruit_flow td {
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}


/* リンクページ ---------------------------------------------------------------*/

#put_link_group {
	margin: 8px auto 32px auto;
	text-align: center;
	_width: 720px;
	>width: 720px;
	padding: 0;
}

.linkline {
	height: 112px;
	text-align: center;
	margin: 0 auto 16px auto;
}

.linkline .linkimage{
	margin: 0 auto;
	height: 64px;
	vertical-align: middle;
}

.linkline .linkimage li{
	margin: 0 auto;
	padding: auto auto auto 0;
	display: inline;
	width: 240px;
	height: 64px;
	float: left;
	text-align: center;
	vertical-align: bottom;
}

.linkline .linkimage .borderimg{
	border: 1px solid #333333;
}

.linkline .linkname{
	margin: 0 auto;
	height: 32px;
}

.linkline .linkname li{
	display: inline;
	width: 240px;
	float: left;
	margin: 2px auto 0 auto;
	padding: auto 2px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}