/*====================================================
		marmaille
====================================================*/

body				{	/*font-family: "メイリオ","MS PGOTHIC", "Meiryo", "ＭＳ Ｐゴシック",  "sans-serif";*/
						font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
							color: #420009;
							background-color: #FFFFFF;
							margin: 0; padding: 0;
							background	: url("../image/back.jpg") left top repeat;}

a					{	text-decoration: none; color: #333333;}

a:hover			{	/*background-color: #F7E5FF; */text-decoration: underline;}

li					{	list-style-type: none;
							text-align: left;}

.border			{	border-color: #AE3C05;
					border-style: dashed; 
					border-bottom: 1px;}

img				{ 	border-style:none; }
/*====================================================
		ページ全体
====================================================*/

#container			{	margin-left: auto; margin-right: auto;
								text-align: center;
								width: 990px; height: 100%;
								background-color: #FFFFFF;}

#header				{	float: left; margin-top: 0px; }

#topBar			{	background: url("../image/bar.jpg" ) left top repeat-x;
					height : 10px;
					width  : 100%; 
					display: block;}
					
#flow					{	text-align: left; }

#content			{	width: 670px; text-align: left; 
								float: left; }
#contentSearch		{	width: 830px; text-align: left; 
								float: left; }

#header_image		{	background: url("../image/la_marmaille_logo.jpg") no-repeat;
									margin-left: 0px; float: left;}

#pagemenu		{	text-align: left; width: 160px; height: auto;
							float: left; }
#pageright		{	text-align: left; width: 160px; height: auto;
							float: right;}

#searchBox		{	background: url("../image/search-box.jpg") left bottom no-repeat;
					width: 155px; height: 100px;
					float: left;
		    		display:block;	}
								
/*
#content_mar_out	{	width: 600px; height: 200px;}

#content_outline	{	float: left; width: 380px; margin-right: 5px;}

#kobouzu			{	background: url("../image/kobouzu.jpg") no-repeat ;
								width: 130px; height: 173px;
								float: left; margin-left: 5px;}
*/
#footer		{	background: url("../image/footer.jpg" ) left top repeat-x;
					height : 200px;
					width  : 100%; 
					display: block;}
/*
#menu-a			{	float: left; text-align: left;}

#company			{	float: left; margin-left: 170px;}

#copyright			{	float: right; text-align: right;}

#error				{	margin-left: auto; margin-right: auto;
								text-align: center;}

#page_tanhadagi	{	width: 115px; height: 250px; font-size: 0.8em;}

#area_tanhadagi	{	width: 600px; height: 100%;  margin-left: auto; margin-right: auto;
								text-align: center;}

#shopping_section	{	width: 600px; height: 100%;
									margin-left: auto; margin-right: auto;
									text-align: center;}

#shopping_inner		{	padding: 20px;}
*/


/*====================
		ロゴ
=====================*/

#header_logo	{	background: url("../image/la_marmaille_logo.jpg") left bottom no-repeat;
							width: 500px; height: 83px;
							text-align: left;
							margin-left: 0px; float: left;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px;}
/*
#header_logo:hover	{	background: url("../image/la_marmaille_logo_brown.jpg") left bottom no-repeat;
									width: 163px; height: 83px;}
*/



/*======================
		プライバシーポリシー
=======================*/

.privacy_pollicy	{	background: url("../image/privacy-pollicy.gif") left bottom no-repeat;
								width: 96px; height: 24px;
								float: left;
					    		display:block;
			    				vertical-align: bottom ;
								text-indent:-9999px; }

.privacy_pollicy:hover	{	background: url("../image/privacy-pollicy.hover.gif") left bottom no-repeat;
										width: 96px; height: 24px;}




/*=====================
		ショッピングガイド
=====================*/

.shopping_guide	{	background: url("../image/shopping-guide.gif") left bottom no-repeat;
								width: 97px; height: 23px;
								float: left;
								margin-left: 40px;
								display: block;
								vertical-align: bottom;
								text-indent: -9999px;}

.shopping_guide:hover	{	background: url("../image/shopping-guide_hover.gif") left bottom no-repeat;
										width: 97px; height: 23px; }





/*=======================
		ショッピングカート
========================*/

.shopping_cart		{	background: url("../image/Shopping-Cart.gif")  left bottom no-repeat;
								width: 127px; height: 33px;
								float: left;
								margin-left: 40px;
								margin-top: -10px;
								display: block;
								vertical-align: bottom;
								text-indent: -9999px; }

.shopping_cart:hover	{	background: url("../image/Shopping-Cart_hover.gif") left bottom no-repeat;
										width: 127px; height: 33px;}





