@charset "UTF-8";

/* ---PC・スマホ表示非表示--- */
@media screen and (min-width:769px) {
.sp {
	display: none;
}
.pc {
	display: block;
}
}

@media screen and (max-width: 768px) {
.sp {
	display: block;
}
.pc {
	display: none;
}
img {
	max-width: 100%;
	height: auto;
}
}

/* スマホ用メニュー */

@media screen and (max-width: 768px) {
.company_menu h4 {
	color: #D43421;
	border-bottom: solid thin;
	border-top: solid thin;
	padding: 10px;
	font-size: 20px;
	text-align: center;
	letter-spacing: 8px;
}
}

@media screen and (max-width: 768px) {
.company_menu ul {
	width: 95%;
	margin: 20px auto;
}
}

@media screen and (max-width: 768px) {
.company_menu li {
	border: solid thin;
	border-color: #D43421;
	font-size: 115%;
	padding: 3%;
	margin: 5px 0 5px 0;
}
}

@media screen and (max-width: 768px) {
.company_menu a {
	text-decoration: none;
	color: #3d3a39;
}
}

@media screen and (max-width: 768px) {
.arrow {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	padding-top: 30px;
	float: right;
}
.arrow::before {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #D43421;
	border-right: solid 2px #D43421;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
}
}
/* ＝＝＝＝＝＝＝＝＝＝ 企業情報 ＝＝＝＝＝＝＝＝＝＝＝＝*/

/*各ページタイトルエリア
----------------------------------*/
/*h2タイトル
--------------*/
div#header div.h2 h2 {
	background-image: url(../images/company_index_h2.jpg);
	background-repeat: no-repeat;
	height: 114px;
	width: 941px;
}
div#header div.h2 h2.error {
	background-image: url(../images/error_h2.jpg);
}

/*その他タイトル
--------------*/

@media screen and (min-width: 769px) {
h3.h3_cp01, h3.h3_cp02, h3.h3_cp03, h3.h3_cp04, h3.h3_cp05, h3.h3_cp06, h3.h3_cp07, h3.h3_cp08, h3.h3_cp09, h3.h3_cp10 {
	height: 35px;
	width: 660px;
	margin: 0 0px 20px 25px;
	clear: both;
	font-size: 170%;
	font-weight: normal;
	border-bottom: 2px solid #f64444;
}
}

@media screen and (max-width: 768px) {
h3.h3_cp01, h3.h3_cp02, h3.h3_cp03, h3.h3_cp04, h3.h3_cp05, h3.h3_cp06, h3.h3_cp07, h3.h3_cp08, h3.h3_cp09, h3.h3_cp10 {
	height: 35px;
	margin: 0 25px 25px 25px;
	clear: both;
	font-size: 170%;
	font-weight: normal;
	border-bottom: 1px solid #A3A3A3;
}
}

