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




/* ____________________

   Code by SMZTKNR for TransIsle Inc.
   Created: 2009/07/24
   Updated: 2009/12/05
   ____________________ */




/* _____INITIALIZE_____ */

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 12px;
	line-height: 1em;
	background-image: url(../images/common/bg_autumn.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-color: #FFF;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1em;
	text-indent: none;
	list-style-type: none;
}
img {
	border: 0;
}
div.clear:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
*+html div.clear {
	clear: both;
	width: 0;
	height: 0;
}
#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	background: url(../images/common/nav_order_on.gif);
	background: url(../images/common/nav_product_on.gif);
	background: url(../images/common/nav_voice_on.gif);
	background: url(../images/common/nav_recipe_on.gif);
	background: url(../images/common/nav_guide_on.gif);
	background: url(../images/common/nav_bar_on.gif);
	background: url(../images/common/nav_blog_on.gif);
	background: url(../images/common/btn_order_on.gif);
	background: url(../images/common/btn_reciper_on.gif);
	background: url(../images/bar/btn_map_on.gif);
}




/* _____COMMON_____ */

div#frame {
	padding: 0 1px;
	width: 900px;
	margin: 0 auto;
	padding: 0 0 15px;
	background: url(../images/common/bg_dot_ver.gif) 0 0 repeat-y;
}
div#layout {
	margin: 0 1px;
	width: 898px;
	background: url(../images/common/bg_colorbar.gif) 0 0 no-repeat;
}
div#contents {
	margin: 15px 0 0;
}
a:link {
	color: #0099FF;
	text-decoration: underline;
}
a:visited {
	color: #3399CC;
	text-decoration: underline;
}
a:active {
	color: #336666;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
div#banner {
	clear: both;
	margin: 0 auto;
	padding: 25px 0 35px;
	width: 700px;
	text-align: center;
}




/* _____HEADER_____ */

p#message {
	padding: 10px 0;
	width: 901px;
	margin: 0 auto;
	color: #069;
	text-align: right;
	background: url(../images/common/bg_dot_hor.gif) 0 100% repeat-x;
}
p#message a {
	color: #390;
	text-decoration: underline;
}
div#header {
	margin: 0 auto;
	padding: 15px 0 0;
	width: 870px;
}
div#header h1 {
	display: block;
	float: left;
	width: 260px;
	height: 140px;
}
ul#nav {
	float: right;
	padding: 15px 0 0;
	width: 600px;
}
ul#nav li {
	float: left;
	padding: 0 5px 8px 0;
	text-indent: -99999em;
}
ul#nav li a {
	display: block;
	height: 50px;
}
#navOrder, #navOrder:hover {
	width: 120px;
	background: url(../images/common/nav_order.gif) 0 0 no-repeat;
}
#navOrder:hover {
	background: url(../images/common/nav_order_on.gif) 0 0 no-repeat;
}
#navProduct, #navProduct:hover {
	width: 320px;
	background: url(../images/common/nav_product.gif) 0 0 no-repeat;
}
#navProduct:hover {
	background: url(../images/common/nav_product_on.gif) 0 0 no-repeat;
}
#navVoice, #navVoice:hover {
	width: 140px;
	background: url(../images/common/nav_voice.gif) 0 0 no-repeat;
}
#navVoice:hover {
	background: url(../images/common/nav_voice_on.gif) 0 0 no-repeat;
}
#navRecipe, #navRecipe:hover {
	width: 145px;
	background: url(../images/common/nav_recipe.gif) 0 0 no-repeat;
}
#navRecipe:hover {
	background: url(../images/common/nav_recipe_on.gif) 0 0 no-repeat;
}
#navGuide, #navGuide:hover {
	width: 150px;
	background: url(../images/common/nav_guide.gif) 0 0 no-repeat;
}
#navGuide:hover {
	background: url(../images/common/nav_guide_on.gif) 0 0 no-repeat;
}
#navBar, #navBar:hover {
	width: 180px;
	background: url(../images/common/nav_bar.gif) 0 0 no-repeat;
}
#navBar:hover {
	background: url(../images/common/nav_bar_on.gif) 0 0 no-repeat;
}
#navBlog, #navBlog:hover {
	width: 85px;
	background: url(../images/common/nav_blog.gif) 0 0 no-repeat;
}
#navBlog:hover {
	background: url(../images/common/nav_blog_on.gif) 0 0 no-repeat;
}
li.clear {
	clear: left;
}




