@charset "utf-8";

@import url(body.css);


/*----------------------------------------------------------------------------------------
ヘッダー
----------------------------------------------------------------------------------------*/

/*サブページのヘッダー*/
#header-sub{
	margin:0 auto;
	width:100%;
	height:90px;
	background:url(../image/header_sub-back.jpg) center bottom no-repeat;
}

#header-sub h2{
	margin:0 auto 0;
	width:920px;
	text-align:left;
}

/*TOPヘッダー*/
#header{
	margin:0 auto;
	width:980px;
	height:84px;
}

.header-logo{
	margin:0;
	width:350px;
	float:left;
}

.header-logo h1{
	margin-top:15px;
}


.header-desc{
	margin:0;
	width:600px;
	float:right;
}

.header-desc ul{
	margin:0;
	padding-top:20px;
}

.header-desc li.line{
	margin:0;
	height:15px;
	line-height:15px;
	padding-left:10px;
	padding-right:10px;
	float:right;
	border-left:1px solid #333333;
}

.header-desc li.line:first-child{
	padding-right:0;
}

.header-desc li.line-n{
	margin:0;
	height:15px;
	line-height:15px;
	padding-left:0;
	padding-right:10px;
	float:right;
	border-left:none;
}

.header-desc p{
	clear:both;
	margin:0;
	padding-top:10px;
}

.head-networkText{
	text-align: right;
	color: #373582;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W6', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}



/*------------ ヘッドナビ部　-------------------*/

.headnav{
	clear:both;
	width:995px;
	height:57px;
	margin:0 auto 0 auto;
	text-align:left;
}

.headnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.headnav li{
	margin:0;
	list-style-type:none;
	float:left;
}

.headnav li span{display:none;}

/*ホーム*/
.headnav li#navi-home a{
	display:block;
	width:101px;
	height:50px;
	background:url(../image/header/head-navi-back.png);
	background-position:0 -50px;
}
.headnav li#navi-home a:hover{background-position:0 0;}
body#home-h .headnav li#navi-home a{background-position:0 0;}

/*タウンハウジングについて*/
.headnav li#navi-town a{
	display:block;
	width:202px;
	height:50px;
	background:url(../image/header/head-navi-back.png);
	background-position:-101px -50px;
}
.headnav li#navi-town a:hover{background-position:-101px 0;}
body#town-h .headnav li#navi-town a{background-position:-101px 0px;}

/*店舗一覧*/
.headnav li#navi-shop a{
	display:block;
	width:127px;
	height:50px;
	background:url(../image/header/head-navi-back.png);
	background-position:-303px -50px;
}
.headnav li#navi-shop a:hover{background-position:-303px 0;}
body#shop-h .headnav li#navi-shop a{background-position:-303px 0px;}

/*企業情報*/
.headnav li#navi-company a{
	display:block;
	width:122px;
	height:50px;
	background:url(../image/header/head-navi-back.png);
	background-position:-430px -50px;
}
.headnav li#navi-company a:hover{background-position:-430px 0;}
body#company-h .headnav li#navi-company a{background-position:-430px 0px;}

/*採用情報*/
.headnav li#navi-recruit a{
	display:block;
	width:125px;
	height:50px;
	background:url(../image/header/head-navi-back.png);
	background-position:-552px -50px;
}
.headnav li#navi-recruit a:hover{background-position:-552px 0;}
body#recruit-h .headnav li#navi-recruit a{background-position:-552px 0px;}

/*オーナーの皆様へ*/
.headnav li#navi-owner a{
	display:block;
	width:191px;
	height:50px;
	background:url(../image/header/head-navi-back.png);
	background-position:-677px -50px;
}
.headnav li#navi-owner a:hover{background-position:-677px 0;}
body#owner-h .headnav li#navi-owner a{background-position:-677px 0px;}

