@charset "Shift_JIS";
/* CSS Document */
/*@charset "Shift_JIS";*/

/* 基本設定
******************************************************************************************** */

body{
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	border: 0px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url(../img/bg.jpg) repeat;
}

div,img,h1,h2,h3,h4,h5,h6,p,form,input,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
div,h1,h2,h3,h4,h5,h6,p,form,input{
	display:block;	
}

p{  color:#333;
	font-size:12px;
	line-height:20px;
	word-spacing:2px;
}
p span{ font-weight:bold;}

a:focus {-moz-outline-style:none;}

.clear{	clear:both;}

a:link,a:active,a:visited{color:#333; text-decoration:none;}
a:active{color:#2a363b; text-decoration:underline;}
a:hover{color:#4f6168; text-decoration:underline;}

.fr{ float:right;}
.fl{ float:left;}

.marginT10{ margin-top:10px;}
.marginL5{ margin-left:5px;}
.marginL10{ margin-left:10px;}
.marginL15{ margin-left:15px;}
.marginL30{ margin-left:30px;}


/* 基本レイアウト設定
******************************************************************************************** */
div#container{
	margin:0 auto;
    width:800px;
	background-color:#FFFFFF;
}

div#header{
	padding: 0;
	width: 800px;
	height: 53px;
	background-color: #FFFFFF;
}
div#header h1,div#header h1 a{
	float:left;
    height:53px;
    width:330px;
    background-color:#FFFFFF;
    background-image: url(../img/header.gif);
    background-repeat: no-repeat;
    text-indent:-9999px;
    display:block;
}

.japanese,.japanese a,.japaneset,.japaneset a{
	float:right; 
	background:url(../img/btn_ja.gif) no-repeat; 
	width:68px; 
	height:12px;
	text-indent:-9999px;
}
.japanese{margin:23px 15px 0 0;}
.japaneset{margin:23px 0 0 0;}

div#letter_size{
	width:160px;
	float:right;
}
div#letter_sizet{
	width:150px;
	float:right;
}
div#letter_sizet{ margin:15px 10px 0 0;}

div#letter_size ul,div#letter_sizet ul{
   padding:0;
	 margin:0;
   list-style:none;
}

div#letter_size li,div#letter_sizet li{
  display:block;
	float:right;
}
.small span,.middle span,.big span {
	display:none;
	}
   
.small,.small a{
   background-image:url(../img/small.gif);
   background-repeat: no-repeat;
   width:24px;
   height:24px;
   padding:0;
}
.small a{
   display:block;
}
.small a:hover{
   background-image:url(../img/small.gif);
   background-repeat: no-repeat;
   background-position:left -24px;
   width:24px;
   height:24px;
   padding:0;
}

.middle,.middle a{
   background-image:url(../img/middle.gif);
   background-repeat: no-repeat;
   width:24px;
   height:24px;
   padding:0;
}
.middle a{
   display:block;
}
.middle a:hover{
   background-image:url(../img/middle.gif);
   background-repeat: no-repeat;
   background-position:left -24px;
   width:24px;
   height:24px;
   padding:0;
}


.big,.big a{
   background-image:url(../img/big.gif);
   background-repeat: no-repeat;
   width:24px;
   height:24px;
   padding:0;
}
.big a{
   display:block;
}
.big a:hover{
   background-image:url(../img/big.gif);
   background-repeat: no-repeat;
   background-position:left -24px;
   width:24px;
   height:24px;
   padding:0;
}

.size{
	padding-top:7px
	}

/*メインメニュー*/
div#menu-box{
	height: 34px;
	width:800px;
	background-color: #4f6168;
    text-indent:-9999px;/*テキスト非表示*/
}

#menu-box ul{
   padding:0;
   list-style:none;
}

#menu-box li{
   display:block;
   float:left;
   list-style:none;
}
   
