@charset "utf-8";

/*-------------------------------------------------------------------------------------
  body
-------------------------------------------------------------------------------------*/
body {
	background:url("../images/common/bg.jpg") top center repeat;
	color: #333;
	font-size: 0.8em;
	font-family: "ＭＳ Ｐ明朝", "平成明朝", "ヒラギノ明朝 Pro W3", serif;
	line-height: 150%;
	/*line-height: 1.2em;*/
	padding:16px 0;
}


/*-------------------------------------------------------------------------------------
  link color
-------------------------------------------------------------------------------------*/
a:link{color:#727272;text-decoration:underline;}
a:visited{color:#727272;text-decoration:underline;}
a:hover{color:#727272;text-decoration:none;}

/*-------------------------------------------------------------------------------------
  #container
-------------------------------------------------------------------------------------*/
#container{
	width:971px;
	margin:0 auto;
	background:url("../images/common/bg.gif") top left repeat-y;
}


/*-------------------------------------------------------------------------------------
  #header
-------------------------------------------------------------------------------------*/
#header {
	width:971px;
	/*height:156px;*/
	height:171px;
	margin:0 auto;
	/*background:url("../images/common/header_bg.gif") top left no-repeat;*/
	background:url("../images/common/header_bg02.gif") top left no-repeat;
	position:relative;
}

#header p{
	position:absolute;
	top:42px;
	left:47px;
}

#header ul#gNav{
	position:absolute;
	top:14px;
	left:288px;
	width:456px;
	height:132px;
}

#header ul#gNav li{
	float:left;
	width:20px;
	padding-right:56px;
}

/*#header ul#hNav{
	position:absolute;
	top:27px;
	left:763px;
	width:192px;
	height:106px;
}

#header ul#hNav li{
	height:53px;
	overflow:hidden;
}*/
/*---------物件情報追加-----------*/
#header ul#hNav{
	position:absolute;
	top:8px;
	left:763px;
	width:192px;
	height:154px;
}

#header ul#hNav li{
	height:53px;
	overflow:hidden;
}
/*--------------------*/

#header ul li a{display:block;}
#header ul li a:hover {background:transparent;}
#header ul li a:hover img{visibility:hidden;}
#header ul li.active a:hover img{visibility:visible;}

/*-------------------------------------------------------------------------------------
  #footer
-------------------------------------------------------------------------------------*/
#footer {
	background:#fff;
	margin:0 auto;
	width:951px;
	padding:5px 10px 10px 10px;
	overflow:hidden;
	font-size:0.8em;
}
#footer_top {
	margin:0 auto;
	width:951px;
	padding:5px 10px 10px 10px;
	overflow:hidden;
	font-size:0.8em;
}

#footer_top ul,
#footer ul{
	padding:10px 0 0 0; 
	width:500px;
	float:left;
	overflow:hidden;
}

#footer_top ul li,
#footer ul li{
	display:inline;
	padding:0 10px;
	border-right:1px solid #ccc;
}

#footer_top dl dd,
#footer dl dd{
	float:left;
	width:300px;
}

#footer_top dl dd ul,
#footer dl dd ul{
	width:300px;
	overflow:hidden;
}

#footer_top dl dd ul li,
#footer dl dd ul li{
	float:left;
	padding:1px 20px 0 0;
}

#footer_top p,
#footer p{
	float:right;
}

#footer_top a:link{color:#fff;text-decoration:underline;}
#footer_top a:visited{color:#fff;text-decoration:underline;}
#footer_top a:hoer{color:#fff;text-decoration:none;}

#footer a:link{color:#484848;text-decoration:underline;}
#footer a:visited{color:#484848;text-decoration:underline;}
#footer a:hoer{color:#484848;text-decoration:none;}

/*-------------------------------------------------------------------------------------
  #main #sub
-------------------------------------------------------------------------------------*/

#main-sub{
	width:971px;
	overflow:hidden;
}