/*問い合わせ*/
.headnav li#navi-contact a{
	display:block;
	width:127px;
	height:50px;
	background:url(../image/header/head-navi-back.png);
	background-position:-868px -50px;
}
.headnav li#navi-contact a:hover{background-position:-868px 0;}
body#contact-h .headnav li#navi-contact a{background-position:-868px 0px;}


/*----------------------------------------------------------------------------------------
Jqueryエリア
----------------------------------------------------------------------------------------*/
.image-contents{
	margin:0 auto;
	width:980px;
	height:473px;
}

/*----------------------------------------------------------------------------------------
TOPコンテンツ枠
----------------------------------------------------------------------------------------*/
.top-contents{
	margin:0 auto;
	padding-top:57px;
	width:980px;
}

/*----------------------------------------------------------------------------------------
サブコンテンツ枠
----------------------------------------------------------------------------------------*/
.sub-contents{
	margin:0 auto;
	padding-top:0;
	width:980px;
}

/*----------------------------------------------------------------------------------------
TOPコンテンツ枠 左
----------------------------------------------------------------------------------------*/
.top-contents-left{
	width:700px;
	margin-bottom:60px;
	padding-bottom:60px\9;/*IE78*/
	float:left;
}

/*----------------------------------------------------------------------------------------
TOPコンテンツ枠 右
----------------------------------------------------------------------------------------*/
.top-contents-right{
	margin-top:-7px;
	width:232px;
	float:right;
	margin-bottom:60px;
	text-align:center;
}

.top-contents-right img.non-shadow{
	margin-bottom:5px;
}

/*----------------------------------------------------------------------------------------
TOPコンテンツ枠 左　ナビバナー
----------------------------------------------------------------------------------------*/
.contents-banner{
	margin-bottom:50px;
	width:700px;
	height:177px;
	background-color:#009245;
}

.contents-banner ul{
	margin:0;
	padding-top:7px;
}

.contents-banner li{
	margin-left:7px;
	margin-bottom:2px;
	margin-bottom/*\**/:7px\9;/*IE78*/
	float:left;
}

*:first-child+html .contents-banner li{/*IE7*/
	margin-top:0;
	margin-left:7px;
	margin-bottom:-2px;
	float:left;
}


.contents-banner li a:hover img{
	filter: alpha(opacity=90); /*For IE*/
	opacity: 0.9; /*Opera・Safari*/
	-moz-opacity: 0.9; /*For FireFox*/
}

/*----------------------------------------------------------------------------------------
TOPコンテンツ枠 左　店舗一覧画像
----------------------------------------------------------------------------------------*/
.contents-shoplist{
	margin-bottom:50px;
	width:100%;
}

.contents-shoplist h2{
	margin-bottom:10px;
	padding:0 0 7px 5px;
	background:url(../image/top/shop-title-line.gif) left bottom no-repeat;
	background-size: 100% 2px;
	text-align:left;
}

/*一覧ボタンマイナスマージン*/
.list-btn{
	margin-top:-35px;
	margin-bottom:20px;
	text-align:right;
}

.contents-shoplist p.list-text{
	margin:0 0 20px;
	padding-left:5px;
	text-align:left;
}

/*TOPショップ地図*/
.contents-shopmap{
	margin:0;
	width:700px;
	height:490px;
	background-color:#e5e5e5;
}

.contents-shopmap img{
	/*padding-top:5px;*/
	/*padding-left:1px;*/
}

.contents-shopmap2{
    margin:0;
    width:700px;
    height:446px;
    position: relative;
}

.contents-shopmap3{
    margin:0;
    width:980px;
    height:625px;
    position: relative;
}


.shop_fontMS{
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W6', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 16px;
    color: #7b8082;
    letter-spacing: 1px;
}

.contents-shopmap2 .shop_Text{
    position: absolute;
    bottom: 10px;
    right: 8px;
    text-align: center;
    font-weight: bold;
}

