@charset "Shift_JIS";
	
/************************************************************
 * GENERAL CLASS
 ************************************************************/
 /* FLOAT */
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

/* CLEAR */
.cf:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cf	{ zoom: 1; }
.cr { clear: right; }

/*PADDING*/
.p3	{ padding: 3px; }
.p10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pt30 { padding-top: 30px; }
.pv5 { padding: 5px 0; }
.pv10 { padding: 10px 0; }

/* MARGIN */
.m2	{ margin: 2px; }
.mt1 { margin-top: 1px; }
.mt3 { margin-top: 3px; }
.mt5 { margin-top: 5px; }
.mt7 { margin-top: 7px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top: 15px; }
.mt30 { margin-top: 30px; }
.ml10 { margin-left: 10px; }
.mr3 { margin-right: 3px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.mv5 { margin-top: 5px; margin-bottom: 5px; }
.mv2l10	{ margin: 2px 0 2px 27px; }
.mv2r10	{ margin: 2px 10px 2px 10px; }

/* VERTICAL-ALIGN */
.vat { vertical-align: top;}
.vam { vertical-align: middle;}

/* TEXT-ALIGN */
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }

/* DISPLAY */
.di	{display: inline; }
.db	{ display: block; }
.dib { display: inline-block; }
.dn	{ display: none; }

