@charset "utf-8";
/* CSS Document */

html {
	filter: expression(document.execCommand("BackgroundImageCache",false,true));
}

/*COMMON
----------------------------------------------------------*/
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}

.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}

.ml4 { margin-left: 4px !important;}
.ml20 { margin-left: 20px !important;}

.mr7 { margin-right: 7px !important;}


.w120 { width: 120px !important;}
.w130 { width: 130px !important;}
.w145 { width: 145px !important;}
.w165 { width: 165px !important;}
.w620 { width: 620px !important;}
.w645 { width: 645px !important;}


.txtCenter { text-align: center !important;}
.txtLeft { text-align: left !important;}
.txtRight { text-align: right !important;}

.fLeft { float: left !important;}
.fRight { float: right !important;
}
.overflow { overflow: hidden !important;}
.overflow2 { overflow: hidden !important;
	margin-top: 10px;
}

.clear{clear: both !important;}

div.clr {
	clear: both;
	display: block;
	font-size:0px;
	line-height:0;
	height:0;
	margin:0;
	padding:0;
}


/* LINE */
hr { display: none;}

.line_solid {
	border-bottom: #e0e4e6 1px solid;
}

body#culture {}
body#culture h1 { margin-left: 4px;}

#CntsMain,
#CntsMain02 {
	margin-bottom: 10px;
	width: 688px;
	min-height: 1100px;
}
#CntsMain02 {
	width: 661px;
	margin-left: 2px;
}
*html body #CntsMain { height: 1085px;}
*+html body #CntsMain { min-height: 1085px;}
*html body #CntsMain02 { height: 1090px;}



/*TOP
----------------------------------------------------------*/

/* CategoryBox */

.CategoryBox {
	width: 688px;
	background: url(../images/common/categorybox01.gif) left top repeat-y;
}
.CategoryBox .ft {
	padding: 15px 20px 25px;
	width: 688px;
	background: url(../images/common/categorybox02.gif) left bottom no-repeat;
}
.CategoryBox .ft dl {
	width: 312px;
	/*width: 300px;*/
}
.CategoryBox .ft dl dt,
.CategoryBox .ft dl dd {
	float: left;
}
.CategoryBox .ft dl dt {
	width: 312px;
}

.CategoryBox .ft dl dt.tt{
	margin-top: 10px !important;
	margin-left: 20px !important;
	padding-top: 8px !important;
	padding-left: 20px !important;
	background: url(../images/common/arrow.gif) 0 0.3em no-repeat;
	width: 280px;
	font-size: 80% !important;
	line-height: 1.2 !important;
	color:#0066AA;
	font-weight:bold;
}

.CategoryBox .ft dl dt.tt{
	margin-top: 0px !important;
	margin-left: 0px !important;
	padding-top: 8px !important;
	padding-left: 20px !important;
}

.CategoryBox .ft dl dt.txt{
	margin-top: 0px !important;
	margin-left: 0px !important;
	padding-top: 8px !important;
	padding-left: 0px !important;
	width: 620px;
	font-size: 80% !important;
	line-height: 1.2 !important;

}

.CategoryBox .ft dl dt.br{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.CategoryBox .ft dl dd {
	margin-top: 5px !important;
	margin-left: 20px !important;
	padding-top: 5px !important;
	padding-left: 20px !important;
	width: 280px;
	font-size: 80% !important;
	line-height: 1.2 !important;
	/*color:#0066AA;*/
}
.CategoryBox .ft dl dd.sub{
	margin-top: 5px !important;
	margin-left: 0px !important;
	padding-top: 5px !important;
	padding-left: 0px !important;
	font-size: 80% !important;
	line-height: 1.2 !important;
	width: 312px;
}
.CategoryBox .ft dl dd a{
	padding-top: 2px !important;
	padding-left: 14px !important;
	background: url(../images/common/arrow_b.gif) 0 0.3em no-repeat;
	width: 280px;
	font-size: 100% !important;
	line-height: 1.5 !important;
}

.CategoryBox .ft #textwidedl {
	width: 580px;
}
.CategoryBox .ft dl #textwidedt {
	float: left;
	width:140px;
}
.CategoryBox .ft dl #textwidedd {
	float:right;
	width:200px;
	clear:both;
}
.CategoryBox h4 {
	display: block;
	float: left;
	font-size: 90%;
	line-height: 140%;
	padding-left: 12px;
	color: #0066AA;
	margin-top: 15px;
	margin-bottom: -10px;
}
.CategoryBox h4.center {
	float: none;
	font-size: 100%;
	line-height: 140%;
	text-align: center;
	padding-left: 0;
}