.contents-shopmap3 .shop_Text{
    position: absolute;
    bottom: 20px;
    right: 70px;
    text-align: center;
    font-weight: bold;
	font-size: 15px;
	line-height: 1.8rem;
}


/*----------------------------------------------------------------------------------------
TOPコンテンツ枠 左　採用情報エリア / トピックスエリア
----------------------------------------------------------------------------------------*/
.contents-recruit{
	margin-bottom:60px;
	width:700px;
}

.contents-topics{
	margin-bottom:40px;
	width:700px;
}

.contents-recruit h3{
	margin-bottom:15px;
}

.contents-recruit h3 a:hover img{
	filter: alpha(opacity=75); /*For IE*/
	opacity: 0.75; /*Opera・Safari*/
	-moz-opacity: 0.75; /*For FireFox*/
}


.contents-topics h3{
	margin-bottom:10px;
	padding:0 0 7px 5px;
	background:url(../image/top/shop-title-line.gif) left bottom no-repeat;
	text-align:left;
}

/*一覧ボタンマイナスマージン*/
.list-btn2{
	clear:both;
	margin-top:10px;
	margin-bottom:20px;
	text-align:right;
}


.contents-recruit dl/*, .contents-topics dl*/{
	clear:both;
	margin-bottom:7px;
	text-align:left;
	width:700px;
	border-bottom:2px dotted #009245;
	height:30px;
}

.contents-recruit dt /*, .contents-topics dt*/{
	width:9em;
	text-align:left;
	clear:left;
	float:left;
	font-size:15px;
	
}

.contents-recruit dd /*, .contents-topics dd*/{
	text-align:left;
	float:left;
	font-size:15px;
	color:#009245;
	/*border-bottom:2px dotted #009245;*/
}

.contents-recruit dd a:link , .contents-recruit a:visited , .contents-topics dd a:link , .contents-topics dd a:visited{
	color:#009245;
	text-decoration:none;
}

.contents-recruit dd a:hover , .contents-topics dd a:hover{
	color:#009245;
	text-decoration:underline;
}

/*20140516追加分*/

dl.topics-news{
    width:700px;
}
 
dl.topics-news dt{
	clear:left;
    float:left;
    margin:0;
    padding:10px 0 10px 0;
    width:9em;
	font-size:15px;
    line-height:1.2em;
	text-align:left;
}
 
dl.topics-news dd{
    margin:0;
    padding:10px 0.5em 10px 7em;
    border-bottom:2px dotted #009245;
    line-height:1.5em;
	font-size:15px;
    line-height:1.2em;
	text-align:left;
}
 
dl.topics-news dd a:link , dl.topics-news a:visited , dl.topics-news dd a:link , dl.topics-news dd a:visited{
	color:#009245;
	text-decoration:none;
}

dl.topics-news dd a:hover , dl.topics-news dd a:hover{
	color:#009245;
	text-decoration:underline;
}





/*----------------------------------------------------------------------------------------
TOPコンテンツ枠 左　アンダーバナー
----------------------------------------------------------------------------------------*/
.contents-u-banner{
	width:700px;
}

.contents-u-banner a:hover{
	text-decoration:underline;
	color:#009245;
}

.contents-u-banner-s1{
	width:226px;
	height:280px;
	margin-right:10px;
	float:left;
	text-align:right;
	background:url(../image/top/under-banner-back.jpg) left bottom no-repeat;
}

.contents-u-banner-s2{
	width:226px;
	height:280px;
	margin-left:0;
	float:right;
	text-align:right;
	background:url(../image/top/under-banner-back.jpg) left bottom no-repeat;
}

.contents-u-banner-s1 h4 , .contents-u-banner-s2 h4{
	margin-bottom:5px;
}

.contents-u-banner-s1 p.u-text1{
	margin:0 10px 25px;
	padding-left:15px;
	font-size:11px;
	line-height:1.4;
	text-align:left;
	background:url(../image/top/under-arrow.gif) left 2px no-repeat;
}

