@charset "UTF-8";


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

	menu style.

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

#main {
	clear:           both;
	height:          360px;
	text-align:      center;
	position:        relative;
	background:      url('../img/menu/bg_main.jpg') center 0px no-repeat #111;
	margin:          0 0 60px;

}

#main > h2 {
	width:           500px;
	height:          160px;
	position:        absolute;
	top:             0;
	right:           0;
	bottom:          0;
	left:            0;
	margin:          auto;
}


/** #lnav */
/**************************************/

#lnav {
	width:           993px;
	height:          96px;
	background:      url('../img/menu/lnav_bg.png') center 0px no-repeat;
	margin:          0 0 30px;
}

#lnav ul {
	overflow:        hidden;
	text-align:      center;
}

#lnav ul li {
	line-height:     66px;
	margin:          0 20px 0;
	display:         inline-block;
	cursor:          pointer;
}

#lnav ul li a {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity:         1;
}

#lnav ul li a:hover {
	opacity:         0.85;
}

/** .blocks */
/**************************************/

.blocks {
	margin:          0 0 20px;
}

.blocks h3,
.blocks h4 {
	text-align:      center;
}

h3 {
	text-align:      center;
	border-bottom:   3px solid #9C2A2A;
	padding:         20px 0 25px;
	margin:          0 0 25px;
}

/** .pagetop */
/**************************************/

.pagetop {
	margin:          20px 0 20px;
	text-align:      right;
}

.pagetop a {
	cursor:          pointer;
	padding:         0 0 0 20px;
	background:      url('../img/menu/pagetop_icon.png') 1px center no-repeat;
}


/** .kushi */
/**************************************/

.kushi h4 {
	margin:          10px 0 20px 0;
}

.kushi h5 {
	font-size:       16px;
	font-weight:     bold;
	border-bottom:   1px solid #9C2A2A;
	margin:          0 0 25px;
	padding:         0 0 10px;
}

.kushi .block {
	overflow:        hidden;
}

.kushi .block .img {
	margin:          0 25px 0 0;
	float:           left;
}

.kushi .block .menulist {
	overflow:        hidden;
}

.kushi .block .menulist ul li {
	position:        relative;
	margin:          0 0 10px;
	padding:         0 0 10px;
	border-bottom:   1px dotted #ccc;
}

.kushi .block .menulist ul li i {
	background:      url('../img/menu/icon_recommend.png') center top no-repeat;
	display:         inline-block;
	text-indent:     -9999px;
	width:           27px;
	height:          27px;
	margin:          0 0 0 10px;
	line-height:     33px;
}

.kushi .block.center {
	margin:          0 0 40px;
}

.kushi .block.left {
	width:           475px;
	clear:           both;
	float:           left;
}

.kushi .block.right {
	width:           475px;
	float:           right;
}

/** .blocks.grid */
/**************************************/

.blocks.grid {
	margin:          0 -36px 0 0;
}

.blocks.grid .block {
	width:           221px;
	float:           left;
	margin:          0 33px 30px 0;
	text-align:      center;
}

.blocks.grid .block .img {
	position:        relative;
}

.blocks.grid .block .img i {
	background:      url('../img/menu/icon_recommend_big.png') center top no-repeat;
	display:         block;
	text-indent:     -9999px;
	width:           45px;
	height:          45px;
	position:        absolute;
	top:             -6px;
	left:            -6px;
}

.blocks.grid .block h6 {
	font-size:       13px;
	margin:          10px 0 0px;
}

/** .blocks.list */
/**************************************/

.blocks.list .block {
	float:           left;
	width:           475px;
}

.blocks.list .block.last {
	float:           right;
}

.blocks.list h4 {
	font-size:       16px;
	font-weight:     bold;
	text-align:      left;
	border-bottom:   1px solid #9C2A2A;
	margin:          0px 0 5px;
	padding:         0px 0 15px;
}

.blocks.list .block h4 span {
	font-size:       12px;
	margin-left:     5px;
}

.blocks.list .block table {
	width:           100%;
	margin:          0px 0 25px;
}

.blocks.list .block table th,
.blocks.list .block table td {
	margin:          0 0 10px;
	padding:         10px 0 10px;
	border-bottom:   1px dotted #ccc;
}

.blocks.list .block table th.shop {
	padding-left:    1em;
	font-size:       12px;
}

.blocks.list .block table th {
	font-weight:     normal;
}

.blocks.list .block table td {
	text-align:      right;
}