#sub{
	float:left;
	width:152px;
}

#main{
	width:819px;
	margin:0 auto;
	float:right;
	background:#fcfbf8;
}


/*-------------------------------------------------------------------------------------
  parts
-------------------------------------------------------------------------------------*/

p.imgRt{
	float:right;
	padding:0 0 10px 10px;
}

.mainIn{
	padding:0 40px;
}

p.txt{
	line-height:2.0em;
}



/*-------------------------------------------------------------------------------------
  top
-------------------------------------------------------------------------------------*/

#topArea{
	width:971px;
	background:url("../images/logo.jpg") top left no-repeat;
	height:517px;
	margin-bottom:2px;
}


.fadeBace{
	width:690px;
	height:517px;
	position:relative;
	margin:0 0 0 auto;
}

ul.fadeImg{
	z-index:100;
	width:690px;
	height:517px;
	position:relative;
	margin:0 auto;
}

ul.fadeImg li{
	position:absolute;
	top:0;
	left:0;
}

body#top #header{
	margin-bottom:2px;
}

body#top #footer{
	background:none;
}

body#top #footer a:link{color:#fff;}
body#top #footer a:visited{color:#fff;}
body#top #footer a:hover{color:#fff;}

#newsInfo{
	background:url("../images/news_bg.gif") top left repeat-y #fff;
	width:971px;
	padding:15px 0;
	margin:0 auto;
	overflow:hidden;
}

#newsInfo #newsTtl{
	float:left;
	width:255px;
	text-align:right;
	padding:15px 25px 0 0;
}

#newsInfo #newsTtl h1{
	padding:0 0 25px 0;
}

#newsInfo ul{
	float:left;
	width:665px;
	padding:0 0 0 25px;
}

#newsInfo ul li{
	width:665px;
	padding:0 0 5px 0;
}

#newsInfo ul li dl{
	width:685px;
	overflow:hidden;
}

#newsInfo ul li dl dt{
	float:left;
	width:120px;
}

/*#newsInfo ul li dl dd{
	float:left;
	width:560px;
}
*/

#newsInfo ul li dl dd.ippa{
	background:url("../images/newsicon/topics_i_ippa.gif") top left no-repeat;
	float:left;
	width:510px;
	padding-left:50px;
}

#newsInfo ul li dl dd.kigyo{
	background:url("../images/newsicon/topics_i_kigyo.gif") top left no-repeat;
	float:left;
	padding-left:50px;
	width:510px;
}

#newsInfo ul li dl dd.oshira{
	background:url("../images/newsicon/topics_i_oshira.gif") top left no-repeat;
	float:left;
	padding-left:50px;
	width:510px;
}

#newsInfo ul li dl dd.shou{
	background:url("../images/newsicon/topics_i_shou.gif") top left no-repeat;
	float:left;
	padding-left:50px;
	width:510px;
}

#newsInfo ul li dl dd.sono{
	background:url("../images/newsicon/topics_i_sono.gif") top left no-repeat;
	float:left;
	padding-left:50px;
	width:510px;
}

#newsInfo ul li dl dd.tenpo{
	background:url("../images/newsicon/topics_i_tenpo.gif") top left no-repeat;
	float:left;
	padding-left:50px;
	width:510px;
}

/*--バナー 追加 2014.05.05 --*/
.topBnr{
	z-index:110;
	position:absolute;
	top:408px;
	left:10px;
	width:304px;
	height:104px;
}



/*-------------------------------------------------------------------------------------
  company
-------------------------------------------------------------------------------------*/
#companyImg{
	width:971px;
}


/*-------------------------------------------------------------------------------------
  brand
-------------------------------------------------------------------------------------*/

body#brand #main-sub{
	background:#8e354a;
}

body#brand #main{
	background:url("../brand/images/img.jpg") top right no-repeat #fcfbf8;
	width:502px;
	padding:0 317px 0 0;
	height:718px;
}

