@charset "utf-8";

/* ==================================================

株式会社フロンテック スタイルシート

================================================== * /


/* 共通 
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0;
	text-align:center;
	font-size:80%;
	line-height:1.33;
	color:#323232;
}
.fs {
	font-size:85%;
}
.fl {
	font-size:125%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited {
	color:#2378c8;
	text-decoration:none;
}
a:hover,
a:active {
	color:#2378c8;
	text-decoration:underline;
}
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
	overflow:hidden;
}
.warning {
	color:#e61e1e;
	background-color:#fff5dc;
	border:solid 1px #d2d2d2;
	padding:10px 15px;
	margin:10px 0 3px;
}

.header {
	width:950px;
	margin:0 auto;
	height:95px;
	text-align:left;
}
.header .seo-area {
	font-size:85%;
	padding-top:9px;
}
.header h1 {
	float:left;
	width:600px;
	color:#969696;
}
.header .header-link {
	float:right;
	width:340px;
	text-align:right;
}
.header h2 {
	padding-top:10px;
}
.tm-area {
	background:url(../common/tm_bk.gif) repeat-x;
	height:50px;
}
.tm-area .tm {
	width:950px;
	margin:0 auto;
	text-align:left;
}
.tm-area .tm li {
	float:left;
}
.bk {
	background:url(../common/bk_title.jpg) repeat-x center top;
}
#top .bk {
	background:url(../img/bk.jpg) repeat-x center top;
}
.title-area {
	width:950px;
	margin:0 auto;
	position:relative;
	padding-top:15px;
}
.title-area p {
	position:absolute;
	bottom:0;
	right:15px;
	font-size:85%;
	color:#969696;
	text-align:right;
}
.main {
	width:950px;
	margin:0 auto;
	text-align:left;
}
.main-area {
	padding-top:30px;
}
.main-area .main-left {
	float:left;
	width:200px;
}
.lm {
	padding-bottom:20px;
}
.banner-area li {
	padding-bottom:10px;
	text-align:center;
}
.main-area .main-right {
	float:right;
	width:730px;
}
.pagetop {
	padding-top:50px;
}
.pagetop ul {
	border-top:solid 1px #d2d2d2;
	padding-top:8px;
	text-align:right;
}
.pagetop ul li {
	font-weight:bold;
	padding:1px 0;
}
.pagetop ul li img {
	margin-right:6px;
	vertical-align:-1px;
}
.microsoft-certified {
	text-align:center;
	padding-top:40px;
}
.microsoft-certified img {
	height:40px;
}
.pagetop2 {
	padding-top:10px;
	text-align:right;
}
.footer {
	background:url(../common/footer_bk.gif) repeat-x;
	height:220px;
	text-align:left;
	color:#fff;
}
.footer .footer-i {
	width:950px;
	margin:0 auto;
	background:url(../common/footer_bk2.gif) no-repeat;
}
.footer .bottom-link-area {
	padding-top:30px;
}
.footer .bottom-link-area .bottom-link {
	float:left;
	width:225px;
	padding-top:58px;
}
.footer .bottom-link-area .bottom-link .footer-tel {
	padding-top:5px;
	font-weight:bold;
}
.footer .bottom-link-area .bottom-link2 {
	float:left;
	width:145px;
	height:163px;
}
.footer .bottom-link-area .bottom-link2 p {
	font-weight:bold;
	padding:0 0 5px 22px;
}
.footer .bottom-link-area .bottom-link2 li {
	padding:1px 0 2px 22px;
	padding:1px 0 2px 22px;
	font-size:85%;
}
.footer .bottom-link-area .bottom-link2 a {
	color:#fff !important;
}
.footer .copyright {
	text-align:center;
	font-size:85%;
}

.copy {
	padding-bottom:10px;
}
.in {
	padding-left:10px;
}

.title p {
	/*font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 1.8em;
	font-weight: 1000;
	color: black;
	margin-top: -2.1em;
	margin-left: 0.8em;
	margin-bottom: 0.8em;
}

.bar p {
	/*font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
	font-size: 1.2em;
	font-weight: 900;
	color: black;
	margin-top: -1.8em;
	margin-left: 1em;
	margin-bottom: 0.5em; 
}

/* トップページ 
--------------------------------------------------------------------*/
#top .top-image {
	padding:15px 0;
}
#top .business-area {
	width:950px;
	margin:0 auto;
	text-align:left;
}
#top .business-area .business-left {
	float:left;
	width:320px;
}
#top .business-area .business-left-i {
	padding-right:10px;
}
#top .business-area .business-right {
	float:right;
	width:310px;
}
#top .business-area .business {
	background:url(../img/business_bk.gif) no-repeat;
	padding:15px 12px 5px 15px;
}
#top .business-area .business .photo {
	float:left;
	width:80px;
}
#top .business-area .business .photo-r {
	float:right;
	width:188px;
	padding-top:5px;
}
#top .business-area .business .photo-r .title {
	padding-bottom:9px;
}
#top .business-area .business .photo-r p {
	font-size:85%;
}
#top .products-area .products-left {
	float:left;
	width:370px;
}
#top .products-area .products-left .text-area {
	padding:20px 15px 0 152px;
	font-size:85%;
}
#top .products-area .products-left .text-area .kuwashiku {
	padding-top:10px;
	text-align:right;
}
#top .products-area .products-left-i {
	background:url(../img/products_bk.jpg) no-repeat;
	padding-right:10px;
	height:235px;
}
#top .products-area .products-center {
	float:left;
	width:175px;
}
#top .products-area .products-right {
	float:right;
	width:175px;
}

