@charset "utf-8";
@import "/css/base.css";

/* strcture */

body{
	background: url(/images/bg.png) repeat;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size : 0.88em;
}

.clearfix{ clear : both; overflow : hidden; }
.borderno{ border : 0 ! important; }




a[href^="tel:"] {
    pointer-events: none;
}
a:hover{
	filter : alpha(opacity=50);
	-moz-opacity : 0.5;
	opacity : 0.5;
}


/* ============================================================ */
/* PC */
/* ============================================================ */

@media screen and (min-width:960px){

.forSP{ display : none; }


/* ============================================================ */
/* HOME */
/* ============================================================ */


div#container{
	width: 100%; 
	background : url(/images/topBg.png) repeat-x 0 0;
	padding-top : 9px;
}



/* header */
header{
	width : 100%;
	background : #fff;
}

header #headerBox{
	width : 983px;
	display : table;
	table-layout : fixed;
	margin : auto;
}

header h1{
	width : 287px;
	height : 91px;
	display :  table-cell;
	padding : 11px 0 0 0;
}

header h1 a{
	display : block;
	background : url(/images/logo.png) no-repeat 0 0; 
	width : 287px;
	height : 91px;
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}

header nav{
	display :  table-cell;
	padding-left : 78px;
	padding-top : 30px;
}

header nav ul{
	list-style : none;
	font-size : 0;
}
header nav ul li{
	display : inline-block;
	width : 102px;
	height : 66px;
}
header nav ul li a{
	display : block;
	width : 102px;
	height : 66px;
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	background : url(/images/menu.png);
	background-repeat : no-repeat;
}
header nav ul li#h01 a{
	background-position : 0 0; 
}
header nav ul li#h02 a{
	background-position : -102px 0; 
}
header nav ul li#h03 a{
	background-position : -204px 0; 
}
header nav ul li#h04 a{
	background-position : -306px 0; 
}
header nav ul li#h05 a{
	background-position : -408px 0; 
}
header nav ul li#h06 a{
	background-position : -510px 0; 
}
header nav ul li a:hover{
	fllter: alpha(100);
	-moz-opacity : 1.0;
	opacity : 1.0;
}
header nav ul li#h01 a:hover, header nav ul li#h01a a{
	background-position : 0 -66px; 
}
header nav ul li#h02 a:hover, header nav ul li#h02a a{
	background-position : -102px -66px; 
}
header nav ul li#h03 a:hover, header nav ul li#h03a a{
	background-position : -204px -66px; 
}
header nav ul li#h04 a:hover, header nav ul li#h04a a{
	width : 103px;
	background-position : -306px -66px; 
}
header nav ul li#h05 a:hover, header nav ul li#h05a a{
	width : 103px;
	background-position : -408px -66px; 
}
header nav ul li#h06 a:hover, header nav ul li#h06a a{
	background-position : -510px -66px; 
}

/* footer */
footer {
	width : 100%;
	background : url(/images/footTown.png) repeat-x 0 0; 
	padding-top : 54px;
}
footer nav{
	display : block;
	margin : 16px auto;
	text-align : center;
}
footer small{
	display : block;
	width : 100%;
	background : url(/images/footBg.png) repeat-x 0 0; 
	text-align : center;
	line-height : 24px;
}

/* contents */
div#contents{
	width : 1042px;
	margin : auto;
	display : table;
	table-layout : fixed;
	padding : 16px 0;
}

div#contents #goSite a{
	display : block;
	width : 120px;
	height : 27px;
	margin : 14px auto;
	background : url(/images/goList.png) no-repeat 0 0; 
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}

div#contents dl dt {
	float: left;
	clear: left;
	width: 8em; 
	padding : 18px 0 6px 9px;
}

div#contents dl dd {
	border-bottom: 1px dashed #dcdcdc;
	padding-left: 9.5em; /* dtの幅以上のpaddingをとる*/
	padding : 18px 0 6px 0;
}

div#contents #content{
	width : 686px;
	padding-right : 24px;
	display : table-cell;
	vertical-align : top;
}
div#contents #content #eyecatch{
	width : 678px;
	height: 299px;
	border:4px solid #fff;
	margin-bottom : 16px;
}