body#brand h2{
	padding:50px 0;
}

/*-------------------------------------------------------------------------------------
  menu
-------------------------------------------------------------------------------------*/

body#menu #main-sub{
	background:#bec23f;
}

body#menu #main{
	min-height:794px;
}


#menuSubn{
	height:29px;
	background:url("../menu/images/snuv_base.gif") top left no-repeat #000000;
}

#menuSubn ul{
	/**/
}

#menuSubn ul li{
	float:left;
}

#menuSubn ul li a{display:block;}
#menuSubn ul li a:hover {background:transparent;}
#menuSubn ul li a:hover img{visibility:hidden;}
#menuSubn ul li.active a:hover img{visibility:visible;}


.menuList{
	clear:both;
	width:776px;
	margin:20px auto;
	color:#999999;
}


.menuList ul{
	padding-left:50px;
}

.menuList ul li{
	margin:20px 0;
}

.menuList ul li img{
	margin-bottom:10px;
}

.menuList ul.wlist li{
	width:350px;
	float:left;
}

/*-------------------------------------------------------------------------------------
  shop
-------------------------------------------------------------------------------------*/

body#shop #main-sub{
	background:#113285;
}

body#shop #main{
	min-height:794px;
}

dl#shoplist,
dl#shoplist2{
	margin:20px;
}



dl#shoplist dt,
dl#shoplist2 dt{
	border-top:1px solid #999999;
	padding-top:10px;
	float:left;
	width:180px;
}

dl#shoplist dd,
dl#shoplist2 dd{
	border-top:1px solid #999999;
	height:150px;
	padding-top:30px;
}

/*--2015.01.16 追加--*/
body#shop h2{
	margin:20px 20px 10px;
	font-size: 1.5em;	
}
dl#shoplist3{
	margin:0 20px 50px;
}
dl#shoplist3 dt{
	margin-top:10px;
	float:left;
	width:170px;
	text-align:center;
}
dl#shoplist3 dt span{
	display:block;
	font-size: 1.2em;
	font-weight:bold;
	background-color:#EAE3DD;
	padding:3px 0;
	margin-bottom:10px;
}
dl#shoplist3 dd{
	border-bottom:1px solid #999999;
	padding:10px 10px 10px 180px;
}

/*-------------------------------------------------------------------------------------
  franchise
-------------------------------------------------------------------------------------*/

body#franchise #main-sub{
	background:#b28a51;
}

body#franchise #main{
	width:819px;
	height:717px;
	background:url("../franchise/images/bg.jpg") top left no-repeat;
	position:relative;
}

body#franchise #main h2,
body#franchise #main h3,
body#franchise #main p.txt,
body#franchise #main p.btn{
	position:absolute;
}

body#franchise #main h2{top:50px;left:44px;}
body#franchise #main h3{top:298px;left:157px;}
body#franchise #main p.txt{top:385px;left:50px;}
body#franchise #main p.btn{top:624px;left:183px;}



/*-------------------------------------------------------------------------------------
  recruit
-------------------------------------------------------------------------------------*/

body#recruit #main-sub{
	background:#b28a51;
}

body#recruit #main{
	min-height:717px;
}

p#recHead{
	padding:40px;
	font-size:1.2em;
	line-height:1.8em;
}

table#recTbl{
	width:610px;
	margin:0 0 0 40px;
	border-top:1px solid #b28a51;
}

table#recTbl th,table#recTbl td{
	border-bottom:1px solid #b28a51;
	padding:10px 0;
}

p#recBtn{
	margin:40px 0 0 40px;
	width:610px;
	text-align:center;
}


/*-------------------------------------------------------------------------------------
  site policy
-------------------------------------------------------------------------------------*/

body#site #main-sub{
	background:#9b958d;
}

body#site #main{
	min-height:717px;
}


dl#spTxt{padding:50px 160px 50px 50px;}