#top .products-area .products {
	border-right: solid 1px #c8c8c8;
}

#top .products-area .text {
	background:url(../img/products_bk.gif) no-repeat;
	padding:0 25px 0 15px;
	height:65px;
	font-size:85%;
}
#top .products-area .products-right .text {
	padding:0 15px !important;
}
#top h3 {
	padding-top:30px;
}
#top .bar {
	position:relative;
}
#top .bar div {
	position:absolute;
	top:39px;
	right:10px;
}
#top .top-main-area {
	padding-top:30px;
}
#top .top-main-area .top-main-left {
	float:left;
	width:730px;
}
#top .information-area {
	border:solid 1px #d2d2d2;
	background-color:#fff;
}
#top .information-area th,
#top .information-area td {
	padding:12px 0 10px;
}
#top .information-area th {
	width:125px;
}
#top .information-area th p {
	background:url(../common/arrow_1.gif) no-repeat 15px 2px;
	padding-left:31px;
}
#top .information-area td p {
	padding-right:10px;
}
#top .information-area td a {
	font-weight:bold;
}

#top .top-main-area .top-main-right {
	float:right;
	width:200px;
}
#top .side-recruit {
	padding-bottom:15px;
}

/* 経営理念
--------------------------------------------------------------------*/
#vision h3 {
	padding:40px 0 30px;
}
#vision .vision-area .vision-left {
	float:left;
	width:255px;
}
#vision .vision-area .vision-left-i {
	padding-right:45px;
}
#vision .vision-area .vision-right {
	float:right;
	width:210px;
}
#vision .vision-area p {
	padding-top:18px;
}

/* 代表あいさつ
--------------------------------------------------------------------*/
#message .title {
	padding-bottom:15px;
}
#message .message-area .photo {
	float:left;
	width:200px;
}
#message .message-area .photo-r {
	float:right;
	width:510px;
}
#message .message-area .photo-r .name {
	padding-top:40px;
	text-align:right;
}

/* 会社概要
--------------------------------------------------------------------*/
#profile .profile th,
#profile .profile td {
	border-bottom:dotted 1px #c8c8c8;
	padding:11px 0 10px;
}
#profile .profile th.last,
#profile .profile td.last {
	border-bottom:none;
}
#profile .profile th {
	width:120px;
}
#profile .profile th p {
	background:url(../common/arrow_1.gif) no-repeat 10px 1px;
	padding-left:27px;
	font-weight:bold;
}
#profile .text {
	padding-bottom:2px;
	font-weight:bold;
}
#profile .text2 {
	margin-top:10px;
	border-top:dotted 1px #c8c8c8;
	padding:11px 0 2px;
	font-weight:bold;
}
#profile .pagetop {
	padding-top:0;
}

/* 技術への取り組み
--------------------------------------------------------------------*/
#technology .title {
	padding-bottom:15px;
}
#technology h3 {
	padding-top:40px;
}
#technology .technology-top .photo {
	float:left;
	width:200px;
}
#technology .technology-top .photo-r {
	float:right;
	width:510px;
}
#technology .technology-top .photo-r .image {
	padding-top:20px;
}
#technology .technology-area {
	padding:20px 0;
	border-top:dotted 1px #c8c8c8;
}
#technology .technology-area-top {
	padding:15px 0 20px !important;
	border-top:none !important;
}
#technology .technology-area .photo {
	float:left;
	width:200px;
}
#technology .technology-area .photo-r {
	float:right;
	width:510px;
	padding-top:5px;
}