.menu01,.menu01 a{
   background-image:url(../img/nav1.gif);
   background-repeat: no-repeat;
   width:90px;
   height:34px;
   padding:0;
}
.menu01 a{
   display:block;
}
.menu01 a:hover{
   background-image:url(../img/nav1.gif);
   background-repeat: no-repeat;
   background-position:left -34px;
   width:90px;
   height:34px;
   padding:0;
}
.menu02,.menu02 a{
   background-image:url(../img/nav2.gif);
   background-repeat: no-repeat;
   width:131px;
   height:34px;
   padding:0;
}
.menu02 a{
   display:block;
}
.menu02 a:hover{
   background-image:url(../img/nav2.gif);
   background-repeat: no-repeat;
   background-position:left -34px;
   width:131px;
   height:34px;
   padding:0;
}
.menu03,.menu03 a{
   background-image: url(../img/nav3.gif);
   background-repeat: no-repeat;
   width:66px;
   height:34px;
   padding:0;
}
.menu03 a{
   display:block;
}
.menu03 a:hover{
   background-image:url(../img/nav3.gif);
   background-repeat: no-repeat;
   background-position:left -34px;
   width:66px;
   height:34px;
   padding:0;
}
.menu04,.menu04 a{
   background-image: url(../img/nav4.gif);
   background-repeat: no-repeat;
   width:139px;
   height:34px;
   padding:0;
}
.menu04 a{
   display:block;
}
.menu04 a:hover{
   background-image:url(../img/nav4.gif);
   background-repeat: no-repeat;
   background-position:left -34px;
   width:139px;
   height:34px;
   padding:0;
}

.joho,.joho2,.johoir{ width:200px;}
.joho li{
	background-image: url(../img/icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-align:left;
	padding:3px 0 3px 15px;
	margin:3px 5px;
	font-size:12px;
	list-style:none;
}

.johoir li{
	text-align:left;
	padding:3px 0 3px 15px;
	margin:3px 5px;
	font-size:12px;
	list-style:none;
}

.johoir .lc{
	background-image: url(../img/icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}
.johoir .lt{
	background-image: url(../img/icon5.gif);
	background-repeat:no-repeat;
	background-position:left top;
	}
.joho2 li{
	background-image: url(../img/icon2.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-align:left;
	padding:6px 5px 6px 20px;
	font-size:12px;
	list-style:none;
}
.joho li a:link,.joho li a:visited,.joho2 li a:link,.joho2 li a:visited,.johoir li a:link,.johoir li a:visited{ color:#333; text-decoration:none;}
.joho li a:hover,.joho2 li a:hover,.johoir li a:hover{ color:#4f6168; text-decoration:underline;}
.joho li a:active,.joho2 li a:active,.johoir li a:active{color:#2a363b; text-decoration:underline;}


body#company .menu01{ background-position:left -68px;}
body#business .menu02{ background-position:left -68px;}
body#csr .menu03{ background-position:left -68px;}
body#ir .menu04{ background-position:left -68px;}


.leftmenu{ background-color:#dae3e6;}
.joho2 .menu-current{background-image: url(../img/icon3.gif); background-color:#4f6168; color:#FFF; margin:0;}


#footer{
	background-color:#84a1ac;
	height:30px;
}
#footer li{ list-style:none;}
#footer address{
	text-indent:-9999px;
	width:162px;
	height:30px;
	background-image:url(../img/copy.gif);
	background-repeat:no-repeat;
	float:left;
}
.footer-r{ float:right;}

/*policy*/
#policy{
	width:600px;
	margin:0 auto;
	background:#FFF;
}

#policy h2{
	width:560px;
	margin:10px auto;
	font-size:15px;
	font-weight:bold;
	background:#EEE;
	padding:3px 0 3px 10px;
	color:#4f6168;
	
}

#policy h3{
	width:540px;
	margin:5px auto;
	font-size:13px;
	font-weight:bold;
}
#policy p{
	font-size:12px;
	line-height:20px;
	width:540px;
	margin:0 auto 15px auto;
}

#policymenu{
	width:360px;
	padding:10px;
	margin:10px auto;
	background:#dae3e6;
}
#policymenu li{
	list-style:none;
	font-size:12px;
	padding:1px;
	text-align:left;
	vertical-align:middle;
}
.pagetop2{ margin:0 0 10px 516px;}


/* トップ
*********************************************************************************************/
#jyohoarea{
   margin:0;
   width:758px;
   background-color:#FFFFFF;
   padding:11px 21px;
}
#left{
   width:240px;
   margin:0 19px 0 0;
   float:left;
}
#left-title{
   margin:0 0 8px 0;
   background-image:url(../img/tit01.gif);
   background-repeat:no-repeat;
   width:240px;
   height:26px;
   text-indent:-9999px;
   }
#center{
   width:240px;
   float:left;
   margin:0 19px 0 0;
   }
#center-title{
   margin:0 0 8px 0;
   background-image:url(../img/tit02.gif);
   background-repeat:no-repeat;
   width:240px;
   height:26px;
   text-indent:-9999px;
   }