/*==========================
		ホーム
============================*/

.index				{	background: url("../image/Sidemenu-Home.jpg") left no-repeat;
							width: 150px; height: 35px;
							display: block;
							text-decoration: none;
							vertical-align: bottom;
							text-indent: -9999px;}

.index:hover	{	background: url("../image/Sidemenu-Home_hover.jpg") left no-repeat;
							width: 150px; height: 35px;}





/*===========================
		マルマイユ
============================*/

.marmaille		{	background: url("../image/Sidemenu-LaMarmaille.jpg") left no-repeat;
							width: 150px; height: 35px;
							display: block;
							text-decoration: none;
							vertical-align: bottom;
							text-indent: -9999px;}

.marmaille:hover	{	background: url("../image/Sidemenu-LaMarmaille_hover.jpg") left no-repeat;
							width: 150px; height: 35px;}





/*===========================
		赤ちゃんの写真部屋
============================*/

.photoroom				{	background: url("../image/Sidemenu-photoroom.jpg") left no-repeat;
									width: 150px; height: 35px;
									display: block;
									text-decoration: none;
									vertical-align: bottom;
									text-indent: -9999px;}

.photoroom:hover		{	background:url("../image/Sidemenu-photoroom_hover.jpg") left no-repeat;
									width: 150px; height: 35px;}





/*==============================
		運営会社
===============================*/

.about			{	background: url("../image/Sidemenu-AboutUs.jpg") left no-repeat;
							width: 150px; height: 35px;
							display: block;
							text-decoration: none;
							vertical-align: bottom;
							text-indent: -9999px}

.about:hover	{	background: url("../image/Sidemenu-AboutUs_hover.jpg") left no-repeat;
							width: 150px; height: 35px;}





/*===============================
		プレゼント
================================*/

.present			{	background: url("../image/Sidemenu-Present.jpg") left no-repeat;
							width: 150px; height: 35px;
							display: block;
							text-decoration: none;
							vertical-align: bottom;
							text-indent: -9999px;}

.present:hover	{	background: url("../image/Sidemenu-Present_hover.jpg") left no-repeat ;
							width: 150px; height: 35px;}





/*================================
		特別企画
================================*/

.project			{	background: url("../image/Sidemenu-SpecialProject.jpg") left no-repeat;
							width: 150px; height: 35px;
							display: block;
							text-decoration: none;
							vertical-align: bottom;
							text-indent: -9999px}

.project:hover	{	background: url("../image/Sidemenu-SpecialProject_hover.jpg") left no-repeat ;
							width: 150px; height: 35px;}





/*================================
		機能素材
================================*/

.cloth				{	background: url("../image/Sidemenu-FunctionalyCloth.jpg") left no-repeat;
							width: 150px; height: 35px;
							display: block;
							text-decoration: none;
							vertical-align: bottom;
							text-indent: -9999px;}

.cloth:hover	{	background: url("../image/Sidemenu-FunctionalyCloth_hover.jpg") left no-repeat;
							width: 150px; height:35px; }





/*================================
		病院導入実績
================================*/

.results			{	background: url("../image/Sidemenu-Resulte.jpg") left no-repeat;
							width: 150px; height: 35px;
							display: block;
							text-decoration: none;
							vertical-align: bottom;
							text-indent: -9999px;}

.results:hover	{	background: url("../image/Sidemenu-Resulte_hover.jpg") left no-repeat;
							width: 150px; height: 35px;}







/*=================================
		ブログ
=================================*/

.blog				{	background: url("../image/Sidemenu-Blog.jpg") left no-repeat;
							width: 150px; height: 35px;
							display: block;
							text-decoration: none;
							vertical-align: bottom;
							text-indent: -9999px;}

.blog:hover		{	background: url("../image/Sidemenu-Blog_hover.jpg") left no-repeat;
							width: 150px; height: 35px;}





/*===================================
		リンク
====================================*/

.link				{	background: url("../image/Sidemenu-Link.jpg") left no-repeat;
							width: 150px; height: 35px;
							display: block;
							text-decoration: none;
							vertical-align: bottom;
							text-indent: -9999px;}

.link:hover		{	background: url("../image/Sidemenu-Link_hover.jpg") left no-repeat;
							width: 150px; height: 35px;}




/*===================================
		カテゴリー
===================================*/

.category			{	background: url("../image/listbtn.gif") right no-repeat;
								width: 570px; height: 50px;
								display: block;
								vertical-align: bottom;
								text-indent: -9999px;}

.category:hover	{	background: url("../image/listbtn_hover.gif") right no-repeat;
								width: 570px; height: 50px;}



