/*=============================================

LAST UP : 2009.04.13

BaseParts
├CTitle
 ├h2
 ├h3
 ├h4
 ├h5
 └h6
├Table
└Linklist

FrameHead
├h1
├Logo
├Hicon
└Htell

GlobalMenu
Pankuzu

FrameLeft
├Registration
├Sidemenu
└Verisign

FrameRight

ShopingGuide
└Gototop

FrameFoot
├Gototop
├Footmenu
└Copyright
*/


/*== Base Parts ==============================================*/

table{
	border		: none;
	text-align	: justify;
	}

td	{
	font-size	: 95%;
	line-height	: 1.4;
	}
th	{
	padding			: 2px;
	}

a:link   	{color: #333;}
a:visited	{color: #666;}
a:active 	{color: #333;}
a:hover		{color: #009fc7;text-decoration:none;}

.clear	{clear: both;}

.clearfix{
	}
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.pc	{text-align: center;}
.pr	{text-align: right;}
.psmale	{font-size: 10px;}
.big	{font-size: 100%;}
.hidden	{display: none;}
img				{margin: 0px; padding: 0px; border: 0px;}
img.PictR		{float: right; margin: 0px 0px 10px 10px;}
img.PictL		{float: left; margin: 0px 10px 10px 0px;}
p		{margin: 0.8em 0px}
textarea{
	font-size: 95%;
	line-height	: 1.4;
	}

/*-------------------------------------------------------
　ベースパーツ　▼
---------------------------------------------------------*

/*== タイトル ======================================*/
h2	{
	display		: block;
	text-align	: left;
	font-size	: 140%;
	color		: #333;
	line-height	: 1.4;
        height          : 50px;
	margin		: 0px 0px 0px 0px;
	padding		: 15px 0px 0px 25px;
	background	: url(../../site_data/cabinet/base/h2.gif) top left no-repeat;
	}

/*== タイトル ======================================*/
h3	{
	display		: block;
	text-align	: left;
	font-size	: 120%;
	color		: #009fc7;
	line-height	: 1.4;
	margin		: 15px 0px 10px 0px;
	padding		: 0px 20px 2px 25px;
	background	: url(../../site_data/cabinet/base/h3.gif) top left no-repeat;
	border-bottom: dashed 1px #c8c8c8;
	}

h4	{
	display		: block;
	text-align	: left;
	font-size	: 100%;
	line-height	: 1.4;
	margin		: 15px 0px 10px 0px;
	padding		: 8px 0px 2px 17px;
	background	: url(../../site_data/cabinet/base/h4.gif) left top no-repeat;
	}

h5	{
	display		: block;
	text-align	: left;
	font-size	: 100%;
	line-height	: 1.4;
	margin		: 15px 0px 10px 0px;
	padding		: 2px 0px 2px 5px;
	border-left	: 4px solid #41bae3;
	}

h6	{
	display		: block;
	text-align	: left;
	font-size	: 100%;
	color		: #41bae3;
	line-height	: 1.4;
	margin		: 10px 0px 5px 5px;
	padding		: 2px 0px 2px 0px;
	}

/*== テーブル ======================================*/
/*== BaseTable =============*/
#FrameRight td{
	padding		: 3px;
	}

/*== NormalTable =============*/
table.NormalTable{
	width		: auto;
	margin		: 10px 0px;
	border		: 3px solid #efefef;
	background	: #ccc;
	}
	table.NormalTable th{
		padding			: 4px;
		background		: #e7ffcb;
		}
	table.NormalTable td{
		vertical-align	: top;
		padding			: 4px;
		background		: #fff;
		}
/*== BoxTable =============*/
table.BoxTable{
	width		: auto;
	margin		: 10px 0px;
	border		: 0px;
	background	: #fff;
	}
	table.BoxTable th{
		width	        : 20%;
		vertical-align	: top;
		padding		: 4px;
		background	: #fff;
		border-left	: 3px solid #41bae3;
		}
	table.BoxTable td{
		vertical-align	: top;
		padding		: 4px;
		background	: #fff;
		border  	: 1px solid #d2d2d2;
		}

/*== ボタンつきリンク ======================================*/

a.LinkList{
	display		: block;
	margin		: 0px;
	padding		: 0px 0px 5px 18px;
	background	: url(../../site_data/cabinet/base/icon04.gif) 0px 2px no-repeat;
	}
a:hover.LinkList {
	background	: url(../../site_data/cabinet/base/icon02.gif) 0px 2px no-repeat;
	}

/*== ノーマルボックス ======================================*/
.NormalBox{
	margin		: 10px 0px 0px 0px;
	}

.NormalBoxSub{
	margin		: 10px 50px 10px 50px;
	}

/*----------------------------------------------------
　ぱんくず ▼
-----------------------------------------------------*/
.Pankuzu{
	font-size		: 80%;
	}

/*-------------------------------------------------------
　メインレイアウト　▼
---------------------------------------------------------*/

/*== Base Area ==============================================*/
body{
	position        : relative;
	color		: #333;
	line-height	: 1.5;
	font-family     : ＭＳ Ｐゴシック;/*,sans-serif*/
	width		: 950px;
	margin		: 0px auto;
	padding		: 0px;
	}

/*== FrameHead ==============================================*/
#FrameHead{
	font-size	: 95%;
	line-height	: 1;
	width		: 950px;
	height		: 75px;
	margin		: 0px;
	padding		: 0px;
	text-align	: left;
	background	: #fff;
	}
	/*== H1 ===============================================*/
	#FrameHead h1{
		z-index		: 4;
		position	: absolute;
		font-size	: 100%;
		color		: #009fc7;
		height		: 30px;
		margin		: 15px 0px 0px 10px;
		padding		: 0px;
		}
	/*== Logo ===============================================*/
	#FrameHead #Logo{
		z-index		: 3;
		position	: absolute;
		width		: 350px;
		height		: 35px;
		margin		: 32px 0px 0px 5px;
		padding		: 0px;
		}
	/*== Icon =====================================================*/
	#FrameHead #Hicon{
		z-index		: 2;
		position	: absolute;
		width		: 635px;
		height		: 60px;
		text-align	: right;
		margin		: 10px 0px 0px 0px;
		padding		: 3px 0 0 10px;
		}
	/*== Head Tell =====================================================*/
	#FrameHead #Htell{
		z-index		: 1;
		position	: absolute;
		width		: 300px;
		height		: 70px;
		margin		: 0px 0px 0px 650px;
		padding		: 3px 0px 0px 0px;
		}