div#contents #content #shopInfo{
	background : #fff;

	/* box-shadow */
	box-shadow:0px 0px 5px 1px #b2a277;
	-moz-box-shadow:0px 0px 5px 1px #b2a277;
	-webkit-box-shadow:0px 0px 5px 1px #b2a277;

	/* border-radius */
	border-radius:1px 1px 1px 1px ;
	-moz-border-radius:1px 1px 1px 1px ;
	-webkit-border-radius:1px 1px 1px 1px ;

	/* border */
	border:4px solid #ff864f;
	margin-bottom : 16px;
}
div#contents #content #shopInfo h2{
	width : 678px;
	height : 41px;
	background : url(/images/top_shop.png) no-repeat 0 0; 
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}


div#contents #shopInfo div.rss_list {
	border-bottom: 1px dashed #ff864f;
	padding : 18px 0 6px 9px;
}

div#contents #content{
	display : table-cell;
}
#content #breadcrumbs{
	margin : 12px 0;
}

div#contents #content #report{
	background : #fff;

	/* box-shadow */
	box-shadow:0px 0px 5px 1px #b2a277;
	-moz-box-shadow:0px 0px 5px 1px #b2a277;
	-webkit-box-shadow:0px 0px 5px 1px #b2a277;

	/* border-radius */
	border-radius:1px 1px 1px 1px ;
	-moz-border-radius:1px 1px 1px 1px ;
	-webkit-border-radius:1px 1px 1px 1px ;

	/* border */
	border:4px solid #f1bf27;
	margin-bottom : 16px;
}
div#contents #content #report h2{
	width : 678px;
	height : 41px;
	background : url(/images/top_report.png) no-repeat 0 0; 
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}
div#contents #content #report #reportList{
	width : 600px;
	margin : 17px auto;
	vertical-align : top;
}
div#contents #content #report #reportList .rss_list{
	display : inline-block;
	width : 104px;
	padding-left : 23px;
	padding-right : 23px;
	text-align : center;
}
div#contents #content #report #reportList img{
	width : 100px;
	height : 100px;
	border : 2px solid #f1bf27;
}


#content .category{
	background : #fff;

	/* box-shadow */
	box-shadow:0px 0px 5px 1px #b2a277;
	-moz-box-shadow:0px 0px 5px 1px #b2a277;
	-webkit-box-shadow:0px 0px 5px 1px #b2a277;

	margin-bottom : 24px;
}
#content .category h2{
	background : #ff864f;
	font-weight : bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size : 1.3em;
	padding : 14px 12px;
}
#content .category ul{
	list-style : none;
	
}
#content .category li{
	padding : 13px 14px;
	border-bottom : 1px dashed #ff864f;
}

#content .blog{
	background : #fff;

	/* box-shadow */
	box-shadow:0px 0px 5px 1px #b2a277;
	-moz-box-shadow:0px 0px 5px 1px #b2a277;
	-webkit-box-shadow:0px 0px 5px 1px #b2a277;

	margin-bottom : 24px;
}
#content .blog h2{
	background : #ff864f;
	font-weight : bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size : 1.3em;
	padding : 14px 12px;
}
#content .blog .blogbody{
	padding : 13px 14px;
}
#content .blog .blogbody img{
	max-width : 100%;
	height : auto;
}

#content .blog .blogbody #youroadMap{
	width : 640px;
	height : 480px;
	border : 0;
}

div#contents #subs{
	display : table-cell;
	width : 327px;
	vertical-align : top;
}

div#contents #subs #event{
	background : #fff;

	/* box-shadow */
	box-shadow:0px 0px 5px 1px #b2a277;
	-moz-box-shadow:0px 0px 5px 1px #b2a277;
	-webkit-box-shadow:0px 0px 5px 1px #b2a277;

	/* border-radius */
	border-radius:1px 1px 1px 1px ;
	-moz-border-radius:1px 1px 1px 1px ;
	-webkit-border-radius:1px 1px 1px 1px ;

	/* border */
	border:4px solid #a8d200;
	margin-bottom : 16px;
}
div#contents #subs #event h2{
	width : 320px;
	height : 42px;
	background : url(/images/top_event.png) no-repeat 0 0; 
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}