/*===========================
		マルマイユ
============================*/

#sentaku-jikken			{	background: url("../image/img-sentaku-jiken.jpg") left top no-repeat;
							width: 660px; height: 204px;
							display: block;
							text-decoration: none;
							text-indent: -9999px;}

#sentaku-jikken:hover	{	background-position: -660px 0;	}

#oen-project			{	background: url("../image/oen-project.jpg") left top no-repeat;
							width: 150px; height: 150px;
							display: block;
							text-decoration: none;
							text-indent: -9999px;}

#oen-project:hover	{	background-position: -150px 0;	}

#tesoro			{	background: url("../image/tesoro.jpg") left top no-repeat;
							width: 150px; height: 200px;
							display: block;
							text-decoration: none;
							text-indent: -9999px;}

#tesoro:hover	{	background-position: -150px 0;	}

/*==================================
		詳細
===================================*/

.detail				{	background: url("../image/detail.gif") left bottom no-repeat;
								width: 49px; height: 20px;
								margin-top: -20px;
								overflow: hidden;
								display: block;
								vertical-align: bottom;
								text-indent: -9999px;
								text-align: right;
								float: right;}

.detail:hover		{	background: url("../image/detail_hover.gif") left bottom no-repeat;
								width: 49px; height: 20px;}





/*==================================
		カートボタン
===================================*/

.cart					{	background: url("../image/cart_button.gif")  bottom no-repeat;
								width: 100px; height: 30px;
								float: right;
								display: block;
								vertical-align: bottom;
								text-indent: -9999px;}

.cart:hover			{	background: url("../image/cart_button_hover.gif") bottom no-repeat;
								width: 100px; height: 30px;}




/*==================================
		入力項目確認
=================================*/

#confirmation		{	background: url("../image/confirms.gif") no-repeat;
								width: 500px; height: 80px;
								display: block;
								vertical-align: bottom;
								text-indent: -9999px;}

#confirmation:hover{	background: url("../image/confirms_hover.gif") no-repeat;}



/*==================================
		送信ボタン
===================================*/

.send					{	background: url("../image/send.gif") no-repeat;
								width: 500px; height: 80px;
								display: block;
								vertical-align: bottom;
								text-indent: -9999px;}

.send:hover			{	background: url("../image/send_hover.gif") no-repeat;}






/*==================================
		詳細ボタン
===================================*/

.detail_but				{	background: url("../image/detail_but.gif") left bottom no-repeat;
									width: 87px; height: 15px;
									margin-top: -5px;
									float: left;
									display: block;
									vertical-align: bottom;
									text-indent: -9999px;}

.detail_but:hover		{	background: url("../image/detail_but_hover.gif") left bottom no-repeat;
									width: 87px; height: 15px;}

.detail_but_small		{	background: url("../image/detail_but_small.gif") left bottom no-repeat;
									width: 75px; height: 15px;
									margin-top: -5px;
									float: left;
									display: block;
									vertical-align: bottom;
									text-indent: -9999px;}

.detail_but_small:hover		{	background: url("../image/detail_but_small_hover.gif") left bottom no-repeat;
									width: 75px; height: 15px;}





/*==================================
		カートボタン
===================================*/

.cart_but				{	background: url("../image/cart_but.gif") right bottom no-repeat;
									width: 87px; height: 15px;
									margin-top: -5px;
									float: right;
									display: block;
									vertical-align: bottom;
									text-indent: -9999px;}

.cart_but:hover		{	background: url("../image/cart_but_hover.gif") right bottom no-repeat;
									width: 87px; height: 15px;}

.cart_but_small		{	background: url("../image/cart_but_small.gif") right bottom no-repeat;
									width: 75px; height: 15px;
									margin-top: -5px;
									float: right;
									display: block;
									vertical-align: bottom;
									text-indent: -9999px;}

.cart_but_small:hover	{	background: url("../image/cart_but_small_hover.gif") right bottom no-repeat;
									width: 75px; height: 15px;}




/*==================================
		購入手続き
===================================*/

.procedure				{	background: url("../image/procedure.gif") right bottom no-repeat;
									width: 134px; height: 34px;
									display: block;
									vertical-align: bottom;
									text-indent: -9999px;}

.procedure:hover		{	background: url("../image/procedure_hover.gif") right bottom no-repeat;
									width: 134px; height: 34px;}





/*==================================
		お買い物続ける
===================================*/

.continues				{	background: url("../image/continues.gif") left bottom no-repeat;
									width: 134px; height: 34px;
									display: block;
									vertical-align: bottom;
									text-indent: -9999px;}

