/* COMMON ***********************************************************************/

html				{	height			: 100%;
						}
body				{	height			: 100%;
						margin-left		: 0;
						margin-right	: 0;
						font-size		: 0.74em;
						
						font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
						
						/*font-family : 'SimHei' 'Verdana' ,monospace;*/
						/*background	: url("../img/bk.jpg") center top repeat-y;*/
						/*background-color :#0074ab;*/
						text-align:center; }
#container 			{	margin-left:auto;
						margin-right:auto;
						text-align:left;
						width 		: 990px;	}
#mng-container		{	margin-left:auto;
						margin-right:auto;
						text-align:left;		}
#main {					width 		: 990px;
						background	: #FFF;
						margin 		: 0 0 0 0;
						padding		: 0 0 0 0;}
						
						

/* a */ 
a					{	color			:#333333;
						/*text-decoration	:none;
						border-bottom-style: dashed;
						border-bottom-color: #333333;
						border-bottom-width: 1px;*/}
a:hover				{	text-decoration	:none;
						/*border-bottom-width: 0px;*/}
a.rev				{	color			:#ffffff;}
a.pagetop			{	float	:right	}
a.baner				{	margin-left		:40px;	}

/* clear */
.clear				{	clear: both;	}

/* hr */
span.hr				{	color	:#ffffff;	}

/* strong */
strong.h1			{	font-size  :20px;
						font-weight:bold;}
strong.red			{	color :#ff0000; }
					
/* h */
h1					{   font-size:18px;}
p#top				{	margin-left: 5px;
						padding-left:0px;
						background-image: url("");
						color: #222222;
						margin-top: 0px;
						padding-top:2px; 
						vertical-align:middle;
						font-size:11px; }
h2					{	padding-left:60px;
						padding-top	:3px;
						background	: url("../img/icon_h2.jpg") left top no-repeat;
						height : 60px;
						font-size: 24px;
						}
h3					{	font-weight: bold;
						/*margin-left	:5px;
						padding-left:50px;
						padding-top	:20px;
						background	: url("../img/icon_tide_port.jpg") left center no-repeat; 
						height: 30px; 
						font-size: 16px;
						border-bottom-color: #333333;
						border-bottom-style: dashed;
						border-bottom-width: 1px; */ 
						}
h4					{	padding-top	:10px;
						margin-right:5px;
						font-size	:14px;
						text-decoration:underline;}
h4	a				{	text-decoration: none; }
h5					{	font-size	: 14px; }
h6					{	margin-bottom: 5px; }
/* span */
span				{	/*padding-bottom	:5px;*/	}
span.b				{	font-size	:20px;
						font-weight : bold;}
span.h				{	margin-left: 60px;}
span.r				{	margin-left : 70px;
						color: #0077dd;}

span.c				{	/*color		: #8c3c85;*/
						/*text-decoration:underline;*/
						border-bottom-color: #333333;
						border-bottom-style: dotted;
						border-bottom-width: 1px; 
						font-weight : bold;
						font-size	: 16px;}
span.tip			{	font-weight : bold;	}
span.tip2			{	color		: #0077dd;
						font-size	:12px;}
span.b1				{	font-size	:16px;
						font-weight : bold;
						color		:#005ba0;}
span.b2				{	font-size	:12px;
						color		:#005ba0;}
span.b3				{	font-size	:14px;
						font-weight : bold;
						color		:#005ba0;}
span.h4tip			{	color		:#005ba0;
						font-size	:14px; }
span.tab2			{	padding-left: 80px; }
/* pre */
pre					{	border-style : dotted;
						border-color : #333333;
						border-width : 1px;
						margin-left: 60px;
						width: 400px;}
pre.r				{	margin-right : 60px;
						background-color: #f8eddb;}
/* li */
ul					{	 }
li					{   font-size:13px;
						list-style-type:circle;}
/* table */
/* img	*/
img			{	vertical-align	: bottom;}
img.ir		{	padding-left	:60px; }
img#detailTopMsg	{	margin-left : 150px; }
/* p */
p			{	padding-left:10px;
				font-size	:14px;
				padding-top	:10px; }
p.tip		{	font-size	:12px;
				padding-left:100px;
				color		:#005ba0;}
p.h2		{	padding-left:90px; }
p.h3		{	padding-left:120px; }
p.h4		{	padding-left:150px; }
p.h5		{	padding-left:160px;
				color		:#005ba0;}
p.topic		{	padding-left:10px;
				padding-top	:10px;
				font-size : 12px;
				padding-bottom :5px; 
				border-bottom-color: #000000;
				border-bottom-style: dashed;
				border-bottom-width: 1px;  }
p.w			{	color		 : #ffffff;}

a#top		{	text-indent:-9999px; }
a#sample	{ 	background	: url( "../img/pr1.jpg" )  left bottom no-repeat;
						width:350px;
						height:50px;
						display:block;
						vertical-align: bottom;
						float: left;}
a#sample:hover			{	background-position: -350px 0;  }

a#koten			{ 	background	: url( "../img/pr2.jpg" )  left bottom no-repeat;
					width:350px;
					height:50px;
					display:block;
					vertical-align: bottom;
					float: left;}
a#koten:hover	{	background-position: -350px 0;  }


/* footer ******************************************************************************/
div#footer				{	clear		: both;
							position	: relative; 
							bottom		: 0px; 
							/*height		: 300px;*/
							padding-top	: 20px;
							padding-bottom:10px;
							background-color: #333333; }
div#footerLeft			{	margin-top	:10px;
							margin-left : 10px;
							float		: left; }

div#footerRight			{	margin-top	:10px;
							margin-right : 10px;}
div#footer	span		{	color		:#ffffff; }
.copyright				{ /*text-align :right;*/
							font-size	:14px;	
							margin-bottom: 0;
							padding-bottom:0;
							color: #ffffff;}
div.topblock			{	padding-top :20px;	}

hr.dot					{	border-style:dashed;
							border-width: 1px;}
.marR					{	margin-right:5px;
							float: right; 
							margin-top	:15px; }
.marR2					{	padding-right:100px;
							float: right; 
							margin-top	:80px; }


/**********************************************/
div.r				{	float:right;	}
div.l				{	float:left;		}
div.l	input			{	padding-left	: 100px; }


#topbar 			{	height			: 25px;
						width			: 100%;						
					}
#topMessage				{ padding-top: 5px;
						  margin-left: 10px;}
#topbar span			{ color : #ffffff;
						  text-align: right; }


img#titleIcon		{ padding-left : 10px ;  }

#top_refer		{ 	background	: url( "../img/top_refer.jpg" )  left bottom no-repeat;
			    	width		: 350px; height:130px;
					border		: none;
					cursor		:pointer;
					vertical-align: bottom;
					margin-left : 0;
					text-indent:-9999px;}
#top_refer:hover { 	background	: url( "../img/top_refer_s.jpg" )  left bottom no-repeat;  }
#top_refer		 {	width:350px;
					height:130px;
					display:block;}
					
#flash			 {	z-index:-1;
					display: block;}

/*****************************************************************/
/* MENE  */
/*****************************************************************/
#logo				{ 	background	: url( "../img/logo.jpg" )  left bottom no-repeat;
						width:250px;
						height:80px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px; }