@media screen and (max-width: 768px) {
h3.h3_cp02,  h3.h3_cp03,  h3.h3_cp04,  h3.h3_cp05,  h3.h3_cp07,  h3.h3_cp08,  h3.h3_cp09,  h3.h3_cp10 {
	color: #E83421;
	margin-top: 30px;
}
}
h3.h3_cp01 {
	background-image: url(../images/company_index_h3_01.gif) no-repeat;
}
h3.h3_cp02 {
	background-image: url(../images/company_message_h3_01.gif) no-repeat;
}
h3.h3_cp03 {
	background-image: url(../images/company_profile_h3_01.gif) no-repeat;
}
h3.h3_cp04 {
	background-image: url(../images/company_web_h3_01.gif) no-repeat;
}
h3.h3_cp05 {
	background-image: url(../images/company_logo_h3_01.gif) no-repeat;
}
h3.h3_cp06 {
	text-indent: -9999px;
	height: 35px;
	width: 675px;
	margin: 0 0 20px 25px;
	padding: 0;
	clear: both;
	background-image: url(../images/company_tv_h3_01.gif) no-repeat;
}
h3.h3_cp07 {
	background-image: url(../images/company_rinen_h3_01.gif) no-repeat;
}
h3.h3_cp08 {
	background-image: url(../images/company_business_h3_01.gif) no-repeat;
}
h3.h3_cp09 {
	background-image: url(../images/company_group_h3_01.gif) no-repeat;
}
h3.h3_cp10 {
	background-image: url(../images/company_recruit_h3_01.gif) no-repeat;
}
h4.h4_cp09 {
	text-indent: -9999px;
	height: 25px;
	width: 446px;
	margin: 0 0 20px 25px;
	padding: 0;
	clear: both;
	background-image: url(../images/company_business_h4_01.gif);
	background-repeat: no-repeat;
}
h3.h3_cp01_01, h3.h3_cp01_02, h4.h4_cp01, h4.h4_cp02, h4.h4_cp03, h4.h4_cp04, h5.h5_cp05, h5.h5_cp06, h4.tv_h4_1, h4.tv_h4_2 {
	width: 641px;
	height: 30px;
	margin: 0 0 0 40px;
	text-indent: -9999px;
	clear: both;
}
h3.h3_cp01_01 {
	background-image: url(../images/company_profile_h3_02.gif);
	background-repeat: no-repeat;
}
h3.h3_cp01_02 {
	background-image: url(../images/company_profile_h3_03.gif);
	background-repeat: no-repeat;
}
h4.h4_cp01 {
	background-image: url(../images/company_logo_h4_01.gif);
	background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
h4.h4_cp01 {
	width: auto;
	background-image: none;
	text-indent: 0px;
	margin: 0 25px 25px 25px;
}
.logo_message {
	margin: 0 auto;
	padding-top: 20px;
	width: 90%;
	line-height: 23px;
}
}
/** 経営理念　各タイトル**/
h4.h4_cp02, h4.h4_cp03, h4.h4_cp04 {
	width: auto;
	height: 30px;
	padding: 20px 0 15px;
	margin: 40px 35px 15px;
	text-indent: 0;
	font-size: 170%;
	border: 4px double #B1B1B1;
	border-radius: 5px;
	text-align: center;
}
/*
h4.h4_cp02{3
	background-image: url(../images/company_rinen_h4_01.gif);
	background-repeat: no-repeat;
}
h4.h4_cp03{
	background-image: url(../images/company_rinen_h4_02.gif);
	background-repeat: no-repeat;
}
h4.h4_cp04{
	background-image: url(../images/company_rinen_h4_03.gif);
	background-repeat: no-repeat;
}
*/

h5.h5_cp05 {
	background-image: url(../images/company_business_h5_01.gif);
	background-repeat: no-repeat;
}
h5.h5_cp06 {
	background-image: url(../images/company_business_h5_02.gif);
	background-repeat: no-repeat;
}
/* tv */
h4.tv_h4_1 {
	background: url(../images/tv_h4_1.gif) no-repeat;
}
h4.tv_h4_2 {
	background: url(../images/tv_h4_2.gif) no-repeat;
}
h4.h4_cp05, h4.h4_cp06 {
	width: 400px;
	height: 20px;
	margin: 0 0 0 18px;
	text-indent: -9999px;
	clear: both;
}
h4.h4_cp05 {
	background: url(../images/company_web_h4_05.jpg) top left no-repeat;
}
h4.h4_cp06 {
	margin-top: 25px;
	background: url(../images/company_web_h4_06.jpg) top left no-repeat;
}
h5.h5_cp01, h5.h5_cp02, h5.h5_cp03 {
	height: 30px;
	margin: 0px 35px 10px;
	clear: both;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	padding: 15px 0;
	font-size: 180%;
	text-align: center;
}
h5.h5_cp01 {
/*	background-image: url(../images/company_rinen_h5_01.gif);
	background-repeat: no-repeat;
*/
}
h5.h5_cp02 {
/*	background-image: url(../images/company_rinen_h5_02.gif);
	background-repeat: no-repeat;
*/
}
h5.h5_cp03 {
/*	background-image: url(../images/company_rinen_h5_03.gif);
	background-repeat: no-repeat;
*/
}
/*ページトップ文章
--------------*/
p.top_text {
	width: 640px;
	margin: 0 0 30px 30px;
	color: #202329;
	font-size: 93%;
	line-height: 2.0em;
}
/*--------------------------------------------------------------------
(index.html)
(企業情報 index)
--------------------------------------------------------------------*/
.company_index_main {
	margin-left: 10px;
}

@media screen and (max-width: 768px) {
.company_index_main {
	margin-left: 0;
}
}
#main ul.company01 {
	width: 640px;
	height: auto;
	margin: 0 0 0 40px;
}