.continues:hover		{	background: url("../image/continues_hover.gif") left bottom no-repeat;
									width: 134px; height: 34px;}





/*==================================
		index短肌着
===================================*/

.th					{	background: url("../image/TH.gif") left bottom no-repeat;
								width: 130px; height: 137px;
								display: block;
								vertical-align: bottom;
								text-indent: -9999px;}

.th:hover			{	background: url("../image/TH_hover.gif") left bottom no-repeat;
								width: 130px; height: 137px;}





/*==================================
		index長肌着
===================================*/

.nh				{	background: url("../image/NH.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: 9999px;}

.nh:hover		{	background: url("../image/NH_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}




/*==================================
		indexマルチ短肌着
===================================*/

.mt				{	background: url("../image/MT.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: 9999px;}

.mt:hover		{	background: url("../image/MT_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}




/*==================================
		indexコンビ肌着（ノーマル）
===================================*/

.cb				{	background: url("../image/CB.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px;}

.cb:hover		{	background: url("../image/CB_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}





/*==================================
		indexコンビ肌着（えだまめ）
===================================*/

.cbe				{	background: url("../image/CBE.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px;}

.cbe:hover		{	background: url("../image/CBE_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}





/*==================================
		index2wayオール
===================================*/

.way				{	background: url("../image/2W.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px}

.way:hover		{	background: url("../image/2W_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}

/*==================================
		index Orgnic 100%
===================================*/

.og				{	background: url("../image/og.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px}

.og:hover		{	background: url("../image/og_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}


/*==================================
		indexギフトセット
===================================*/

.gs				{	background: url("../image/GS.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px;}

.gs:hover		{	background: url("../image/GS_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}





/*==================================
		index帽子
===================================*/

.bo				{	background: url("../image/BO.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px;}

.bo:hover		{	background: url("../image/BO_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}



/*==================================
		indexタイツ
===================================*/

.t2				{	background: url("../image/t2-u.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px;}

.t2:hover		{	background: url("../image/t2-u_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}




/*==================================
		indexぬくぬく肌着
===================================*/

.thk				{	background: url("../image/thk.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px;}

.thk:hover		{	background: url("../image/thk_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}






/*==================================
		indexハイネック
===================================*/

.rph				{	background: url("../image/rph.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px;}

.rph:hover		{	background: url("../image/rph_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}




/*==================================
		indexふわふわ短肌着
===================================*/

.th2				{	background: url("../image/th2.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px;}

.th2:hover		{	background: url("../image/th2_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}





/*==================================
		indexバルーンパンツオーガニック100%
===================================*/

.bpo				{	background: url("../image/bpo.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px;}

.bpo:hover		{	background: url("../image/bpo_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}




/*==================================
		indexバルーンパンツ
===================================*/

.bpc				{	background: url("../image/bpc.gif") left bottom no-repeat;
							width: 130px; height: 137px;
							display: block;
							vertical-align: bottom;
							text-indent: -9999px;}

.bpc:hover		{	background: url("../image/bpc_hover.gif") left bottom no-repeat;
							width: 130px; height: 137px;}



/*====================================================
		カテゴリーメニュー
====================================================*/

.categoryMenu		{	margin-left: auto; margin-right: auto;
								text-align: center;}


/*====================================================
		商品詳細枠
====================================================*/

#category				{	width: 600px;}

#goodsListBoxBaby	{	width: 180px; height: 380px;
						text-align: center;
						background-color: #F3F3F3;
						float: left;
						margin: 7px;}

#goodsListBox			{	width: 180px; height: 380px;
							text-align: center;
							background-color: #F3F3F3;
							float: left;
							margin: 7px;}

#goodsListBoxSide			{	width: 150px; height: 360px;
								text-align: center;
								background-color: #FFFFCC;
								margin: 7px;}
									
#goodsphoto			{	width: 160px; height: 130px; text-align: center;
								padding: 10px;}

#goodshuriSide				{	width: 150px; height: 80px;   text-align: center;}
#goodshuri				{	width: 170px; height: 80px;   text-align: center;}

.borderD					{	border: 1px #FFFFFF solid;}

.borderl					{	border: 2px #66CCff solid;}

/*====================================================
		商品詳細
====================================================*/

#picture							{	}


#detail_backcolor				{	background-color: #f3f3f3;}



/*====================================================
		注文内容
====================================================*/




/*====================================================
		お客様情報入力フォーム
====================================================*/

.textarea				{	width: 400px; height: 200px;}



/*====================================================
		休止フラグ
====================================================*/

#goodsList-flag			{ z-index: 999; margin-top: -100px; margin-bottom: 50px; }