/* FONT */
.fgred { color: #FF0000; }
.fgRed { color: #FF0000; }
.fgBlue { color: #6699ff; }
.fgBlack { color: #333333; }
.fs07e { font-size:0.7em; }
.fs2e { font-size: 2em; }
.fs8 { font-size: 8px; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.n { font-weight: normal; }
.b { font-weight: bold; }
.lh1p2e	{ line-height: 1.2em; }
.lh15e { line-height: 1.5em; }

/* WIDTH */
.w60p { width: 60%; }
.w70p { width: 70%; }
.w120 { width: 120px; }
.w200 { width:200px; }
.w246 { width:246px; }
.w280 { width:280px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w738 { width: 738px; }
.w900 { width: 900px; }
.mW50 { max-width: 50px; }

/* HEIGHT */
.mh90 { min-height: 90px; }
.mh100 { min-height: 100px; }
.mh110 { min-height: 110px; }
.mh110 { min-height: 110px; }

/* BORDER */
.bdB1 { border-bottom: solid 2px #E8E5DB; }
.bdBrown td { border: 1px solid #D3C9B0; }
.bdBrown { border: 1px solid #D3C9B0; }
.bdGray { border: 1px solid #CCCCCC; }
.bdn { border: none; }
.bdrd5 { border-radius: 5px; }
.bdrd05e { border-radius: .5em; }

/* BACKGROUND */
.bgGray	{ background-color: #D3D3D3; }
.bgPink { background-color: #e9dfe5; }
.bgOrange { background-color: #fff1cf; }
.bgWhite { background-color: #fff; }

/* POSITION */
.pr { position: relative; zoom: 1; }
.pa { position: absolute; }
.t1 { top: 1px; }
.t2 { top: 2px; }
.t3 { top: 3px; }
.t4 { top: 4px; }
.t5 { top: 5px; }
.t6 { top: 6px; }
.t7 { top: 7px; }
.t8	{ top: 8px; }
.t9 { top: 9px; }
.t10 { top: 10px; }
.r1	{ right: 1px; }
.r2	{ right: 2px; }
.r3	{ right: 3px; }
.r4	{ right: 4px; }
.r5	{ right: 5px; }
.r6	{ right: 6px; }
.r7	{ right: 7px; }
.r8	{ right: 8px; }
.r9	{ right: 9px; }
.r10 { right: 10px; }
.r11 { right: 11px; }
.r12 { right: 12px; }

/* CSS3 Display style */
.dTable	{ display: table; }
.dTCell	{ display: table-cell; }
.dTRow { display: table-row; }
.ofh { overflow: hidden; }


/* SP
----------------------------------------------------------- */
   
/************************************************************
 * INIT
 ************************************************************/
body, input, select, textarea, table, th, td, li, a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 , h5, h6, table, th ,td ,select {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;
	line-height: 1.3em;
	color: #333;
}
#index img {
	 width: 100%;
	 border:0;
	 box-shadow: none;
	 -webkit-box-shadow: none;
	 -moz-box-shadow: none;
	 -ms-box-shadow: none;
	 text-decoration: none;
	 height: auto;
	 vertical-align: bottom;
}
li {
list-style: none;
}
a:link { color: #1b47ff; text-decoration: underline; }
a:visited { color: #9720c9; text-decoration: underline; }
a:hover { color: #ff7d00; text-decoration: underline;}

/************************************************************
 * COMMON
 ************************************************************/
#header {
	height: 39px;
	padding: 5px;
	margin-bottom: 5px;
}
#header li:last-child.mt0 { margin-top: 0; }
#footer2 {
	width: 100%;
	height: 47px;
	margin-top: 0px;
}
#footerRLogo {
	height:40px; margin:30px 0 30px 5px; text-align:left;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

#footerLinks {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:10px;
	font-size:12px;
	font-weight:bold;
}
#footerLinks li {
	list-style:none;
}
#footerLinks li.line{
	display:block;
	padding:8px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
#footerLinks a{
	color:#444;
	text-decoration: none !important;
}
#footerLinks a.line{
	display:block;
	padding:8px 10px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#footerRLogo img {
	width: auto;
}

.sp {
    display: block;
}
.pc {
    display: none;
    visibility: hidden;
    height: 0;
}

.cS	{
	background-image: url(/assets/img/common/sitetitle.png);
	background-repeat: no-repeat;
}
.logoL {
	background-position: 0 0;
	display: block;
	width: 90px;
	height: 35px;
	text-indent: -9999px;
	background-size: 214px auto;
}
#index  {
	background-color: #fff;
}
#index #header {
    border-bottom: 1px solid #D2D2D2;
    padding: 5px 5px 1px 10px;
    position: relative;
}
#pankuzu {
	margin:5px;
}
#pankuzu li {
    float: left;
    font-size: 7px;
    margin-left: 8px;
    margin-top: 0;
	list-style-type: none;
    line-height: 1.5em;
}
#pankuzu li span {
	position:relative;
	left:4px;
	top:-1px;
}
#welcometop, .catch {
	display:none;
}
.buttonBoxW{
	text-align: right;
    margin: 20px 0;
    display: block;
}
.buttonBoxW a {
    font-size: 12px;
    font-weight: bold;
}
.pageup{
	color:#FF6600;
	text-decoration:none;
}

/************************************************************
 * CONTENTS
 ************************************************************/
#titArea, #contentArea, #searchArea {
	font-size: 14px;
}
#titArea > h1 {
	width: 100%;
}
#titArea > h2 {
	display: none;
}
#titArea > dl {
	background: #fffce8;
}
#titArea > dl > dt {
	color: #fe5000;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 5px;
	margin: 0 4% 0;
	border-bottom: solid 2px #ffd2be;
}
#titArea > dl > dd {
	position: relative;
	padding: 10px 5% 18px;
}
#titArea > dl > dd:after {
	content: "";
	width: 100%;
	height: 23px;
	background: url(/dp/ana/brand/images/about_bg.png) repeat-x;
	background-size: 17px 23px;
	-webkit-background-size: 17px 23px;
	-moz-background-size: 17px 23px;
	-ms-background-size: 17px 23px;
	position: absolute;
	left: 0;
	bottom: -23px;
}
#titArea > dl > dd img {
	width: 282px;
	margin: 0 auto 0;
	display: block;
}
#contentArea {

}

/* //searchArea */

#contentArea > h3 {
	margin: 5px 7% 16px 2%;
	padding: 3px 0 3px 1%;
	border-left: solid 4px #fe5900;
}

#sozaiList > li {
	display: inline-block;
	position: relative;
	width: 92%;
	height: auto;
	margin: 0 5% 15px 2%;
	border: solid 5px #fff29e;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms--box-sizing: border-box;
	background-color: #fffad8;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#sozaiList > li.pcOnly {
	display: none;
}
#sozaiList > li:last-child {
	margin-bottom: 0;
}