#center-title2,#center-title2 a{
	background-image:url(../img/tit04.gif);
    background-repeat:no-repeat;
    width:240px;
    height:26px;
    text-indent:-9999px;
    display:block;
   }
#center-title2{
    margin:10px 0 8px 0;
   }
#right{
   width:240px;
   float:right;
   margin:0;
   }
#right-title,#right-title a{
   background-image:url(../img/tit03.gif);
   background-repeat:no-repeat;
   width:240px;
   height:26px;
   text-indent:-9999px;
   display:block;
   }
#right-title{ margin:0 0 8px 0;}

#information-title{
   margin:5px 0 0 0;
   width:758px;
   height:31px;
   background-image:url(../img/information.gif);
   background-repeat:no-repeat;
   text-indent:-9999px;
   }

#information{
   margin:0;
   width:728px;
   background-image:url(../img/bg2.gif);
   background-repeat:repeat-x;
   padding:5px 15px 0 15px;
   }
#news{
   width:740px;
   padding:5px 15px 0 15px;
   margin:5px auto 10px auto;
} 
#information dl,#news dl{ padding:5px 0 0 0;}
#information dt,#information dd,#news dt,#news dd{ font-size:12px;}
#information dt{
	float:left;
	clear:left;
	margin-bottom:5px;
	width:200px;
}
#information dt span,#news dt span{ font-weight:bold;}
#information dd{
	width:486px;
	margin:0 0 10px 200px;
}
#news dt{
	float:left;
	clear:left;
	margin-bottom:5px;
	width:200px;
	}
#news dd{
	margin-bottom:10px;
	width:500px;
	margin-left:200px;
}

#information a:link,#information a:active,#information a:visited{
	color:#333;
	text-decoration:none;
}
#information a:hover{
	color:#666;
	text-decoration:underline;
}
.infoicon{ margin-right:6px;}
#infolist{
   display:block;
   background:url(../img/newslist.gif) no-repeat;
   width:42px;
   height:18px;
   float:right;
   margin:5px;
   }

#newstitle{
	width:760px;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	background-color:#eeeeee;
	border-top:4px solid #84a1ac;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px 0 3px 8px;
	margin:15px auto 0 auto;
}

select{ margin-left:20px;}
/* コンテンツ
*********************************************************************************************/
#contents{
	width:770px;
	margin:0 auto;
	padding:5px 0 0 0;
	background:#FFF;
	}

#contentsleft{ float:left;}
#contentsright{ float:right; width:560px;}

#contents h2#title{
	width:550px;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	background-color:#eeeeee;
	border-top:4px solid #84a1ac;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px 0 4px 8px;
	}
#contents h3#title2{
	width:532px;
	font-size:13px;
	letter-spacing:1px;
	font-weight:bold;
	text-align:left;
	background-color:#dae3e6;
	color:#4f6168;
	padding:5px 0 5px 8px;
	margin:10px auto 5px auto;
	}
.line{ 
	margin:10px auto;
	width:560px;
	height:1px;
	overflow:hidden;
	background-image:url(../img/line.gif);
	background-repeat:no-repeat;
	}
.line2{ 
	margin:10px auto;
	width:760px;
	height:1px;
	overflow:hidden;
	background-image:url(../img/line.gif);
	background-repeat:repeat-x;
	}
.crumb{
	background:#FFF;
	padding:8px 10px 8px 0;
	font-size:11px;
	float:left;
	}
.crumb span{ font-weight:bold;}
.crumb a:link,.crumb a:active,.crumb a:visited{
	color:#999999;
	text-decoration:none;
	}
.crumb a:hover{
	background:#4f6168;
	color:#FFF;
	text-decoration:none;
	}		
.pagetop{ margin:0 0 10px 474px;}
.pagetop3{ margin:0 0 10px 695px;}

/*message*/
.president{ margin:10px auto; display:block;}
.msg-date{
	text-align:right;
	display:block;
}

/*-----------会社情報-------------*/

/*profile*/
#profile-table{ width:540px; margin:10px auto 35px auto;}
#profile-table a:link,#profile-table a:visited{
	color:#333;
	text-decoration:underline;
}
#profile-table a:hover{ color:#4f6168; text-decoration:underline;}
#profile-table a:active{ color:#2a363b; text-decoration:underline;}

#profile-table th{
	width:140px;
}
#profile-table th,#profile-table td{
	line-height:20px;
	font-size:12px;
	color:#333;
	padding:12px 5px;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #CCC;
}