dl#spTxt dt{padding:0 0 10px 0;/*font-weight:bold;*/font-size:1.2em;}

dl#spTxt dd{padding:0 0 30px 0;}

dl#spTxt dd p{padding:0 0 7px 0;}


/*-------------------------------------------------------------------------------------
  privacy policy
-------------------------------------------------------------------------------------*/

body#privacy #main-sub{
	background:#9b958d;
}

body#privacy #main{
	min-height:717px;
}

#pbTxt{
	padding:50px 160px 50px 50px;
}

#pbTxt p{
	padding:30px 0;
}

#pbTxt dt{
	padding:0 0 5px 0;
	font-size:1.2em;
}

#pbTxt dd{
	padding:0 0 20px 0;
}

#pbTxt p.name{
	text-align:right;	
}

#pbTxt dl#pbContact{
	width:610px;
	padding:20px 0 0 0;
	border-top:1px solid #b2b2b2;
	border-bottom:1px solid #b2b2b2;
	text-align:center;
}

dl#pbContact dt{
	padding:0 0 20px 0;
}
/*-------------------------------------------------------------------------------------
  news
-------------------------------------------------------------------------------------*/

body#news #main-sub{
	background:#84558c;
}

body#news #main{
	min-height:717px;
}

body#news #newsInfo{
	background:none;
	padding:55px;
	width:700px;
	margin:0;
}

body#news #newsInfo li{
	padding:0 0 20px 0;
}
body#news #main .NewsCon{
margin:20px auto;
text-align:center;
min-height:717px;
}

body#news #main .NewsCon h3{
margin:0 40px;
padding:5px;
font-size: 1.2em;
text-align:left;
border-bottom:#999999 1px solid;
border-left:#84558C 4px solid;
}
body#news #main .NewsCon .day{
margin:0 40px;
text-align:right;
font-size: 1.0em;
}

.ArchiveNews{border-bottom:#666666 1px dotted; padding-bottom:2px;}
.newslist{margin:10px 15px 5px; text-align:right;}

/*-------------------------------------------------------------------------------------
  site map
-------------------------------------------------------------------------------------*/

body#sitemap #main-sub{
	background:#9b958d;
}

body#sitemap #main{
	min-height:717px;
}

ul#smLst{
	padding:55px 0 0 70px;	
}

ul#smLst li{
	padding:0 0 30px 0;
}


/*-------------------------------------------------------------------------------------
  inquiry
-------------------------------------------------------------------------------------*/

body#inquiry #main-sub{
	background:#b28a51;
}

body#inquiry #main{
	min-height:717px;
}

#inqArea{
	padding:40px 50px;
}

#inqArea p{
	font-size:1.2em;
	line-height:1.7em;
	padding:0 0 30px 0;
}

#inqArea table{
	width:580px;
	border-left:1px solid #c5c5c5;
	border-top:1px solid #c5c5c5;
}

#inqArea table caption{
	text-align:right;
	padding:0 0 0 0;
}

#inqArea table th,
#inqArea table td{
	border-right:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	padding:10px;
}

#inqArea table th{
	background:#6d5a42;
	color:#fff;
}

#inqArea table span{
	font-size:0.8em;
	color:#f00;
}

#inqArea table td.submit{
	background:#a4a4a4;
	padding:20px;
	text-align:center;
}

#inqArea table td.submit input{
	padding:10px 20px;
}

/*-------------------------------------------------------------------------------------
  property
-------------------------------------------------------------------------------------*/

body#property #main-sub{
	background:#b28a51;
}

body#property #main{
	min-height:717px;
}

#propertyHead{
	padding:15px 100px 15px 0px;
	clear:both;
}

#propertyHead p{
	padding:40px;
	font-size:1.2em;
	line-height:1.8em;
	float:left;
	
}
#propertyHead div{
	float:right;
	width:200px;
}



/*===== float clear =====*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	overflow:hidden; /*後で削除するお！*/
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

