@charset "utf-8";
/* CSS Document */


/*--------------------------------------------------*/
/*shopArea*/
/*--------------------------------------------------*/
.shopArea{
width:722px;
border:1px solid #ccc;
font-size:90%;
margin-bottom:50px;
}

.conHead
{
	padding:0;
}

.conHead div{
width:216px;
float:left;
}
* html .conHead div{width:213px;}

.conHead p{
width:185px;
padding:0 0 0 11px;
color:#bbb;
height:15px;
overflow:hidden;
font-size:80%;
background:#000;
}
.conHead ul{
width:479px;
height:249px;
overflow:hidden;
}

.shopHead
{
	width:720px;
	margin:0 auto;
	padding:40px 0;
	background:url(/contents/interior/img/shop/02/bg_about_shop.jpg) top right no-repeat;
	text-align:left;
}

.shopHead h2
{
	margin-left:20px;
}

.shopHead p
{
	margin-left:20px;
	width:408px;
	padding-bottom:1.5em;
}

.shopHead p strong
{
	display:block;
	margin-top:10px;
	margin-bottom:15px;
}

/*--------------------------------------------------*/
/*shopTabWrap*/
/*--------------------------------------------------*/

.shopTabWrap{
	clear:left;
	margin:0 auto 15px;
	padding:0;
	border:3px solid #ddd;
	border-top:none;
	width:696px;
}

* html .shopTabWrap{
	margin-top:-5px;
}

.tabAreaWrap
{
	margin:0 30px;
	padding:30px 0;
}

.tabAreaWrap .note{
	padding-top:20px;
}
.tabAreaWrap .note span{
	color:#57b439;
	font-weight:bold;
	display:block;
}


/*--------------------------------------------------*/
/*coordinateタブ　pointWrap*/
/*--------------------------------------------------*/

#coordinate h3
{
	font-size:100%;
}

#coordinate img
{
	float:right;
}

#coordinate div.grafEven img
{
	float:left;
	padding-right:35px;
}

* html #coordinate div.grafEven img
{
	padding-right:45px;
}

*:first-child+html #coordinate div.grafEven img
{
	padding-right:45px;
}

#coordinate div.grafEven p
{
	float:left;
}

#coordinate div
{
	clear:both;
	display:inline-block;
	width:636px;
}

#coordinate div.grafEven
{
	padding:25px 0;
}

#coordinate div p
{
	width:350px;
	line-height:1.7;
}

* html #coordinate div p
{
	width:342px;
}

*:first-child+html #coordinate div p
{
	width:342px;
}

#coordinate div.newitem
{
	width:595px;
}

.newitem
{
	background-color:#f6f6f6;
	border:1px solid #eceaeaea;
	padding:20px;
	position:relative
}

.newitem h3
{
	margin-bottom:20px;
	text-align:center;
}

#coordinate div.newitem p
{
	width:285px;
}

*:first-child+html #coordinate div.newitem p
{
	width:285px;
}

#coordinate div.newitem h3 img,
#coordinate .gotoNarrative img
{
	float:none;
}

.gotoNarrative
{
	clear:right;
	position:relative;
	margin-bottom:-12px;
	top:-12px;
}


/*--------------------------------------------------*/
/*prejudiceタブ　pointWrap*/
/*--------------------------------------------------*/
#prejudice .pointImg
{
	width:199px;
}

#prejudice .pointWrap
{
	border-top-width:0;
}

#prejudice .pointArea
{
	clear:both;
	padding:15px;
	letter-spacing:normal;
	border-bottom:none;
	border-top:1px solid #dddddd;
}

#prejudice p
{
	line-height:1.7;
}

#prejudice p.infoNarrative
{
	margin:20px 5px 40px;
}

.narrativeSeries
{
	margin-bottom:20px;
}

.pointWrap div
{
	float:left;
	padding:20px;
	width:161px;
	border:1px solid #eceaea;
}

.roundChair
{
	margin:0 14px 0 13px;
}

.pointWrap div p
{
	height:auto;
	min-height:19em;
}

* html .pointWrap div p
{
	height:19em;
}

.conclusion
{
	clear:left;
	padding-top:17px;
}



/*--------------------------------------------------*/
/*introWrap*/
/*--------------------------------------------------*/
.introWrap{
	width:638px;
	border:1px solid #ddd;
	margin-top:20px;
}
.introArea{
	letter-spacing:-0.4em;
	background-color:#f3f8f1;
}
.introBox{
	display:inline-block;
	/display:inline;
	/zoom:1;
	letter-spacing:normal;
	width:278px;
	padding:20px;
	vertical-align:top;
	text-align:center;
}

.introArea h4
{
	text-align:left;
	margin-bottom:10px;
	font-size:100%;
}

.introBox p{
	text-align:left;
}
.introBox em{
	font-weight:bold;
	text-align:left;
	display:block;
}
.introBox td{
	vertical-align:top;
}
.bR{
	border-right:1px solid #ddd;
	padding-right:19px;
}

.mini02
{
	float:right;
	padding-left:15px;
	padding-bottom:20px;
}



/*goNext*/
.goNext{
	text-align:right;
	padding:10px 0;
	font-size:90%;
	clear:both;
}