/*== GlobalMenu Area ==============================================*/
ul#Gmenu{
        height          : 50px;
	margin		: 0px;
	padding		: 0px 0px 10px 0px;
	list-style-type	: none;
	border		: none;
	}
	ul#Gmenu li{
		display		: block;
		float		: left;
		margin		: 0px;
		padding		: 0px;
		}
	ul#Gmenu li a{
		display		: block;
		width		: 190px;
		height		: 50px;
		text-indent	: -10000px;
		color		: #fff;
		overflow	: hidden;
		background	: url(../../site_data/cabinet/base/gmenu.gif) no-repeat;
		}

	ul#Gmenu li a#mtop			{background-position :  0px 0px;}
	ul#Gmenu li a#mhow			{background-position : -190px -0px;}
	ul#Gmenu li a#mpay			{background-position : -380px -0px;}
	ul#Gmenu li a#mpostage		{background-position : -570px -0px;}
	ul#Gmenu li a#mcontact		{width:189px; background-position : -760px -0px;}

	ul#Gmenu li a:hover#mtop		{background-position : 0px -100px;}
	ul#Gmenu li a:hover#mhow		{background-position : -190px -100px;}
	ul#Gmenu li a:hover#mpay		{background-position : -380px -100px;}
	ul#Gmenu li a:hover#mpostage	{background-position : -570px -100px;}
	ul#Gmenu li a:hover#mcontact	{background-position : -760px -100px;}