/* _____FOOTER_____ */

p#copyright {
	margin: 25px auto 0;
	width: 870px;
	height: 21px;
	padding: 5px 0 0 5px;
	color: #333;
	font-size: 83%;
	text-align: left;
	background-color: #CCCC00;
	background: url(../images/common/copyright.gif) 0 0 no-repeat;
}
ul#footer {
	margin: 0 auto;
	padding: 10px 0;
	width: 901px;
	text-align: center;
	background: url(../images/common/bg_dot_hor.gif) 0 0 repeat-x;
}
ul#footer li {
	display: inline;
	padding: 0 15px 0 0;
}




/* _____HOME_____ */

div#info {
	float: left;
	width: 235px;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 15px;
	background-image: url(../images/home/bg_info.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
div#info h3 {
	clear: both;
	padding: 5px 0 10px 0;
	text-align: right;
}
div#info h4 {
	padding: 10px 0 0 15px;
	color: #FF3300;
	font-weight: bold;
	line-height: 140%;
	text-align: center;
}
div#info h4 a {
	color: #FF3300;
	text-decoration: underline;
}
div#info h4 a:hover {
	color: #666;
	text-decoration: none;
}
div#info h4 span {
	font-size: 120%;
}
div#info p {
	padding: 5px 0 0 15px;
	color: #663300;
	line-height: 130%;
}
div#info p span {
	font-size: 83%;
}
div#info p strong {
	color: #F30;
	font-weight: bold;
}


div#pickupOne, div#pickupTwo {
	float: left;
	margin: 0 8px 0 15px;
	width: 301px;
	height: 301px;
	background: url(../images/home/bg_photo.gif) 0 0 no-repeat;
}
div#pickupTwo {
	margin: 0;
}
div#pickupOne p,
div#pickupTwo p {
	padding: 13px 0 0 13px;
}
div.separate {
	clear: both;
	margin: 0 auto;
	padding: 25px 0 0;
	width: 840px;
	text-align: center;
}
div#feature {
	clear: left;
	margin: 10px auto 0;
	/margin: 25px auto 0;
	padding: 0 0;
	width: 840px;
	text-align: center;
	background: url(../images/home/shiro.gif) 0 15px no-repeat;
	/background: url(../images/home/shiro.gif) 0 0 no-repeat;
}
div#feature h6 {
	float: left;
	padding: 0 0 0 85px;
	width: 245px;
	text-align: left;
}
div#feature p.text {
	float: left;
	padding: 20px 0 0 15px;
	/padding: 0 0 0 15px;
	width: 230px;
	color: #333;
	line-height: 1.4em;
	text-align: left;
}
div#feature ul.link {
	float: right;
	padding: 30px 0 0;
	/padding: 5px 0 0;
}
div#feature ul.link li {
	float: left;
	margin: 0 10px 0 0;
	width: 114px;
	height: 14px;
	text-indent: -99999em;
}
div#feature ul.link li #btnOrder,
div#feature ul.link li #btnRecipe {
	display: block;
	width: 114px;
	height: 14px;
}
div#feature ul.link li #btnOrder {
	background: url(../images/common/btn_order.gif) 0 0 no-repeat;
}
div#feature ul.link li #btnOrder:hover {
	background: url(../images/common/btn_order_on.gif) 0 0 no-repeat;
}
div#feature ul.link li #btnRecipe {
	background: url(../images/common/btn_recipe.gif) 0 0 no-repeat;
}
div#feature ul.link li #btnRecipe:hover {
	background: url(../images/common/btn_recipe_on.gif) 0 0 no-repeat;
}
div#feature .box {
	clear: left;
	float: right;
	margin: 0 7px 0 0;
	/margin: 15px 7px 0 0;
	padding: 10px;
	height: 120px;
	text-align: center;
	background-color: #F90;
}
div#feature .box img {
	margin: 0 0 5px;
	border: dotted 2px #FFF;
}
div#feature .box img:hover {
	margin: 0 0 5px;
	border: dotted 2px #999;
}
div#feature .box p {
	color: #FFF;
	font-size: x-small;
}

