/* 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:'ƒƒCƒŠƒI','‚l‚r ƒSƒVƒbƒN',sans-serif;
						/*
						font-family:'ƒƒCƒŠƒI',Meiryo,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
						*/
						/*background-color :#f2ddee*/
						background	: url("../img/bk.jpg") center top repeat-y;
						text-align:center; }
#container 			{	margin-left:auto;
						margin-right:auto;
						text-align:left;
						width 		: 990px;
					}
#main {					width 		: 990px;
						background	: #FFF;
						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					{   font-size   :13px;
						}
p#top				{	color: #333333;
						margin-top: 0;
						font-size:12px; 
						margin-bottom: 5px; }
p#top strong		{	font-weight: normal; }

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; }
/* table */
table		{	padding-left	:120px;	
				text-align		:left	}
table th	{	text-align		:center;
				background-color: #f8eddb;}
table th, td{	border		: 1px #ffffff;
				border-style: double;	}
table	td	{	vertical-align	:top;	}
table td.l	{	text-align		:left;	}
table td.r	{	text-align		:right;	}
table td.c	{	text-align		:center;	}
table	p	{	padding-left	:5px;
				padding-right	:5px; }
table	ul	{	margin-left		:5px;
				padding-left	:20px;
				margin-right	:15px;}
table	li	{	font-size		:14px;	}
/* 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: #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%; 
						/*background-color: #333333;*/
					}
#topMessage				{ padding-top: 0px;  }
#topbar span			{ color : #ffffff;
						  text-align: right; }


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

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

/*****************************************************************/
/* MENE  */
/*****************************************************************/
#subbar {				height			: 50px;
						width			: 100%; 
						background	: url( "../img/menu_bk.jpg" )  left top repeat-x;
						/*background	: url( "../img/menu_bar.gif" )  left bottom no-repeat;*/
						/*background-color: #333333*/;
						}
#hpCreateIcon		{ 	background	: url( "../img/menu_hp.gif" )  left bottom no-repeat;
						width:109px;
						height:50px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#hpCreateIcon:hover { 	background	: url( "../img/menu_hp_s.gif" )  left bottom no-repeat;  }

#systemCreateIcon		{ 	background	: url( "../img/menu_system.gif" )  left bottom no-repeat;
			    		width		: 109px; height:50px;
			    		display		: block;
						border		: none;
						
						vertical-align: bottom;
						float		: left;
						text-indent:-9999px;}
#systemCreateIcon:hover { 	background	: url( "../img/menu_system_s.gif" )  left bottom no-repeat;  }
						
#mailCreateIcon		{ 	background	: url( "../img/menu_mail.gif" )  left bottom no-repeat;
			    		width		: 110px; height:50px;
			    		display:block;
			    		vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#mailCreateIcon:hover { 	background	: url( "../img/menu_mail_s.gif" )  left bottom no-repeat;  }

#securityCheckIcon		{ 	background	: url( "../img/menu_security.gif" )  left bottom no-repeat;
			    		width		: 109px; height:50px;
			    		display:block;
			    		vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#securityCheckIcon:hover { 	background	: url( "../img/menu_security_s.gif" )  left bottom no-repeat;  }
						
#compIcon 			{ 	background	: url( "../img/menu_comp.gif" )  left bottom no-repeat;
			    		width		: 110px; height:50px;
			    		display:block;
			    		vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#compIcon:hover 	{ 	background	: url( "../img/menu_comp_s.gif" )  left bottom no-repeat;  }

#achieveIcon 		{ 	background	: url( "../img/menu_achieve.gif" )  left bottom no-repeat;
			    		width		: 110px; height:50px;
						border		: none;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#achieveIcon:hover 	{ 	background	: url( "../img/menu_achieve_s.gif" )  left bottom no-repeat;  }
#achieveIcon a			{
						width:110px;
						height:50px;
						display:block;}

#contentIcon 			{ 	background	: url( "../img/menu_content.gif" )  left bottom no-repeat;
			    		width		: 110px; height:50px;
						border		: none;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#contentIcon:hover 	{ 	background	: url( "../img/menu_content_s.gif" )  left bottom no-repeat;  }
#contentIcon a			{
						width:110px;
						height:50px;
						display:block;}


#convenienceIcon 			{ 	background	: url( "../img/menu_convenience.gif" )  left bottom no-repeat;
			    		width		: 110px; height:50px;
						border		: none;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#convenienceIcon:hover 	{ 	background	: url( "../img/menu_convenience_s.gif" )  left bottom no-repeat;  }