/*== Frame Left Area ==============================================*/
#FrameLeft{
	display		: block;
	width		: 220px;
	font-size	: 95%;
	margin		: 0px;
	padding		: 0px;
	}
	/*== Registration ==============================================*/
	#FrameLeft a#registration{
		display		: block;
		width		: 201px;
		height		: 51px;
		margin		: 0px 0px 0px 5px;
		padding		: 0px;
		background	: url(../../site_data/cabinet/base/b_registration.jpg) top left no-repeat;
		}
	#FrameLeft a#registration:hover{
		background-position	: 1px 1px;
		}
		#FrameLeft a#registration span{
			display		: none;
			}
	/*== Side Menu ==============================================*/
	#FrameLeft .SM{
		width		: 210px;
		margin		: 0px;
		padding		: 7px 0px 0px 0px;
		background	: url(../../site_data/cabinet/base/sm_bg.gif) top left no-repeat;
		}
		#FrameLeft .SM h2#SMtitleasagiri{
			width		: 210px;
			height		: 36px;
			margin		: 0px 0px 10px 5px;
			padding		: 0px;
			background	: url(../../site_data/cabinet/base/sm_title_asagiri.gif) top left no-repeat;
			}
		#FrameLeft .SM h2#SMtitlefirst{
			width		: 210px;
			height		: 36px;
			margin		: 0px 0px 10px 5px;
			padding		: 0px;
			background	: url(../../site_data/cabinet/base/sm_title_first.gif) top left no-repeat;
			}
		#FrameLeft .SM h2 span{
			display		: none;
			}
	#FrameLeft .SM ul{
		width		: 180px;
		margin		: 10px 10px 10px 20px;
		padding		: 0px;
		list-style-type: none;
		}
		#FrameLeft .SM ul li{
			margin		: 0px;
			padding		: 0px;
			}
			#FrameLeft .SM ul li a{
				display		: block;
				width		: 160px;
				line-height	: 1.2;
				margin		: 0px;
				padding		: 0px 0px 5px 20px;
				background	: url(../../site_data/cabinet/base/icon01.gif) top left no-repeat;
				}
			#FrameLeft .SM ul li a:hover{
				background	: url(../../site_data/cabinet/base/icon02.gif) top left no-repeat;
				}
		#FrameLeft .SM .SMfoot{
			width		: 210px;
			height		: 10px;
			margin		: 0px;
			padding		: 0px;
			background	: url(../../site_data/cabinet/base/sm_bg.gif) bottom left no-repeat;
			}

		#FrameLeft .SM .SMtext{
			margin		: 0px 15px;
			}
		#FrameLeft .SM ol.Othermenu{
			margin		: 0px 5px;
			padding		: 0px;
			list-style-type : none;
			}
			#FrameLeft .SM ol.Othermenu li a{
				width		: 121;
				height		: 21px;
				margin		: 5px 0px;
				}
			#FrameLeft .SM ol.Othermenu li a#SMfaq{
				display		: block;
				width		: 121;
				height		: 21px;
				margin		: 5px 0px;
				background	: url(../../site_data/cabinet/base/b_sm_faq.gif) no-repeat;
				}
			#FrameLeft .SM ol.Othermenu li a#SMfaq:hover{
				background-position	: 1px 1px;
				}
				#FrameLeft .SM ol.Othermenu li a#SMfaq span{
					display		: none;
					}

			#FrameLeft .SM ol.Othermenu li a#SMmail{
				display		: block;
				width		: 121;
				height		: 21px;
				margin		: 5px 0px;
				background	: url(../../site_data/cabinet/base/b_sm_mail.gif) no-repeat;
				}
			#FrameLeft .SM ol.Othermenu li a#SMmail:hover{
				background-position	: 1px 1px;
				}
				#FrameLeft .SM ol.Othermenu li a#SMmail span{
					display		: none;
					}

	/*== Login ==============================================*/
	#FrameLeft a#Login{
		display		: block;
		width		: 170px;
		height		: 30px;
		margin		: 0px;
		padding		: 0px;
		background	: url(../../site_data/cabinet/base/b_login.jpg) 0 0 no-repeat;
		}
	#FrameLeft a:hover#Login{
		background	: url(../../site_data/cabinet/base/b_login_on.jpg) 0 0 no-repeat;
		}
		#FrameLeft a#Login span{
			display		: none;
			}

	/*== Cart Check ==============================================*/
	#FrameLeft a#Cart{
		display		: block;
		width		: 170px;
		height		: 40px;
		margin		: 0px 0px 0px 0px;
		padding		: 0px;
		background	: url(../../site_data/cabinet/base/b_cart.jpg) left bottom no-repeat;
		}
	#FrameLeft a:hover#Cart{
		background	: url(../../site_data/cabinet/base/b_cart_on.jpg) left bottom no-repeat;
		}
		#FrameLeft a#Cart span{
			display		: none;
			}
	/*== MmailMagazin ==============================================*/
	#FrameLeft a#SMmailmaga{
		display		: block;
		width		: 191px;
		height		: 101px;
		margin		: 0px 0px 0px 10px;
		padding		: 0px;
		background	: url(../../site_data/cabinet/base/b_mailmaga.jpg) 0 0 no-repeat;
		}
	#FrameLeft a:hover#SMmailmaga{
		background-position	: 1px 1px;
		}
		#FrameLeft a#SMmailmaga span{
			display		: none;
			}

	/*== VeriSign ==============================================*/
	#FrameLeft .Verisign{
		font-size	: 12px;
		line-height     : 1.5;
		margin		: 10px 15px 0px 5px;
		padding		: 50px 5px 5px 5px;
		background	: url(../../site_data/cabinet/base/verisign.gif) no-repeat #efefef;
		background-position	: 5px 5px;
		}
		#FrameLeft .Verisign img{
			padding		: 5px;
			}