div#campaign {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 0;
	width: 845px;
	text-align: center;
}
div#bannerArea {
	clear: both;
	margin: 0 auto;
	padding: 25px 0 35px;
	width: 840px;
	text-align: center;
}
div#bannerArea div#productBanner {
	float: left;
	width: 700px;
}
div#bannerArea div#mobileBanner {
	float: right;
	width: 140px;
	text-align: center;
}




/* _____INNER_____ */

div.separateShort {
	clear: left;
	margin: 0 auto;
	padding: 25px 0 0;
	width: 700px;
	text-align: center;
}
div#order,
div#voice,
div#recipe,
div#guide,
div#bar,
div#links,
div#eco {
	margin: 0 auto;
	padding: 0 70px 25px;
	width: 700px;
}
div#product {
	margin: 0 auto;
	padding: 0 0 25px;
	width: 840px;
}




/* _____GUIDE_____ */

div#guide h2 {
	padding: 30px 0 15px;
}
div#guide h3,
div#guide dt,
div#guide dd,
div#guide li,
div#guide p {
	line-height: 1.4em;
}
div#guide h3 {
	margin: 15px 0 10px;
	padding: 0 0 0 10px;
	font-size: 116%;
	border-left: solid 5px #F90;
}
div#guide p {
	padding: 0 0 10px 15px;
}
div#guide p strong {
	color: #C00;
}
div#guide ul {
	padding: 0 0 10px 15px;
}
div#guide ul li {
	margin: 0 0 0 18px;
	line-height: 1.8em;
	list-style-type: disc;
}
div#guide dl {
	margin: 15px 0 0;
	padding: 0 0 10px 15px;
}
div#guide dt {
	clear: left;
	float: left;
	padding: 0 0 5px;
	width: 160px;
}
div#guide dd {
	float: left;
	padding: 0 0 5px;
	width: 510px;
}





/* _____RECIPE_____ */

div#recipe h2 {
	float: left;
	padding: 30px 0 10px;
}
div#recipe p.catch {
	float: left;
	padding: 38px 0 0 15px;
}
div#recipe div.boxL {
	_clear: left;
	float: left;
	padding: 35px 0 0;
	width: 305px;
}
div#recipe div.boxR {
	float: right;
	padding: 35px 0 0;
	width: 305px;
}
div#recipe div.boxL h3,
div#recipe div.boxR h3 {
	margin: 10px 0 20px;
	text-align: center;
}
div#recipe div.boxR h4,
div#recipe div.boxL h4 {
	text-align: center;
	color: #630;
	font-size: 12px;
}
div#recipe div.boxR p.photo,
div#recipe div.boxL p.photo {
	margin: 0 auto;
	width: 266px;
	height: 266px;
	text-align: center;
	background: url(../images/recipe/bg_photo.gif) 0 0 no-repeat;
}
div#recipe div.boxR p.photo img,
div#recipe div.boxL p.photo img {
	margin: 10px 0;
}
div#recipe div.boxR p.text,
div#recipe div.boxL p.text {
	padding: 15px 25px 5px;
	line-height: 1.6em;
	text-align: left;
}
div#recipe div.boxR p.text strong,
div#recipe div.boxL p.text strong {
	font-weight: bold;
}




