@charset "utf-8";
/*
CSS Information
 File name:      top.css
 Author:         Administrator
 Style Info:     /top.php
----------------------------------------------------- */
/* CSS override and Class setting
***********************************/

#content .w1 {
	width: 300px;
}
#content .w2 {
	width: 610px;
}
#content .w3 {
	width: 920px;
}
#content .h1 {
	height: 300px;
}
#content .h2 {
	height: 610px;
}
#content .h3 {
	height: 920px;
}
#content .h1 .inner {
	height: 264px;
}
#content .h2 .inner {
	height: 574px;
}
#content .h3 .inner {
	height: 884px;
}
#layout {
	position: relative;
}
#layout > section h1 {
	height: 35px;
	background-position: left top;
	background-repeat: no-repeat;
	line-height: 35px;
}
#layout > section h1 span {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#layout > section > .more {
	position: absolute;
    right: 10px;
    top: 5px;
    background-color: rgba(255,255,255,0.7);
    padding: 3px 8px;
    border: 1px solid #AEAEAE;
    border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
    text-decoration: none;
    color: #111111;
}
#layout > section > .more:hover {
	top: 6px;
}

#layout .w1 h1 {background-image: url(/img/web/common/bg_title_w1.png);}
#layout .w2 h1 {background-image: url(/img/web/common/bg_title_w2.png);}
#layout .w3 h1 {background-image: url(/img/web/common/bg_title_w3.png);}

#layout > .pannel {	margin-bottom: 10px;}
#layout > section .inner {
	position: relative;
	border: solid 1px #999;
	border-top: none;
	overflow: auto;
}
#layout > section .title {
	font-size: 108%;
	font-weight: bold;
}
#layout > section .date {
	display: block;
	padding-bottom: 5px;
	font-size: 85%;
}
#layout > section .body {
	line-height: 1.6;
}


/* #headline
***********************************/
#headline {
	margin: 0 0 10px;
	width: 920px;
	height: 40px;
	background: url(/img/web/top/bg_headline.png) left top no-repeat;
	overflow: hidden;
}
#headline .textBox {
	margin: 6px 0 0 141px;
	width: 771px;
	height: 28px;
	overflow: hidden;
}
#headline .textBox li {
	display: block;
	padding:0 10px;
	width: 751px;
	height: 28px;
	text-align: left;
	line-height: 28px;
	overflow: hidden;
}
#headline #denko input{
	padding: 0 5px;
    height: 28px;
    line-height:28px;
    width: 761px;
    border: none;
    position: absolute;
    top: 7px;
    left: 142px;
    background-color: transparent;
}

/* #secEvent
***********************************/
#secEvent .inner,
#secNews .inner {
	height: 264px;
}
#secEvent {	clear: both;}
#secEvent ul li {
	display: block;
	padding: 10px;
	border-bottom: dotted 1px #999;
}
#secEvent ul li:last-child {
	border-bottom: none;
}
#secEvent ul li .thumb {
	display: block;
	float: left;
	width: 184px;
	height: 245px;
	overflow: hidden;
}
#secEvent ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 184px;
	max-height: 245px;
	vertical-align: top;
}
#secEvent ul li .txtData {
	padding-left: 194px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#secEvent ul li.noImg .txtData {
	padding-left: 0;
}
#secEvent.w1 ul li .thumb {
	width: 120px;
	height: 160px;
}
#secEvent.w1 ul li .thumb img {
	max-width: 120px;
	max-height: 160px;
}
#secEvent.w1 ul li .txtData {
	padding-left: 130px;
}
#secEvent.w1 ul li.noImg .txtData {
	padding-left: 0;
}

/* #secNews
***********************************/
#secNews {	float: left;}
#secNews ul li {
	display: block;
	padding: 10px;
	border-bottom: dotted 1px #999;
}
#secNews ul li:last-child {
	border-bottom: none;
}
#secNews ul li .thumb {
	display: block;
	float: left;
	width: 184px;
	height: 245px;
	overflow: hidden;
}
#secNews ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 184px;
	max-height: 245px;
	vertical-align: top;
}
#secNews ul li .txtData {
	padding-left: 194px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#secNews ul li.noImg .txtData {
	padding-left: 0;
}