#convenienceIcon a			{
						width:110px;
						height:50px;
						display:block;}
						
#no1BlogIcon 			{ 	background	: url( "../img/menu_blog.gif" )  left bottom no-repeat;
			    		width		: 110px; height:50px;
			    		display:block;
			    		vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#no1BlogIcon:hover 	{ 	background	: url( "../img/menu_blog_s.gif" )  left bottom no-repeat;  }

#supportIcon 			{ 	background	: url( "../img/menu_support.gif" )  left bottom no-repeat;
			    		width		: 110px; height:50px;
			    		display:block;
			    		vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#supportIcon:hover 	{ 	background	: url( "../img/menu_support_s.gif" )  left bottom no-repeat;  }




/************************************************************************/
/* Footer Menu */
/************************************************************************/
#footerMenu				{	/*margin-left : -40px;*/
							list-style:none;
							margin-top : 10px;
							 
						}
#footerMenu li			{	margin:0;
							padding:0;
							float: left;
							/*margin-left : 10px;*/
							color: #ffffff;}
#footerMenu a			{	color: #ffffff;
							text-decoration: none;
							margin-left : 5px;}
#footerMenu a:hover		{	text-decoration: underline;
							}




#cateTitle			{ 	padding-left:10px;
					  	/*margin-top:-5px;*/
					  	color		: #ffffff;
					  	font-size:9px; }
#cateTitle img		{   vertical-align: middle; }


div.endrole img		{	float:left;
						padding-right:30px; }

#footer dt	{	font-weight:bold;
				margin-right:30px; 
				margin-top: 10px;}
#footer dd	{	margin-right:30px;	}


/******************************************************************************************/
/* ƒz[ƒ€ƒy[ƒWμ¬@*/
/******************************************************************************************/
#hp_price		{ padding-left : 0px;
				  margin-left: 30px; }
#hp_price td,th	{ border-bottom-color: #333333;
				  border-bottom-style: dotted;
				  border-bottom-width: 1px; }
/*#hp_price td	{ padding-top : 2px;
				  padding-bottom: 2px;}*/


/******************************************************************************************/
/*  ƒŒƒCƒAƒEƒg@*/
/******************************************************************************************/
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;*/
						}
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 center no-repeat;
						 width: 700px;
						padding-left: 10px;
						/*height		: 400px;*/
						/*margin-top: 1px;
						margin-bottom: 1px;*/
						/*background-color: #eeeeee;*/}

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       : 730px;}
div.leftSmallbox	{	float:left;
						width: 150px;}

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


/* calendar ****************************************************************************/
table.calendar 					{	padding		:0;
									margin-left	:5px;
									/*border-color: #333333;
									border-style: solid;
									border-width: 1px;*/
									
									}
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		:#000000; 
									background-color: #ffffff;
									height		: 30px;}
table.calendar th span 			{	/*font-family	:"‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro W3","ƒqƒ‰ƒMƒmŠpƒS 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: #33aaff;*/}
table.calendar td.Sat 			{	color		:#FFFFFF;
									background-color: #666666; }
table.calendar td.Sun 			{	color		:#FFFFFF;
									background-color: #666666; }
table.calendar td.holyday 		{	color		:#ffffff;
									background-color: #666666;}
table.calendar td.xday 			{	font-weight	:bolder;
									color		:#009999;
									font-size	:14px; }
table.calendar td.birthday 		{	font-weight	:bolder;
									color		:#990000;
									font-size	:14px; }

/**********************************************************************************************/
/* ‚g‚o–⍇‚Ή */
/**********************************************************************************************/
.hpRefer 			{ 	width:347px;
						height:60px;
						display:block;
						background	: url( "../img/hp_refer.jpg" )  left bottom no-repeat;
			    		border		: none;
						cursor		:pointer;
						vertical-align: bottom;
						margin-left : 200px;
						text-indent:-9999px;}
.hpRefer:hover 	{ 	background	: url( "../img/hp_refer_s.jpg" )  left bottom no-repeat;  }

.mailRefer 			{ 	width:347px;
						height:60px;
						display:block;
						background	: url( "../img/mail_refer.jpg" )  left bottom no-repeat;
			    		border		: none;
						cursor		:pointer;
						vertical-align: bottom;
						margin-left : 200px;
						text-indent:-9999px;}
.mailRefer:hover 	{ 	background	: url( "../img/mail_refer_s.jpg" )  left bottom no-repeat;  }

.securityRefer 		{ 	width:347px;
						height:60px;
						display:block;
						background	: url( "../img/security_refer.jpg" )  left bottom no-repeat;
			    		border		: none;
						cursor		:pointer;
						vertical-align: bottom;
						margin-left : 200px;
						text-indent:-9999px;}
.securityRefer:hover 	{ 	background	: url( "../img/security_refer_s.jpg" )  left bottom no-repeat;  }


#referTable			{	margin-left: -100px;
						margin-top: 20px; }
						
#referTable td		{	padding : 20px 40px 20px 20px;
						border		: 5px #dddddd;
						border-style: solid;	}
#Nm					{	width: 120px; }
#Addr					{	width: 200px; }
#Title					{	width: 150px; }
#Msg					{	width: 400px;
							height: 300px; }