.goNext span{
	background:url(/contents/interior/img/shop/01/arrow_next.gif) no-repeat left 5px;
	padding-left:11px;
	color:#57b439;
	font-weight:bold;
}
/*goPrev*/
.goPrev{
	text-align:left;
	padding:10px 0;
	font-size:90%;
	clear:both;
}
.goPrev span{
	background:url(/contents/interior/img/shop/01/arrow_prev.gif) no-repeat right 5px;
	padding-right:11px;
	color:#57b439;
	font-weight:bold;
}


/*--------------------------------------------------*/
/*accessWrap*/
/*--------------------------------------------------*/
.accessWrap
{
	border:1px solid #eceaea;
	margin:0 10px 15px;
	padding:0;
	zoom:1;
}

.accessWrap h2
{
	padding:0;
	margin:0;
}

.accessWrap div,
p.accessImg
{
	display:inline-block;
	vertical-align:middle;
}

.accessWrap div
{
	width:270px;
	padding-left:25px;
}

* html .accessWrap div
{
	display:inline;
	padding-right:4px;
}

*:first-child+html .accessWrap div
{
	display:inline;
	padding-right:4px;
}

* html .accessWrap p.accessImg
{
	display:inline;
	padding:0;
	margin:0 0 -5px;
}

*:first-child+html p.accessImg
{
	display:inline;
	padding:0;
	margin:0;
	margin:0 0 -5px;
}

.accessWrap h2
{
	margin-bottom:15px;
}

.fudo
{
	margin-top:1em;
}

.accessWrap dd span
{
	text-indent:-3.5em;
	padding-left:3.5em;
	display:inline-block;
}

* html .accessWrap dd span
{
	margin-left:3.5em;
}

*:first-child+html .accessWrap dd span
{
	margin-left:3.5em;
} 
 

/*--------------------------------------------------*/
/*presentWrap*/
/*--------------------------------------------------*/
.presentWrap{
	margin:0 10px 15px;
	zoom:1;
}

.presentWrap .inner
{
	background-color:#f6f6f6;
	border:1px solid #eceaea;
	padding:25px 30px;
}

.inner p img
{
	margin-bottom:15px;
}

.presentWrap ul
{
	float:right;
}

.presentWrap ul li
{
	display:inline-block;
	width:118px;
	text-align:center;
	vertical-align:top;
}

* html .presentWrap ul li
{
	display:inline;
}

*:first-child+html .presentWrap ul li
{
	display:inline;
}

.presentEven
{
	padding:0 8px;
}

* html .presentEven
{
	padding:0 10px;
}

*:first-child+html .presentEven
{
	padding:0 10px;
}

.presentWrap ul li span
{
	display:block;
	font-size:80%;
}

.presentWrap ul li a span
{
	text-decoration:none;
}

.gotoPresent
{
	clear:right;
}

.gotoPresent a
{
	display:inline-block;
	margin-top:-20px;
}

.inner p.gotoPresent img
{
	margin-bottom:0;
}

.sp .presentItem div
{
	padding-right:2px;
}

/*--------------------------------------------------*/
/*タブ*/
/*--------------------------------------------------*/
ul.shopTab{
	width:702px;
	height:45px;
	margin:0 auto;
	border-bottom:3px solid #ddd;
}

ul.shopTab li
{
	zoom:1;
	height:45px;
	width:351px;
	background-color:#FFF;
	float:left;
	position:relative;
	top:3px;
}

ul.shopTab li img
{
	vertical-align:bottom;
}

/*--------------------------------------------------*/
/*スマートフォン対応*/
/*--------------------------------------------------*/


.sp .shopHead
{
	width:700px;
}

.sp .shopArea
{
	width:700px;
	margin:0 auto 50px;
}

.sp .shopTabWrap
{
	border-width:5px;
	width:694px;
}

.sp #coordinate div p
{
	width:auto;
}

.sp #coordinate div.grafEven
{
	padding:40px 0;
}

.sp #coordinate div.grafEven p
{
	float:none;
	width:auto;
}

.sp .accessWrap div
{
	width:auto;
	padding-left:25px;
	padding-top:25px;
}

.sp p.accessImg
{
	display:block;
	text-align:center;
	margin:25px auto;
}

.sp .newitem
{
	text-align:center;
}

.sp #coordinate .newitem img
{
	float:none;
}

.sp #coordinate div.newitem p 
{
	text-align:left;
	width:auto;
}

.sp #coordinate div.newitem p.gotoNarrative 
{
	text-align:right;
	position:static;
}


/*
.sp ul.shopTab
{
	width:680px;
	border-width:3px;
}
.sp .shopTabWrap
{
	width:674px;
	border-width:4px;
}

.sp .tabAreaWrap
{
	padding:0 6px;
}

.sp #prejudice_04 .pointTxt
{
	margin-bottom:0;
}
*/

/*--------------------------------------------------*/
/* ライトボックス */
/*--------------------------------------------------*/

#fancybox-outer
{
	width:auto;
}

#fancybox-content
{
	padding-top:10px;
	padding-left:10px;
}

#fancybox-title
{
	padding-top:10px;
}

#fancybox-close
{
	background: url(/contents/img/point/btn_close.gif) center center no-repeat;
	height:25px;
	width:25px;
	top:0;
	right:0;
}






/*--------------------------------------------------*/
/*その他*/
/*--------------------------------------------------*/
.pt10{padding-top:10px;}
.pr20{padding-right:20px;}
.pr13{padding-right:13px;}
.pr15{padding-right:15px;}
.pb13{padding-bottom:13px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.mr6{margin-right:6px;}
.mb20{margin-bottom:20px;}