/* これまでのあゆみ
--------------------------------------------------------------------*/
#history .history th,
#history .history td {
	border-bottom:dotted 1px #c8c8c8;
	padding:11px 0 10px;
}
#history .history th.last,
#history .history td.last {
	border-bottom:none;
}
#history .history th {
	width:220px;
}
#history .history th p {
	background:url(../common/arrow_1.gif) no-repeat 10px 1px;
	padding-left:27px;
	font-weight:bold;
}
#history .pagetop {
	padding-top:0;
}

/* 組織構成
--------------------------------------------------------------------*/
#chart h3 {
	padding-top:50px;
}
#chart .chart {
	padding-top:20px;
	text-align:center;
}
#chart .detail th,
#chart .detail td {
	border-bottom:dotted 1px #c8c8c8;
	padding:11px 0 10px;
}
#chart .detail th.last,
#chart .detail td.last {
	border-bottom:none;
}
#chart .detail th {
	width:150px;
}
#chart .detail th p {
	background:url(../common/arrow_1.gif) no-repeat 10px 1px;
	padding-left:27px;
	font-weight:bold;
}
#chart .pagetop {
	padding-top:0;
}
.chart img {
	width:100%;
}

/* アクセス
--------------------------------------------------------------------*/
#access h3.next {
	padding-top:40px;
}
#access .map {
	padding:12px 0 20px;
}
#access #gmap {
	width:730px;
	height:400px;
	border: none;
}
#access .renraku-area .photo {
	float:left;
	width:150px;
	padding-top:10px;
}
#access .renraku-area .photo-r {
	float:right;
	width:560px;
}
#access .access th,
#access .access td {
	border-bottom:dotted 1px #c8c8c8;
	padding:11px 0 10px;
}
#access .access th.last,
#access .access td.last {
	border-bottom:none;
}
#access .access th.last2,
#access .access td.last2 {
	border-bottom:solid 1px #c8c8c8;
}
#access .access th p {
	background:url(../common/arrow_1.gif) no-repeat 10px 1px;
	padding-left:27px;
	font-weight:bold;
}
#access .pagetop {
	padding-top:0;
}

/* 事業概要
--------------------------------------------------------------------*/
#business .business-area h3 {
	padding:5px 0;
}
#business .business-area {
	padding-top:20px;
}
#business .business-area .business-left {
	float:left;
	width:250px;
}
#business .business-area .business-left-i {
	padding-right:21px;
}
#business .business-area .business-right {
	float:right;
	width:229px;
}
#business .business-area .business {
	border-left:solid 1px #c8c8c8;
	border-right:solid 1px #c8c8c8;
	background-color:#fff;
}
#business .business-area .text-area {
	height:80px;
	padding:0 20px;
}

/* 事業内容
--------------------------------------------------------------------*/
#business_activity h3 {
	padding-bottom:5px;
}
#business_activity .top-image {
	padding-top:30px;
}
#business_activity .outline th,
#business_activity .outline td {
	padding:10px 0;
	border-bottom:dotted 1px #c8c8c8;
}
#business_activity .outline th.last,
#business_activity .outline td.last {
	border-bottom:none !important;
}
#business_activity .outline th {
	width:150px;
}
#business_activity .outline th p {
	background:url(../common/arrow_1.gif) no-repeat 10px 2px;
	padding-left:27px;
	font-weight:bold;
}
#business_activity .pagetop {
	padding-top:0;
}

/* 開発実績
--------------------------------------------------------------------*/
#results h3 {
	padding:40px 0 20px;
}
#results h4 {
	background:url(../common/arrow_1.gif) no-repeat 0 2px;
	padding-left:16px;
	padding-bottom:6px;
	font-weight:bold;
}
#results h4.next {
	background:url(../common/arrow_1.gif) no-repeat 0 32px;
	padding-top:30px;
}
#results .results-top {
	padding:20px 0 0 10px;
}
#results .results-top li {
	background:url(../common/arrow_1.gif) no-repeat 0 3px;
	padding:1px 0 1px 17px;
	font-weight:bold;
}
#results .gyousyu .photo {
	float:left;
	width:220px;
}
#results .gyousyu .photo-r {
	float:right;
	width:490px;
}
#results .results th,
#results .results td {
	border:solid 1px #c8c8c8;
	padding:10px 0 9px;
}
#results .results th {
	background-color:#f0f0f0;
	width:100px;
}
#results .results th p {
	text-align:center;
	font-weight:bold;
}
#results .results td p {
	padding:0 15px;
}
#results .results .left {
	float:left;
	width:280px;
}
#results .results .right {
	float:left;
	width:280px;
}
#results .results .text {
	padding-bottom:3px;
	font-weight:bold;
}
#results .copy2 {
	padding:50px 0 10px;
}

