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

/* ナビゲーション部 */

#content_campany{width:700px;
float: left;}


#company_left{
float:left;
margin:0 10px 0 15px;
_margin:0 5px 0 7px;
font-size: 80%;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border: none; background-color:#ebe6d1; width:210px;
}

#navi_campany{margin:10px 0;}

#navi_campany li a{
height:17px;
margin:0 0 7px 10px;
text-indent:0;
background:none;
color: #000000;
font-size:14px;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
width: 170px;
background:url(../images/navi_campany.gif) no-repeat center left;
display: block;
border-bottom: 1px dotted #CCCCCC;
padding: 2px 10px 3px 18px;
}

#navi_campany li a:hover{
background:url(../images/navi_campany_on.gif) no-repeat center left;
color: #023894;

}
#navi_campany_sub{
background:#f5f2e7 !important;
margin: 0 10px;
padding: 5px 0;
}



#navi_campany_sub li a{
margin:0 0 0px 10px;
text-indent:0;
color: #000000;
font-size:12px;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
width: 160px;
background:url(../images/sab_navi_campany.gif) no-repeat center left;
display: block;
padding: 2px 10px 3px 10px;
border: none;
text-decoration:underline;
}

#navi_campany_sub li a:hover{
background:url(../images/sab_navi_campany.gif) no-repeat center left;
color: #023894;
}

#content_campany h3.tx_blue{
background:#f0f0f0;
padding: 7px;
color:#023894;
font-size:90%;
display: block;
margin-bottom: 5px;
margin-top: 15px;
clear: both;
}



/* 選択中のタブ */

#wrap #content .Container #content_left #navi_campany li#navi_campany_01.active a{ background-position:right 0;}

#wrap #content .Container #content_left #navi_campany li#navi_campany_02.active dt{ background-position:right  -30px;}

#wrap #content .Container #content_left #navi_campany li#navi_campany_03.active  a { background-position:right  -60px;}

#wrap #content .Container #content_left #navi_campany li#navi_campany_04.active a{ background-position:right  -90px;}

#wrap #content .Container #content_left #navi_campany li#navi_campany_05.active a{ background-position:right  -120px;}

#wrap #content .Container #content_left #navi_campany li#navi_campany_06.active a{ background-position:right  -150px;}


#wrap #content .Container #content_left #navi_campany li#navi_campany_07.active a{ background-position:right  -180px;}

#content_campany p{
margin-left:20px;
}



/* タイトル */

#tx_president{
display: block;
width: 203px;
height: 37px;
margin: 0 10px 20px 0px;
background:url(../images/tx_president.gif);
text-indent: -9999px;
line-height: 1;

}


#tx_access{
display: block;
width: 364px;
height: 37px;
margin: 0 10px 20px 0px;
background:url(../images/tx_access.gif);
text-indent: -9999px;
}

#tx_idea{
display: block;
width: 364px;
height: 37px;
margin: 0 10px 20px 0px;
background:url(../images/tx_idea_03.gif) no-repeat;
text-indent: -9999px;
line-height: 1;
}

#tx_idea_01{
display: block;
width: 364px;
height: 50px;
margin: 0 10px 20px 0;
background:url(../images/tx_idea_01.gif);
text-indent: -9999px;
}

#tx_idea_02{
display: block;
width: 364px;
height: 50px;
margin: 0 10px 20px 0px;
background:url(../images/tx_idea_02.gif);
text-indent: -9999px;
}

.tx_idea_03{
display: block;
width: 136px;
height: 37px;
margin: 0 10px 20px 0px;
background:url(../images/tx_idea_03.gif);
text-indent: -9999px;
float: left;
line-height: 1;
}

#tx_idea_04{
display: block;
width: 364px;
height: 50px;
margin: 0 10px 20px 0px;
background:url(../images/tx_idea_04.gif);
text-indent: -9999px;
}

#tx_advantage{
display: block;
width: 364px;
height: 37px;
margin: 0 10px 20px 0px;
background:url(../images/tx_advantage.gif);
text-indent: -9999px;
line-height: 1;
}


#tx_history{
display: block;
width: 364px;
height: 37px;
margin: 0 10px 20px 0px;
background:url(../images/tx_history.gif);
text-indent: -9999px;
clear: both;
}

#tx_business{
display: block;
width: 364px;
height: 50px;
margin: 0 10px 20px 20px;
background:url(../images/tx_business.gif);
text-indent: -9999px;
}

#tx_csr{
display: block;
width: 364px;
height: 37px;
margin: 0 10px 20px 0px;
background:url(../images/tx_csr.gif);
text-indent: -9999px;
}

#navi_campany_01_area,#navi_campany_02_area,#navi_campany_03_area,#navi_campany_04_area,#navi_campany_05_area,#navi_campany_06_area,#navi_campany_07_area{
min-height:600px;
padding-bottom:20px;
clear: both;
}