#logo:hover			{	background-position: -250px 0;  }
#menuHiradoYaki		{ 	background	: url( "../img/menu_hirado_yaki.jpg" )  left bottom no-repeat;
						width:150px;
						height:25px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#menuHiradoYaki:hover { background	: url( "../img/menu_hirado_yaki_s.jpg" )  left bottom no-repeat;  }

#menuMoemon		{ 		background	: url( "../img/menu_moemon.jpg" )  left bottom no-repeat;
						width:130px;
						height:25px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#menuMoemon:hover { 	background	: url( "../img/menu_moemon_s.jpg" )  left bottom no-repeat;  }

#menuOrder		{ 		background	: url( "../img/menu_order.jpg" )  left bottom no-repeat;
						width:100px;
						height:25px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#menuOrder:hover { 		background	: url( "../img/menu_order_s.jpg" )  left bottom no-repeat;  }

#menuTakumi		{ 		background	: url( "../img/menu_takumi.jpg" )  left bottom no-repeat;
						width:100px;
						height:25px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#menuTakumi:hover { 	background	: url( "../img/menu_takumi_s.jpg" )  left bottom no-repeat;  }

#menuCart		{ 		background	: url( "../img/menu_cart.jpg" )  left bottom no-repeat;
						margin-left:20px;
						width:120px;
						height:25px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#menuCart:hover { 		background	: url( "../img/menu_cart_s.jpg" )  left bottom no-repeat;  }

#menuComp		{ 		background	: url( "../img/menu_comp.jpg" )  left bottom no-repeat;
						width:100px;
						height:25px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#menuComp:hover { 		background	: url( "../img/menu_comp_s.jpg" )  left bottom no-repeat;  }





/******************************************************************************************/
/*  レイアウト　*/
/******************************************************************************************/
div#detail			{	margin-top  : 20px;
						width       : 990px;}
div.dLeft			{	float       : left;
						margin-left : 20px;
						width       : 750px; }
						
div.dRight			{	float: right;
						/*background	: url("../img/sidebar.jpg") left top repeat-y;*/ 
						width: 220px;
						color: #333333;
						/*margin-right: 10px;*/
						/*background-color: #333333;*/
						}
div.box				{	border-left-color: #333333;
						border-left-style: solid;
						border-left-width: 1px;
						border-right-color: #333333;
						border-right-style: solid;
						border-right-width: 1px;
						width: 349px;
						/*margin-top: 1px;
						margin-bottom: 1px;*/
						/*background-color: #eeeeee;*/}
div.newsbox				{background	: url("../img/news.jpg") left top no-repeat;
						/*height		: 400px;*/
						/*margin-top: 1px;
						margin-bottom: 1px;*/
						/*background-color: #eeeeee;*/}
div.newsbox div		{	/*color : #ffffff;*/
						padding-top: 50px; 
						padding-right: 20px; }
div.newsbox a		{	/*color : #ffffff;*/}

div.noborderbox		{	width: 340px; }
div.borderbox		{	border-color : #333333;
						border-style: dashed;
						border-width: 1px; }
div.topborderbox	{	border-top-color : #333333;
						border-top-style: dashed;
						border-top-width: 1px; }
div.tlborder		{	border-top-color : #333333;
						border-top-style: dashed;
						border-top-width: 1px; 
						border-left-color : #333333;
						border-left-style: dashed;
						border-left-width: 1px;	}
div.leftbox			{	float:left;
						margin-left : 5px; 
						width: 330px;}
div.rightbox		{	float :left;
						margin-left: 25px; 
						width: 340px;}
div.centerbox		{	margin-left : 9px;
						margin-right: 9px;	
						width       : 780px;}
div.leftSmallbox	{	float:left;
						width: 150px;}

div.noborder			{	border-width : 0px ; }
div.border				{	border-width : 1px ;
							border-color: #333333;
							border-style: dotted;}




.compinfo	td	{		border-color :#aaaaaa;
						border-style: solid;
						border-width: 1px; 		}