/* COMMON ***********************************************************************/
html				{	height			: 100%;
						font-family		: "Arial",monospace;
						color			: #333333;
						font-size : 62.5%;
						}
html>body 			{ font-size : 12px; }
body				{	height			: 100%;
						/*min-width		: 1000px;*/
						/*width			: auto !important;*/
						width			: 990px;
						margin-left		: auto;
						margin-right	: auto;
						font 			: 0.74em Arial, sans-serif;
						/*background-color :#f2ddee*/
						background	: url("../../common/gif/bk.gif") center top repeat-y;}
						
						/*padding 	: 0;
			margin 		: 0;
			font 		: 0.74em Arial, sans-serif;
			line-height : 1.5em;
			background 	: #F8F8F8;
			color 		: #454545;}*/
#container 			{	position		: relative;
						bottom			: 0px;
						/*height			: 100%;*/
						width			: 100%;
						margin 			: 0 auto;
						}
#main {					width 		: 990px;
						margin 		: 0 0 0 0;
						/*background-color :#ffffff;*/
						color		:#333333;
						/*border-left	: 3px solid #c5ec84;
						border-right: 3px solid #c5ec84;*/
						/*border-bottom: 1px solid #66cc00;*/
						padding		: 0 0 0 0;
						/*overflow: hidden;*/}

/* a */ 
a					{	color			:#0077dd;
						vertical-align: top;}
a:hover				{	text-decoration	:none;		}
a.rev				{	color			:#ffffff;}
a.pagetop			{	float	:right	}
/* clear */
.clear				{	clear: both;	}

/* hr */
div.hr				{	clear	:both;
						background	: url( "../../common/gif/hr.gif" )  left bottom repeat-x; }
span.hr				{	color	:#ffffff;	}

/* h3 */
h1#top				{	margin-right: 10px;
						padding-left:0px;
						color: #333333;
						font-size: 12px;
						text-align: right; }
h1#top	strong		{	font-weight: normal; }
						
h2					{	padding-left:40px;
						padding-top	:10px;
						padding-bottom :10px;}
h2.cate2			{	padding-left		: 40px;
						padding-top			: 10px;
						padding-bottom 		: 10px;
						font-size			: 16px;
						color				: #0077dd; 
						border-bottom-color	: #333333;
						border-bottom-style	: dotted;
						border-bottom-width	: 1px;
						}
h3.subtop			{	background-image	: url( "../../common/gif/bar.jpg" );
						background-repeat :no-repeat;
						background-position:left bottom;
						/*height		:40px;*/
						width       :732px;
						margin-left :30px; 
						padding-left:15px;
						padding-top	:20px;
						padding-bottom:2px;
						font-size	:12px; 
						color		:#ffffff;}

/* span */
span.tip			{	font-weight : bold;	}
span.b1				{	font-size	:16px;
						font-weight : bold;
						color		:#0077dd;}
span.b2				{	font-size	:12px;
						color		:#0077dd;
						font-weight : bold;}
span.b3				{	font-size	:14px;
						font-weight : bold;
						color		:#0077dd;}
span.tb				{	padding-left:100px; }
/* table */
table td.l	{	text-align		:left;	}
table td.r	{	text-align		:right;	}
table td.c	{	text-align		:center;	}

/* ul li*/
li			{	padding-top	: 5px;
				padding-left: 5px;
				padding-bottom : 5px;}

/*p */
p			{	padding-top :3px; }


/* class .tab */
.tab		{	padding-left : 30px; }


/* HEADER ************************************************************************/
#topbar 			{	height			: 20px;
						width			: 100%; 
						padding-top: 5px; 
					}
					
					
/* HEADER ************************************************************************/

#header				{ 	}

/* HEADER MENU ************************************************************************/
#menu				{ 	background	: url( "../../common/gif/header_line.gif" )  left bottom repeat-x;
						background-color: #0066cc;
						height:35px; }
#SeaMenu			{	float		:left; }
#todayInfomation	{	float		:right;
						color		:#ffffff;
						vertical-align: bottom;
						margin-top	:10px;
						margin-right:5px;
						}
#todayInfomation span {	font-size	:14px;}
.headerLine			{    width:100%; height:30px; }
span#headerTitle	{	color:white; font-weight:bold; font-size:18px;}
#mainIcon 			{ 	background	: url( "../../common/gif/menu_main.gif" )  left bottom no-repeat;
			    		width		: 100px; height:35px;
						border		: none;
						margin-left: 5px;
						cursor		:pointer;
						vertical-align: top;
						}