#sozaiList > li .sozaiTit {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	overflow: hidden;
	float: left;
	width: 100%;
	height: 102px;
	font-weight: bold;
	padding: 16px 154px 0 6px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms--box-sizing: border-box;
}

#sozaiList > li .sozaiAppend {
	display: inline-block;
	z-index: 10;
	position: absolute;
	top: 4px;
	right: -18px;
	padding: 5px;
	border: solid 3px #ffe5d2;
	background: #fff5ed;
	color: #ff5800;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

#sozaiList > li .sozaiPlace {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 8px;
	background: #ff5800;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

#sozaiList > li .sozaiAppend > span {
	display: block;
	position: relative;
	/*max-width: 110px;*/
}
#sozaiList > li .sozaiAppend span > span {
	content: "";
	position: absolute;
	right: -7px;
	bottom: -13px;
	/* triangle */
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 12px 0 0;
	border-color: #ffb67f transparent transparent transparent;
	/* triangle end */
}

#sozaiList > li img {
	pointer-events: none;
	position: absolute;
	right: 0;
	width: 148px;
}


#sozaiList > li a {
	/*-webkit-tap-highlight-color: rgba(0,0,0,0);*/
	display: block;
	text-decoration: none;
}

/*endtext*/
.end_text {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #ff0000;
    margin: 20px 0;
}

/* PC
----------------------------------------------------------- */
@media only screen and (min-width:737px){
	/************************************************************
	 * INIT
	 ************************************************************/
	body, input, select, textarea, table, th, td, li, a {
		font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka;
	}
	img {
		width: auto;
	}
	/************************************************************
	 * COMMON
	 ************************************************************/
	#header {
		height: 60px;
		background-image: url(/dp/ana/ua/images/bg001.gif);
		padding-top:10px;
	}
	#header ul {
		display:none;
	}
    .pc {
        display: block !important;
        visibility: visible;
	    height: auto;
    }
    .sp{
        display: none;
        visibility: hidden;
        height: 0;
    }
	.catch {
		display: block;
		color: #666;
		font-weight: bold;
		font-size: 12px;
		top: 47px;
		right: 10px;
		position: absolute;
	}
	.logoL {
		background-position: 0 0;
		display: block;
		height: 52px;
		text-indent: -9999px;
		width: 124px;
		background-size: auto;
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-ms-background-size: auto;
	}
	.cS {
		background: url(/assets/img/common/sitetitle.png) repeat scroll 0 0 transparent;
		overflow: hidden;
		position: relative;
		z-index: 100;
	}
	#welcometop {
		display:block;
	}
	#pankuzu li {
		font-size:10px;
	}
	#pankuzu li a {
		text-decoration:none;
	}
	#index {
		width: 950px;
		margin:0 auto;
	}

/* FOOTER ------------------------------------*/
div#footer {
	margin:40px auto 20px;
	text-align:left;
	width:950px;
    line-height: 1.3;
    font-size: 12px;
    color: #333333;
}

div#footer p#footLine1 {
	color:#8c817e;
	margin:20px 0;
	width:950px;
	font-size:0.75em;
}

div#footer p#footLine1 a {
	color:#999999;
}

div#footer p a {
	font-size:0.9em;
	text-decoration:none;
}

div#footer p#footLine2 {
	border-bottom:2px solid #999999;
	margin:20px 0 5px;
	width:950px;
}

