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

html				{	height			: 100%;
						/*font-family		: "Arial",monospace;*/
						color			: #333333;}
body				{	height			: 100%;
						margin-left		: 0;
						margin-right	: 0;
						/*
						font 			: 0.74em Arial, sans-serif;
						*/
						font-size		: 0.74em;
						font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
						/*
						font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
						*/
						/*background-color :#f2ddee*/
						text-align:center; }
#container 			{	margin-left:auto;
						margin-right:auto;
						text-align:left;
						width 		: 990px;
						
					}
#main {					width 		: 990px;
						background	: url("../img/bk.jpg") center center no-repeat;
						margin 		: 0 0 0 0;
						/*background-color :#f2ddee;*/
						
						/*
						border-left	: 2px solid #ffcc66;
						border-right: 2px solid #ffcc66;
						*/
						/*
						border-bottom: 1px solid #D6D6D6;
						*/
						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,h2					{   margin: 0 0 0 0;
						padding		: 0 0 0 0;
						}
p#top				{	color: #ffffff;
						margin-top: 0;
						font-size:12px; 
						margin-bottom: 5px;}
h2					{	/*padding-left:60px;*/
						/*padding-top	:3px;*/
						/*background	: url("../img/icon_h2.jpg") left top no-repeat;*/
						/*height : 60px;*/
						/*font-size: 24px;*/
						}
h3					{	/*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 */
li					{   font-size:13px; }


/* 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 : 14px;
				padding-bottom :5px; 
				border-bottom-color: #000000;
				border-bottom-style: dashed;
				border-bottom-width: 1px;  }
p.w			{	color		 : #ffffff;}

a#top		{	text-indent:-9999px; }

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

div#footerRight			{	margin-top	:10px;
							margin-right : 10px;}



#topbar 			{	height			: 25px;
						width			: 100%; 
						background-color: #333333;
					}
#topMessage				{ padding-top: 0px;  }
#topbar span			{ color : #ffffff;
						  text-align: right; }


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

#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;}





/******************************************************************************************/
/*  レイアウト　*/
/******************************************************************************************/
div#detail			{	margin-top  : 20px;
						width       : 990px;}
div.dLeft			{	float       : left;
						margin-left : 10px;
						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;*/
						}
.compinfo	td	{		border-color :#aaaaaa;
						border-style: solid;
						border-width: 1px; 		}