#mainIcon:hover 	{ 	background	: url( "../../common/gif/menu_main_select.gif" )  left bottom no-repeat;  }
#dataIcon 			{ 	background	: url( "../../common/gif/menu_data.gif" )  left bottom no-repeat;
			    		width		: 100px; height:35px;
						border		: none;
						cursor		:pointer;
						vertical-align: top;
						}
#dataIcon:hover 	{ 	background	: url( "../../common/gif/menu_data_select.gif" )  left bottom no-repeat;  }
#tideIcon	 		{ 	background	: url( "../../common/gif/menu_tide.gif" )  left bottom no-repeat;
			    		width		: 100px; height:35px;
						border		: none;
						cursor		:pointer;
						vertical-align: top;
						}
#tideIcon:hover 	{ 	background	: url( "../../common/gif/menu_tide_select.gif" )  left bottom no-repeat;  }
#amazonIcon	 		{ 	background	: url( "../../common/gif/menu_amazon.gif" )  left bottom no-repeat;
			    		width		: 100px; height:35px;
						border		: none;
						cursor		:pointer;
						vertical-align: top;
						}
#amazonIcon:hover 	{ 	background	: url( "../../common/gif/menu_amazon_select.gif" )  left bottom no-repeat;  }

#searchIcon 		{ 	background	: url( "../../common/gif/menu_search_shop.gif" )  left bottom no-repeat;
			    		width		: 100px; height:35px;
						border		: none;
						cursor		:pointer;
						vertical-align: top;
						}
#searchIcon:hover 	{ 	background	: url( "../../common/gif/menu_search_shop_select.gif" )  left bottom no-repeat;  }
#boardIcon 			{ 	background	: url( "../../common/gif/menu_board.gif" )  left bottom no-repeat;
			    		width		: 100px; height:35px;
						border		: none;
						cursor		:pointer;
						vertical-align: top;
						}
#boardIcon:hover 	{ 	background	: url( "../../common/gif/menu_board_select.gif" )  left bottom no-repeat;  }
#serviceIcon 		{ 	background	: url( "../../common/gif/menu_service.gif" )  left bottom no-repeat;
			    		width		: 100px; height:35px;
						border		: none;
						cursor		:pointer;
						vertical-align: top;
						}
#serviceIcon:hover 	{ 	background	: url( "../../common/gif/menu_service_select.gif" )  left bottom no-repeat;  }
#profileIcon 		{ 	background	: url( "../../common/gif/menu_profile.gif" )  left bottom no-repeat;
			    		width		: 100px; height:35px;
						border		: none;
						cursor		:pointer;
						vertical-align: top;
						}
#profileIcon:hover 	{ 	background	: url( "../../common/gif/menu_profile_select.gif" )  left bottom no-repeat;  }
#impressionIcon 	{ 	background	: url( "../../common/gif/menu_impression.gif" )  left bottom no-repeat;
			    		width		: 100px; height:35px;
						border		: none;
						cursor		:pointer;
						vertical-align: top;
						}
#impressionIcon:hover{ 	background	: url( "../../common/gif/menu_impression_select.gif" )  left bottom no-repeat;  }
/******************************************************************************************
 * infomation
 ******************************************************************************************/
div#infomation		{	background-color:#ddeeff;
						margin-top		:5px;
						padding-bottom	:5px;
						}
div#infomation li	{	text-decoration	:underline;	} 
 
div#child	p		{	margin-left	: 10px;	} 

/* SubHeader *****************************************************************/

img#titleIcon		{		padding-left	:10px;	}
span#titleMsg		{		font-size		:23px;
							font-weight		:900;
							color			:#3399ff;	}
							
span.titleSubMsg	{		font-size		:14px;
							font-weight		:500;
							padding-left	:50px;	}
span.titleSubMsgU	{		font-size		:14px;
							font-weight		:500;
							margin-left	:50px;
							border-bottom-style: dotted;
							border-bottom-color: #545454;
							border-bottom-width: 1px;	}
span.titleSubMsg1	{		font-size		:16px;
							font-weight		:500;
							padding-left	:50px;
							padding-top		:10px;	}							
span.titleSubMsg2	{		font-size		:11px;
							font-weight		:500;
							padding-left	:50px;	}
