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

html				{	height			: 100%;
						/*font-family		: "Arial",monospace;*/
						color			: #333333;}
body				{	height			: 100%;
						margin-left		: 0;
						margin-right	: 0;
						font-size		: 0.74em;
						font-family:'メイリオ','ＭＳ ゴシック',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;}
						
						
strong				{	/*font-weight : normal;*/ }
/* 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;
						/*
						font-weight: normal;
						margin-left: 20px;
						padding-left:35px; 
						background	: url("../img/icon_h1.jpg") left center no-repeat;
						*/}
p#top				{	color: #333333;
						margin-top: 0;
						font-size:12px; 
						margin-bottom: 5px;
						}
p#top strong		{	font-weight: normal; }
/*
h1#top				{	margin-left: 5px;
						padding-left:0px;
						background-image: url("");
						color: #ffffff;
						margin-top: 0px;
						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					{	/*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; }
li#calendar-3		{}
/* 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;	}

table#wp-calendar	{	padding-left	:10px;
						text-align: center;}
table#wp-calendar	th {	background-color: #ffffff;
							color: #666666;
							font-size: 14px;
							height: 22px; }
table#wp-calendar	td {	width: 20px;
							color: #666666;
							height: 22px;	
							/*border: solid 1px #0066cc; */}


/* 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; }

/* 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%; 
						paddint-top		: 0;
						/*background-color: #333333;*/ 	}
						
#topMessage				{ padding-top: 0;  }
#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;}


/*****************************************************************/
/* 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*/;
						}
#menuLogo			{	float : left; }
#menu				{	list-style:none;
						}
#menu li			{	margin:0;
						padding:0;		}

#hpCreateIcon		{ 	background	: url( "../img/menu_hp.gif" )  left bottom no-repeat;
			    		width		: 110px; height:50px;
						border		: none;
						cursor		:pointer;
						vertical-align: bottom;
						margin-left : 0;
						float: left;
						text-indent:-9999px;}
#hpCreateIcon:hover { 	background	: url( "../img/menu_hp_s.gif" )  left bottom no-repeat;  }
#hpCreateIcon a		{	width:110px;
						height:50px;
						display:block;}

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

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

/*
#bizIcon 			{ 	background	: url( "../img/menu_biz.gif" )  left bottom no-repeat;
			    		width		: 100px; height:50px;
						border		: none;
						cursor		:pointer;
						vertical-align: bottom;
						margin-left : -5px;
						float: left;
						text-indent:-9999px;}
#bizIcon:hover 		{ 	background	: url( "../img/menu_biz_s.gif" )  left bottom no-repeat;  }
#bizIcon a			{
						width:100px;
						height:50px;
						display:block;}
*/

#achieveIcon 		{ 	background	: url( "../img/menu_achieve.gif" )  left bottom no-repeat;
			    		width		: 110px; height:50px;
						border		: none;
						cursor		:pointer;
						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;
						cursor		:pointer;
						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;}

/*
#referIcon 			{ 	background	: url( "../img/menu_refer.gif" )  left bottom no-repeat;
			    		width		: 150px; height:50px;
						border		: none;
						cursor		:pointer;
						vertical-align: bottom;
						margin-left : -5px;
						float: left;
						text-indent:-9999px;}
#referIcon:hover 	{ 	background	: url( "../img/menu_refer_s.gif" )  left bottom no-repeat;  }
#referIcon a			{
						width:150px;
						height:40px;
						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;
						border		: none;
						cursor		:pointer;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#no1BlogIcon:hover 	{ 	background	: url( "../img/menu_blog_s.gif" )  left bottom no-repeat;  }
#no1BlogIcon a			{
						width:110px;
						height:50px;
						display:block;}
#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;	}



/******************************************************************************************/
/*  レイアウト　*/
/******************************************************************************************/
div#detail			{	margin-top  : 20px;
						width       : 990px;}
div.dLeft			{	float       : left;
						margin-left : 20px;
						width       : 680px; }
						
div.dRight			{	float: right;
						/*background	: url("../img/sidebar.jpg") left top repeat-y;*/ 
						width: 240px;
						color: #333333;
						/*margin-right: 10px;*/
						/*background-color: #333333;*/
						}
li.widget		{	list-style-type: none; }
h2.widgettitle	ul	{	list-style-type: square; }

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

/* top page menu ***********************************************************************/
#systemIcon 		{ 	background	  : url( "../img/bottun_system.jpg" )  left bottom no-repeat;
			    		width		  : 386px; height:86px;
						border		  : none;
						cursor		  : pointer;
						vertical-align: top;
						margin-left   : 2px;
						margin-top    : 3px;}
#systemIcon:hover 	{ 	background	  : url( "../img/bottun_system_s.jpg" )  left bottom no-repeat;  }