/*== Frame Right Area ==============================================*/
#FrameRight{
	font-size	: 95%;
	line-height	: 1.6;
	margin: 0px 5px 0px 0px;
	}

/*== GoToPageTop ==============================================*/

	/*== GoToPageTop Long ==============================================*/
	.Gotopagetop{
		text-align	: right;
		width		: 940px;
		padding		: 15px 0px;
		}
		.Gotopagetop a{
			display		: block;
			width		: 170px;
			height		: 30px;
			margin		: 0px 0px 0px 770px;
			background	: url(../../site_data/cabinet/base/go_page_top.gif) no-repeat;
			}
		.Gotopagetop a:hover{
			background	: url(../../site_data/cabinet/base/go_page_top_on.gif) no-repeat;
			}

		.Gotopagetop a span{
			display	: none;
			}

	/*== GoToPageTop Sort ==============================================*/
	.GotopagetopS{
		text-align	: right;
		width		: 725px;
                padding          : 15px 0px;
		}
		.GotopagetopS a{
			display		: block;
			width		: 170px;
			height		: 30px;
			margin		: 0px 0px 0px 555px;
			background	: url(../../site_data/cabinet/base/go_page_top.gif) no-repeat;
			}
		.GotopagetopS a:hover{
			background	: url(../../site_data/cabinet/base/go_page_top_on.gif) no-repeat;
			}
		.GotopagetopS a span{
			display	: none;
			}


	/*== GoToPageTop Sort ==============================================*/
	.GotopagetopSExc{
		text-align	: right;
		width		: 725px;
                padding          : 15px 0px;
		}
		.GotopagetopSExc a{
			display		: block;
			width		: 170px;
			height		: 30px;
			margin		: 0px 0px 0px 555px;
			}


