/*-----全体構造-----*/
body{
	margin:0px;
	background-color:#1a8200;
	font-size:10pt;
	text-align:center;
}

/* design on tags */
h1, h2, h3, h4, h5, h6{
	margin:0px;
}

/* address tag for copyright. */
address{
	font-style:normal;
}

em{
	font-weight:bold;
	font-style:normal;
}

img{
	border:0px;
}

.center{
	margin:0px auto;
}

#background{
	position:relative;
	width:1000px;
	margin:0 auto;
	text-align:center;
	background-image:url(../images/base/page_bg.png);
}

#container{
	position:relative;
	width:950px;
	margin:0px auto;
	text-align:center;
}

#description{
	height:20px;
}

#description h2{
	line-height:20px;
	width:900px;
	height:20px;
	margin:0px auto;
	font-size:12px;
	font-weight:normal;
	color:#4B3921;
	text-align:left;
}

#header{
	height:450px;
	background-image:url(../images/contents/top/title_image.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#header h1{
	text-align:left;
	height:70px;
	line-height:70px;
}

#header h1 img{
	vertical-align:middle;
	margin-left:0px;
}


/* body area background */
#body{
	width:1000px;
	background-image:url(../images/base/body_middle.png);
	margin:0px auto;
}

#body .top{
	background-image:url(../images/base/body_top.png);
	width:1000px;
	height:25px;
}

#body .middle{
	width:950px;
	margin:0px auto;
}

#body .middle .column1{
	width:225px;
	float:left;
}

#body .middle .column2{
	width:725px;
	float:left;
}



#maincontentsbox{
	width:950px;
	margin:0px;
	padding:0px;
	text-align:left;
}


#maincontentsbox .body{
	width:930px;
	margin:10px;
}

#contentsbox{
	width:930px;
	margin:5px;
	padding:0px;
	text-align:left;
}

/* footer */
#footer{
	display:inline;
	float:left;
	width:950px;
	margin-left:26px;
	background-color:#5C4523;
}

#footer h6{
	width:930px;
	margin:0px 10px;
	text-align:right;
	font-size:80%;
	height:30px;
	line-height:30px;
	color:#FFFFFF;
	font-weight:normal;
}

/*-----フォント基本設定-----*/

h2,h3,h4,h5{
font-size:16px;
font-weight:normal;
}

/* under h3 */
.u_h3{
	width:705px;
	margin:0px auto;
	text-align:left;	
}

/*-----一般設定-----*/

.clear{
clear:both;
}

/* table design */
table{
	border-collapse:collapse;
	border:solid 1px #00275e;
	width:700px;
	margin:0px auto;
}

table thead{
	background-image:url(../images/base/table_h_bg.png);
	height:30px;
	color:#FFFFFF;
}

table th, table td{
	border:solid 1px #00275e;
	border-width:1px 0px;
	padding:10px;
}

table thead th{
	padding:0px 10px;
	font-size:12pt;
}

table tfoot td{
	font-weight:normal;
	color:#006600;
	font-size:9pt;
}

table colgroup.column1{
}

table colgroup.column2{
}

table colgroup.column3{
}

/* label */
div.label{
	background-image:url(../images/base/label_bg.png);
	width:160px;
	height:35px;
}

div.label .text{
	font-size:11pt;
	font-weight:bold;
	line-height:35px;
	margin-left:20px;
}

/* list */
ul li{
	text-align:left;
}

ul.l1 li{
	list-style-type:none;
	background-image:url(../images/base/list01.png);
	margin:0px 0px 15px -40px;
	padding:5px 0px 0px 50px;
	background-repeat:no-repeat;
	line-height:30px;
}

ul.l2 li{
	list-style-type:none;
	background-image:url(../images/base/list02.png);
	margin:10px 0px 0px -50px;
	padding:0px 0px 0px 30px;
	background-repeat:no-repeat;
	line-height:25px;
}

ul li .caption{
	font-weight:bold;
	margin-bottom:10px;
	line-height:40px;
}

ul li ul li{
	list-style-type:none;
	background-image:url(../images/base/list02.png);
	margin:0px 0px 0px -30px;
	padding:5px 0px 0px 30px;
	background-repeat:no-repeat;
}

li.caution{
	background-image:url(../images/base/icon/caution.png);
	margin-left:-30px;
	padding:0px;
	padding-left:40px;
	line-height:32px;
}

li.warning{
	background-image:url(../images/base/icon/error.png);
	margin-left:-30px;
	padding:0px;
	padding-left:40px;
	line-height:35px;
}

li.information{
	background-image:url(../images/base/icon/information.png);
	margin-left:-30px;
	padding:0px;
	padding-left:40px;
	line-height:32px;
}

/* bart button */
a.cart{
	display:block;
	background-image:url(../images/base/cart.png);
	width:215px;
	height:55px;
}

a.cart:hover{
	background-position:0px 55px;
}

/* eco bag button */
a.eco_bag{
	display:block;
	background-image:url(../images/base/eco_bag.png);
	width:218px;
	height:145px;
}

a.bicycle{
	display:block;
	background-image:url(../images/base/bicycle.png);
	width:218px;
	height:145px;
}

a.eco_bag:hover, a.bicycle:hover{
	background-position:0px 145px;
}