@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
margin: 0;
padding: 0;
}

table{
border-collapse: collapse;
border-spacing:0;
}
img{
border:0;
line-height:0;
}
ol,ul{
list-style:none;
}

body{
font:13px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
}

a:link,a:visited{ color: #000066; text-decoration: none; }
a:hover{ color: #0000CC; text-decoration: underline; }
a:active, a:focus {outline:0;}
img{border:0;}

span.font01{
font-weight: bold;
border: 1px solid #336699;
background-color: #F3F3FA;
}

/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper,#footer ul{
margin:0 auto;
width:880px;
clear:both;
}

#sidebar{
float:left;
width:233px;
padding:22px 0 50px;
}

#main{
float:right;
width:627px;
padding:22px 0 50px;
}


/*******************************
/* ヘッダー
*******************************/
#headerWrap{
height:147px;
background:#fff url(images/wall.jpg) repeat-x 0 0;
}

#header{
position:relative;
height:147px;
}

#header h1,#header h2,#header p{
position:absolute;
top:31px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

/* スローガン */
#header h1{
top:2px;
left:0;
color:#555;
}

/* ロゴ */
#header h2{
left:0;
}

/* 住所 */
#header p{
right:0;
}


/************************************
/* メインナビゲーション
************************************/
ul#mainNav{
position:absolute;
top:102px;
height:45px;
background:url(images/mainNavBg.png) no-repeat 0 0;
}

ul#mainNav li{
text-indent: -5000px;
float:left;
}

ul#mainNav a{
display: block;
width: 176px;
height: 45px;
background:url(images/mainNav1.jpg) no-repeat 0 0;
}

ul#mainNav li.current_page_item a,ul#mainNav li.current-menu-item a,ul#mainNav li a:hover{background-position:0 -45px;}

ul#mainNav li.menu-item-2 a{background-image:url(images/mainNav2.jpg);}
ul#mainNav li.menu-item-3 a{background-image:url(images/mainNav3.jpg);}
ul#mainNav li.menu-item-4 a{background-image:url(images/mainNav4.jpg);}
ul#mainNav li.menu-item-5 a{background-image:url(images/mainNav5.jpg);}	


/*******************************
/* メイン
*******************************/
#mainImg{margin-top:10px;}

h3.heading{
font-size: 14px;
color: #FFFFFF;
font-weight: normal;
line-height: 30px;
word-spacing: 2em;
padding-left: 30px;
clear: both;
background: url(images/headingBg.png) no-repeat 0 0;
}

.main{
padding:20px 10px 20px 10px;
margin:0 0 20px 0;
border:0;
background:none;
border:1px solid #dcdcdc;
overflow:hidden;
}