/*== ShopingGuide Area ==============================================*/
#ShopingGuide {
	text-align	: justify;
	line-height	: 1.4;
	font-size	: 95%;
	width		: 950px;
	margin		: 0px auto;
	padding		: 0px;
	background	: url(../../site_data/cabinet/base/sguide_bg.gif) top left no-repeat;
	}
	/*== ShopingGuide H2 ==============================================*/
	#ShopingGuide h2{
		width		: 950px;
		height		: 50px;
		margin		: 0px;
		padding		: 0px;
		background	: url(../../site_data/cabinet/base/sguide_bg.gif) left top no-repeat;
		}
		#ShopingGuide h2 span{
			display	: none;
			}
	/*== ShopingGuide H3 ==============================================*/
	#ShopingGuide h3{
		color		: #333;
		font-size	: 100%;
		margin		: 5px 0px;
		padding		: 3px 0px 3px 25px;
		border		: none;
		}
		#ShopingGuide h3.SGperation{
			background	: url(../../site_data/cabinet/base/f_icon_operation.gif) no-repeat;
			}
		#ShopingGuide h3.SGpay{
			background	: url(../../site_data/cabinet/base/f_icon_pay.gif) no-repeat;
			}
		#ShopingGuide h3.SGsend{
			background	: url(../../site_data/cabinet/base/f_icon_send.gif) no-repeat;
			}
		#ShopingGuide h3.SGcontact{
			background	: url(../../site_data/cabinet/base/f_icon_contact.gif) no-repeat;
			}

	/*== ShopingGuide H6 ==============================================090520追記
	#ShopingGuide h6{
		margin		: 2px 0px;
		padding		: 0px;
		}
	==========================================================================*/
	/*== ShopingGuide NormalTableS =====================================090513追記*/
	#ShopingGuide .NormalTableS{
		font-size	: 80%;
		margin		: 0px;
		padding		: 0px;
		border		: none;
		}
		#ShopingGuide .NormalTableS th{
			padding		: 1px;
			}
		#ShopingGuide .NormalTableS td{
			padding		: 1px;
			}
	/*== ShopingGuide Box ==============================================*/
	#ShopingGuide #SGleft{
		float		: left;
		width		: 270px;
		margin		: 0px 0px 0px 10px;
		padding		: 0px;
		}
	#ShopingGuide #SGcenter{
		display		: block;
		float		: left;
		width		: 330px;
		margin-left		: 10px;
		padding-left		: 10px;
		border-left : 2px solid #efefef;
		}
		#ShopingGuide #SGcenterCC{
			float		: left;
			width		: 165px;
			margin		: 0px;
			}
		#ShopingGuide #SGcenterNP{
			float		: left;
			width		: 140px;
			margin		: 0px;
			}
	#ShopingGuide #SGright{
		float		: left;
		width		: 280px;
		margin-left		: 10px;
		padding-left		: 10px;
		border-left : 2px solid #efefef;
		}
	/*== Contact Mail ==============================================*/
	a.ContactMail{
		display		: block;
		width		: 260px;
		height		: 40px;
		margin		: 0px;
		padding		: 0px;
		background	: url(../../site_data/cabinet/base/b_foot_mail.gif) no-repeat;
		}
	a:hover.ContactMail{
		background	: url(../../site_data/cabinet/base/b_foot_mail_on.gif) no-repeat;
		}
		a.ContactMail span{
			display		: none;
			}

#SGfoot{
	font-size	: 0px;
	width		: 950px;
	height		: 10px;
	margin		: 0px 0px 10px 0px;
	padding		: 0px;
	background	: url(../../site_data/cabinet/base/sguide_bg.gif) left bottom no-repeat;
	}

/*== FrameFoot Area ==============================================*/
#FrameFoot {
	font-size	: 12px;
	text-align	: left;
	width		: 940px;
	margin		: 0px 0px 0px 0px;
	padding		: 10px 5px;
	background	: url(../../site_data/cabinet/base/foot_bg.jpg) left bottom no-repeat;
	}

	/*== FootMenu ==============================================*/
	#FrameFoot ul#FootMenu{
		margin		: 50px 0px 10px 0px;
		padding		: 0px;
		list-style-type	: none;
		}
		#FrameFoot ul#FootMenu li{
			display		: inline;
			margin		: 0px 10px 0px 0px;
			list-style-type	: none;
			}
		#FrameFoot ul#FootMenu li a{
			padding		: 2px 0px 2px 18px;
			background	: url(../../site_data/cabinet/base/icon05.gif) top left no-repeat;
			}
			#FrameFoot ul#FootMenu li a:hover{
				background	: url(../../site_data/cabinet/base/icon06.gif) top left no-repeat;
				}


	/*== CopyRight ==============================================*/
	#FrameFoot #CopyRight{
		margin		: 15px 0px 0px 0px;
		padding		: 5px 0px 0px 100px;
		background	: url(../../site_data/cabinet/base/tokai-logo.gif) no-repeat;
		}