/* _____BAR_____ */

div#bar h2 {
	padding: 30px 0 10px;
}
div#bar div#grotto {
	width: 700px;
	height: 300px;
	background-color: #FC0;
}
div#bar div#grotto div.photo {
	float: left;
	width: 350px;
	height: 300px;
}
div#bar div#grotto div.text {
	float: right;
	width: 350px;
	height: 300px;
	background: url(../images/bar/bg_grotto.gif) 95% 5% no-repeat;
}
div#bar div#grotto div.text p {
	padding: 15px 15px 10px 15px;
	line-height: 1.8em;
}
div#bar div#grotto div.text p span {
	font-size: 200%;
}
div#bar div#about {
	clear: both;
	margin: 15px auto 0;
	width: 680px;
	background: url(../images/bar/ph_image.jpg) 100% 5% no-repeat;
}
div#bar div#about p {
	line-height: 1.8em;
}
div#bar div#menu {
	width: 680px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#bar div#menu h3 {
}
div#bar div#menu p {
	padding: 15px 0 5px;
	line-height: 1.6em;
}
div#bar div#menu p strong {
	margin: 0 5px;
	font-size: 130%;
	font-weight: bold;
}
div#bar div#menu dl {
	margin: 0 0 0 15px;
}
div#bar div#menu dl dt {
	padding: 20px 0 0;
	color: #990;
	font-size: 113%;
	font-weight: bold;
}
div#bar div#menu dl dd {
	padding: 5px 0 0;
	color: #333;
	line-height: 1.4em;
}
div#bar div#shopinfo {
	margin: 25px auto 0;
	width: 680px;
}
div#bar div#shopinfo h3 {
	padding: 0 0 15px;
	font-size: 116%;
	font-weight: bold;
}
div#bar div#shopinfo p {
	padding: 15px 0 10px;
	width: 187px;
	height: 15px;
	text-indent: -99999em;
}
div#bar div#shopinfo p a {
	display: block;
	width: 187px;
	height: 15px;
	background: url(../images/bar/btn_map.gif) 0 0 no-repeat;
}
div#bar div#shopinfo p a:hover {
	background: url(../images/bar/btn_map_on.gif) 0 0 no-repeat;
}
div#bar div#shopinfo dl {
}
div#bar div#shopinfo dt {
	display: inline;
}
div#bar div#shopinfo dd {
	display: inline;
	margin: 0 15px 0 0;
}




/* _____PRODUCT_____ */

div#product h2 {
	padding: 30px 0 0;
	text-align: center;
}
div#product h3 {
	float: left;
	padding: 30px 0 10px;
}
div#product p.catch {
	float: left;
	padding: 42px 0 0 15px;
	color: #366;
}

div#product div.boxL {
	clear: both;
	float: left;
}
div#product div.boxR {
	float: right;
}
div#product div.boxL,
div#product div.boxR {
	margin: 10px 0 0;
	width: 400px;
}
div#product div.boxL,
div#product div.boxR {
}
div#product div.boxL h4,
div#product div.boxR h4 {
	padding: 15px 0 15px 15px;
}
div#product div.boxL ul li,
div#product div.boxR ul li {
	margin: 0 0 0 35px;
	padding: 0 0 10px;
	line-height: 1.6em;
 	list-style-type: disc;
}
div#product div.boxL ul li img,
div#product div.boxR ul li img {
	margin: 5px 0;
}
div#product div.boxL ul li strong,
div#product div.boxR ul li strong {
	padding: 0 5px;
}
div#product div.boxL div.photo,
div#product div.boxR div.photo {
	float: left;
	width: 160px;
	height: 160px;
	background: url(../images/product/bg_photo.gif) 0 0 no-repeat;
}
div#product div.boxL div.photo p,
div#product div.boxR div.photo p {
	padding: 9px 0 0 9px;
}
div#product div.boxL div.text,
div#product div.boxR div.text {
	float: right;
	width: 240px;
}
div#product div.boxL div.text p,
div#product div.boxR div.text p {
	padding: 10px 0 0 10px;
	line-height: 1.8em;
	text-align: left;
}
div#product div.boxL div.text p strong,
div#product div.boxR div.text p strong {
	color: #F60;
	font-weihgt: bold;
}
div#product div.boxL div.text p em,
div#product div.boxR div.text p em {
	color: #990;
}
div#product div.boxR div.text p span {
	width: 114px;
	height: 14px;
	text-indent: -99999em;
}
div#product div.boxR div.text p span a {
	display: block;
	width: 114px;
	height: 14px;
	background: url(../images/common/btn_order.gif) 0 0 no-repeat;
}
div#product div.boxR div.text p span a:hover {
	background: url(../images/common/btn_order_on.gif) 0 0 no-repeat;
}