#secIcon 			{ 	background	  : url( "../img/bottun_sec.jpg" )  left bottom no-repeat;
			    		width		  : 386px; height:86px;
						border		  : none;
						cursor		  : pointer;
						vertical-align: top;
						margin-left   : 0px;
						margin-top    : 3px;
						}
#secIcon:hover 		{ 	background	: url( "../img/bottun_sec_s.jpg" )  left bottom no-repeat;  }

#hpIcon 			{ 	background	  : url( "../img/bottun_hp.jpg" )  left bottom no-repeat;
			    		width		  : 386px; height:86px;
						border		  : none;
						cursor		  : pointer;
						vertical-align: top;
						margin-left   : 0px;
						margin-top    : 3px;
						}
#hpIcon:hover 	{ 	background	: url( "../img/bottun_hp_s.jpg" )  left bottom no-repeat;  }

#serverIcon 		{ 	background	  : url( "../img/bottun_server.jpg" )  left bottom no-repeat;
			    		width		  : 386px; height:86px;
						border		  : none;
						cursor		  : pointer;
						vertical-align: top;
						margin-left   : 0px;
						margin-top    : 3px;
						}
#serverIcon:hover 	{ 	background	: url( "../img/bottun_server_s.jpg" )  left bottom no-repeat;  }

#mailIcon 			{ 	background	  : url( "../img/bottun_mail.jpg" )  left bottom no-repeat;
			    		width		  : 386px; height:86px;
						border		  : none;
						cursor		  : pointer;
						vertical-align: top;
						margin-left   : 0px;
						margin-top    : 3px;
						}
#mailIcon:hover 	{ 	background	: url( "../img/bottun_mail_s.jpg" )  left bottom no-repeat;  }

#webIcon 			{ 	background	  : url( "../img/bottun_web.jpg" )  left bottom no-repeat;
			    		width		  : 386px; height:86px;
						border		  : none;
						cursor		  : pointer;
						vertical-align: top;
						margin-left   : 0px;
						margin-top    : 3px;
						}
#webIcon:hover 	{ 	background	: url( "../img/bottun_web_s.jpg" )  left bottom no-repeat;  }

#pcIcon 			{ 	background	  : url( "../img/bottun_pc.jpg" )  left bottom no-repeat;
			    		width		  : 386px; height:86px;
						border		  : none;
						cursor		  : pointer;
						vertical-align: top;
						margin-left   : 0px;
						margin-top    : 3px;
						}
#pcIcon:hover 	{ 	background	: url( "../img/bottun_pc_s.jpg" )  left bottom no-repeat;  }

#infraIcon 			{ 	background	  : url( "../img/bottun_infra.jpg" )  left bottom no-repeat;
			    		width		  : 386px; height:86px;
						border		  : none;
						cursor		  : pointer;
						vertical-align: top;
						margin-left   : 0px;
						margin-top    : 3px;
						}
#infraIcon:hover 	{ 	background	: url( "../img/bottun_infra_s.jpg" )  left bottom no-repeat;  }

/* 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	:"ＭＳ Ｐゴシック","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: #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; }






/*********************************************************/
/** BLOG */
/*********************************************************/
h2.widgettitle		{	background-image	: url("");
						background-color: #333333; 
						color: #ffffff;
						height: 25px;
						font-size: 14px; 
						padding-left: 10px; 
						padding-top: 10px; }
h2.blog				{	margin-left:25px; 
						padding-left:59px;
						padding-top	:17px;
						background	: url("../img/icon_h2.jpg") left center no-repeat;
						font-size: 18px;
						height: 35px;
						
						/*border-bottom-width: 4px;
						border-bottom-style: dotted;
						border-bottom-color: #999999;*/ 
					}
h2.blog a			{	text-decoration: none;
						color: #ffffff; }
h2.blog a:hover		{	color: #eeeeee; }
input#searchsubmit		{	/*width: 38px; */}
.screen-reader-text	{ font-size:8px; }
.postmetadata		{ font-size:12px;
					  margin-right: 10px;
					  margin-bottom: 10px;}
.entry				{ /*border-color: #777777;
					  border-style:dotted;
					  border-width: 1px; */
					  margin-left: 72px;
					  margin-top: 10px;  
					  margin-right: 10px;
					  /*background-color: #ffffff;*/
					  background: url("../img/ent_bk.jpg") right bottom no-repeat;}
.entry p			{ margin-top: 10px;
					  padding-top: 10px; }
hr					{ border-width: 2px;
					  border-color: #666666; }
blockquote			{ border-width: 1px;
					  border-color: #999999;
					  border-style:ridge;
					  background-color: #dddddd;
					  padding-bottom: 10px;
}
div.postdata		{ /*border-width: 2px;
					  border-color: #cccccc;
					  border-style:ridge; */
					  width       : 730px; 
					  /*background-color: #eeeeee;*/}
.widgettitle a			{ color:#ffffff; }