/*-------------------------------------------------------
　商品　エリア　▼
---------------------------------------------------------*/

#ItemMainBox{
	width		: 725px;
	margin		: 10px 0px;
	}
.ItemMainPict{
	float		: left;
	width		: 90px;
	margin		: 0px;
	padding		: 0px;
	}
.ItemMainText {
	display		: block;
	float		: left;
	width		: 270px;
	padding		: 10px 0px;
	}
.ItemMainText2L {
	background	:url(../../site_data/cabinet/item/top_item_2bg.jpg) no-repeat;
	background-position	: 0px 20px;
	}
.ItemMainText500mL {
	background	:url(../../site_data/cabinet/item/top_item_500bg.jpg) no-repeat;
	background-position	: 0px 20px;
	}
	.ItemMainText .ItemMainTextB{
			display		: block;
			margin		: 20px 0px 0px 0px;
			}
	.ItemMainText .ItemMainTextD{
			display		: block;
			position	: relative;
			line-height	: 1.4em;
			margin		: 5px 0px 0px 0px;
			padding		: 10px 10px 5px 10px;
			}
		.ItemMainText .IMTsell{
			font-size	: 100%;
			}
		.ItemMainText .IMTprice{
			color		: #ff0000;
			font-size	: 22px;
			}
		.ItemMainText .IMTsmale{
/*			font-size	: 90%;*/
			}
		.ItemMainText .IMTbig{
			display		: block;
			margin		: 0px 3px;
			font-size	: 110%;
			}
		.ItemMainText .IMTspecial{
			color		: #ff0000;
			}
		.ItemMainText .ItemMainTextD a.ItemMainTextGo{
			display		: block;
			position	: absolute;
			right		: 10px;
			top			: 30px;
			width		: 80px;
			height		: 50px;
			background	: url(../../site_data/cabinet/item/top_item_buy.jpg) no-repeat;
			margin		: 0px;
			}
		.ItemMainText .ItemMainTextD a:hover.ItemMainTextGo{
			background	: url(../../site_data/cabinet/item/top_item_buy_on.jpg) no-repeat;
			}
			.ItemMainText .ItemMainTextD a.ItemMainTextGo span{
				display		: none;
				}
/*----------------------------------------------------
　朝霧のしずく　商品詳細ページ
-----------------------------------------------------*/
/*== MainVisual==============================================*/
#ItemWMV{
	display		: block;
	width		: 725px;
	height		: 210px;
	}

/*== MainVisual ==============================================*/
.ItemWElementT {
	width		: 725px;
	height		: 44px;
	margin		: 0px;
	padding		: 0px;
	background	: url(../../site_data/cabinet/item/item_element_title.jpg) no-repeat top left;
	}
	.ItemWElementT p{
		height			: 45px;
		vertical-align	: bottom;
		margin			: 10px 0px 5px 90px;
		}
.ItemWLineupT {
	width		: 725px;
	height		: 44px;
	margin		: 0px;
	padding		: 0px;
	background	: url(../../site_data/cabinet/item/item_lineup_title.jpg) no-repeat top left;
	}
	.ItemWLineupT p{
		height			: 45px;
		vertical-align	: bottom;
		margin			: 10px 0px 5px 220px;
		}

.ItemWaterh5{
	color		: #41bae3;
	font-size	: 100%;
	margin		: 2px 0px 0px 0px;
	height		: 25px;
	padding		: 10px 0px 0px 40px;
	background	: url(../../site_data/cabinet/item/item_water_h5.jpg) no-repeat top left;
	border		: none;
	}

.Item_Price {
        color           : #ff0000;
	font-size       : 120%;
	}
.Item_Point {
	font-size       : 90%;
	}