div#product div.info {
	float: left;
	margin: 15px 0 0;
	width: 520px;
}
div#product div.info h4 {
	_clear: both;
	float: left;
	margin: 10px 0 0;
	width: 125px;
	text-align: right;
}
div#product div.info div.descSugar,
div#product div.info div.descGinger {
	float: right;
	width: 380px;
}
div#product div.info div.descSugar p {
	padding: 25px 0 0;
	color: #996600;
	line-height: 1.6em;
}
div#product div.info div.descGinger p {
	padding: 25px 0 0;
	color: #666600;
	line-height: 1.6em;
}
div#product div.info h5 {
	_clear: both;
	padding: 25px 0 10px 30px;
	_padding: 10px 0 10px 30px;
}
div#product div.info p.notice {
	padding: 0 0 0 45px;
	line-height: 1.6em;
}
div#product div.info p.notice strong {
	color: #066;
	font-size: 116%;
}
div#product div.yuki {
	float: right;
	margin: 50px 30px 0 0;
	width: 230px;
	text-align: center;
	border: dotted 2px #CC0;
}
div#product div.yuki h5 {
	padding: 30px 0 12px;
}
div#product div.yuki p.notice img {
	margin: 0 0 12px;
}
div#product div.yuki p.notice {
	padding: 0 0 30px;
	line-height: 1.6em;
}




/* _____ORDER_____ */

div#order h2 {
	padding: 30px 0 15px;
}
div#order div.catch {
	margin: 15px auto 0;
	width: 687px;
	height: 309px;
	background: url(../images/order/ph_order.jpg) 0 0 no-repeat;
	top: 200px;
}
div#order div.orderNotice {
	margin: 30px 10px;
	padding: 15px 15px 5px;
	border: dotted 2px #CC0;
}
div#order div.orderNotice ul {
}
div#order div.orderNotice ul li {
	margin: 0 0 0 15px;
	padding: 0 0 10px;
	font-size: 116%;
	line-height: 1.4em;
	list-style-type: disc;
}
div#order div.orderNotice ul li strong {
	color: #F30;
	font-weight: bold;
}
div#order div.orderConfirm {
	margin: 30px 10px;
	padding: 15px 15px;
	background-color: #FC0;
}
div#order div.orderConfirm p {
	color: #000;
	line-height: 1.8em;
	text-align: center;
}
div#order div.orderDone {
	margin: 30px 10px;
	padding: 15px 15px 30px;
	text-align: center;
	border: dotted 2px #CC0;
}
div#order div.orderDone h3 {
	padding: 15px 0;
	color: #F60;
	font-size: 116%;
	font-weight: bold;
}
div#order div.orderDone p {
	line-height: 1.8em;
}
div#order div.form {
}
div#order div.form h3 {
	color: #990000;
	font-size: 116%;
	padding: 0 0 15px;
	text-align: center;
}
div#order div.form dl {
}
div#order div.form dl dt {
	clear: both;
	float: left;
	padding: 0 15px 10px 0;
	width: 170px;
	font-size: 116%;
	font-weight: bold;
	line-height: 1.4em;
	text-align: right;
}
div#order div.form dd {
	float: left;
	padding: 0 0 10px 0;
	width: 450px;
	font-size: 116%;
	line-height: 1.4em;
}
div#order div.form dl dd strong {
	font-weight: bold;
	color: #F30;
}
div#order div.form dl dd select {
	font-size: 116%;
	line-height: 1.6em;
}
div#order div.form dd .highlight {
	font-weight: bold;
	color: #F06;
}
div#order div.form div.formSubmit {
	padding: 25px 0;
	text-align: center;
}
div#order div.form span.errorBox {
	font-size: 116%;
	color: #CC0000;
	font-weihgt: bold;
	line-height: 1.4em;
}