/*executives*/
.executives-table{ width:540px; margin:0 auto 20px auto;}

.executives-table th{
	width:260px;
}
.executives-table th,.executives-table td{
	padding:8px 5px 8px 5px;
	line-height:20px;
	font-size:12px;
	color:#333;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #CCC;
}
.executives-table td{ width:260px;}


/*governance*/
.governance1{
	margin:15px;
	color:#333;
	font-size:12px;
	line-height:20px;
}
.governance2{
	margin:0 10px;
	padding:15px;
	border:1px solid #dae3e6;
	background:#FFF;
}
.governance2 p{
	color:#333;
	font-size:12px;
	line-height:20px;
	}
#governance li{
	color:#333;
	font-size:12px;
	line-height:20px;
	margin-bottom:10px;
	}
#governance h3{
	width:532px;
	font-size:13px;
	letter-spacing:1px;
	font-weight:bold;
	text-align:left;
	background-color:#dae3e6;
	color:#4f6168;
	padding:5px 0 5px 8px;
	margin:20px auto 0 auto;
	}
#governance h4{
	color:#000;
	font-size:13px;
	font-weight:bold;
}

#gmenu{
	width:530px;
	margin:0 auto;
	padding:5px;
	background:#dae3e6;
}
#gmenu li{ 
	padding:2px;
	margin:0;
	list-style:none;
}

#gmenu li a:link,#gmenu li a:visited{ color:#4f6168; text-decoration:none;}
#gmenu li a:hover{ color:#4f6168; text-decoration:underline;}
#gmenu li a:active{color:#4f6168; text-decoration:underline;}

/*map*/
#maparea{
	width:540px;
	margin:0 auto;
	background:#FFF;
}
.mapimg{
	margin:0 auto;
	padding:20px 0;
}
.maptitle{
	font-weight:bold;
	font-size:12px;
	margin:0 20px 5px 20px;
	border-bottom:1px dashed #999;
}
.maptext{
	font-size:11px;
	color:#333;
	line-height:18px;
	margin:0 20px;
	padding-bottom:10px;
}

/*-----------事業概要-------------*/
/*business*/
h3#business{ 
	font-size:13px;
	font-weight:bold;
	color:#333;
	margin:10px;
	line-height:20px;
}
.businessgroup{
	width:538px;
	background:#FFF;
	border:1px solid #dae3e6;
	margin:0 auto 15px auto;
}
.businessgroup h4{
	background-color:#dae3e6;
	color:#4f6168;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	}
.businessgroup p{
	margin:6px;
	color:#333;
	line-height:20px;
	font-size:12px;
}

/*group*/
.groupset{
	width:546px;
	margin:0 auto 6px auto;
}
.group{
	width:270px;
	background:#FFF;
	margin:0 auto ;
	}
.group h4{
	background-color:#dae3e6;
	color:#4f6168;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	}
.group ul{ margin:5px 0 5px 5px;}
.group li{
	padding:5px 0;
	font-size:11px;
	color:#333;
}
.group li,.group2 li{ list-style:none;}
.group2 ul{ margin:0 0 0 5px;}
.group2 li{
	padding:5px 0;
	font-size:11px;
	color:#333;
}
.grouptitle{
	width:536px;
	font-size:13px;
	border-left:6px solid #666;
	font-weight:bold;
	color:#666;
	margin:10px auto;
	padding:0 0 0 5px;
	line-height:20px;
}

.grouptitle2{
	width:536px;
	font-size:13px;
	border-left:6px solid #666;
	font-weight:bold;
	color:#666;
	margin:5px auto 6px auto;
	padding:0 0 0 5px;
	line-height:20px;
}
.group li,.group2 li{
	padding-left:15px;
	background:url(../img/icon.gif) left center no-repeat;
}
.groupset a:link,.groupset a:active,a:visited{color:#666; text-decoration:none; text-decoration:underline;}
.groupset a:active{color:#2a363b; text-decoration:underline;}
.groupset a:hover{color:#4f6168; text-decoration:underline;}

/*csr*/
.title-csr{
	width:550px;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	background-color:#eeeeee;
	border-top:4px solid #84a1ac;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:3px 0 3px 8px;
}
.title-csr a{ text-decoration:underline;}

.csr-top{
	color:#333;
	font-size:12px;
	line-height:20px;
	margin:10px 15px 20px 15px;
}

.csr-text{
	color:#333;
	font-size:12px;
	line-height:20px;
	margin:10px;
}