/* eco事業
--------------------------------------------------------------------*/
#eco h3 {
	padding:40px 0 20px;
}
#eco .eco-top {
	padding-top:20px;
}
#eco .eco-top .photo {
	float:left;
	width:200px;
}
#eco .eco-top .photo-r {
	float:right;
	width:510px;
}
#eco .kome {
	padding-top:10px;
	font-size:85%;
}
#eco .image {
	text-align:center;
	padding:10px 0 30px;
	border-bottom:solid 1px #c8c8c8;
}
#eco .unyo th,
#eco .unyo td {
	padding:10px 0;
	border-bottom:dotted 1px #c8c8c8;
}
#eco .unyo th.last,
#eco .unyo td.last {
	border-bottom:solid 1px #c8c8c8;
}
#eco .unyo th {
	width:120px;
}
#eco .unyo th p {
	background:url(../common/arrow_1.gif) no-repeat 10px 2px;
	padding-left:27px;
	font-weight:bold;
}
#eco .unyo .tel {
	padding-top:5px;
}
#eco .unyo .text {
	font-weight:bold;
	padding-bottom:3px;
}
#eco .serivce-area {
	padding:10px 0;
}
#eco .serivce-area .serivce-left {
	float:left;
	width:350px;
}
#eco .serivce-area .serivce-right {
	float:right;
	width:350px;
}
#eco .serivce-area .service {
	border:solid 3px #2378c8;
	background-color:#fff;
}
#eco .serivce-area .service-i {
	height:124px;
}
#eco .serivce-area p {
	padding:12px 15px 0;
}
#eco .serivce-area .kome {
	padding:3px 15px 0 !important;
}
#eco .mitsumori {
	padding-top:10px;
}
#eco .mitsumori li {
	background:url(../common/arrow_1.gif) no-repeat 0 3px;
	padding:1px 0 1px 17px;
	font-weight:bold;
}

/* 製品
--------------------------------------------------------------------*/
#products .products-area h3 {
	padding:5px 0 10px;
}
#products .products-area {
	padding-top:20px;
}
#products .products-area .products-left {
	float:left;
	width:250px;
}
#products .products-area .products-left-i {
	padding-right:21px;
}
#products .products-area .products-right {
	float:right;
	width:229px;
}
#products .products-area .products {
	border-top:solid 1px #c8c8c8;
	border-left:solid 1px #c8c8c8;
	border-right:solid 1px #c8c8c8;
	background-color:#fff;
	padding-top:15px;
}
#products .products-area .text-area {
	height:85px;
	padding:0 20px;
}



/* Asprova APS
--------------------------------------------------------------------*/
#asprova h3 {
	padding:50px 0 15px;
}
#asprova .top-asprova {
	padding:20px 0 0 10px;
}
#asprova .top-asprova ul {
	padding:5px 0;
}
#asprova .top-asprova li {
	background:url(../common/arrow_1.gif) no-repeat 0 3px;
	padding:1px 0 1px 17px;
	font-weight:bold;
}
#asprova .image {
	padding-top:20px;
	text-align:center;
}
#asprova .results-area .photo {
	float:left;
	width:260px
}
#asprova .results-area .photo-r {
	float:right;
	width:450px;
	padding-top:5px;
}
#asprova .text {
	padding-bottom:15px;
}
#asprova .variation-area {
	border-top:dotted 1px #c8c8c8;
	padding:11px 0 10px;
}
#asprova .variation-area h4 {
	background:url(../common/arrow_1.gif) no-repeat 10px 2px;
	padding-left:27px;
	font-weight:bold;
}
#asprova .variation-area p {
	padding:3px 0 0 27px;
}
#asprova .text2 {
	border-top:dotted 1px #c8c8c8;
	padding:11px 0 0 10px;
}
#asprova .btn {
	padding-top:50px;
	text-align:center;
}