/* _____VOICE_____ */

div#voice h2 {
	padding: 30px 0 10px;
}
div#voice div.lead {
	margin: 15px auto 0;
	width: 670px;
}
div#voice div.lead div.photo {
	float: left;
	width: 170px;
}
div#voice div.lead div.text {
	float: right;
	text-align: left;
	width: 490px;
}
div#voice div.lead div.text h3 {
	padding: 0 0 15px;
}
div#voice div.lead div.text p {
	line-height: 1.6em;
}
div#voice div.lead div.text p strong {
	color: #066;
	font-weight: bold;
}
div#voice div.lead div.text p em {
	color: #333;
	font-size: 10px;
	font-style: normal;
}
div#voice div.lead div.text p .blink {
	color: #F60;
	font-weight: bold;
	font-size: 116%;
}

div#voice div.post {
	_clear: left;
	margin: 35px 15px;
	padding: 15px 0 0;
	border: solid 1px #FC0;
}
div#voice div.post h4 {
	margin: 0;
	padding: 5px 0 15px 25px;
}
*+html div#voice div.post h4 {
	margin: 0;
	padding: 5px 0 0 25px;
}
* html div#voice div.post h4 {
	margin: 0;
	padding: 5px 0 0 25px;
}
div#voice div.post dl {
	width: 500px;
}
div#voice div.post dl dt {
	clear: both;
	float: left;
	padding: 5px 5px 10px;
	width: 120px;
	height: 22px;
	font-size: 116%;
	line-height: 1.4em;
	text-align: right;
}
div#voice div.post dl dd {
	float: right;
	padding: 0 0 10px;
	width: 370px;
	text-align: left;
}
div#voice div.post dl dd #nameArea {
	width: 150px;
	height: 22px;
	line-height: 1.4em;
}
div#voice div.post dl dd #emailArea {
	width: 100px;
	height: 22px;
	line-height: 1.4em;
}
div#voice div.post dl dd #commentArea {
	width: 350px;
	height: 140px;
	line-height: 1.4em;
}
div#voice div.post p {
	clear: both;
	padding: 15px 0 30px 130px;
}
div#voice div.entries {
	clear: both;
	margin: 15px;
	padding: 15px;
	border: solid 1px #990;
}
div#voice div.entries p.name {
	padding: 0 0 10px;
	color: #960;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial, "ＭＳＰゴシック";
	line-height: 1.4em;
	border-bottom: dotted 2px #990;
}
div#voice div.entries p.comment {
	padding: 10px 25px 0;
	font-size: 116%;
	line-height: 1.6em;
}
div#voice div.devFooter {
	padding: 25px 0 0;
	color: #666;
	font-size: 83%;
	text-align: right;
}
div#voice div.logs {
	padding: 15px 0;
}




/* _____LINKS_____ */