div#contents #subs #event div.rss_list {
	border-bottom: 1px dashed #a8d20f;
	padding : 18px 0 6px 9px;
}

div#contents #subs #info{
	background : #fff;

	/* box-shadow */
	box-shadow:0px 0px 5px 1px #b2a277;
	-moz-box-shadow:0px 0px 5px 1px #b2a277;
	-webkit-box-shadow:0px 0px 5px 1px #b2a277;

	/* border-radius */
	border-radius:1px 1px 1px 1px ;
	-moz-border-radius:1px 1px 1px 1px ;
	-webkit-border-radius:1px 1px 1px 1px ;

	/* border */
	border:4px solid #9e6c98;
	margin-bottom : 24px;
}
div#contents #subs #info h2{
	width : 320px;
	height : 42px;
	background : url(/images/top_info.png) no-repeat 0 0; 
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}

div#contents #subs #info div.rss_list {
	border-bottom: 1px dashed #964b8d;
	padding : 18px 0 6px 9px;
}


/* banners */
section#banners{
}
section#banners ul{
	list-style : none;
}
section#banners ul li{
	padding-bottom : 12px;
}
section#banners ul li a{
	display : block;
	width : 324px;
	height : 75px;
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}

section#banners ul li#s01 a{
	background : url(/images/r_shop.png) no-repeat 0 0; 
}
section#banners ul li#s02 a{
	background : url(/images/r_report.png) no-repeat 0 0; 
}
section#banners ul li#s03 a{
	background : url(/images/r_tenant.png) no-repeat 0 0; 
}

.main{
	color : #000;
	padding:15px 0px 15px 0px;
	overflow : auto;
	line-height:135%;
}

.main form{
	margin : 2em 0;
}

}

/* ============================================================ */
/* smartphone */
/* ============================================================ */
@media screen and (max-width:960px){


.forPC{ display : none; }


/* ============================================================ */
/* HOME */
/* ============================================================ */


div#container{
	width: 100%; 
	background : url(/images/topBg.png) repeat-x 0 0;
	padding-top : 9px;
}



/* header */
header{
	width : 100%;
	background : #fff;
	padding : 11px;
}

header #headerBox{
	width : 100%;
	display : table;
	table-layout : fixed;
	margin : auto;
}

header h1{
	width : 234px;
	height : 32px;
	display :  table-cell;
	padding : 0 0 0 10px;
}

header h1 a{
	display : block;
	background : url(/images/sp/logo.png) no-repeat 0 0; 
	width : 234px;
	height : 32px;
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}

header nav{
	display :  table-cell;
	clear : both;
	overflow : hidden;
	padding-left: 0px;
}
header nav ul {
	width : 240px;
	margin: 60px 0;
	padding: 0;
}
header nav ul li {list-style-type: none; margin-bottom: 5px; font-weight: bold; display : block; }
header nav ul a {
	float: none;
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	text-indent: 0 ! important;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	overflow: visible ! important;
	padding: 20px 0;
	background: none;
	font-size: 1.3em;
	text-align: center;
	border-bottom: 1px solid #544E48;
	color: #544E48 ! important;
	white-space : normal;
	letter-spacing : normal;
}
/* menu */
#spMenuBtn {
	display : block;
	float : right;
	width: 37px;
	height: 24px;
	position: absolute;
	outline : 0;
	display: block;
	background-repeat: no-repeat;
	background-image: url('/images/sp/burger.png');
	background-position: center;
	right : 0px;
	cursor: pointer;
	z-index : 999;
	margin : 2px 25px 13px 0;
}
#slide_menu{
	position: fixed;
	top: 0;
	right: -240px;
	width: 240px;
	height: 100%;
	overflow: scroll;
	background : #fff;
	z-index : 990;
}

/* footer */
footer {
	width : 100%;
	background : url(/images/footTown.png) repeat-x 0 0; 
	padding-top : 54px;
}
footer nav{
	display : block;
	margin : 16px auto;
	text-align : center;
}
footer table{
	width : 98%;
	border : 2px solid #22190d;
	margin : 0px 8px;
}
footer table td{
	border : 1px solid #22190d;
	border-collapse : collapse;
	background : #ffe6a6;
}
footer table a{
	display : block;
	background : url(/images/sp/arrow.png) no-repeat 0 0; 
	text-indent: 20px;
	margin : 7px 13px;
}