.last{ margin-bottom: 20px; border-bottom-style: none; border-bottom-color: #FFFFFF; }

.main h4{
font-size: 16px;
color: #333333;
letter-spacing: 0.3em;
margin: 20px 20px 15px 10px;
padding: 5px 0 2px 15px;
border-left: 10px solid #336600;
clear: both;
background: url('images/h4_bg.png') repeat-x left center;
}

.article{
margin-bottom: 10px;
padding: 10px 10px 0;
border: 1px solid #DCDCDC;
background: #F9F9F9;
}


h4.s_heading{
font-size: 13pt;
color: #993333;
padding-top: 5px;
padding-left: 35px;
float: right;
position: absolute;
z-index: 3;
top: 10px;
width: 85px;
background: url('images/s_heading_bg.jpg') no-repeat 0 0;
display: block;
}

p.heading{
font-family: Times New Roman,Times,serif;
font-size: 22px;
color: #98B48D;
line-height: 1em;
text-align: right;
border-bottom: 1px solid #E0E0E0;
float: right;
position: absolute;
z-index: 4;
top: 40px;
width: 140px;
display: block;
}

.article_left{
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #DCDCDC;
float: left;
position: relative;
height: 200px;
width: 188px;
background-color: #FFFFFF;
}

.article_right{
margin-bottom: 10px;
float: right;
position: relative;
height: 115px;
width: 295px;
border:1px solid #dcdcdc;
background-color: #FFFFFF;
}


.alignleft_s{
padding: 75px 17px 0;
float: left;
position: absolute;
z-index: 2;
}

p.readmore{
font-size:12px;
text-align: right;
float: right;
position: absolute;
z-index: 5;
top:175px;
width:110px;
}

.alignleft{
padding: 15px 10px;
float: left;
}

.alignright{
padding: 0 10px 5px 15px;
float: right;
clear: right;
}

.aligncenter{
text-align: center;
padding: 0 0 20px 30px;
}

.main p{
font-size: 14px;
padding: 0 30px 20px;
}

.article p{
padding:0 10px 0 10px;
}

.picture{
text-align: center;
margin: 5px 0 0 5px;
padding: 5px 0;
border-top: 1px solid #EAEAEA;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #EAEAEA;
float: left;
width: 193px;
background-color: #FFFFFF;
}

.picture:hover{
background-color:#fffaef;
}

.banner{
margin: 0 0 10px;
}

/*******************************
/* サイトバー
*******************************/
#sidebar h3{
clear:both;
padding-left:30px;
line-height:30px;
font-size:14px;
font-weight:normal;
color:#fff;
background:url(images/side_headingBg.png) no-repeat 0 0;
}

ul.info{
font-size: 13px;
margin-bottom: 20px;
padding: 0 0 0 20px;
border: 1px solid #DCDCDC;
overflow: hidden;
}

ul.info li{
line-height: 0;
padding: 12px 0 0;
border-bottom: 1px solid #DCDCDC;
background: url('images/info_bg.png') no-repeat 0 0;
}

ul.info a:link,ul.info a:visited{
color: #313131;
line-height: normal;
text-decoration: none;
padding-bottom: 10px;
padding-left: 15px;
background: url('images/linkArrow.gif') no-repeat 0 0;
display: block;
}
ul.info a:hover{
color: #991725;
background: url('images/activeArrow.gif') no-repeat 0 0;
}

#sidebar p{margin-bottom:20px;}

ul.info li ul li{
margin-left: 30px;
border-bottom: 1px solid #DCDCDC;
background: url('images/info_bg.png') no-repeat 100% 0;
}

ul.info .line_bg{
background: url('images/info_bg2.png') no-repeat 0 0;
}

ul.info .select{
background: url('images/infoselect_bg.jpg') no-repeat 0 0;
}

ul.info li ul li.lilast{border-bottom:none;}

ul.info .infolast{
margin-bottom: 0px;
border-bottom:none;
}

/*******************************
/* 事業案内
*******************************/

dl.motto{
   margin: 20px 20px 30px 40px;
}
dl.motto dt {
   padding-top: 5px;
   float: left;
}

dl.motto dd {
   margin: 0 0 2px;
   padding: 5px 0px 5px 3em;
}

h5{
font-size: 15px;
}

h5.division{
margin: 30px 0 0 5px;
padding: 0 0 10px 25px;
background: url('images/list03.gif') no-repeat left top;
}

ul.list02{
font-size: 14px;
margin: 0 0 30px 40px;
list-style-type: square;
list-style-position: outside;
}

.list02 li{
margin: 0 0 5px;
}

.inner1{
*height:370px;
}

.inner2{
*height:600px;
}

.inner3{
*height:490px;
}

/*******************************
/* 会社情報
*******************************/
.headingimg{
height: 80px;
width: 627px;
background: url('images/title_bg.jpg') no-repeat left top;
}

h3.pagetitle{
font-size: 20px;
line-height: 1em;
letter-spacing: 0.5em;
padding: 35px 0 0 20px;
text-shadow: 3px 3px 1px #999999;
}

.text_img{
margin: 0 0 30px;
}

.company{
margin: 0 0 30px 30px;
width: 550px;
}

.company th{
font-weight: normal;
text-align: left;
vertical-align: top;
padding: 10px 0 10px 10px;
border-bottom: 1px solid #CCCCCC;
width:80px;
}