div#links h2 {
	padding: 30px 0 15px;
}
div#links h3 {
	margin: 15px 0 15px;
	padding: 0 0 0 10px;
	font-size: 116%;
	border-left: solid 5px #F90;
}
div#links ul {
	padding: 0 0 7px 30px;
}
div#links ul li {
	padding: 0 0 8px;
	color: #666;
	line-height: 1.4em;
	list-style-type: disc;
}
div#links ul li a {
	font-size: 116%;
	font-weight: bold;
}





/* _____ECO_____ */

div#eco h2 {
	padding: 30px 0 10px;
}
div#eco h3 {
	margin: 0;
	padding: 25px 0 0;
	width: 430px;
}
div#eco div.desc {
	float: left;
	padding: 0 0 25px;
	width: 430px;
}
div#eco div.desc div.text,
div#eco div.desc ol,
div#eco div.desc ul {
	margin: 0;
	padding: 15px 0 0 20px; 
	width: 430px;
}
div#eco div.desc div.text p {
	line-height: 1.6em;
}
div#eco div.desc div.text p span,
div#eco div.desc ol li span {
	font-weight: bold;
	color: #F30;
}
div#eco div.desc div.text p a,
div#eco div.desc div.text ol a,
div#eco div.desc div.text ul a {
	font-weight: bold;
}
div#eco div.desc ul li {
	margin: 0 0 0 10px;
	padding: 0 0 10px;
	line-height: 1.4em;
	list-style-type: disc;
}
div#eco div.desc ol li {
	line-height: 1.8em;
}
div#eco div.desc ol li.one {
	padding: 0 0 10px 30px;
	height: 22px;
	line-height: 1.6em;
	background: url(../images/eco/ico_01.gif) 0 0 no-repeat;
}
div#eco div.desc ol li.two {
	padding: 0 0 10px 30px;
	line-height: 1.3em;
	background: url(../images/eco/ico_02.gif) 0 0 no-repeat;
}
div#eco div.desc ol li.three {
	padding: 0 0 10px 30px;
	line-height: 1.3em;
	background: url(../images/eco/ico_03.gif) 0 0 no-repeat;
}
div#eco div.desc ol li.four {
	padding: 0 0 10px 30px;
	line-height: 1.3em;
	background: url(../images/eco/ico_04.gif) 0 0 no-repeat;
}
div#eco div.desc ol li.five {
	padding: 0 0 10px 30px;
	height: 22px;
	line-height: 1.6em;
	background: url(../images/eco/ico_05.gif) 0 0 no-repeat;
}
div#eco div.desc ol li.six {
	padding: 0 0 0 30px;
	height: 22px;
	line-height: 1.6em;
	background: url(../images/eco/ico_06.gif) 0 0 no-repeat;
}
div#eco div.desc div.text strong {
	font-size: 120%;
	font-weight: bold;
}
div#eco div.photo {
	float: right;
	margin: 0;
	padding: 0;
	width: 240px;
}
div#eco div.photo p {
	padding: 25px 0 120px;
}
div#eco div.notice {
	clear: both;
	width: 680px;
	height: 72px;
	margin: 0 auto;
	padding: 10px;
	background: url(../images/eco/catch_notice.gif) 10px 10px no-repeat;
	border: dotted 2px #C60;
}
div#eco div.notice p {
	padding: 0 0 0 100px;
	line-height: 1.4em;
	color: #333;
}

div#contents.main_left{
	float:right;
	}

div#main_right{
	width:630px;
	float:right;
	}
#menu .year {
	font-size: 120%;
	font-weight: bold;
	color: #069;
}
#menu .cmt01 {
	color: #300;
	line-height: 130%;
}
.cmt01 ul li{
	font-size: 12px;
	line-height: 130%;
	color: #999;
	text-decoration: none;
}
#order .bag {
	padding: 10px;
}


/* Clearfix */
.clearfix {
	overflow: hidden;
	_overflow:visible;
}
.clearfix:after{
	content:".";
	line-height:0;
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-block;}
/*\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}