﻿@charset 'utf-8';

/* 基本設定
---------------------------------------------------------- */
body {
margin:0px;
padding:0px;
font-family: Arial,tahoma,verdana, Helvetica,"ＭＳ Ｐゴシック", Osaka,Geneva, Helvetica,"ヒラギノ角ゴ Pro W3";
font-size:12px;
color:#000;
background:#fff;
text-align: center;
background-color: #eeeeee;
/*line-height:155%;*/
}

h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd{
margin:0;
padding:0;
line-height:100%;
}

img{
display:block;
border:none;
}

/* 基本となるリンク色
---*/
a:link      {color:#000099;text-decoration:underline;}
a:visited   {color:#000099;text-decoration:underline;}
a:active    {color:#ff0000;text-decoration:underline;}
a:hover     {color:#0000cc; text-decoration:none;}

/* フッタリンク色　（白）
---*/
div#footer a:link      {color:#ffffff;text-decoration:none;}
div#footer a:visited   {color:#ffffff;text-decoration:none;}
div#footer a:active    {color:#ff0000;text-decoration:none;}
div#footer a:hover     {color:#cccccc; text-decoration:underline;}


/* ヘッダなどリンク色（茶色）
---*/
div#header_right a:link,
div#body_contents div#body_right div#path a:link
{color:#643000;text-decoration:underline;}

div#header_right a:visited,
div#body_contents div#body_right div#path a:visited
{color:#643000;text-decoration:underline;}

div#header_right a:active,
div#body_contents div#body_right div#path a:active
{color:#ff0000;text-decoration:underline;}

div#header_right a:hover,
div#body_contents div#body_right div#path a:hover
{color:#963000; text-decoration:none;}

.clear{
clear:both;
height:0px;
}
.left{
float:left;
}
.right{
float:right;
}

.a_right{
text-align:right;
}
.a_center{
text-align:center;
}

/* 追加部分
---*/

.collapse{
border-collapse: collapse
}

/* 外枠
---------------------------------------------------------- */
div#frame{
margin: 0 auto;
width:737px;
padding: 0 8px;
background: url(../images/bg.gif) repeat-y;
}
div#wrapper{
text-align: left;
width:733px;
border-left:solid 1px #666;
border-right:solid 1px #666;
padding: 0 1px;
}

div#container{
padding: 0;
width: 733px;
background: #e2e2e2;
}


/* ヘッダ
---------------------------------------------------------- */
div#header{
height:79px;
background: url(../images/header_bg2.jpg) repeat-x;
}

div#header_left{
}

div#header_right{
padding: 10px;
}

div#header_right ul li{
float:left;
list-style:none;
}

div#header h1{
padding: 0px;
text-indent:-9999px;
background: url(../images/header_logo.jpg) no-repeat;
width: 200px;
height: 39px;
}
div#header h1 a{
width: 200px;
height: 39px;
display:block;
overflow:hidden;
}

/* グローバルナビゲーション
---------------------------------------------------------- */
div#global{
height:47px;

}
div#global ul li{
float:left;
list-style:none;
height:47px;
}

div#global ul li a{
display:block;
text-indent:-9999px;
height:47px;
overflow:hidden;
}
div#global ul li#cp a{
width:243px;
background: url(../images/menu_cp.jpg) no-repeat;
}

div#global ul li#bo a {
width:244px;
background: url(../images/menu_bo.jpg) no-repeat;
}


div#global ul li#ir a{
width:246px;
background: url(../images/menu_ir.jpg) no-repeat;
}
div#global ul li#cp a:hover,
div#global ul li#bo a:hover,
div#global ul li#ir a:hover
{
background-position:0 -47px; 
}


div#topimg,
div#topimg2{
clear:both;
z-index:5;
}


/* フッタ
---------------------------------------------------------- */

div#footer{
	clear:both;
	position:relative;
	border-top:solid 2px #ccc;
	background:url(../images/footer_bg.jpg) repeat-x;
	padding:5px 10px;
	color: #fff;
	height:61px;
	width: 713px;

}


div#footer_left{
}

div#footer_right{
}


/* トップページコンテンツ
---------------------------------------------------------- */

div#body{
clear:both;
padding:300px 0 0 0;
position:relative;
background: #e2e2e2;
}

div#body div#body_left{
padding: 20px 10px 0 8px;
width:520px;
background: #f3f3f3;
}
div#body div#body_left div{
background: #f3f3f3;
}

div#body div#body_left div#newsbox{
width:520px;
}
div#body div#body_left div#newsbox div#newsbox_head{
height:35px;
background: url(../images/left_irnews.jpg) no-repeat;
text-indent:-9999px;
}
div#body div#body_left div#newsbox div#newsbox_footer{
text-align:right;
padding: 5px;
margin-bottom: 20px;
}



div#body div#body_left div#newsbox div#newsbox_body{
}