/*全頁共通CSS
----------------------------------------------------------*/

/*　reset　*/
#jtop_contents{
margin:0;
padding:0;
}
#jtop_contents{
background-color:#ffffff;
background-image:url("");
background-repeat:no-repeat;
background-position:center 323px;
text-align:center;
padding-bottom:35px;
}

#jtop_contents img{
border:0;
vertical-align:bottom;
}


#jtop_contents table{
border-collapse:collapse;
text-align:left;
}


#jtop_contents input{
vertical-align:middle;
}

#jtop_contents ul,
#jtop_contents li{
list-style:none;
}

/*全頁共通　
----------------------------------------------------------*/
#jtop_contents{
background-color:#ffffff;
text-align:center;
}

#containar{
margin:0 auto;
width:898px;
color:#444444;
text-align:left;
}

*html #containar{
height:0%;
}

#jtop_contents h1{
font-size:80%;
line-height:100%;
margin:10px 10px 0px 5px;
}

/*全頁共通　パンくず
----------------------------------------------------------*/
p#topicpath{
font-size:70%;
line-height:100%;
margin:3px 10px 0px 5px;
}
p.sub{
font-size:80%;
line-height:140%;
margin:3px 10px 15px 15px;
}
p#date{
font-size:80%;
font-weight:bold;
line-height:140%;
margin:3px 10px 5px 15px;
color:#444444;
}
p.sub a{
	padding-top: 2px !important;
	padding-left: 14px !important;
	background: url(../images/common/arrow_b.gif) 0 0.3em no-repeat;
	font-size: 100% !important;
	line-height: 1.5 !important;
	margin-left:10px;
}
p.sub a.arrow {
	margin-left: 10px;
	font-weight: bold;
	height: 21px;
	padding-top: 3px !important;
	padding-left: 20px !important;
	font-size: 100% !important;
	line-height: 1.5 !important;
	background: url(../images/common/arrow.gif) 0px center no-repeat;
}
/*全サブ頁共通　主要タグ
----------------------------------------------------------*/

#CntsMain h1,
#CntsMain h2{
margin:0;
padding:0;
font-size:100%;
}
#CntsMain h3{
font-size: 80%;
color: #004B7D;
margin: 10px 2px 10px 0px;
padding: 2px 2px 2px 8px;
border-left: 6px solid #0066CC;
border-bottom: 1px solid #cccccc;
}
#CntsMain h3.red{
font-size: 90%;
color: #004B7D;
margin: 10px 2px 10px 0px;
padding: 2px 2px 2px 8px;
border-left: 6px solid #990000;
border-bottom: 1px solid #cccccc;
}

/*全頁共通　2カラムレイアウト
----------------------------------------------------------*/
#contents {
	float:right;
	width:688px;
}

#side_menu{
float:left;
width:223px;
}


/*全頁共通　コンテンツ
----------------------------------------------------------*/
#contents{
padding:0 0 0 0;
}

/*リンク色
----------------------------------------------------------*/
#jtop_contents a:link{color:#0066aa; text-decoration:none;}
#jtop_contents a:visited{color:#0066aa; text-decoration:none;}
#jtop_contents a:hover{color:#0066aa; text-decoration:underline;}
#jtop_contents a:active{color:#0066aa; text-decoration:underline;}

/*ニュース
----------------------------------------------------------*/

.news{
background-repeat:no-repeat;
background-position:left bottom;
margin-bottom:15px;
padding:0 15px 15px 15px;
}

.news ul li{
padding:20px 0 20px 10px;
}

.news ul li.lastChild{
border:none;
padding-bottom:5px;
}

.news ul li:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

*+html .news ul li{
min-height:1%;
}

*html ..news ul li{
height:1%;
overflow:visible;
}

.news div.image{
float:left;
background-repeat:no-repeat;
}