#navi_campany_021_area,#navi_campany_022_area,#navi_campany_023_area,#navi_campany_024_area{
min-height:600px;
padding-bottom:20px;
}

/* 社長*/

#tx_pre_01{
background:url(../images/tx_pre_01_111024.gif);
display: block;
width: 403px;
height: 102px;
text-indent: -9999px;
float:left;
margin: 30px;
margin: 15px;
line-height: 1;
}

#tx_pre_02{
background:url(../images/tx_pre_02_111024.gif);
display: block;
height: 23px;
width: 342px;
text-indent: -9999px;
clear: both;
margin: 10px 10px 20px 20px;
line-height: 1;
}

#img_pre{
float:left;
margin-bottom: 20px;
}

/* 会社概要 */

#corp{
font-size:75%;
margin-left: 20px;
}

#corp td{ padding:5px 5px 5px 15px;} 

#corp th{
padding:5px;
background:#f0f0f0;
color: #023894;
text-align: left;
width: 100px;
} 

#img_map{ float:right;}


/* ヒストリー*/


div.history_box_01{
width:690px;
padding:15px 0px 10px 0;
border-bottom: dotted 1px #cccccc;
}

div.history_box_02{
background-color:#f7f7f7;
width:690px;
padding:10px 0px 10px 0;
clear: both;
}

div.history_box_01 span , div.history_box_02 span{color: #023894;
font-weight:600;
font-size:120%;
}

.histry_time{
width:60px;
color: #FFFFFF;
display: block;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
float:left;
margin-bottom:0px;
text-align: center;
margin-left:10px!important;
margin-top: -5px;
}

.histry_p{
float:left;
margin-left:-10px;
}
/* 事業内容*/


.campaimg_4{ margin:10px;}

.campany_img_4 li{
margin:10px 15px;
float:left;
display: block;
}

.campany_img_4{
margin:0px;
}


#target{
display: block;
margin:0 auto;
border: 5px solid #DDDDDD;
padding: 1px;
}

.thumbnail{
display: block;
width: 500px;
margin: 0 auto;
padding-bottom: 20px;
height: 120px;
}

.thumbnail li{
float:left;
margin: 7px;
_margin: 7px 4px;
}


h4{
margin-left:20px;
margin-bottom: 10px;
margin-top: 15px;
}


/* 理念*/

.ttl_blue{
background:#023793;
color: #FFFFFF;
margin-bottom: 10px;
padding: 3px 5px;
display: block;
margin-top: 10px;
clear: both;
}

.tx_rinen{
margin:10px;
padding:15px;
background:#F6F6F6
}

.tx_rinen strong{
background:url(../../recruit/images/ico_cir.gif) no-repeat left  center; padding-left:20px; font-weight:600; color:#023894; display: block;
}


.tx_rinen h4{
color: #023894;
font-weight:600;
font-size:130%;
line-height: 1.2;
margin:0;
}

#tx_chatch{
background:url(../images/tx_rinen.gif) no-repeat;
width:700px;
height:150px;
text-indent: -9999px;
display: block;
margin-bottom: 20px;
}

.num_rinen img{
vertical-align: text-bottom;
}



.box_yokogumi{
background: url(../images/bg_yokogumi_top.gif) no-repeat top center;
margin: 10px  0 10px 20px;
width: 680px;
}

.box_yokogumi_in{
width:320px;
float:left;
margin: 0px 10px;_margin: 0px 5px;
min-height: 150px;
}


.box_yokogumi_in h4{display: block; text-align: center; margin:10px 0;}

.box_yokogumi_in p{width:290px; margin-bottom:0;}


.box_yokogumi_big{
background:  url(../images/g_yokogumi_top_big.gif) no-repeat top center;
margin: 10px  0 10px 20px;
width: 680px;
padding-top: 15px;
}

.box_yokogumi_big h4{
display: block;
text-align: center;
margin:0px 0 10px 0;
}


.box_yokogumi_big ul{ margin:10px 30px;}


/*scr*/

.dot_box{
background:url(../../common/images/border_dot.gif) bottom repeat-x;
padding-bottom:5px;
margin:10px 20px;
clear:both;
}



/*scr add 100803*/

#boxlink {
width:670px;
margin: 0 auto;
display: block;
}

#boxlink li{
float:left;
width: 208px;
margin: 5px;_margin: 5px 0px;
display: block;
}

#boxlink li a{
width:204px;
display: block;
text-decoration: none;
border:1px solid #CCCCCC;
text-align: center;
padding:3px 2px;
margin:5px;
}

#boxlink li a img{margin-bottom:5px;}

#boxlink li a  span{
width:190px;
text-decoration: none;
font-size:11px;
font-family: 'メイリオ', 'Meiryo', verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif;
display: block;
}

#boxlink li a:hover{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;}
a