.referSend		{		width:250px;
						height:110px;
						display:block;
						background	: url( "../img/refer_send.jpg" )  left bottom no-repeat;
			    		border		: none;
						cursor		:pointer;
						vertical-align: bottom;
						margin-left : 200px;
						text-indent:-9999px;}
.referSend:hover 	{ 	background	: url( "../img/refer_send_s.jpg" )  left bottom no-repeat;  }


/*
 ƒz[ƒ€ƒy[ƒWμ¬@Šξ–{\¬
 */
#checkSmall	{	background	: url( "../img/hp_plan_small.jpg" )  left bottom no-repeat;  
				width: 130px; 
				height: 130px;
				display:block;
				float: left; 
				margin-left: 5px;}
#checkSmall:hover { background	: url( "../img/hp_plan_small_s.jpg" )  left bottom no-repeat; }

#checkNormal	{	background	: url( "../img/hp_plan_normal.jpg" )  left bottom no-repeat;  
				width: 130px; 
				height: 130px;
				display:block; 
				float: left;
				margin-left: 5px;}
#checkNormal:hover { background	: url( "../img/hp_plan_normal_s.jpg" )  left bottom no-repeat; }
	
#checkHard	{	background	: url( "../img/hp_plan_hard.jpg" )  left bottom no-repeat;  
				width: 130px; 
				height: 130px;
				display:block; 
				float: left;
				margin-left: 5px;}
#checkHard:hover { background	: url( "../img/hp_plan_hard_s.jpg" )  left bottom no-repeat; }
	
#checkMax	{	background	: url( "../img/hp_plan_max.jpg" )  left bottom no-repeat;  
				width: 130px; 
				height: 130px;
				display:block; 
				float: left;
				margin-left: 5px;}
#checkMax:hover { background	: url( "../img/hp_plan_max_s.jpg" )  left bottom no-repeat; }
	
#checkShop	{	background	: url( "../img/hp_plan_shop.jpg" )  left bottom no-repeat;  
				width: 130px; 
				height: 130px;
				display:block; 
				float: left;
				margin-left: 5px;}
#checkShop:hover { background	: url( "../img/hp_plan_shop_s.jpg" )  left bottom no-repeat; }


/*
.sumPrice th,td	{ border-color : navy;
				  border-style : solid;
				  border-width : 2px; }
*/




/*********************************************************/
/** Top ƒy[ƒW@ƒAƒjƒ[ƒVƒ‡ƒ“ */
/*********************************************************/

div#topblock{ 
 	position:absolute; top: 190px; left:5px;
    width:600px; 
    height:90px;
    display: none;
}

div#hpblock{ 
 	/*background-color:#000000;*/ 
    position:absolute; top: 390px; left:230px;
    /*width:300px; 
    height:90px;*/
    display: none;
}
div#mailblock{ 
 	/*background-color:#000000;*/ 
    position:absolute; top: 390px; left:680px;
    /*width:300px; 
    height:90px;*/
    display: none;
}
div#securityblock{ 
 	/*background-color:#000000;*/ 
    position:absolute; top: 840px; left:250px;
    /*width:300px; 
    height:90px;*/
    display: none;
}	



/*****
 SystemŠJ”­ JQuery
*****/
#list{
	margin:0 auto;
	height:200px;
	width:650px;
	overflow:hidden;
	position:relative;
	/*background-color: #ff;*/
}
#list ul,
#list li{
	list-style:none;
	margin:0;
	padding:0;
}
#list a{
	position:absolute;
	text-decoration: none;
	color:#333333;
}
#list a:hover{
	color:#aaaaaa;
}

.support	{
				border-collapse:collapse;
			}
.support td {			border-color :#aaaaaa;
						border-style: solid;
						border-width: 1px; 	
						vertical-align:middle;
						padding:0px;
						
	}