/* CSS Document */


#date_id,#name,#address,#shipping,#tel,#fax,#email{ float:left;}
#order_item{ float:left; width:200px;}

body{ font-size:85%; font-family:Arial, Helvetica, sans-serif;}
#container{ width:750px; height:auto; border:1px solid gray;}
#header{ height:auto; background-color:#ADD06C;}

/* --------------------------------
1-1: INDEX
-------------------------------- */
#maincontents{margin-top:20px; margin-left:0px;}
#indexleft{float:left; width:300px; padding-bottom:25px; text-align:center; padding-left:25px;}
#indexright{float:left; width:380px; margin-top:25px;}

/* --------------------------------
1-2: HeaderNavigation
-------------------------------- */
div#mainNav {
	color: #B39F7E;
	background: no-repeat 0 0;
	overflow: hidden;
	height: 45px; width:750px; padding:0px; margin-top:15px;
	background: url(../img/navi_leftspace.jpg); background-repeat:repeat-x;
}
div#mainNav ul {
	list-style: none; margin:0 15px 0 30px; padding:0;
	height: 45px;
}
div#mainNav ul li {
	float: left;
	height: 45px;
}
div#mainNav ul li a {
	font-size: 1px; line-height: 1;
	text-indent: -9999px;
	float: left;
	display:block;
	overflow: hidden;
}



div#mainNav li.mnavindex a {
	background: url(../img/navi_01_lets_learn_hover.jpg) no-repeat 0 0;
	width: 143px; height: 45px;
}
div#mainNav li.mnavindex_active a {
	background: url(../img/navi_01_lets_learn_hover.jpg) no-repeat 0 0;
	width: 143px; height: 45px; background-position:  0 -45px;
}


div#mainNav li.mnavhowtohandle a {
	background: url(../img/navi_02_howtohandle_hover.jpg) no-repeat 0 0;
	width: 143px; height: 45px;
}
div#mainNav li.mnavhowtohandle_active a {
	background: url(../img/navi_02_howtohandle_hover.jpg) no-repeat 0 0;
	width: 143px; height: 45px; background-position:  0 -45px;
}


div#mainNav li.mnavcommon a {
	background:  url(../img/navi_03_fauxpas_hover.jpg) no-repeat 0 0;
	width: 142px; height: 45px;}
	
div#mainNav li.mnavcommon_active a {
	background:  url(../img/navi_03_fauxpas_hover.jpg) no-repeat 0 0;
	width: 142px; height: 45px; background-position:  0 -45px;
	}
	
	
	
div#mainNav li.mnavproducts a {
	background:  url(../img/navi_04_brochure_placemat_hover.jpg) no-repeat 0 0;
	width: 121px; height: 45px;
}
div#mainNav li.mnavproducts_active a {
	background:  url(../img/navi_04_brochure_placemat_hover.jpg) no-repeat 0 0;
	width: 121px; height: 45px; background-position:  0 -45px;
}


div#mainNav li.mnavorder a {
	background:  url(../img/navi_05_orderform_hover.jpg) no-repeat 0 0;
	width: 149px; height: 45px;
}
div#mainNav li.mnavorder_active a {
	background:  url(../img/navi_05_orderform_hover.jpg) no-repeat 0 0;
	width: 149px; height: 45px; background-position:  0 -45px;
}



div#mainNav li a:hover,div#mainNav li a:active {background-position:  0 -45px;}




#maincontents{

background-color:white;}


/* --------------------------------
1-2: Left Navigation
-------------------------------- */
#leftnavi{ width:143px; padding:15px; margin:15px; float:left;
}
#LeftLinks {
margin: 0px 0; 
padding-left: 0px; 
list-style: none;
line-height: 200%; 
}
#LeftLinks a { color:#333333;
}
#LeftLinks2 {
margin: 0px 0; 
padding-left: 0px; 
list-style: none;
line-height: 150%; 
}
#LeftLinks2 a { color:#333333;
}

#LeftLinks li.bbullet {
padding: 0 0 0 12px;
background: url(../img/allow.gif) no-repeat 0 50%;
}
#LeftLinks2 li.bbullet {
padding: 0 0 0 12px;
background: url(../img/allow.gif) no-repeat 0 50%;
}
#LeftLinks li.bbullet2 {
padding: 0 0 0 12px;
background: url(../img/allow.gif) no-repeat 0 10%;
}
#LeftLinks2 li.bbullet2 {
padding: 0 0 0 12px;
background: url(../img/allow.gif) no-repeat 0 10%;
}
/* --------------------------------
1-3: RIGHT_Contents
-------------------------------- */

#rightcontents{float:left; padding-top:25px; width:510px; margin-left:8px;
}


/* --------------------------------
1-4: Footer Navigation
-------------------------------- */

#footer{ width:750px; height:auto; background-color:#ADD06C; clear:both;}

#footerLinks {
margin: 0px 0;
padding-top:10px; 
padding-left: 90px;
list-style: none;
line-height: 100%; height:30px; 
}
#footerLinks li.bbullet_footer{ font-size:9px; float:left;
padding: 0 8px 0 20px;
background: url(../img/allow2.jpg) no-repeat 0 10%; 
}
#footerLinks li.bbullet_footer a{ color:#333333; text-decoration:none; 
}
#fooertext{ text-align:center; font-size:9px; padding:0px; line-height:12px; padding-bottom:5px;}