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

#main h2.idxtit{
margin:0 0 20px;
}

p.catch{
padding:20px 0 20px;
}

h3.catch{
padding:10px 0 20px;
}

h3.line{
width:670px;
background:url(../../common/images/dotline.gif) left bottom repeat-x;
padding-bottom:4px;
}

#titbg{
width:670px;
background:url(../../common/images/titbg.gif) left top no-repeat;
}

#titbg h3{
padding:8px 0 10px 7px;
}

#linearea{
width:670px;
display:inline-table;
background:url(../images/cor_line.gif) left bottom no-repeat;
padding-bottom:6px;
margin:20px 0 10px;
}

#linearea h2{
width:75px;
margin-top:0;
float:left;
}

#linearea p{
font-size:85%;
font-weight:bold;
width:590px;
float:left;
text-align:right;
padding-top:5px;
}

/*
========== 会社概要 ==========
*/
#corp dl{
width:670px;
padding:10px 0;
background:url(../../common/images/dotline.gif) left bottom repeat-x;
}

#corp dt{
width:230px;
font-weight:bold;
padding:0 5px 0 3px;
float:left;
}

#corp dd{
width:432px;
float:left;
}

#corp dd dl{
width:432px;
padding:0 0 15px;
background:none;
}

#corp dd dt{
width:232px;
padding:0 0 5px;
float:left;
font-weight:normal;
}

#corp dd dd{
width:190px;
padding:0 0 5px 10px;
float:left;
}

.mapbox{
width:670px;
margin-top:10px;
background:url(../../common/images/dotline.gif) left bottom repeat-x;
}

.end{
background:none;
}

.mapbox dl{
margin:0 0 15px 0;
width:224px;
padding:0 10px 0 3px;
float:left;
}

.mapbox dt{
font-weight:bold;
padding-bottom:8px;
}

.mapbox dd{
margin:0 0 5px 0;
}

.mapbox p{
width:433px;
float:left;
}

.mapbox dl.info{
padding:8px;
width:214px;
clear:left;
font-size:85%;
border:1px solid #2c9839;
}

.mapbox .map p{
float:none;
}

/*
========== 社長挨拶 ==========
*/
#prebox{
padding-top:10px;
}

#prebox .left{
width:232px;
float:left;
}

#prebox .right{
width:438px;
float:left;
}

#prebox .right p{
padding-bottom:18px;
}

#prebox .right p.name{
font-weight:bold;
text-align:right;
padding:10px 0 18px;
}

#prebox .right p.name span{
font-size:120%;
}

/*
========== 企業理念 ==========
*/
#philobox{
width:642px;
background-color:#e5efe1;
padding:12px 14px;
margin-bottom:30px;
}

#philobox h4{
background:url(../../common/images/dotline02.gif) left bottom repeat-x;
padding-bottom:4px;
margin-bottom:11px;
}

#philobox li{
padding-bottom:10px;
}

#philobox li.end{
padding-bottom:0;
}

#conceptbox{
width:670px;
padding-top:12px;
}

#conceptbox .left{
width:495px;
float:left;
padding:8px 17px 0 0;
}

#conceptbox .left h4{
background:url(../../common/images/dotline.gif) left bottom repeat-x;
padding-bottom:4px;
}

#conceptbox .left dl{
padding:10px 0 25px;
}

#conceptbox .left dt{
font-weight:bold;
padding-bottom:5px;
}

#conceptbox .left p{
padding-top:10px;
}

#conceptbox .right{
width:158px;
float:left;
}

#conceptbox .right dd{
color:#c2c2c2;
font-size:80%;
padding:5px 0 3px;
}

/*
========== 事業内容 ==========
*/
#rule{
width:642px;
background-color:#e5efe1;
padding:12px 14px;
margin-bottom:0;
}

#rule h4{
background:url(../../common/images/dotline02.gif) left bottom repeat-x;
padding-bottom:4px;
margin-bottom:11px;
}

#rule li{
display:inline;
}

#rule li img{
margin-right:29px;
}

#rule li.end img{
margin-right:0;
}

.pd20{
padding:20px 0;
}

#rulebox{
width:670px;
padding:20px 0 30px;
}

#rulebox .left{
width:337px;
padding:0 12px 0 0;
}

#rulebox .right{
width:320px;
}

#rulebox .left02{
width:319px;
padding:0 14px 0 0;
}