/* #secPickup
***********************************/
#secPickup {	float: right;}
#layout > #secPickup .inner {
	height: 300px;
	overflow: auto;
}
#secPickup ul {
	margin: 0 auto;
	padding: 10px 0 0;
}
#secPickup.w1 {
	background: url(/img/web/top/bg_pickup_w1.png) left top no-repeat;
}
#secPickup.w1 ul {
	width: 185px;
}
#secPickup ul li {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	width: 185px;
	height: 280px;
	overflow: hidden;
}
#secPickup.w1 ul li {
	margin-right: 0;
}
#secPickup ul li .thumb {
	display: block;
	width: 185px;
	height: 247px;
	overflow: hidden;
}
#secPickup ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 185px;
	max-height: 247px;
	vertical-align: top;
}
#secPickup ul li .txtData h2 {
	font-size: 108%;
	font-weight: bold;
}
#secPickup ul li .txtData .ladyProf {
	display: block;
	margin-top: 5px;
	font-size: 85%;
	color: #000;
}

/* #secSchedule
***********************************/
#secSchedule ul {
	margin: 0 auto;
	padding: 11px 0 0;
}
#secSchedule.w3 ul {
	width: 890px;
}
#secSchedule ul li {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	padding: 10px 9px;
	width: 120px;
	height: 220px;
	border: solid 1px #999;
	overflow: hidden;
}
#secSchedule.w3 ul li {
	margin: 0 10px 10px 0;
}
#secSchedule.w3 ul li:nth-of-type(6n) {
	margin-right: 0;
}
#secSchedule ul li .thumb {
	display: block;
	position: relative;
	width: 120px;
	height: 160px;
	overflow: hidden;
}
#secSchedule ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 160px;
	vertical-align: top;
}
#secSchedule ul li .photoblog {
	position: absolute;
	bottom: 0;
	left: 0;
}
#secSchedule ul li .newIcon {
	position: absolute;
	bottom: 0;
	right: 0;
}
#secSchedule ul li .photoblog img,
#secSchedule ul li .newIcon img {
	vertical-align: top;
}
#secSchedule ul li .txtData h2 {
	font-size: 108%;
	font-weight: bold;
}
#secSchedule ul li .txtData .ladyProf {
	font-size: 93%;
}
#secSchedule ul li .txtData span {
	display: block;
}
#secSchedule ul li .txtData .workTime {
	background: #000;
	color: #fff;
	text-align: center;
}
#secSchedule ul li .txtData .comment {
	margin-top: 2px;
}


/* #secNewface
***********************************/
#secNewface ul {
	margin: 0 auto;
	padding: 11px 0 0;
}
#secNewface.w3 ul {
	width: 890px;
}
#secNewface ul li {
	display: block;
	float: left;
	margin: 0 8px 8px 0;
	padding: 10px 9px;
	width: 120px;
	height: 220px;
	border: solid 1px #999;
	overflow: hidden;
}
#secNewface.w3 ul li {
	margin: 0 10px 10px 0;
}
#secNewface.w3 ul li:nth-of-type(6n) {
	margin-right: 0;
}
#secNewface ul li .thumb {
	display: block;
	position: relative;
	width: 120px;
	height: 160px;
	overflow: hidden;
}
#secNewface ul li .thumb:before {
	content: url(({$smarty.const.SSL_IMG_URL})shop/({$shop.login_id})/parts/icon_new.png);
	position: absolute;
	right: 0;
	bottom: 0;
	width: 37px;
	height: 14px;
}
#secNewface ul li .thumb img {
	width: auto;
	height: auto;
	max-width: 120px;
	max-height: 160px;
	vertical-align: top;
}
#secNewface ul li .txtData h2 {
	font-size: 108%;
	font-weight: bold;
}
#secNewface ul li .txtData .ladyProf {
	margin-top: 10px;
	font-size: 93%;
}
#secNewface ul li .txtData span {
	display: block;
}
#secNewface ul li .txtData .workTime {
	background: #000;
	color: #fff;
	text-align: center;
}