@media screen and (max-width: 768px) {
#main ul.company01 {
	width: 95%;
	margin: 0 2.5%;
}
}
#main ul.company01 li {
	width: 300px;
	height: 85px;
	float: left;
	margin: 0 11px 11px 0;
	overflow: hidden;
	border: 1px solid #ddd;
}

@media screen and (max-width: 768px) {
#main ul.company01 li {
	margin: 0 0 11px 0;
}
}

@media screen and (max-width: 768px) {
#main ul.company01 li {
	width: 100%;
}
}
#main ul.company01 li a {
	display: block;
	width: 300px;
	height: 85px;
	font-size: 11px;
	color: #5c6266;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
#main ul.company01 li a {
	width: 100%;
}
}
#main ul.company01 li:hover {
	border: 1px solid #F18350;
}
.company01 .index_box {
	display: inline-block;
	padding: 10px;
	width: 175px;
	vertical-align: top;
}

@media screen and (max-width: 768px) {
.company01 .index_box {
	width: 55%;
	float: right;
}
}
.company01 .index_box p {
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px solid #F18350;
	padding: 0 0 5px 0;
	margin-bottom: 10px;
	background: url(../images/icon_circle_arrow.png) 160px 3px no-repeat;
}

@media screen and (max-width: 768px) {
.company01 .index_box p {
	font-size: 130%;
	background: url(../images/icon_circle_arrow.png) 95% 3px no-repeat;
}
}
#main ul.company01 li a span {
	display: inline-block;
}
#main ul.company01 li.list1, #main ul.company01 li.list1 a {
	background: url(../images/company_index_banner01.jpg) top left no-repeat;
}
#main ul.company01 li.list1 a:hover {
	background: url(../images/company_index_banner01_on.jpg) top left no-repeat;
}
#main ul.company01 li.list8, #main ul.company01 li.list8 a {
	background: url(../images/company_index_banner08.jpg) top left no-repeat;
}
#main ul.company01 li.list8 a:hover {
	background: url(../images/company_index_banner08_on.jpg) top left no-repeat;
}
#main ul.company01 li.list2, #main ul.company01 li.list2 a {
	margin: 0;
	float: right;
	background: url(../images/company_index_banner02.jpg) top left no-repeat;
}
#main ul.company01 li.list2 a:hover {
	background: url(../images/company_index_banner02_on.jpg) top left no-repeat;
}
#main ul.company01 li.list3, #main ul.company01 li.list3 a {
	background: url(../images/company_index_banner03.jpg) top left no-repeat;
}
#main ul.company01 li.list3 a:hover {
	background: url(../images/company_index_banner03_on.jpg) top left no-repeat;
}
#main ul.company01 li.list4, #main ul.company01 li.list4 a {
	background: url(../images/company_index_banner04.jpg) top left no-repeat;
}
#main ul.company01 li.list4 a:hover {
	background: url(../images/company_index_banner04_on.jpg) top left no-repeat;
}
#main ul.company01 li.list5, #main ul.company01 li.list5 a {
	margin: 0;
	float: right;
	background: url(../images/company_index_banner05.jpg) top left no-repeat;
}
#main ul.company01 li.list5 a:hover {
	background: url(../images/company_index_banner05_on.jpg) top left no-repeat;
}
#main ul.company01 li.list6, #main ul.company01 li.list6 a {
	background: url(../images/company_index_banner06.jpg) top left no-repeat;
}
#main ul.company01 li.list6 a:hover {
	background: url(../images/company_index_banner06_on.jpg) top left no-repeat;
}
#main ul.company01 li.list7, #main ul.company01 li.list7 a {
	margin: 0;
	float: right;
	background: url(../images/company_index_banner07.jpg) top left no-repeat;
}
#main ul.company01 li.list7 a:hover {
	background: url(../images/company_index_banner07_on.jpg) top left no-repeat;
}
#main ul.company01 li.list9, #main ul.company01 li.list9 a {
	margin: 0;
	float: right;
	background: url(../images/company_index_banner09.jpg) top left no-repeat;
}
#main ul.company01 li.list9 a:hover {
	background: url(../images/company_index_banner09_on.jpg) top left no-repeat;
}
/*--------------------------------------------------------------------
(message.html)
(企業メッセージ message)
--------------------------------------------------------------------*/