/*.news h4{
display:block;
float:left;
width:640px;
font-size:90%;
line-height:140%;
background-image:url("../images/common/arrow.gif");
background-repeat:no-repeat;
background-position:0 -0.1em;
min-height:21px;
margin-bottom:10px;
padding-left:2px;
color:#0066AA;

}*/
.news h4{
display:block;
float:left;
width:640px;
font-size:90%;
line-height:140%;
background-repeat:no-repeat;
background-position:0 -0.1em;
min-height:21px;
padding-left:2px;
color:#FF3300;
	margin: 0;
}
.news h4.h4b {
	color: #0066aa;
}
.news p a{
display:block;
float:left;
width:640px;
line-height:150%;
background-image:url("../images/common/arrow_b.gif");
background-repeat:no-repeat;
background-position:0 0.3em;

margin-bottom:15px;
padding-left:15px;
}

.news li p{
float:left;
width:640px;
font-size:80%;
line-height:160%;
color:#333333;
}

.news p{
font-size:80%;
line-height:160%;
margin:3px 10px 15px 5px;
}

/* safari css*/
body:nth-of-type(1) .news p{
font-size:80%;
line-height:160%;
margin:3px 10px 15px 5px;
}
body:first-of-type .news p{
font-size:80%;
line-height:160%;
margin:3px 10px 15px 5px;
}

.news ul.company{
float:right;
width:492px;
margin-top:10px;
}

.news ul.company li{
display:inline;
border:none;
margin-right:5px;
padding:0;
}



/*TOP
----------------------------------------------------------*/


.fLeft dd ul{
text-align:left;
padding-top:10px;
}

.fLeft dd ul li{
display:inline;
padding-right:0.4em;
zoom:1;
	margin-right: 49px !important;
}

*html .fLeft dd ul li{
padding-right:0.5em;
}

*+html .fLeft dd ul li{
padding-right:0.5em;
}

.fLeft dd ul li a{
background-repeat:no-repeat;
}

.fLeft dd ul li a img{
vertical-align:middle;
margin-right:5px;
}

.company_table th, .company_table td {
	border-bottom: dotted 1px #a9a9a9;
}
.company_table th {
	width: 160px;
	vertical-align: text-top;
	padding: 15px 10px;
}
.company_table td{
	font-size: 80%;
	line-height: 150%;
	vertical-align: text-top;
	padding: 15px 0;
}
.company_table .comt_map {
	border-bottom: none;
}
h3.h3_privacy {
	line-height: 150%;
	border-left: none!important;
	border-bottom: none!important;
	margin: 0!important;
	padding: 0!important;
}
p.privacy_ptxttt {
	display: inline-block;
	font-size: 130%;
	border: solid 1px #000080;
	font-weight: bold;
	padding: 5px;
}

/*results*/
#result {
	padding: 0 0 0 10px;
	font-size: 80%;
}

#result ul {
	text-align: left;
	padding-top: 10px;
}

#result ul li {
	color: #444444;
	line-height: 140%;
	padding-right: 0.4em;
	zoom: 1;
	width: 600px;
	padding: 2px 0;
}

#result ul li.bold {
	color: #444444;
	font-weight: bold;
	line-height: 140%;
	padding-right: 0.4em;
	zoom: 1;
	width: 600px;
	padding: 5px 0;
}

#result ul li.tt {
	color: #0066aa;
	line-height: 140%;
	padding-right: 0.4em;
	zoom: 1;
	width: 600px;
	padding: 5px 0 0 0;
}

#result ul li span {
	color: #006699;
	line-height: 140%;
}

/*message*/
body:first-of-type .CategoryBox .ft dl dt#fl {
	margin-top: 10px !important;
	margin-left: 0px !important;
	padding-top: 8px !important;
	padding-left: 5px !important;
	width: 395px;
	font-size: 80% !important;
	color: #444444;
	line-height: 120%;
}

body:first-of-type .CategoryBox .ft dl dt.fl {
	margin-top: 10px !important;
	margin-left: 0px !important;
	padding-top: 8px !important;
	padding-left: 5px !important;
	width: 395px;
	font-size: 80% !important;
	color: #444444;
	line-height: 120%;
}

.CategoryBox .ft dl dt.fr {
	margin-top: 10px !important;
	margin-left: 0px !important;
	padding-top: 8px !important;
	padding-left: 0px !important;
	/* width: 242px; */
	font-size: 80% !important;
	line-height: 1.4 !important;
	color: #0066AA;
	font-weight: bold;
}