span.titleSubMsg3	{		font-size		:11px;
							font-weight		:500;
							padding-left	:50px;	
							color			:#0077dd;}							
span.msgTideInfo	{		font-size		:13px;
							font-weight		:bold; }

/******************************************************************************************/
/*  レイアウト　*/
/******************************************************************************************/
div#detail			{	width       : 990px;
					}

div.dLeft			{	float: left;
						width: 770px;
						color: #333333;
						
						}
						
div.dRight			{	float       : right;
						width       : 210px; 
						margin-bottom:0px;
						margin-right:0px;
						padding-right:0px;
						background-color: #cccccc;
						/*border-left-color: #0066cc;
						border-left-style: dotted;
						border-left-width: 4px;*/ 
						}
	
	
div.box				{	border-color: #429941;
						border-style: solid;
						border-width: 1px; }
						
div.boxGreen		{	border-color: #429941;
						border-style: solid;
						border-width: 4px; 
						width: 700px;}
						
div.newsbox				{	background	: url("../img/news.jpg") left top no-repeat;
						height: 202px;
						/*margin-top: 1px;
						margin-bottom: 1px;*/
						/*background-color: #eeeeee;*/}
div.newsbox div		{	/*color : #ffffff;*/
						padding-top: 50px; }
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: 375px;}
div.rightbox		{	float :left;
						margin-left: 25px; 
						/*width: 360px;*/}
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;}

/****************************************************************************
 * SEARCH 
 ****************************************************************************/
#search				{ 	background-color: #aaaaaa;
						width: 200px;
						margin-left: 5px;
						margin-top: 5px;
						padding-top: 10px;
						margin-bottom: 10px; 
						 }   
	
#bookmark			{ 	background-color: #aaaaaa;
						width: 200px;
						margin-left: 5px;
						margin-top: 5px;
						margin-bottom: 10px;   
						padding-top: 10px;
						padding-bottom: 3px; 
					}
/****************************************************************************
 * USER INFOMATION 
 ****************************************************************************/

#user				{	/*float	:right;*/
						/*background	:url("../../common/gif/user_frame.gif") left top repeat-y;*/
						background-color: #aaaaaa;
						width: 200px;
						margin-left: 5px;
						margin-top: 10px;
						margin-bottom: 10px;   
						padding-top: 5px; 
						}
						
div#user div#u1			{	margin-top  :25px;
							padding-left: 10px}
div#user div#u2			{	margin-top  :20px;
							padding-left: 10px;
							padding-bottom:20px; }
div#u2	a				{   }
input#login				{	background	:url("../../common/gif/login.gif") left top no-repeat;
							cursor 		:pointer;
							padding-left:15px;
							margin-left :15px;
							font-size	:13px;
							height		:32px;
							width		:154px;
							border		:0px;
							}
input#login:hover		{	background	:url("../../common/gif/login_s.gif") left top no-repeat;}
a#newAccount			{	background	: url( "../../common/gif/icon_item_large_gray.gif" )  left center no-repeat;
							padding-left: 15px;
							font-size	:9px;} 

/**** USER FORM ****/
div#loginForm img		{	float			:left;
							padding-left	:20px;
							padding-top		:10px; }
div#userInput			{	clear			:both;
							padding-top		:10px; }
div#userInput table		{	width			:100%; }
div#userInput span		{	background		: url( "../../common/gif/icon_item_small_black.gif" )  left bottom no-repeat;
							padding-left	:15px;}
div#userInput span#subMsg	{	font-size		:10px;
								/*background		: url( "" )*/}
div#userControl			{	padding-top		:20px;
							padding-bottom	:20px;}
input#buttonLogin		{	background		: url( "../../common/gif/button_login.gif" )  left top no-repeat;
							border			: 0px;
							height			: 20px;
							width			: 60px;
							cursor 			:pointer;}
input#buttonLogin:hover	{	background		: url( "../../common/gif/button_login_select.gif" )  left top no-repeat;}
input#buttonCancel		{	background		: url( "../../common/gif/button_cancel.gif" )  left top no-repeat;
							border			: 0px;	
							height			: 15px;
							width			: 90px;
							cursor 			:pointer;
							margin-left		:50px;}
input#buttonCancel:hover{	background		: url( "../../common/gif/button_cancel_select.gif" )  left top no-repeat;}

/* USER NAME */
div#user div#ul1		{	margin-top  :10px;
							margin-left	:5px;
							color		:#ffffff;}
div#userInfo			{	margin-top	:10px;
							margin-left	:5px;}
img#kindIcon			{	float		:right;
							margin-top	:-5px;
							margin-right:5px;}