#footer_Logo{
    width: 950px;
    margin: 20px auto;
    text-align: left;
}

	/************************************************************
	 * CONTENTS
	 ************************************************************/
	 #titArea, #contentArea, #searchArea {
		font-size: 13px;
	}
	#titArea > h2 {
		display: block;
	}
	#titArea > dl {
		padding: 10px 0 0;
		border-bottom: solid 5px #ddd;
	}
	#titArea > dl > dt {
		padding: 26px 0 0;
		margin: 0 0 0 20px;
		border: 0;
		background: url(/dp/ana/brand/images/about_tit.png) left top no-repeat;
		height: 0;
		width: 541px;
		margin-right: 3px;
		overflow: hidden;
	}
	#titArea > dl > dd {
		padding: 0;
	}
	#titArea > dl > dd:after {
		display: none;
	}
	#titArea > dl > dd p {
		padding: 10px 0 10px 20px;
		width: 500px;
		min-height: 130px;
	}
	#titArea > dl > dd img {
		width: 411px;
		position: absolute;
		top: -4px;
		right: 10px;
		display: inline;
	}
	#contentArea > h3 {
		padding: 3px 0 3px 5px;
		border-left: solid 4px #fe5900;
		margin: 20px 0 12px;
	}
	#mapArea {
		width: 423px;
		height: 700px;
		background: url(/dp/ana/brand/images/map_bg.png);
		float: left;
		border: solid 3px #ccc;
		border-right: none;
		position: relative;
	}
	#mapList {
		width: 100%;
		height: 100%;
		background: url(/dp/ana/brand/images/map.png) center bottom no-repeat;
		border-right: solid 5px #eee;
	}
	#mapList > li a {
		width: 19px;
		height: 26px;
		background: url(/dp/ana/brand/images/pin.png) left center no-repeat;
		display: block;
		position: absolute;
		z-index: 100;
	}
	#mapList > li a:hover {
		background: url(/dp/ana/brand/images/pin.png) right center no-repeat;
	}
	#tooltip {
		position: absolute;
		display:none;
		background: #fffce0;
		padding: 5px;
		font-weight: bold;
		color: #666;
		z-index: 100;
	}
	#sozaiList {
	width: 500px;
	height: 680px;
	overflow: scroll;
	overflow-x: hidden;
	border: solid 3px #ccc;
	border-left: none;
	padding: 20px 0 0 20px;
	position: relative;
	}
	#sozaiList > li {
		position: relative;
		width: 205px;
		height: 205px;
		margin: 0 0 30px 30px;
		border: solid 5px #fff29e;
		box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-ms--box-sizing: content-box;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
		-o-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
		-ms-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
		float: left;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	#sozaiList > li:hover {
		opacity: 0.5;
	}
	#sozaiList > li.pcOnly {
		display: inline-block;
	}
	#sozaiList > li.odd {
		margin: 0 0 25px 0;
	}
	#sozaiList > li .sozaiTit {
		display: inline-block;
		float: none;
		z-index: 20;
		width: 100%;
		height: 17px;
		background: url(/dp/ana/brand/images/sozai_bg.png);
		box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-ms--box-sizing: content-box;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		line-height: 1em;
		padding: 13px 0;
		text-align: center;
		position: absolute;
		top: auto;
		bottom: 0;
		left: auto;
	}
	#sozaiList > li .sozaiTit.multi {
		padding: 6px 0;
		height: 31px;
	}
	#sozaiList > li .sozaiAppend {
		position: absolute;
		top: 10px;
		right: -21px;
		font-size: 14px;
		font-weight: bold;
		background: #fff5ed;
		padding: 6px;
		border: solid 3px #ffe5d2;
		color: #333;
		z-index: 10;
		text-align: right;
		z-index: 10;
	}
	#sozaiList > li .sozaiAppend span {
		position: relative;
		display: inline;
		max-width: none;
	}
	#sozaiList > li .sozaiAppend span > span {
		content: "";
		position: absolute;
		right: -6px;
		bottom: -14px;
		width: 13px;
		height: 6px;
		border: none;
		background: url(/dp/ana/brand/images/sozai_shadow_pc.png) no-repeat left top;
	}
	#sozaiList > li .sozaiPlace {
		position: absolute;
		top: auto;
		bottom: 43px;
		left: 0;
		background: #ff5800;
		padding: 6px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		z-index: 10;
	}
	#sozaiList > li img {
		position: relative;
		float: none;
		width: 100%;
		padding: 0;
		right: auto;
	}
	#sozaiList > li a {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 100;
		text-decoration: none;
		cursor: pointer;
	}
}