.company td{
padding: 10px 0 10px 10px;
border-bottom: 1px solid #CCCCCC;
}

.company dl{
margin: 0;
}

.company dt{
color: #000;
font-weight: bold;
padding: 0 0 0 18px;
background: url('images/list01.gif') no-repeat left top;
}

.company dd{
line-height: 1.4em;
margin: 0 0 10px;
padding: 0 0 0 20px;
}

ul.list01{
margin: 20px 0 30px 50px;
list-style-type: square;
list-style-position: outside;
}

.list01 li{
margin: 0 0 5px;
}

.list01 span{
font-size: 80%;
}

.group{
margin: 20px 0 30px 30px;
border: 1px solid #C0C0C0;
width: 550px;
}

.group th{
font-weight: normal;
padding: 5px 0 5px 10px;
border: 1px solid #C0C0C0;
background-color: #EBEBEB;
}

.group td{
padding: 5px 0 5px 10px;
border: 1px solid #C0C0C0;
}


/*******************************
/* 更新情報
*******************************/
dl.update{
   margin: 10px;
   height: 100px;
   overflow: auto;
}
dl.update dt {
   font-weight: bold;
   padding-top: 5px;
   float: left;
}

dl.update dd {
   margin: 0 0 5px;
   padding: 5px 0px 5px 9em;
   border-bottom: 1px dotted #C0C0C0;
   
}

.inner4{
* margin-bottom: 20px;
}

/*******************************
/* 採用情報
*******************************/
#tabnavi{
margin: 0 0 40px 20px;
}


#tabnavi ul{
margin: 0;
padding: 0;
list-style: none;
}

#tabnavi li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

#tabnavi li a{
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
text-align: center;
margin: 0 0 0 20px;
padding: 5px 0 5px 3px;
border: 1px solid #666666;
width: 160px;
background: #5580aa;
display: block;
}

#tabnavi li a:hover{
color: #000;
background: #E6BD39;
}

#tabnavi li.selected{
font-size: 14px;
text-decoration: none;
text-align: center;
margin: 0 0 0 20px;
padding: 5px 0 5px 3px;
border: 1px solid #666666;
width: 160px;
background: #E6BD39;
display: block;
}


h5.recruit{
font-size: 15px;
letter-spacing: 0.3em;
margin: 30px 25px 0 20px;
padding: 3px 3px 3px 10px;
border-bottom: 1px solid #39659B;
border-left: 10px solid #39659B;
}

span.fnt2{
font-size: 150%;
font-weight: bold;
}


.table01{
margin: 10px 0 30px 20px;
border: 1px solid #aaaaaa;
width: 560px;
background-color: #F8FAFC;
}

.table01 th{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
text-align: center;
letter-spacing: 0.1em;
padding: 5px 0 5px 5px;
border: 1px solid #aaaaaa;
background-color: #5580aa;
}

.table01 td{
padding: 5px;
border-right: 1px dotted #aaaaaa;
border-bottom: 1px solid #aaaaaa;
}

th.cel01{
width: 120px;
}

th.cel02{
width: 160px;
}

/*******************************
/* フッター
*******************************/
#footer{
clear:both;
background:#909090;
}

#footer ul{
padding:25px 0;
text-align:center;
}

#footer li{
display: inline;
padding: 5px 16px;
border-left:1px dotted #d5d5d5;
}

#footer li a{
text-decoration:none;
color:#fff;
}

#footer li a:hover{color:#dadada;}

p#copy{
padding:10px 0 37px;
text-align:center;
color:#fff;
font-size:10px;
}

/*******************************
/* PAGRTOP
*******************************/

#pageTop {
   position:fixed;
   right:0;
   bottom:0;
   padding:10px;
   background:#669900
}

#pageTop a {
   font-size: 11px;
   color: #FFFFFF;
   padding: 0 0 0 12px;
   background: #669900 url('images/bg_pagetop.gif') no-repeat 0 50%;
}


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */