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

shoppingTopPage

-------------------------------------------------- */

#shopTop {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	margin-top: 10px;
	background: url(../shopping/img/shop_top_back.jpg);
	background-repeat: no-repeat;
	height: 531px;
	padding-right: 20px;
	padding-left: 20px;
}

/*-------------------------------------shopTopLeft*/

#shopTop .shopTopLeft {
	float: left;
	width: 230px;
	margin-top: 50px;
}

#shopTop .shopTopLeft h1 {
	margin-bottom: 20px;
}

#shopTop .shopTopLeft h2 {
	margin-bottom: 20px;
}


#shopTop .shopTopLeft ul {
	background-color: #E6E3D8;
	margin-top: 10px;
	color: #665D2F;
}

#shopTop .shopTopLeft li {
	background-image: url(../shopping/img/ya03.gif);
	background-repeat: no-repeat;
	background-position: 6px;
	padding-left: 19px;
	padding-bottom: 3px;
}

#shopTop .shopTopLeft .lightcolor {
	background-color: #D3CA9F;
	background-image: url(../shopping/img/ya01.gif);
	background-repeat: no-repeat;
}

#shopTop .shopTopLeft ul a:link{
	text-decoration: none;
	color: #665D2F;
}

#shopTop .shopTopLeft ul a:visited{
	text-decoration: none;
	color: #665D2F;
}

#shopTop .shopTopLeft ul a:hover{
	text-decoration: underline;
	color: #665D2F; 
}

/*-------------------------------------shopTopNavi*/


#shopTop #navShopTop {
	float: right;
	width: 570px;
	margin-top: 50px;
}

#shopTop #navShopTop li {
	float: left;
	margin-right: 15px;
}

#shopTop #navShopTop .end {
	margin-right: 0px;
}



/* --------------------------------------------------

shoppingNakaPage

-------------------------------------------------- */

/*-------------------------------------productRight*/

.productRight {
	float: right;
	width: 290px;
}

.productRight h1 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.productRight p {
	margin-bottom: 35px;
}
.productRight dl {
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	margin-top: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 290px;
}

.productRight dt {
	float: left;
	width: 85px;
	clear: left;
}

.productRight dd {
	width: 200px;
	float: left;
}

/*---------------------------------------shopFoot*/

.brownArea {
	background-color: #B0A355;
	width: 100%;
	border-top-width: 9px;
	border-top-style: solid;
	border-top-color: #E9E6D9;
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
}

.aboutShopping {
	float: left;
	width: 180px;
	margin-bottom: 10px;
}

.aboutShopping ul {
	width: 180px;
	background-color: #C5BA81;
	margin-top: 10px;
	padding-bottom: 0px;
	color: #665D2F;
}

.aboutShopping li {
	background-image: url(../shopping/img/ya02.gif);
	background-repeat: no-repeat;
	background-position: 6px;
	padding-left: 16px;
	padding-bottom: 3px;
}

.aboutShopping .lightcolor {
	background-color: #D3CA9F;
	background-image: url(../shopping/img/ya01.gif);
	background-repeat: no-repeat;
}

.aboutShopping ul a:link{
	text-decoration: none;
	color: #665D2F;
}

.aboutShopping ul a:visited{
	text-decoration: none;
	color: #665D2F;
}

.aboutShopping ul a:hover{
	text-decoration: underline;
	color: #665D2F; 
}



.productIntro {
	float: right;
	width: 700px;
	margin-bottom: 10px;
}

.productIntro dl {
	width: 135px;
	color: #FFFFFF;
	margin-top: 10px;
	float: left;
	margin-right: 6px;
}

.productIntro dt {
	background-color: #736A36;
	padding-left: 5px;
}
.productIntro dd {
	padding-left: 5px;
	padding-top: 3px;
}

.productIntro .end {
	margin-right: 0px;
}

.productIntro a:link{
	text-decoration: none;
	color: #FFFFFF;
}