#rulebox .right02{
width:335px;
}

#rulebox .left03{
width:455px;
padding:0 12px 0 0;
}

#rulebox .right03{
width:200px;
}

#rulebox02{
width:670px;
padding:20px 0 40px;
}

#rulebox02 .left{
width:200px;
padding:0 15px 0 0;
}

#rulebox02 .right{
width:453px;
}

#rulebox .left,
#rulebox .right,
#rulebox .left02,
#rulebox .right02,
#rulebox .left03,
#rulebox .right03,
#rulebox02 .left,
#rulebox02 .right{
float:left;
}

#rulebox .left dt,
#rulebox .right02 dt,
#rulebox .left03 dt,
#rulebox02 .right dt{
font-weight:bold;
padding-bottom:5px;
line-height:1.4;
}

#rulebox .right dd,
#rulebox .left02 dd,
#rulebox .right03 dd,
#rulebox02 .left dd{
font-size:80%;
padding-top:10px;
line-height:1.3;
}

#rulebox .right dt,
#rulebox .left02 dt,
#rulebox .right03 dt,
#rulebox02 .left dt{
font-size:0;
line-height:100%;
}

#rulebox03{
width:670px;
padding:20px 0 10px;
}

#rulebox03 h4{
padding-bottom:15px;
}

#rulebox03 dl{
width:670px;
}

#rulebox03 dt{
width:470px;
float:left;
padding-right:21px;
}

#rulebox03 dd{
width:175px;
float:left;
}



/*
========== 沿革 ==========
*/
#history dl{
width:670px;
padding:10px 0;
background:url(../../common/images/dotline.gif) left bottom repeat-x;
}

#history dt{
width:190px;
padding:0 5px 0 3px;
float:left;
}

#history dd{
width:472px;
float:left;
}

#history ul{
font-size:84%;
padding-top:12px;
}

#history li{
padding-bottom:8px;
}


/* \*/
#history dl,
#linearea{
display:block;
}
/* */

#history dl:after,
#linearea:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.map {
	float:right;
	width:433px;
	height:410px;
	margin:0 0 15px 0;
}

/*
========== コーポレートガバナンス ==========
*/
#cg{
width:670px;
}

#cg .list{
width:670px;
background:url(../../common/images/dotline.gif) left bottom repeat-x;
padding:10px 0;
}

#cg .list dl{
width:540px;
float:left;
}

#cg .list dt{
width:105px;
float:left;
background:url(../../common/images/ico_arrow03.gif) 0 0.3em no-repeat;
padding-left:15px;
}

#cg .list dd{
width:400px;
float:left;
padding:0 10px;
}

#cg .list p{
width:130px;
float:left;
}

#cg .list p a{
background:url(../../common/images/ico_pdf.gif) left top no-repeat;
padding:0 0 3px 15px;
}
/*
========== コーポレートガバナンス txt ==========
*/
.txt_box{
padding:10px ;
}
.txt{
padding:10px 0 0 0;
}
.txt_a{
padding-bottom:10px;
border-bottom: thin dotted #000;
}
.txt_b{
padding-bottom:10px;
border-bottom: thin dotted #000;
}
.txt_s{
font-weight: bold; 
padding:5px 0 15px 0;
}
.txt_c{
padding:10px 0 20px 0;
}
.date{
float:right;
}

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

.btn{
background-image: url(../images/icon_bg.gif);
background-repeat: no-repeat;
background-position: 15px 8px;
padding: 5px 0px 5px 25px;
}

.a{
background-image: url(../images/pdf_icon.gif);
background-repeat: no-repeat;
background-position: left;
line-height: 2.5;
padding: 5px 0px 5px 20px;
}

/*
========== グループ会社一覧 ==========
*/
#gro{
width:670px;
padding:10px 0 0 0;
}

#gro p{
width:670px;
padding-bottom:10px;
font-size:medium;
font-weight:bold;
}

#gro dl{
width:620px;
padding:10px 0 0 45px;
}

#gro dt{
width:123px;
font-weight:bold;
float:left;
}

#gro dd{
width:502px;
}

#gro .ind{
clear:both;
padding:10px 0 0 20px;
}

#gro .dotline{
padding:5px 0;
margin-top:20px;
margin-bottom:10px;
background:url(../../common/images/dotline.gif) left center repeat-x;
}