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

html				{	height			: 100%;
						color			: #333333;}
body				{	
						margin-left		: 0;
						margin-right	: 0;
						font-size		: 0.74em;
						font-family:'メイリオ',Meiryo,'SimHei','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
						background-color :#003333;
						text-align:center; }
						
#container 			{	margin-left:auto;
						margin-right:auto;
						text-align:left;
						width 		: 900px;
						
					}
#main {					width 		: 900px;
						height			: 100%;
						margin 		: 0 0 0 0;
						background-color :#ffffff;
						padding		: 0 0 0 0;}
						

/* a */ 
a					{	color			:#333333;}
a:hover				{	text-decoration	:none;}
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;
						font-size: 20px;
						}
p#top				{	color: #ffffff;
						margin-top: 0;
						font-size:12px; 
						margin-bottom: 5px;}

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

.content p {line-height: 120%;}


/* menu **************/
.menuul {
	list-style:none;
	padding:0;
}
.menuli {
	float:left;
	width:86px;
	margin:0;
	padding:0;
	text-align:center;
}
.menuli a {
	display:block;
	padding:5px 5px;
	height:100%;
	color:#ffffff;
	text-decoration:none;
	border-right:1px solid #FFF;
}
a.menuend {
	border-right:none;
}
.menuli a {
	background:url(../img/bg.jpg) repeat -20px 35px;;
}
.menuli a:hover {
	background-position:50px 0;
}

/* footer ******************************************************************************/
div#footer				{	clear		: both;
							position	: relative; 
							bottom		: 0px; 
							width :900px;
							height		: auto;
							padding-top	: 20px;
							padding-bottom:10px;
							background-color: #ff9900;
							text-align	:center; }
							
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;}




#menuUreshino		{ 	background	: url( "../img/m-ureshino.gif" )  left bottom no-repeat;
						width:300px;
						height:80px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#menuUreshino:hover { background	: url( "../img/m-ureshino_s.gif" )  left bottom no-repeat;  }

#menuTakeo		{ 	background	: url( "../img/m-takeo.gif" )  left bottom no-repeat;
						width:300px;
						height:80px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#menuTakeo:hover { background	: url( "../img/m-takeo_s.gif" )  left bottom no-repeat;  }

#menuYutori		{ 	background	: url( "../img/m-yutori.gif" )  left bottom no-repeat;
						width:300px;
						height:80px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#menuYutori:hover { background	: url( "../img/m-yutori_s.gif" )  left bottom no-repeat;  }

#menuLeis		{ 	background	: url( "../img/m-leis.gif" )  left bottom no-repeat;
						width:300px;
						height:80px;
						display:block;
						vertical-align: bottom;
						float: left;
						text-indent:-9999px;}
#menuLeis:hover { background	: url( "../img/m-leis_s.gif" )  left bottom no-repeat;  }

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


/* ゆとり ******************************************************************************/	
.nav-y     {
	float:left;
	width :275px;
	height:600px;
	font-size:14px ;
	text-align	:center;
	margin-left : 10px;}

.shop-y     {
	float:left;
	width :240px;
	height:250px;
	font-size:14px ;
	text-align	:center; 
	margin-left : 5px;
	margin-top	: 10px;
	background-color: #ffd1e8;
	}					