/* xoBlos
--------------------------------------------------------------------*/
#xoblos h3 {
	padding:40px 0 20px;
}
#xoblos h4 {
	background:url(../common/arrow_1.gif) no-repeat 0 2px;
	padding-left:16px;
	padding-bottom:6px;
	font-weight:bold;
}
#xoblos h4.next {
	background:url(../common/arrow_1.gif) no-repeat 0 32px;
	padding-top:30px;
}
#xoblos h5 {
	padding-left:16px;
	font-weight:bold;
}
#xoblos .xoblos-top {
	padding:20px 0 0 10px;
}
#xoblos .xoblos-top .photo {
	float:left;
	width:350px;
	height: 300px;
}
#xoblos .xoblos-top .photo p {
	font-size: 1.4em;
	/*padding-top:60px;*/
}
#xoblos .xoblos-top .photo-r {
	float:right;
	width:350px;
}
#xoblos .xoblos-top .photo-r img {
	width:100%;
	height: auto;
}
#xoblos .outline-area {
	padding:15px 0 5px;
}
#xoblos .outline-area .outline {
	float:left;
	width:146px;
}
#xoblos .outline-area .outline img {
	margin:0 0 9px 10px;
}
#xoblos .outline-area .outline p {
	background:url(../common/arrow_1.gif) no-repeat 10px 2px;
	padding-left:27px;
	font-weight:bold;
}
#xoblos .image {
	text-align:center;
	padding:30px 0 10px;
}
/*
#xoblos .text {
	text-align:center;
	font-weight:bold;
	padding-bottom:3px;
}
#xoblos .text2 {
	padding:20px 0 15px 5px;
}
*/
#xoblos .xoblos th,
#xoblos .xoblos td {
	border:solid 1px #c8c8c8;
	padding:10px 0 9px;
}
#xoblos .xoblos th {
	background-color:#f0f0f0;
	width:150px;
}
#xoblos .xoblos th p {
	/*text-align:center;*/
	font-weight:bold;
	padding-left: 10px;
}
#xoblos .xoblos td p {
	padding:0 15px;
}
#xoblos .btn {
	padding-top:50px;
	text-align:center;
}

.bar_xoblos p {
	/*font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
	font-size: 1.8em;
	font-weight: 900;
	color: #182987;
	margin-top: -2.0em;
	margin-left: 7em;
	margin-bottom: 0.5em; 
}

.arrow1_xoblos p {
	/*font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
	font-size: 1.8em;
	font-weight: 900;
	color: #666666;
	margin-top: -1.8em;
	margin-left: 2.5em;
}

.arrow2_xoblos p {
	/*font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
	font-size: 1.8em;
	font-weight: 900;
	color: #666666;
}
.arrow2_p1 {
	margin-top: -2.2em;
	margin-left: 2.6em;
}
.arrow2_p2 {
	margin-top: -1.2em;
	margin-left: 1.2em;
}

#xoblos .text {
	/*font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
	font-size: 1.4em;
	margin-bottom: 0.5em; 
}

#xoblos .text2 {
	/*font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
	text-align:center;
	font-weight:bold;
	font-size: 3.0em;
	color: #666666;
}

#xoblos .text3 {
	/*font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
	text-align:center;
	font-weight:bold;
	font-size: 2.4em;
	color: #666666;
}

#xoblos .text4 {
	/*font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
	text-align:center;
	font-weight:bold;
	font-size: 2.0em;
	color: #666666;
	margin-bottom: 0.5em; 
}

#xoblos .circle_number {
	width: 35px;
	height: 35px;
	padding-top: 7px;
	background-color: #b4a0c8;
	border-radius: 50%;
	text-align: center;
	box-sizing: border-box;
	font-weight:bold;
	font-size: 1.4em;
	color: #ffffff;
	float: left;
}
#xoblos .circle_p {
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 40px;
	font-size: 1.4em;
}
#xoblos .annotation {
	width: auto;
	border-radius: 5px;
	background-color: #f0f0f0;
	margin-top: 20px;
	margin-left: 10px;
	padding: 7px;
	font-size: 1.4em;
}
#xoblos .annotation th{
	width: 20px;
}
#xoblos .annotation th p,
#xoblos .annotation td p{
	/*padding-left: 5px;*/
	padding: 2px 0px 2px 5px;
	align: right;
}
#xoblos .annotation th p{
	text-align: right;
}
#xoblos .annotation p {
	font-size: 0.6em;
}