.productIntro a:visited{
	text-decoration: none;
	color: #FFFFFF;
}

.productIntro a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

/* --------------------------------------------------

aboutShoppingPage

-------------------------------------------------- */

#aboutShoppingMain{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	margin-top: 20px;
	padding-bottom: 30px;
}

#aboutShoppingMain h2 {
	margin-top: 30px;
	margin-bottom: 15px;
}

#aboutShoppingMain h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}


#aboutShoppingMain h4 {
	margin-top: 30px;
	margin-bottom: 15px;
}

#aboutShoppingMain dl {
	margin-top: 5px;
}

#aboutShoppingMain dt {
	font-weight: bold;
	display: inline;
	background-color: #CCCCCC;
}

#aboutShoppingMain dd {
	margin-bottom: 5px;
}

/*-------------------------------aboutShoppingMenu */

.aboutShoppingMenu {
	background-color: #FCFAF7;
	width: 894px;
	height: 50px;
	border: 3px solid #E7E3CC;
	line-height: 50px;
}

.aboutShoppingMenu ul {
	height: 50px;
	width: 820px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.aboutShoppingMenu li {
	background-image: url(../shopping/img/ya04.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	margin-right: 15px;
	padding-left: 20px;
}

.aboutShoppingMenu .end {
	margin-right: 0px;
}


.aboutShoppingMenu li a:link{
	text-decoration: none;
	color: #665D2F;
}

.aboutShoppingMenu li a:visited{
	text-decoration: none;
	color: #665D2F;
}

.aboutShoppingMenu li a:hover{
	text-decoration: underline;
	color: #665D2F; 
}

/*---------------------------------------shopTable */

.shopTable1 {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	border-collapse: collapse;
	width: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
} 

.shopTable1 th{
	border-collapse: collapse;
	padding-top: 3px;
	padding-bottom: 3px;
	background: #F5F5F5;
	text-align: justify;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
	color: #333333;

} 
 
.shopTable1 tr td{
	border-collapse: collapse;
	padding-left: 10px;
	text-align: justify;
	border: 1px solid #CCCCCC;
}

.table100{
	width: 100px;
}


.shopTable2 {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	border-collapse: collapse;
	width: 900px;

} 

.shopTable2 th{
	border-collapse: collapse;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #F5F5F5;
	font-weight: bold;
	width: 200px;
	text-align: justify;
	padding-left: 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	color: #333333;
	vertical-align: top;

} 
 
.shopTable2 tr td{
	border-collapse: collapse;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: justify;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	vertical-align: top;
} 


/*-------------------------------productIntroAbout */

.productIntroAbout {
	width: 700px;
	margin-bottom: 10px;
}

.productIntroAbout dl {
	width: 135px;
	color: #FFFFFF;
	margin-top: 10px;
	float: left;
	margin-right: 6px;
}

.productIntroAbout dt {
	background-color: #736A36;
	padding-left: 5px;
}
.productIntroAbout dd {
	padding-left: 5px;
	padding-top: 3px;
}

.productIntroAbout .end {
	margin-right: 0px;
}

.productIntroAbout a:link{
	text-decoration: none;
	color: #FFFFFF;
}

.productIntroAbout a:visited{
	text-decoration: none;
	color: #FFFFFF;
}

.productIntroAbout a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

/* --------------------------------------------------

ShoppingKakuTopPage

-------------------------------------------------- */
.shoppingEachTitle {
	float: left;
	width: 160px;
	display: block;
	padding-right: 35px;
	padding-left: 30px;
}

/*--------------------------------------sectionGroup*/

#main .sectionGroup {
	background-image: url(../img/dot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#main .section {
	float: left;
	width: 225px;
}

.section h2{
	text-align: center;
	padding-top: 5px;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: normal;
}

.section h3{
	text-align: center;
	padding-top: 5px;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: normal;
}

.section img.goDetail {
	float: right;
}

.sectionLast img.goDetail {
	float: right;
}

#banner{
	margin-top: 10px;
}