.message.ft dl.fRight {
	width: 242px;
}

.CategoryBox .ft dl dt.fl p.sub {
	font-size: 100%;
	margin: 3px 0 15px; 
}

.message h3 {
	font-size: 80% !important;
	border: none!important;
}
.message .fLeft h3 {
	font-size: 100% !important;
}
.message p.sub{
	margin: 3px 10px 10px 5px;
}

p.sub_bk {
	font-size: 80%;
	line-height: 140%;
	margin: 3px 10px 10px 5px;
	padding: 5px 5px;
	color: #0066AA;
	line-height: 1.4 !important;
	background-color: #DDF1FF;
}

/*production*/
.CategoryBox .ft dl dd.sub3 {
	margin-top: 5px !important;
	margin-left: 10px !important;
	padding-top: 5px !important;
	padding-left: 0px !important;
	font-size: 80% !important;
	line-height: 1.2 !important;
	width: 600px;
}
.CategoryBox .ft dl dd.sub2 {
	margin-top: 5px !important;
	margin-left: 10px !important;
	padding-top: 5px !important;
	padding-left: 0px !important;
	font-size: 80% !important;
	line-height: 1.2 !important;
	width: 312px;
}
.CategoryBox .ft dl dt.caption {
	width: 315px;
	font-size: 70% !important;
	color: #0066AA;
	font-weight: bold;
}
p.sub2 {
	margin: 10px 0;
}
/*md*/
h4.md{
	color: #FF3300;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	width: 100%;
}
.sub p {
	line-height: 1.8;
}

/*contact*/
table.contact_table {
	border: #CCCCCC 1px solid;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
table.contact_table th {
	background: #F6F6F6;
	width: 30%;
	font-weight: normal;
}
table.contact_table td {
	background: #FFFFFF;
	width: 70%;
}
th.page_medi,
td.page_medi {
	padding: 10px 10px 10px 10px;
	font-size: 80%;
}

span.page_medi_red {
	padding: 10px 10px 10px 10px;
	font-size: 80%;
	color:#ff0000;
}

#jtop_contents input {
	vertical-align: middle;
}
/*recruit*/
p#blu {
	font-size: 80%;
	line-height: 110%;
	color: rgb(0, 102, 170);
	font-weight: bold;
	margin: 0px 10px 10px 5px;
}
p.blu {
	font-size: 80%;
	line-height: 110%;
	color: rgb(0, 102, 170);
	font-weight: bold;
	margin: 0px 10px 10px 5px;
}
p.bold{
	font-size: 100%;
	line-height: 100%;
}
/*privacy*/
#privacy_headtxt {
	font-size: 80%;
	line-height: 150%;
	margin: 15px 0px 10px 0px;
	width: 100%;
}
.privacy_table th {
	border-top: dotted 1px #a9a9a9;
}
.privacy_table th {
	vertical-align: text-top;
	padding: 15px 10px;
}
.privacy_table td{
	font-size: 80%;
	line-height: 150%;
	vertical-align: text-top;
	padding: 0 0 15px 25px;
}

/*コンタクトフォームボタン*/
input.sub-btn {
    color: #FFF;
    letter-spacing: 0.1em;
    background: #7b8dad;
    background: -moz-linear-gradient(top, #7b8dad 0%, #485977 100%);
    background: -webkit-linear-gradient(top, #7b8dad 0%,#485977 100%);
    background: linear-gradient(to bottom, #7b8dad 0%,#485977 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dad', endColorstr='#485977',GradientType=0 );
    padding: 7px 24px;
    border: solid 1px #a3afc4;
    font-size: 100%;
    font-weight: 100;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
    border-radius: 6px;
}
/*リクルートフォーム*/
#CntsMain h2.rectuit_h2 {
    padding: 0 0 0 15px;
    margin: 10px 0 8px 2px;
    color: #000;
    /* width: 650px; */
    border-bottom: 1px solid #3333CC;
    font-size: 12px;
    background: url(../images/common/h2m.gif) no-repeat left 1px;
}

table.recruit_table {
    margin: 0 auto;
}

table.recruit_table th {
    width: 30%;
    background: #D1D1E9;
    font-size: 12px;
    padding: 5px 10px;
    line-height: 130%;
    font-weight: normal;
}

table.recruit_table td {
    text-align: left;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 130%;
    width: 70%;
}