@charset "UTF-8";

/* About This CSS File -----------------------------------------------
name: base.css
information: 全ページ共通部分のスタイル
date: 2012.01.06
--------------------------------------------------------------------*/

/* Index -------------------------------------------------------------
01: COMMON
02: HEADER
03: FOOTER
04: HUCK
--------------------------------------------------------------------*/

/*====================================================================
01: COMMON
====================================================================*/

html,body{
width: 100%;
font: 13px/1.231 Verdana, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;*font-size: small;*font: x-small;
background: url(../images/common/bgi_body_01.gif);
}
#wrapper{
width: 100%;
padding-bottom: 120px;
text-align: center;
background: url(../images/common/bgi_footer_01.gif) repeat-x left bottom;
}

a:link,a:visited,a:active{color: #000; text-decoration: underline;}
a:hover{color: #b28936; text-decoration: underline;}

strong,.bold{font-weight: bold;}

.leftText{text-align: left;}
.rightText{text-align: right;}
.centerText{text-align: center;}

.fl-R{float: right;}
.fl-L{float: left;}

.rightImage{float: right; padding-left: 20px;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt85{margin-top: 85px;}
.mt90{margin-top: 90px;}
.mt95{margin-top: 95px;}
.mt100{margin-top: 100px;}


/*====================================================================
02: HEADER
====================================================================*/

#header{
width: 900px;
height: 340px;
margin: 0 auto;
text-align: left;
}
#header h1{

}
#header #navi{
width: 675px;
margin-top: 20px;
float: right;
}
#header #navi li{
padding-top: 25px;
float: right;
}
#header #navi dl{
padding-right: 60px;
position: relative;
}
#header #navi dl dt{
position: absolute;
right: 0;
top: -25px;
}
#header #navi dl dd{
padding-left: 5px;
float: right;
}
#header #navi #conceptNavi{
width: 275px;
}
#header #navi #menuNavi{
width: 160px;
}
#header #navi #locationNavi{
width: 85px;
}
#header #navi #companyNavi{
	width: 350px;
}
#header #navi #recruitNavi{
width: 265px;
}


/*====================================================================
03: FOOTER
====================================================================*/

#footer{
width: 900px;
margin: 0 auto;
text-align: left;
padding: 0 20px;
background: url(../images/common/lin_footer_01.gif) no-repeat left 50px;
}
#footer #sitemap{
width: 650px;
margin-top: 100px;
float: left;
}
#footer #sitemap dl{
min-width: 160px;
border-left: solid 1px #ebdaba;
margin-bottom: 20px;
padding-left: 20px;
float: left;
}
#footer #sitemap dl dt{
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: #cca352;
margin-bottom: 10px;
}
#footer #sitemap dl dd{
font-size: 12px;
line-height: 20px;
padding-left: 15px;
background: url(../images/common/ico_link_01.gif) no-repeat left 4px;
}
#footer #linkage{
width: 250px;
margin-top: 100px;
float: right;
}

#banner{
width: 250px;
margin-bottom:10px;
}
#banner li{
width: 250px;
}
#banner2 li{
width: 250px;
margin-bottom:5px;
}
#link{
width: 250px;
margin-bottom: 20px;
}
#link li{
font-size: 12px;
line-height: 12px;
padding: 0 20px;
float: left;
}
#link li#mobile{
background: url(../images/common/ico_mobile_01.gif) no-repeat left center;
}
#link li#ricop{
	background-image: url(../images/common/ico_link_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#link li#inquiry{
background: url(../images/common/ico_mail_01.gif) no-repeat left center;
}
#credit{
width: 250px;
}
#credit p{
width: 30px;
padding-top: 3px;
float: left;
}
#credit address{
width: 220px;
font-size: 9px;
font-style: normal;
font-family: "Verdana";
line-height: 14px;
color: #cca352;
float: right;
}
#mobileContent{
width: 300px;
margin: 0 auto;
}
#mobileContent dt{
padding: 30px 0;
font-size: 14px;
font-weight: bold;
line-height: 25px;
text-align: center;
}
#mobileContent dd{
padding-bottom: 20px;
font-size: 14px;
line-height: 25px;
text-align: center;
}

#header #logo {
	width: 190px;
	height: 200px;
	float: left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

/*====================================================================
04: HUCK
====================================================================*/

/* Creer Fix -------------------------------------------------------*/
.clf:after{
content: url("../images/common/blank.gif");
display: block;
clear: both;
height: 0;
}
.clf{ display: inline-block; }
/* Hides from IE-mac \*/
.clf{ display: block; }
/* End hide from IE-mac */