span#loginTitle			{	font-size	:11px;
							padding-left:2px;
							text-decoration		: underline; }
span#userName			{ 	font-size	:11px;}
span#jnm				{   font-weight	:bold; }
span#userTitle			{   font-size	:11px; }

div#user div#ul2		{	margin-top  :25px;
							margin-left	:5px;
							color		:#ffffff;}
div#ul2 input			{	margin-bottom:10px; }
input#userEdit			{	background	: url("../../common/gif/button_user_edit.gif") left bottom no-repeat;
							border		: 0px;
							height		: 20px;
							width		: 40px;
							cursor		: pointer;
							margin-left	: 3px;}
input#userEdit:HOVER	{	background	: url("../../common/gif/button_user_edit_select.gif") left bottom no-repeat; }							
							
input#userLogout		{	background	: url("../../common/gif/button_user_logout.gif") left bottom no-repeat;
							border		: 0px;
							height		: 20px;
							width		: 60px;
							cursor		: pointer;
							margin-left	: 3px;}
input#userLogout:HOVER	{	background	: url("../../common/gif/button_user_logout_select.gif") left bottom no-repeat; }

h2.blockMsg				{	color		: #545454;}

div#tideBook			{	}
div#tideBook	span#tideBookTitle	{	padding-left	: 10px;
										padding-right	: 18px;
										text-decoration	: underline;
										cursor			: pointer;
										background		: url( "../../common/gif/icon_item_small.gif" )  right bottom no-repeat;}

ul#tideBookList			{	margin-top	: 5px;
							padding-left: 20px; }
div#tideBook	a		{	color		: #FFFFFF; }


/* footer ************************************************************************/
#footer					{	background-color: #0066cc; }


/****************************************************************************************************************/

/* calendar ****************************************************************************/
table.calendar 					{	padding		:0;
									margin		:0px; }
table.calendar tr.headline td	{	font-size	:10px; }
table.calendar th 				{	text-align	:left;
									font-family	:"Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
									font-size	:13px;
									color		:#333333; }
table.calendar th span 			{	font-family	:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
									cursor		:pointer;
									float		:right; }
table.calendar td 				{	border-bottom: solid 1px #CCCCCC;
									text-align	:center;
									width		:25px;
									height		:20px;
									vertical-align: middle;
									font-family	:"Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
									line-height	:normal;
									font-size	:10px;
									color		:#333333; }
table.calendar td.click 		{	cursor		:pointer;
									background-color: #FFFFFF; }
table.calendar td.Today 		{	font-weight	:bolder;
									color		:#ffffff;
									font-size	:14px; 
									background-color: #545454;}
table.calendar td.Sat 			{	color		:#000099;
									background-color: #FEFEFF; }
table.calendar td.Sun 			{	color		:#FF0000;
									background-color: #FFFEFE; }
table.calendar td.holyday 		{	color		:#FF0000; }
table.calendar td.xday 			{	font-weight	:bolder;
									color		:#009999;
									font-size	:14px; }
table.calendar td.birthday 		{	font-weight	:bolder;
									color		:#990000;
									font-size	:14px; }

/********************************************************************/
/* date */
/********************************************************************/
span.Sun						{	color		:#FF0000;}
span.Sat						{	color		:#000099;}


/******************************************************************* Title */
img#titleIcon		{		padding-left	:10px;
							padding-top		:10px;
							}
							
							
/**********************************************************************************
 * NoScript
 **********************************************************************************/	
div.noScript			{	border			: solid 5px #0077dd;
 							color			:#545454;}
iframe#noScriptFrame	{	height			:650px;
							width			:100%;
							overflow-y		: hidden;
							overflow-x		: hidden;
							border			: 0px;}
div#noStringInfo	h2	{	margin-left		:30px;	 
 							text-decoration: underline;}
div#noStringInfo	h3	{	margin-left		:10px;
 							color			:#545454; }
div#noStringInfo	span{	padding-left	:60px; 
  							color			:#545454;}
div#noStringInfo	ul	{	margin-left		:60px; 
  							color			:#545454;} 
 
/**********************************************************************************
 * Message Box
 **********************************************************************************/
div.box h1				{	text-decoration:underline;
							font-size	:20px; 
							padding-top:10px}
div.box span 			{ 	font-size :11px; }
div.box div.boxMsgDiv	{ 	text-align:left;
							padding-top:10px;}
div.box input			{ 	margin-bottom: 20px;}