div#body div#body_left div#newsbox div#newsbox_body img,
div#body div#body_left div#newsbox div#newsbox_body a{
display:inline;
}
div#body div#body_left div#newsbox div#newsbox_body img{
margin: 0 5px;
}

div#body div#body_left div#newsbox div#newsbox_body dl dt{
float:left;
padding: 5px;
line-height: 140%;
}

div#body div#body_left div#newsbox div#newsbox_body dl dd{
padding: 5px;
line-height: 140%;
}


div#body div#body_right{
width:176px;
padding: 10px 8px 0 8px;
background:none;
}

div#body div#body_right h2{
text-indent: -9999px;
height:30px;
}

div#body div#body_right h2.bizinfo{
background: url(../images/r_bizinfo.gif) no-repeat;
}

div#body div#body_right h2.irinfo{
background: url(../images/r_irinfo.gif) no-repeat;
}

div#body div#body_right p{
margin: 5px 0;
}

/* 中ページコンテンツ
---------------------------------------------------------- */


div#body_contents{
clear:both;
padding-top:10px;
background: #ffffff;
}

div#body_contents div#body_left{
padding: 0 3px;
width:176px;
}

/* 左カラムメニュー
---*/
div#body_contents div#body_left div#left_menu ul li{
list-style:none;
text-indent:-9999px;
/* height:32px; */
width:176px;
font-size:10px;
line-height:100%;
}




div#body_contents div#body_left div#left_menu{
margin-bottom:10px;
}

div#body_contents div#body_left div#left_menu ul li a{
display:block;
height:32px;
width:176px;
overflow:hidden;
}

div#body_contents div#body_left div#left_menu ul li ul li{
list-style:none;
text-indent:0px;
}
div#body_contents div#body_left div#left_menu ul li ul li a{
padding: 12px 1px 1px 20px;
margin: 0 1px 1px 0;
height:22px;
width:153px;
font-size: 11px !important;
font-size: 9px;
text-decoration:none;
color: #3B6083;
border-bottom:solid 1px #c0c0c0;
border-right:solid 1px #c0c0c0;
background:#fff url(../images/c_submenu.gif) 12px 12px no-repeat;
}
div#body_contents div#body_left div#left_menu ul li ul li a:hover{
color:#fff;
background:#7495B5 url(../images/c_submenu.gif) 12px 12px no-repeat;
}

/* 企業情報用 */
div#body_contents div#body_left div#left_menu ul li#c01_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/cp_menu01_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#c02_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/cp_menu02_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#c03_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/cp_menu03_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#c04_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/cp_menu04_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#c05_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/cp_menu05_st.gif) no-repeat;}

div#body_contents div#body_left div#left_menu ul li#c01 a{background: url(../images/cp_menu01.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#c02 a{background: url(../images/cp_menu02.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#c03 a{background: url(../images/cp_menu03.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#c04 a{background: url(../images/cp_menu04.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#c05 a{background: url(../images/cp_menu05.gif) no-repeat;}

div#body_contents div#body_left div#left_menu ul li#c01 a:hover,
div#body_contents div#body_left div#left_menu ul li#c02 a:hover,
div#body_contents div#body_left div#left_menu ul li#c03 a:hover,
div#body_contents div#body_left div#left_menu ul li#c04 a:hover,
div#body_contents div#body_left div#left_menu ul li#c05 a:hover
{background-position: -176px 0;}

/* 事業内容 */
div#body_contents div#body_left div#left_menu ul li#b01_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/bo_menu01_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#b02_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/bo_menu02_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#b03_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/bo_menu03_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#b04_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/bo_menu04_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#b05_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/bo_menu05_st.gif) no-repeat;}

div#body_contents div#body_left div#left_menu ul li#b01 a{background: url(../images/bo_menu01.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#b02 a{background: url(../images/bo_menu02.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#b03 a{background: url(../images/bo_menu03.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#b04 a{background: url(../images/bo_menu04.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#b05 a{background: url(../images/bo_menu05.gif) no-repeat;}

div#body_contents div#body_left div#left_menu ul li#b01 a:hover,
div#body_contents div#body_left div#left_menu ul li#b02 a:hover,
div#body_contents div#body_left div#left_menu ul li#b03 a:hover,
div#body_contents div#body_left div#left_menu ul li#b04 a:hover,
div#body_contents div#body_left div#left_menu ul li#b05 a:hover
{background-position: -176px 0;}

/* ＩＲ情報 */
div#body_contents div#body_left div#left_menu ul li#i01_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/ir_menu01_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i02_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/ir_menu02_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i03_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/ir_menu03_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i04_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/ir_menu04_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i05_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/ir_menu05_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i06_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/ir_menu06_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i07_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/ir_menu07_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i08_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/ir_menu08_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i09_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/ir_menu09_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i10_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/ir_menu10_st.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i11_st{padding-top: 22px !important;padding-top: 21px; background: url(../images/ir_menu11_st.gif) no-repeat;}