footer small{
	display : block;
	width : 100%;
	background : url(/images/sp/footBg.png) repeat-x 0 0; 
	text-align : center;
	line-height : 24px;
}


/* contents */
div#contents{
	width : 98%;
	margin : auto;
	padding : 0px 8px 16px 8px;
}

div#contents #goSite a{
	display : block;
	width : 120px;
	height : 27px;
	margin : 14px auto;
	background : url(/images/sp/goList.png) no-repeat 0 0; 
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}

div#contents dl dt {
	float: left;
	clear: left;
	width: 8em; 
	padding : 18px 0 6px 9px;
}

div#contents dl dd {
	border-bottom: 1px dashed #dcdcdc;
	padding-left: 9.5em; /* dtの幅以上のpaddingをとる*/
	padding : 18px 0 6px 0;
}

div#contents #eyecatch{
	max-width : 100%;
	height: 299px;
	border:4px solid #fff;
	margin-top : 16px;
	margin-bottom : 16px;
}
div#contents #eyecatch img{
	max-width : 100%;
}
div#contents #catch{
	display : block;
	width : 347px;
	height : 27px;
	background : url(/images/sp/lead.png) no-repeat 50% 0; 
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
	margin : 14px auto 19px auto;
}
div#contents #event{
	background : #fff;
	border:4px solid #a8d200;
	margin-bottom : 16px;
}
div#contents #event h2{
	width : 100%;
	height : 42px;
	background : #a8d200 url(/images/sp/top_event.png) no-repeat 50% 0; 
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}

div#contents #event div.rss_list {
	border-bottom: 1px dashed #a8d20f;
	padding : 18px 0 6px 9px;
}

div#contents #shopInfo{
	background : #fff;
	border:4px solid #ff864f;
	margin-bottom : 16px;
}
div#contents #shopInfo h2{
	width : 100%;
	height : 41px;
	background : #ff864f url(/images/sp/top_shop.png) no-repeat 50% 0; 
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}


div#contents div.rss_list {
	border-bottom: 1px dashed #ff864f;
	padding : 18px 0 6px 9px;
}

div#contents #report{
	background : #fff;
	border:4px solid #f1bf27;
	margin-bottom : 16px;
}
div#contents #report h2{
	width : 100%;
	height : 41px;
	background : #f1bf27 url(/images/sp/top_report.png) no-repeat 50% 0; 
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
}
div#contents #report #reportList{
	width : 320px;
	margin : 17px auto;
}
div#contents #report #reportList .rss_list{
	border : none;
	display : inline-block;
	width : 104px;
	padding-left : 23px;
	padding-right : 23px;
	text-align : center;
}
div#contents #report #reportList img{
	width : 100px;
	height : 100px;
	border : 2px solid #f1bf27;
}

#breadcrumbs{
	margin : 12px 0;
}

.category{
	background : #fff;
	margin-bottom : 24px;
}
.category h2{
	background : #ff864f;
	font-weight : bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size : 1.3em;
	padding : 14px 12px;
}
.category ul{
	list-style : none;
	
}
.category li{
	padding : 13px 14px;
	border-bottom : 1px dashed #ff864f;
}

.blog{
	background : #fff;
	margin-bottom : 24px;
}
.blog h2{
	background : #ff864f;
	font-weight : bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size : 1.3em;
	padding : 14px 12px;
}
.blog .blogbody{
	padding : 13px 14px;
}
.blog .blogbody img{
	max-width : 100%;
	height : auto;
}
.blog .blogbody #youroadMap{
	width : 100%;
	height : 480px;
	border : 0;
}

#contents #c01 a{
	display : block;
	width : 328px;
	height : 75px;
	font-size: 0;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
	background : url(/images/sp/r_shop.png) no-repeat 0 0;
	margin : 0px auto 20px auto;
}

.main{
	color : #000;
	padding:15px 0px 15px 0px;
	overflow : auto;
	line-height:135%;
}

.main form{
	margin : 2em 0;
}

}