.contents-u-banner-s2 p.u-text2{
	margin:0 10px 25px;
	padding-left:15px;
	font-size:11px;
	line-height:1.4;
	text-align:left;
	background:url(../image/top/under-arrow.gif) left 2px no-repeat;
}


.contents-u-banner-s1 h4 a:hover img , .contents-u-banner-s2 h4 a:hover img{
	filter: alpha(opacity=75); /*For IE*/
	opacity: 0.75; /*Opera・Safari*/
	-moz-opacity: 0.75; /*For FireFox*/
}


/*----------------------------------------------------------------------------------------
TOPコンテンツ枠 右　バナー
----------------------------------------------------------------------------------------*/
.banner-area{
	width:232px;	
}

.banner-area img{
	margin:0;	
}

.banner-area a:hover img{
	filter: alpha(opacity=75); /*For IE*/
	opacity: 0.75; /*Opera・Safari*/
	-moz-opacity: 0.75; /*For FireFox*/
}

/*グループ企業*/
.group-banner{
	margin-bottom:5px;
	height:191px;
	background:url(../image/right-banner/group-back.jpg) left bottom no-repeat;
}

.group-banner ul{
	margin:0;
	padding:10px 0 0;
	text-align:left;
}

.group-banner li{
	margin:0 0 2px;
	margin-bottom/*\**/:10px\9;/*IE78*/
	padding-left:18px;
	text-align:left;
}

/*Twitter*/
.twitter-area{
	margin:10px auto;
	width:220px;
}



/*----------------------------------------------------------------------------------------
パンくず
----------------------------------------------------------------------------------------*/

.pan{
	margin:0 auto;
	padding: 20px 0;
	width:980px;
	text-align:left;
	font-size:11px;
	color:#333333;
}

.pan a{
	color:#38379F;
	text-decoration:none;
}

.pan a:hover{
	text-decoration:underline;
}



/*----------------------------------------------------------------------------------------
フッター
----------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	width:100%;
	background-color:#808080;
	padding:40px 0;
}

#footer a:hover img{
	filter: alpha(opacity=75); /*For IE*/
	opacity: 0.75; /*Opera・Safari*/
	-moz-opacity: 0.75; /*For FireFox*/
}

#footer_contact{
	width:100%;
	background-color:#808080;
	margin-top:20px;
	padding:15px 0;
}

.footer-contents{
	margin:0 auto;
	width:990px;
}

.footer-left{
	float:left;
	text-align:left;
	font-size:12px;
    overflow: hidden;
}

.footer-left ul{
	padding:0;
	margin:0 13px;
}

.ft-listbox{
	background:url(../image/footer/ft-list-line.png) left top repeat-y;
	float:left;
	/*height:250px;*/
}

.footer-left li{
	margin:5px 0 13px 0;
}

.footer-left li.ft_rt{
	padding-left:20px;
	background:url(../image/footer/ft-arr1.png) left 2px no-repeat;
	font-weight:bold;
}

.footer-left ul.ft_rblist{
	margin-left:-19px;
	margin-top:10px;
}

.footer-left ul.ft_rblist li{
	padding-left:12px;
	background:url(../image/footer/ft-arr2.png) left 5px no-repeat;
	font-weight:normal !important;
}

.footer-left a {
	color:#FFF;
}


.footer-right{
	float:right;
	height:250px;
	width:275px;
	background:url(../image/footer/ft-list-line.png) left top repeat-y;
}

.ft_r_imgarea{
	padding-left:20px;
}

.ft_r_imgarea img{
	margin-bottom:10px;
}

.footer-right address{
	text-align:left;
	font-size:10px;
	font-style:normal;
	color:#FFFFFF;
	text-decoration: underline;
}

.footer-right address a{
	color:#FFFFFF;
	text-decoration:none;
}

.footer-right address a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.os-float_banner {
    display: none;
}