/* X-point
--------------------------------------------------------------------*/
#X-point h3 {
	padding:40px 0 20px;
}
#X-point h4 {
	background:url(../common/arrow_1.gif) no-repeat 0 2px;
	padding-left:16px;
	padding-bottom:6px;
	font-weight:bold;
}
#X-point h4.next {
	background:url(../common/arrow_1.gif) no-repeat 0 32px;
	padding-top:30px;
}
#X-point .X-point-top {
	padding:20px 0 0 10px;
}
#X-point .X-point-top .photo {
	float:left;
	width:250px;
}
#X-point .X-point-top .photo-r {
	float:right;
	width:450px;
}
#X-point .outline-area {
	padding:15px 0 5px;
}
#X-point .outline-area .outline {
	float:left;
	width:146px;
}
#X-point .outline-area .outline img {
	margin:0 0 9px 10px;
}
#X-point .outline-area .outline p {
	background:url(../common/arrow_1.gif) no-repeat 10px 2px;
	padding-left:27px;
	font-weight:bold;
}
#X-point .image {
	text-align:center;
	padding:30px 0 10px;
}
#X-point .text {
	text-align:center;
	font-weight:bold;
	padding-bottom:3px;
}
#X-point .text2 {
	padding:10px 0 15px 5px;
}
#X-point .text3 {
	font-size:150%;
        font-weight: 600;
        /*color:#267FCA;*/
        color:#2070B2;
}
#X-point .text4 {
	font-size:80%;
	padding:0px 0 0px 10px;
}
#X-point .X-point th,
#X-point .X-point td {
	border:solid 1px #c8c8c8;
	padding:10px 0 9px;
}
#X-point .X-point th {
	background-color:#f0f0f0;
	width:150px;
}
#X-point .X-point th p {
	text-align:center;
	font-weight:bold;
}
#X-point .X-point td p {
	padding:0 15px;
}
#X-point .btn {
	padding-top:50px;
	text-align:center;
}


/* CELF
--------------------------------------------------------------------*/
#CELF .text {
	padding:10px 0 15px 5px;
}
#CELF .text2 {
	font-size:150%;
        font-weight: 600;
        /*color:#267FCA;*/
        color:#2070B2;
}
#CELF .text3 {
	font-size:80%;
	padding:0px 0 0px 10px;
}

#CELF .text4 {
	color:white;
}
#CELF .btn {
	padding-top:50px;
	text-align:center;
}

/* Frontec The 給与システム
--------------------------------------------------------------------*/
#salary h3 {
	padding:40px 0 20px;
}
#salary h4 {
	background:url(../common/arrow_1.gif) no-repeat 0 2px;
	padding-left:16px;
	padding-bottom:6px;
	font-weight:bold;
}
#salary h4.next {
	background:url(../common/arrow_1.gif) no-repeat 0 32px;
	padding-top:30px;
}
#salary .salary-top {
	padding-top:20px;
}
#salary .salary-top .photo {
	float:left;
	width:260px;
}
#salary .salary-top .photo-r {
	float:right;
	width:450px;
	padding-top:5px;
}
#salary .salary-area .photo {
	float:left;
	width:200px;
}
#salary .salary-area .photo-r {
	float:right;
	width:510px;
	padding-top:5px;
}
#salary .salary th,
#salary .salary td {
	border:solid 1px #c8c8c8;
	padding:10px 0 9px;
}
#salary .salary th {
	background-color:#f0f0f0;
	width:150px;
}
#salary .salary th p {
	text-align:center;
	font-weight:bold;
}
#salary .salary td p {
	padding:0 15px;
}

/* 採用情報
--------------------------------------------------------------------*/
#recruit .recruit-area {
	padding-top:20px;
}
#recruit .recruit-area .recruit-left {
	float:left;
	width:355px;
}
#recruit .recruit-area .recruit-right {
	float:right;
	width:355px;
}
#recruit .recruit-area .recruit {
	border-top:solid 1px #c8c8c8;
	border-left:solid 1px #c8c8c8;
	border-right:solid 1px #c8c8c8;
	padding:15px;
}
#recruit .recruit-area .recruit .photo {
	float:left;
	width:88px;
}
#recruit .recruit-area .recruit .photo-r {
	float:right;
	width:220px;
}
#recruit .recruit-area .recruit .photo-r h3 {
	padding:5px 0;
	font-weight:bold;
}
#recruit .recruit-area .recruit .photo-r p {
	font-size:85%;
}