div#message01 {
	width: 610px;
	height: auto;
	margin: 20px 0 30px 35px;
	padding: 20px 20px 30px 20px;
	border: #E9EBEC solid 1px;
}

@media screen and (max-width: 768px) {
div#message01 {
	width: auto;
	margin: 0;
	border: none;
}
}
ul#images_left {
	width: 234px;
	float: left;
	margin-right: 30px;
}
ul#images_left li {
	margin-bottom: 20px;
}
ul.message_text {
	width: 100%;
	height: auto;
	line-height: 1.8em;
}
h4.h4_ms01 {
	margin-bottom: 10px;
	font-size: 130%;
	color: #f0341e;
	font-weight: normal;
}
ul#text_right p {
	line-height: 2.3em;
}
div#sign {
	clear: both;
	margin: 0;
	padding: 40px 0 0 250px;
	text-align: right;
}

@media screen and (max-width: 768px) {
div#sign {
	padding: 40px 0;
}
}
/*--------------------------------------------------------------------
(rinen.html)
(経営理念 rinen)
--------------------------------------------------------------------*/
p.rinen_text {
	width: 600px;
	margin: 0 auto;
	line-height: 1.8em;
	font-size: 120%;
}

@media screen and (max-width: 768px) {
p.rinen_text {
	width: auto;
	margin: 50px 20px 0;
}
}
dl.rinen {
	width: 530px;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	clear: both;
	font-size: 120%;
	border-bottom: 1px solid #e1e1e1;
}

@media screen and (max-width: 768px) {
dl.rinen {
	width: auto;
	margin: 0 20px 0;
}
}
dl.rinen dt {
	float: left;
	width: 80px;
	margin-right: 5px;
	padding-left: 5px;
}

@media screen and (max-width: 414px) {
dl.rinen dt {
	float: none;
	margin: 0;
	padding: 0;
}
}
dl.rinen rb {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 130%;
	color: #00126F;
}
dl.rinen dd {
	float: left;
	padding-top: 15px;
	font-size: 120%;
}
div#rinen_btm {
	margin-bottom: 20px;
}
/*--------------------------------------------------------------------
(profile.html)
(会社概要・沿革 profile)
--------------------------------------------------------------------*/
div.box01 {
	width: 630px;
	/* margin: 40px 0 0 30px; */
	padding: 30px 0 30px 40px;
}