.menu-y1 { background:url(../img/yutori1-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-y1:HOVER {
	background:url(../img/yutori1-2.jpg) no-repeat left bottom;
	}

.menu-y2 { background:url(../img/yutori2-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-y2:HOVER {
	background:url(../img/yutori2-2.jpg) no-repeat left bottom;
	}

.menu-y3 { background:url(../img/yutori3-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-y3:HOVER {
	background:url(../img/yutori3-2.jpg) no-repeat left bottom;
	}

.menu-y4 { background:url(../img/yutori4-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-y4:HOVER {
	background:url(../img/yutori4-2.jpg) no-repeat left bottom;
	}

.menu-y5 { background:url(../img/yutori5-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-y5:HOVER {
	background:url(../img/yutori5-2.jpg) no-repeat left bottom;
	}

.menu-y6 { background:url(../img/yutori6-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-y6:HOVER {
	background:url(../img/yutori6-2.jpg) no-repeat left bottom;
	}

.menu-y7 { background:url(../img/yutori7-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-y7:HOVER {
	background:url(../img/yutori7-2.jpg) no-repeat left bottom;
	}

						
/* 武雄センター ******************************************************************************/	

.nav-t     {
	float:left;
	width :275px;
	height:700px;
	font-size:14px ;
	text-align	:center;
	margin-left : 10px;}

.shop-t     {
	float:left;
	width :240px;
	height:250px;
	font-size:14px ;
	text-align	:center; 
	margin-left : 5px;
	margin-top	: 10px;
	background-color: #99CCFF;
	}
						
.menu-t1 { background:url(../img/takeo-2-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-t1:HOVER {
	background:url(../img/takeo-2-2.jpg) no-repeat left bottom;
	}

.menu-t2 { background:url(../img/takeo-3-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-t2:HOVER {
	background:url(../img/takeo-3-2.jpg) no-repeat left bottom;
	}

.menu-t3 { background:url(../img/takeo-4-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-t3:HOVER {
	background:url(../img/takeo-4-2.jpg) no-repeat left bottom;
	}

						
/* 嬉野センター ******************************************************************************/	

.shop-u     {
	float:left;
	width :240px;
	height:260px;
	font-size:14px ;
	text-align	:center; 
	margin-left : 5px;
	margin-top	: 10px;
	background-color: #c7dc68;
	}						


.menu-u1 { background:url(../img/ureshi-2-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-u1:HOVER {
	background:url(../img/ureshi-2-2.jpg) no-repeat left bottom;
	}

.menu-u2 { background:url(../img/ureshi-3-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu-u2:HOVER {
	background:url(../img/ureshi-3-2.jpg) no-repeat left bottom;
	}
						
/* なごみサービス ******************************************************************************/
.nav-n     {
	float:left;
	width :275px;
	height:900px;
	font-size:14px ;
	text-align	:center;
	margin-left : 10px;}

.shop-n     {
	float:left;
	width :240px;
	height:250px;
	font-size:14px ;
	text-align	:center; 
	margin-left : 5px;
	margin-top	: 10px;
	background-color: #99CCFF
	}

.nagomi-f1     {
	font-size:20px ;
	font-weight : bold;
	color : #3366FF;
	}

.nagomi-f2     {
	font-size:16px ;
	margin-top	: 10px;
	}
	
.menu1 { background:url(../img/nagomi1-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu1:HOVER {
	background:url(../img/nagomi1-2.jpg) no-repeat left bottom;
	}

.menu2 { background:url(../img/nagomi2-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu2:HOVER {
	background:url(../img/nagomi2-2.jpg) no-repeat left bottom;
	}

.menu3 { background:url(../img/nagomi3-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu3:HOVER {
	background:url(../img/nagomi3-2.jpg) no-repeat left bottom;
	}

.menu4 { background:url(../img/nagomi4-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu4:HOVER {
	background:url(../img/nagomi4-2.jpg) no-repeat left bottom;
	}

.menu5 { background:url(../img/nagomi5-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu5:HOVER {
	background:url(../img/nagomi5-2.jpg) no-repeat left bottom;
	}

.menu6 { background:url(../img/nagomi6-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu6:HOVER {
	background:url(../img/nagomi6-2.jpg) no-repeat left bottom;
	}

.menu7 { background:url(../img/nagomi7-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu7:HOVER {
	background:url(../img/nagomi7-2.jpg) no-repeat left bottom;
	}

.menu8 { background:url(../img/nagomi8-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu8:HOVER {
	background:url(../img/nagomi8-2.jpg) no-repeat left bottom;
	}

.menu9 { background:url(../img/nagomi9-1.jpg) no-repeat left bottom;
		height: 45px;
		width: 260px;
		display: block;
	}

.menu9:HOVER {
	background:url(../img/nagomi9-2.jpg) no-repeat left bottom;
	}

/* 他 ******************************************************************************/

.shop-     {
	float:left;
	width :300px;
	height:300px;
	text-align	:center; 
	}
	
.access-r   {
	float:right;
	margin-top	: 10px;
	width :280px;}
	
.access-l   {
	float:left;
	margin-top	: 10px;
	width :280px;}

.access-f   {
	font-size:20px ;
	font-weight : bold;
	margin-top	: 10px;
	margin-left : 10px;}

.info1{
	font-size:16px;
	font-weight : bold;
	margin-left : 10px;
	color : #429941;}

.info2{
	font-size:14px;
	margin-right: 10px;
	margin-left : 10px;
	}

.info-br{
	font-size:12px;
	margin-left : 10px;
	}
	
.comp01{
	background-color: #ff9900;
	text-align	:center;
	width :90px;
	color : white;}
}  

.exp01 {
	float:left;
	width :280px;
	height:300px;
	font-size:16px;
	margin-left : 30px;
	margin-top	: 10px;
	}

/* --- ボックス --- */
div.section {
	width: 530px; /* ボックスの幅 */
	background-color: #ffffff; /* ボックスの背景色 */
	border: 5px #429941 solid; /* ボックスの境界線 */
	font-size: 80%; /* ボックスの文字サイズ */
	}

/* --- 見出し --- */
div.section h3 {
	margin: 0; /* 見出しのマージン */
	padding: 5px 10px; /* 見出しのパディング（上下、左右） */
	background-color: #429941; /* 見出しの背景色 */
	border-bottom: 1px #c0c0c0 dotted; /* 見出しの下境界線 */
	font-size: 16px; /* 見出しの文字サイズ */
	color : white;
	}

/* --- 本文領域 --- */
div.section div.textArea {
	height: 560px; /* 本文領域の高さ */
	overflow: auto;
	}

/* --- 本文領域内の段落 --- */
div.section div.textArea p {
	margin: 5px 10px; /* 段落のマージン（上下、左右） */
	}