/* 社内の様子・福利厚生
--------------------------------------------------------------------*/
#welfare .frame {
	/*margin-top:15px;*/
	margin-top:33px;
	border:solid 1px #c8c8c8;
	background-color:#fff;
	padding:20px;
}
#welfare .text {
	padding:20px 0 0 10px;
	font-weight:bold;
}
#welfare .thumbs-area {
	position:relative;
	padding:20px 30px 0 30px;
}
#welfare .slides img {
	margin-right:10px;
}
#welfare .list {
	padding:30px 0 0 30px;
}
#welfare .list li {
	background:url(../common/arrow_1.gif) no-repeat 0 3px;
	padding:1px 0 1px 17px;
}
#welfare #slider .flex-direction-nav {display:none;}
#welfare #slider p {
	padding-top:5px;
	padding-left:15px;
	font-weight:bold;
	font-size:120%;
}
#welfare .thumbs-area .flex-direction-nav .flex-prev {
	position:absolute;
	top:20px;
	left:0px;
	width:20px;
	height:85px;
	background:url(../recruit/img/back_ro1.gif) no-repeat;
	text-indent: -9999px;
    overflow: hidden;
	opacity: 1.0;
}
#welfare .thumbs-area .flex-direction-nav .flex-prev:hover {
	background:url(../recruit/img/back_ro2.gif) no-repeat;
}
#welfare .thumbs-area .flex-direction-nav .flex-next {
	position:absolute;
	top:20px;
	left:710px;
	width:20px;
	height:85px;
	background:url(../recruit/img/next_ro1.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 1.0;
}
#welfare .thumbs-area .flex-direction-nav .flex-next:hover {
	background:url(../recruit/img/next_ro2.gif) no-repeat;
}
#welfare .thumbs-area img {
	opacity: 0.7;
}
#welfare .thumbs-area .flex-active-slide img {
	opacity: 1.0;
}

/* 社員の声
--------------------------------------------------------------------*/
#voice h3 {
	font-weight:bold;
	font-size:125%;
	padding-bottom:2px;
}
#voice .voice-area {
	padding:20px 0 40px;
	border-top:solid 1px #c8c8c8;
	margin-top:40px;
}
#voice .voice-top {
	padding:15px 0 30px;
	border-top:none !important;
	margin-top:0;
}
#voice .voice-area .photo {
	float:left;
	width:200px;
}
#voice .voice-area .photo-r {
	float:right;
	width:509px;
}
#voice .voice-area .photo-r table {
	margin-top:10px;
}
#voice .voice-area .photo-r th,
#voice .voice-area .photo-r td {
	padding:10px 0 9px;
	border-top:solid 1px #c8c8c8;
	border-bottom:solid 1px #c8c8c8;
}
#voice .voice-area .photo-r th {
	width:70px;
}
#voice .voice-area .photo-r th p {
	color:#969696;
	padding-left:5px;
}
#voice .q {
	margin:30px 0 12px;
}
#voice .q-top {
	margin:0 0 12px;
}
#voice .q th,
#voice .q td {
	border:solid 1px #c8c8c8;
	padding:10px 0 9px;
}
#voice .q th {
	background-color:#f0f0f0;
	width:50px;
	text-align:center;
}
#voice .q th p,
#voice .q td p {
	color:#ff6400;
	font-weight:bold;
}
#voice .q td p {
	padding:0 15px;
}

/* 新卒採用募集要項・キャリア採用募集要項　共通
--------------------------------------------------------------------*/
#entry-u h3 {
	padding-top:30px;
}
#entry-u .entry-top {
	padding-top:20px;
}
#entry-u .entry-top .photo {
	float:left;
	width:200px;
}
#entry-u .entry-top .photo-r {
	float:right;
	width:510px;
	padding-top:5px;
}
#entry-u .entry-top .photo-r ul {
	padding-top:10px;
}
#entry-u .entry-top .photo-r li {
	background:url(../common/arrow_1.gif) no-repeat 0 3px;
	padding:1px 0 1px 17px;
	font-weight:bold;
}
#entry-u .entry th,
#entry-u .entry td {
	padding:10px 0 9px;
	border-bottom:dotted 1px #c8c8c8;
}
#entry-u .entry th.last,
#entry-u .entry td.last {
	border-bottom:solid 1px #c8c8c8;
}
#entry-u .entry th {
	width:140px;
}
#entry-u .entry th p {
	background:url(../common/arrow_1.gif) no-repeat 10px 2px;
	padding-left:27px;
	font-weight:bold;
}
#entry-u .btn {
	padding-top:30px;
	text-align:center;
}