@media screen and (max-width: 768px) {
div.box01 {
	width: auto;
	margin: 0 25px 25px 25px;
	padding: 0;
}
}
div.box01 dl {
	margin: 0;
	padding: 0;
	padding: 15px 0;
	clear: both;
	background-image: url(../images/company_profile_dush.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

@media screen and (max-width: 768px) {
div.box01 dl {
	margin: 0;
	padding: 15px 0 15px 15px;
	clear: both;
	background-image: url(../images/company_profile_dush.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
}
/*
div.box01 dl.pink{
	clear:both;
	background-color: #F9F6F2;
}
div.box01 dl.blue{
	clear:both;
	background-color:#F2F5F8;

}
*/
div.box01 dl dt.cp {
	width: 160px;
	float: left;
	margin: 0;
	padding-left: 20px;
	font-size: 85%;
}

@media screen and (max-width: 768px) {
div.box01 dl dt.cp {
	float: none;
	margin-bottom: 15px;
	padding-left: 20px;
	font-size: 24px;
	border-left: 5px solid #FF6E3B;
}
}
div.box01 dl dd.cp {
	width: 320px;
	float: left;
	margin: 0;
	font-size: 93%;
}

@media screen and (max-width: 768px) {
div.box01 dl dd.cp {
	width: 100%;
	float: left;
	margin: 0;
	font-size: 93%;
}
}
div.box01 dl dd img {
	border-radius: 5px;
}
div.box01 dl dd ul {
	margin-left: 12px;
	padding-bottom: 10px;
}
/*--------------------------------------------------------------------
(access.html)
(アクセス)
--------------------------------------------------------------------*/
.access_box {
	padding: 5px 25px;
}
.access_box h4 {
	margin: 48px 0 13px;
	padding: 0 0 9px;
	border-bottom: 1px solid #F64C28;
}
.access_map {
	width: 300px;
	display: inline-block;
}

@media screen and (max-width: 768px) {
.access_map {
	width: 100%;
}
}
.access_text {
	vertical-align: top;
	width: 310px;
	display: inline-block;
	padding-left: 20px;
}

@media screen and (max-width: 768px) {
.access_text {
	width: 100%;
	padding-left: 0;
}
}
.access_text h4.title {
	line-height: 1.8;
	margin: 5px 0;
	padding: 0;
	font-size: 120%;
	border: none;
}
.access_text p {
	line-height: 1.8;
	margin-bottom: 13px;
}
hr.line {
	border: 0;
	border-top: 1px solid #B3C5CF;
}
h4.access_title {
	padding: 0;
	font-weight: inherit;
	font-size: 22px;
}
#access_gmap1, #access_gmap2, #access_gmap3, #access_gmap4 {
	width: 300px;
	height: 300px;
}

@media screen and (max-width: 768px) {
#access_gmap1, #access_gmap2, #access_gmap3, #access_gmap4 {
	width: 100%;
	height: 300px;
	position: relative;
}
}
/*--------------------------------------------------------------------
(business.html)
(事業内容 business)
--------------------------------------------------------------------*/
div.company03 {
	clear: both;
	width: 645px;
	height: auto;
	margin: 20px 0 30px 40px;
	padding: 0;
}

@media screen and (max-width: 768px) {
div.company03 {
	width: auto;
	margin: 0 25px 25px 25px;
}
}
div.company03 p.business_img {
	float: left;
	margin: 0 10px 0 0;
	width: 205px;
}

@media screen and (max-width: 768px) {
div.company03 p.business_img {
	float: none;
	text-align: center;
	margin: 0;
	width: auto;
}
}
div.company03 dl {
	width: 425px;
	float: left;
}

@media screen and (max-width: 768px) {
div.company03 dl {
	width: auto;
	float: none;
}
}
div.company03 dl dt {
	width: 425px;
}

@media screen and (max-width: 768px) {
div.company03 dl dt {
	width: 100%;
}
}
div.company03 dl dd {
	line-height: 1.5em;
}
.h5_title {
	border: 1px solid #ddd;
	padding: 8px 10px;
	width: 630px;
	margin-left: 30px;
	background: #EEF6FF;
	font-size: 110%;
}

@media screen and (max-width: 768px) {
.h5_title {
	width: auto;
	margin: 0 25px 25px 25px;
}
}
.buisiness_text {
	padding: 5px 0 8px 0px;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
/*--------------------------------------------------------------------
(group.html)
(グループ企業紹介 group)
--------------------------------------------------------------------*/
div#group {
	width: 650px;
	height: auto;
	margin: 20px 0 40px 40px;
	padding: 0;
}

@media screen and (max-width: 768px) {
div#group {
	width: auto;
	margin: 0 0 25px;
}
}

@media screen and (max-width: 768px) {
div#group {
	width: auto;
}
}
p#group_left {
	width: 266px;
	float: left;
	margin-right: 30px;
}
ul#group_right {
	float: left;
	height: auto;
	width: 350px;
}

@media screen and (max-width: 768px) {
ul#group_right {
	width: 100%;
	margin-top: -55px;
}
}
ul#group_right h4.h4_ms01 {
	background-repeat: no-repeat;
	width: 250px;
	height: 69px;
	margin-bottom: 50px;
	color: #000;
	font-size: 15px;
	line-height: 1.8em;
}

@media screen and (max-width: 768px) {
ul#group_right h4.h4_ms01 {
	margin: 0 auto;
}
}
ul#group_right li {
	clear: both;
}
ul#group_right li img {
	float: left;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 768px) {
ul#group_right li img {
	float: none;
}
}
ul#group_right li dl {
	float: left;
	border-top: #DDE7EE 1px solid;
	width: 295px;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 768px) {
ul#group_right li dl {
	width: 100%;
	padding-bottom: 15px;
}
}
ul#group_right li dl dt {
	float: left;
	width: 160px;
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
ul#group_right li dl dt {
	width: auto;
	float: none;
	margin: 15px 0 15px 0;
	text-align: center;
}
}
ul#group_right li dl dd {
	font-size: 85%;
	width: 130px;
	padding: 25px 0;
	margin: 0;
}

