@charset "UTF-8";

/***************************************
*
*	1. guide style
*
***************************************/

/* 1. guide style */
/* ------------------------------------------------------------------------------------ */

#guideTl {
background-image: -webkit-gradient(linear, left top, left bottom, from(#c6a972), color-stop(8%, #bc9c60),to(#907749));
-webkit-box-shadow: 0 2px 2px 0px #e4e4e4;
padding: 19px;
text-align: left;
}
#guideTl h2 {
color: #fff;
text-align: center;
font-size: 16px;
line-height: 1.3em;
font-weight: bold;
}
#guide #main-contents {
	margin-top: 20px;
	margin-bottom: 36px;
	text-align: left;
	font-size: 13px;
}
#guide #main-contents .ui-link {
	color: #271c18;
	text-decoration: none;
}
#guide .intro {
	text-align: left;
	margin: 0 10px;
	padding: 0;
	font-weight: normal;
}
#guide .guideIndexWrap {
	margin: 30px 10px 10px 10px;
}
#guide .guideIndexWrap ul li {
	margin-bottom: 19px;
}
#guide .guideIndexWrap ul li a{
	display: block;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border: 2px solid #fab12d;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(60%, #ececec));
	box-shadow: -1px -1px 2px 0px #e4e4e4;
}


/* 2. common style */
/* ------------------------------------------------------------------------------------ */
/* guideLink */
ul#guideLink {
	margin: 48px 0 25px;
	background: #fff;
}
ul#guideLink li {
	border-bottom: 1px solid #f8edc4;
	text-align: left;
	font-size: 15px;
}
ul#guideLink li a {
	display: block;
	text-decoration: none;
	color: #271c18;
	font-weight: bold;
	background: url(../image/common/icoArrow05-R.png) no-repeat 98% 20px;
	padding: 18px 20px;
}

/* 2. guideShopping style */
/* ------------------------------------------------------------------------------------ */

#guide .intro h3.tl {
	border-left: 5px solid #faae24;
	padding: 3px 0 0 8px;
	font-size: 15px;
	margin-bottom: 25px;
}

#guide .guideShoppingWrap {
	margin: 0 10px 50px;
}
#guide .guideShoppingWrap h4{
	-webkit-border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	background: #faae24;
	padding: 3px 3px 2px 10px;
	color: #fff;
	font-size: 16px;
}
#guide .guideShoppingWrap h4 span.f13 {
	font-size: 13px;
}
#guide .shoppingWrapTxt {
	width: 55%;
	margin: 20px 0 0 15px;
}
#guide #shoppingImg01 {
	background: url(../image/guide/shoppingImg01.png) no-repeat right bottom;
	height: 297px
}
#guide #shoppingImg02 {
	background: url(../image/guide/shoppingImg02.png) no-repeat right bottom;
	height: 402px
}
#guide #shoppingImg03 {
	background: url(../image/guide/shoppingImg03.png) no-repeat right bottom;
	height: 323px
}
#guide #shoppingImg04 {
	background: url(../image/guide/shoppingImg04.png) no-repeat right bottom;
	height: 306px
}
#guide #shoppingImg05 {
	background: url(../image/guide/shoppingImg05.png) no-repeat right bottom;
	height: 305px
}

/* 3. guideDelivery style */
/* ------------------------------------------------------------------------------------ */

.delivWrap {
	margin: 0 10px 30px;
}
.delivWrap h4 {
	-webkit-border-top-left-radius: 3px;  
	-webkit-border-top-right-radius: 3px;  
	-webkit-border-bottom-right-radius: 3px;  
	-webkit-border-bottom-left-radius: 3px;
	background: #628e1c;
	padding: 2px;
	color: #fff;
	display: inline-block;
	margin: 0 0 7px 0;
}
.delivWrap table {
	font-size: 11px;
	border: 1px solid #c8c8c8;
	margin-bottom: 10px;
}
.delivWrap table tr th {
	font-weight: bold;
	width: 30%;
	padding: 10px 0 10px 3px;
	background: #e4ebda;
	border: 1px solid #c8c8c8;
}
.delivWrap table tr td {
	padding: 10px 3px 10px 3px;
	border: 1px solid #c8c8c8;
}
.delivWrap table tr td.fbold {
	width: 20%;
	font-size: 13px;
}

/* 4. guideExchange style */
/* ------------------------------------------------------------------------------------ */

.guidingWrap {
	margin: 0 10px 14px;
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 14px;
}
.guidingWrap p {
	margin-bottom: 20px;
}
.guidingWrap p.last {
	margin-bottom: 0;
}
.guidingWrap h4 {
	-webkit-border-top-left-radius: 3px;  
	-webkit-border-top-right-radius: 3px;  
	-webkit-border-bottom-right-radius: 3px;  
	-webkit-border-bottom-left-radius: 3px;
	background: #628e1c;
	padding: 2px;
	color: #fff;
	display: inline-block;
	margin: 0 0 7px 0;
}
.guidingUl {
	margin: 0 10px;
}
.guidingUl li {
	text-indent: -8px;
	padding-left: 10px;
	font-size: 11px;
	margin-bottom: 9px;
}