div#body_contents div#body_left div#left_menu ul li#i01 a{background: url(../images/ir_menu01.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i02 a{background: url(../images/ir_menu02.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i03 a{background: url(../images/ir_menu03.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i04 a{background: url(../images/ir_menu04.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i05 a{background: url(../images/ir_menu05.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i06 a{background: url(../images/ir_menu06.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i07 a{background: url(../images/ir_menu07.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i08 a{background: url(../images/ir_menu08.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i09 a{background: url(../images/ir_menu09.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i10 a{background: url(../images/ir_menu10.gif) no-repeat;}
div#body_contents div#body_left div#left_menu ul li#i11 a{background: url(../images/ir_menu11.gif) no-repeat;}

div#body_contents div#body_left div#left_menu ul li#i01 a:hover,
div#body_contents div#body_left div#left_menu ul li#i02 a:hover,
div#body_contents div#body_left div#left_menu ul li#i03 a:hover,
div#body_contents div#body_left div#left_menu ul li#i04 a:hover,
div#body_contents div#body_left div#left_menu ul li#i05 a:hover,
div#body_contents div#body_left div#left_menu ul li#i06 a:hover,
div#body_contents div#body_left div#left_menu ul li#i07 a:hover,
div#body_contents div#body_left div#left_menu ul li#i08 a:hover,
div#body_contents div#body_left div#left_menu ul li#i09 a:hover,
div#body_contents div#body_left div#left_menu ul li#i10 a:hover,
div#body_contents div#body_left div#left_menu ul li#i11 a:hover
{background-position: -176px 0;}

/* バナー
---*/
div#body_contents div#body_left h3{
text-indent: -9999px;
height:30px;
}

div#body_contents div#body_left h3.bizinfo{
background: url(../images/r_bizinfo_2.gif) no-repeat;
}

div#body_contents div#body_left  h3.irinfo{
background: url(../images/r_irinfo_2.gif) no-repeat;
}

div#body_contents div#body_left p{
margin: 5px 0;
}


/* 右カラムヘッダ
---*/

div#body_contents div#body_right{
padding: 0 2px;
width:547px;
}

div#body_contents div#body_right div#path{
padding: 5px;
font-size:11px;
border: solid 1px #ccc;
background: #f0f0f0;
}

div#body_contents div#body_right div#c_header{
margin: 5px 0;
height:135px;
text-indent: -9999px;
}

/* for cp */
div#body_contents div#body_right div.cp_header {
background: url(../images/cp_header.jpg) no-repeat;
}

/* for bo */
div#body_contents div#body_right div.bo_header {
background: url(../images/bo_header.jpg) no-repeat;
}

/* for ir */
div#body_contents div#body_right div.ir_header {
background: url(../images/ir_header.jpg) no-repeat;
}

/* for pp */
div#body_contents div#body_right div.pp_header {
background: url(../images/pp_header.jpg) no-repeat;
}

/* for ct */
div#body_contents div#body_right div.ct_header {
	background-image: url(../images/ct_header.jpg);
	background-repeat: no-repeat;
}

/* for sm */
div#body_contents div#body_right div.sm_header {
background: url(../images/sm_header.jpg) no-repeat;
}


div#body_contents div#body_right div#c_title{
margin: 10px 0;
padding: 10px 0 0 10px;
height:35px;
background: url(../images/c_h2bg.gif) no-repeat;
}
div#body_contents div#body_right div#c_title h3{
padding: 2px;
font-size: 14px;
}

div#body_contents div#body_right div#c_content{
padding: 10px;
}

div#body_contents div#body_right div#c_content p{
line-height:150%;
margin-bottom:10px;
}

div#body_contents div#body_right div#c_content img{
margin:5px;
}

/* 追加部分 特にddのスタイル部分
---*/



div#body_contents div#body_right div#c_content div#newsbox_body{
}

div#body_contents div#body_right div#c_content div#newsbox_body img,
div#body_contents div#body_right div#c_content div#newsbox_body a{
display:inline;
}
div#body_contents div#body_right div#c_content div#newsbox_body img{
margin: 0 5px;
}

div#body_contents div#body_right div#c_content div#newsbox_body dl dt{
float:left;
padding: 5px;
}

div#body_contents div#body_right div#c_content div#newsbox_body dl dd{
padding: 2px;
line-height: 180%;
}

/* 企業情報 - 会社沿革
---*/

tr{
vertical-align: top;
}

table.history{
padding: 5px;
line-height: 180%;
}

/* 企業情報 - 採用情報
---*/

table.job{
padding: 5px;
line-height: 180%;
}

td.job{
color:#fff;
}
.info_header {
	background-image: url(../images/info_ct_header.jpg);
}