@media screen and (max-width: 768px) {
ul#group_right li dl dd {
	font-size: 140%;
	float: none;
	width: 200px;
	margin: 0 auto;
}
}
.company_group_marucho1 {
	width: 300px;
	margin: 0 auto;
}
}

/*--------------------------------------------------------------------
(web.html)
(WEBチラシ web)
--------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
div#area01, div#area02 {
	width: auto;
	margin: 0;
}
}

@media screen and (min-width: 769px) {
div#area01, div#area02 {
	width: 670px;
	height: auto;
	margin: 0 0 0 25px;
}
}


/*----- 2012年3月23日 追加 -----*/
div#area01 .chirashi {
	clear: both;
	padding: 0 0 40px 0;
}
div#area01 img.chirashigazou {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}
div#area01 p.chirashi_address {
	margin: 0 0 10px 0;
	padding: 0;
	color: #41930A;
}
div#area01 img.chirashibt {
	margin: 10px 0 10px 0;
}
/*--------------------------------------------------------------------
(tv.html)
(丸長TV tv)
--------------------------------------------------------------------*/
#main div.tv {
	width: 640px;
	margin: 20px 0 50px 40px;
}
#main div.tv h4 {
	margin: 0 0 5px 0;
	font-size: 120%;
}
#main div.tv ul.tab {
	height: 60px;
}
#main div.tv ul.tab li.tv01, #main div.tv ul.tab li.tv01 a {
	width: 213px;
	display: block;
	height: 60px;
	float: left;
	text-indent: -9999px;
}
#main div.tv ul.tab li.tv02, #main div.tv ul.tab li.tv02 a {
	width: 213px;
	display: block;
	height: 60px;
	float: left;
	text-indent: -9999px;
}
#main div.tv ul.tab li.tv03, #main div.tv ul.tab li.tv03 a {
	width: 213px;
	display: block;
	height: 60px;
	float: left;
	text-indent: -9999px;
}
#main div.tv ul.tab li.tv01 {
	background: url(/images/company_tv01_on.jpg) top left no-repeat;
}
#main div.tv ul.tab li.tv01 a {
	background: url(/images/company_tv01.jpg) top left no-repeat;
}
#main div.tv ul.tab li.tv01 a:hover {
	background: url(/images/company_tv01_hover.jpg) top left no-repeat;
}
#main div.tv ul.tab li.tv02 {
	background: url(/images/company_tv02_on.jpg) top left no-repeat;
}
#main div.tv ul.tab li.tv02 a {
	background: url(/images/company_tv02.jpg) top left no-repeat;
}
#main div.tv ul.tab li.tv02 a:hover {
	background: url(/images/company_tv02_hover.jpg) top left no-repeat;
}
#main div.tv ul.tab li.tv03 {
	background: url(/images/company_tv03_on.jpg) top left no-repeat;
}
#main div.tv ul.tab li.tv03 a {
	background: url(/images/company_tv03.jpg) top left no-repeat;
}
#main div.tv ul.tab li.tv03 a:hover {
	background: url(/images/company_tv03_hover.jpg) top left no-repeat;
}
.tv_title {
	width: 637px;
	padding: 15px 0 10px 0;
	margin: 0;
	text-align: center;
	font-size: 120%;
	border-right: 1px solid #dfe6ea;
	border-left: 1px solid #dfe6ea;
}
.tv_reienlink {
	width: 637px;
	padding: 15px 0 10px 0;
	margin: 0;
	text-align: center;
	font-size: 120%;
}
table.tv01_reien {
	width: 620px;
	padding: 0;
	margin: 0 0 0 20px;
}
table.tv01_reien td {
	background: url(../images/tv_li.gif) left center no-repeat;
	padding: 2px 0 2px 10px;
	margin: 0;
}
table.tv01_reien td a {
	color: #0000ff;
}
table.tv01_reien td a:hover {
	color: #FC2D0F;
}
/*--------------------------------------------------------------------
(logo.html)
(ロゴメッセージ logo)
--------------------------------------------------------------------*/
div.logo_box01 {
	width: 641px;
	height: 281px;
	margin: 20px 0 30px 40px;
	padding: 0;
	background-image: url(../images/company_logo_img01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
	display: block;
}

@media screen and (max-width: 768px) {
div.logo_box01 {
	width: 285px;
	margin: 0 auto;
	background-position: left;
}
}
/*--------------------------------------------------------------------
(businee.html)
(提供企業一覧)
--------------------------------------------------------------------*/
div.busin_detailmain dt a {
	font-weight: bold;
	color: #333;
}
div.busin_detailmain dt a:hover {
	color: #F30;
}
.h2_businee {
	width: 941px;
	height: 114px;
	text-indent: -9999px;
	overflow: hidden;
}
.h2_businee h2 {
	width: 941px;
	height: 114px;
	padding: 0 1px 0 1px;
	background: url(../images/busin_index_h2.jpg) left repeat-y!important;
}
h3.h3_businee {
	text-indent: -9999px;
	height: 35px;
	width: 675px;
	margin: 0 0 20px 25px;
	padding: 0;
	clear: both;
	background: url(../images/busin_index_h3_01.jpg) no-repeat;
}
div.busin_detailbox {
	width: 640px;
	min-height: 600px;
	_height: 600px;
	margin: 0 0 0 40px;
}
div.busin_mainbox p {
	margin: 0 0 15px 0;
	font-size: 93%;
}
div.busin_detailbox {
	overflow: hidden;
}
* html div.busin_detailbox {
	height: 1%;
}
div.busin_detailimg {
	float: left;
	width: 220px;
}
div.busin_detailimg img {
	border: 1px solid #E2E9EF;
}
div.busin_detailmain {
	float: right;
	width: 400px;
}
div.busin_detailmain dd.busin_main2 {
	background-color: #FAF6F3!important;
}
div.busin_detailmain dl {
	clear: both;
	color: #2B475D;
	overflow: hidden;
}
* html div.uest_detailmain dl {
	height: 1%;
}
div.busin_detailmain dt {
	margin: 0;
	padding: 15px 10px;
	background: url(../images/question_topline.gif) no-repeat left top;
}
div.busin_detailmain dd {
	margin: 0;
	padding: 15px 10px;
	background: url(../images/question_topline.gif) no-repeat left top;
}
/*--------------------------------------------------------------------
(recruite.html)
(求人情報)
--------------------------------------------------------------------*/

div.contents_title {
	padding: 5px 0px 5px 10px;
	background: rgba(209,208,208,1.00);
	font-size: 18px;
}

@media screen and (max-width: 768px) {
div.contents_title {
	margin: 0 25px 25px 25px;
}
}
.recruit ul {
	/*width:600px;*/
	text-align: center;
	margin-top: 30px;
}
.recruit ul li {
	display: inline-grid;
	margin-bottom: 40px;
	text-align: left;
	font-size: 135%;
}

@media screen and (max-width: 768px) {
.recruit ul li {
	margin-bottom: 0;
}
}
.recruit ul li a {
	position: relative;
	padding: 35px 20px;
	width: 270px;
	border: 1px solid #ece6e6;
	border-radius: 6px;
	background-color: #504a3d;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
}
.recruit ul li a:hover figcaption {
	background-color: #ff513a;
	opacity: 0.9;
}
.recruit ul li a span {
	display: inline-block;
	width: 80%;
	font-size: 80%;
}
.recruit ul li a figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #444;
	background: rgba(0,0,0,.8);
	opacity: 0;
	z-index: 2;
	text-align: center;
	line-height: 120px;
	border-radius: 6px;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.recruit figure {
	width: 300px;
	margin-left: 15px;
	display: inline-block;
}

@media screen and (max-width: 768px) {
.recruit figure {
	width: 100%;
	margin: 0;
}
}
.recruit figure img {
	width: 100%;
}
.recruit_seciton {
	margin-top: 50px;
}

@media screen and (max-width: 768px) {
#area02 .receuit_k {
	margin: 0 25px 25px 25px;
}
}
.bosyu {
	margin: 20px 0 80px 0;
	border-top: solid 2px #F76D38;
	border-left: solid 1px #AAAAAA;
	border-right: solid 1px #AAAAAA;
	border-bottom: solid 1px #AAAAAA;
}
.bosyu table th, .bosyu table td {
	padding: 10px 10px 15px 10px;
	border-bottom: dotted 1px #AAAAAA;
}
.bosyu table th {
	width: 150px;
}