/* 個人情報の保護方針と取扱い
--------------------------------------------------------------------*/
#privacy h3 {
	padding-bottom:13px;
}
#privacy h3.next {
	padding-top:40px;
}
#privacy .top-text {
	padding:0 0 10px 10px;
	border-bottom:dotted 1px #c8c8c8;
}
#privacy .houshin th,
#privacy .houshin td {
	padding:11px 0 10px;
	border-bottom:dotted 1px #c8c8c8;
}
#privacy .houshin th p{
	padding:0 5px 0 10px;
}
#privacy .day {
	padding-top:11px;
	text-align:right;
}
#privacy .text-area dt {
	padding:11px 0 3px 10px;
	font-weight:bold;
}
#privacy .text-area dt.top {
	padding:0 0 3px 10px;
}
#privacy .text-area dd {
	padding:0 0 10px 10px;
	border-bottom:dotted 1px #c8c8c8;
}
#privacy .text-area dd.no-line {
	padding:0 10px !important;
	border-bottom:none !important;
}
#privacy .table {
	margin:10px 0 15px 10px;
}
#privacy .table th,
#privacy .table td {
	border:solid 1px #c8c8c8;
	text-align:left;
	width:50%;
}
#privacy .table th {
	background-color:#f0f0f0;
	padding:7px 15px 6px;
	font-size:85%;
}
#privacy .table td {
	padding:10px 15px 9px;
}
#privacy .text {
	padding:0 0 7px 10px;
}
#privacy .pagetop {
	padding-top:10px;
}
#privacy .sochi th,
#privacy .sochi td {
	padding:2px 0 2px;
}
#privacy .sochi th p{
	padding:0 5px 0 10px;
}

/* お問い合わせ
--------------------------------------------------------------------*/
#form-page h3 {
	padding-bottom:20px;
}
#form-page .partner-area {
	padding-bottom:30px;
	border-bottom:dotted 1px #d2d2d2;
}
#form-page .partner-area .photo {
	float:left;
	width:200px;
}
#form-page .partner-area .photo-r {
	float:right;
	width:510px;
}
#form-page .in {
	padding:0 0 20px 10px;
	border-bottom:dotted 1px #c8c8c8;
}
#form-page .copy2 {
	padding:20px 0 10px;
}
#form-page .kome {
	padding-top:7px;
	font-size:85%;
	color:#e61e1e;
}
#form-page form th,
#form-page form td {
	padding:8px 0;
	border-bottom:dotted 1px #d2d2d2;
}
#form-page form th {
	width:160px;
}
#form-page form .entryform th {
	width:200px !important;
}
#form-page form td {
	width:570px;
}
#form-page form .entryform td {
	width:530px !important;
}
#form-page form th div {
	background:url(../common/arrow_1.gif) no-repeat 10px 2px;
	padding-left:27px;
	font-weight:bold;
}
#form-page form td.last {
	border-bottom:none;
}
#form-page .require {
	color:#f00;
	padding-left:3px;
}
#form-page .add-info {
	color:#969696;
	font-size:85%;
	padding-top:8px;
}
#form-page .btn {
	text-align:center;
	padding-top:15px;
}
#form-page .privacy-area {
	margin-top:12px;
	background-color:#f0f0f0;
	padding:20px 20px 15px;
	text-align:center;
}
#form-page .privacy-area .text {
	font-weight:bold;
	padding-bottom:13px;
}
#form-page .privacy-area iframe {
	width:690px;
	height:160px;
	background-color:#fff;
	border:none;
}
#form-page .iframe {
	width:630px;
	margin:0 auto;
	text-align:left;
}
#form-page .iframe-i {
	padding:20px 0;
}
#form-page .privacy-area .check {
	padding-top:17px;
}
#form-page .privacy-area .check input {
	vertical-align:-1px;
	margin-right:5px;
}
#form-page .privacy {
	padding:50px 0 0 10px;
	font-size:85%;
}
#form-page .last-info {
	text-align:center;
	padding:100px 0 120px;
}
#form-page .pagetop {
	padding-top:17px;
}