/*----------------------------------------------*/
/*　http://www.sunmall-space.info/[共通CSS]
/*　2007.3.15〜　Ojas.Inc　Yuuki Kasahara
/*----------------------------------------------*/

/*----- 全体構成 -----*/
body	{
	margin:0px;padding:0px;
	background:url(../img/main_bg.jpg);
	font-size:12px;color:#000000;line-height:1.6em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#main	{
	width:742px;margin:15px auto 15px auto;padding:0px;
}
#contents	{
	clear:both;
	margin:0px;padding:0px;
	background:#FFFFFF;
	border:1px solid #330000;
}

.mainClear	{clear:both;}

/*----- ヘッダー・メニュー設定 -----*/
#header	{
	height:60px;
	margin:0px 0px 5px 0px;padding:0px;
}
#headerLogo	{
	float:left;
	margin:0px;padding:0px;
}
#headerLogo	 a:link,a:visited	{
	background:none;
}
#headerLogo	 a:hover,a:active	{
	background:none;
}
#headerMenu	{
	height:60px;
	margin:0px;padding:0px;
}

/*----- メニュー設定 -----*/
#mainMenu	{
	float:right;
	text-align:left;vertical-align:bottom;
	width:480px;height:24px;margin:36px 0px 0px 0px;padding:0px;
}
#mainMenu ul {
	height:24px;margin:0px;padding:0px;
	list-style:none;
}
#mainMenu li, #mainMenu a {
	display:block;height:24px;
}
#mainMenu li {
	float:left;text-indent:-9999px;
}
#mainMenu a {
	text-decoration:none;
	background:url(../img/main_menu.gif) no-repeat;
}
#mainMenu span {
	display:block;
	width:0;height:0;overflow:hidden;
}

#mainMenu01 a					{width:80px;background-position:0px 0px;}
#mainMenu01 a:hover		{width:80px;background-position:0px -24px;}

#mainMenu02 a					{width:80px;background-position:-80px 0px;}
#mainMenu02 a:hover		{width:80px;background-position:-80px -24px;}	

#mainMenu03 a					{width:80px;background-position:-160px 0px;}
#mainMenu03 a:hover		{width:80px;background-position:-160px -24px;}	

#mainMenu04 a					{width:80px;background-position:-240px 0px;}
#mainMenu04 a:hover		{width:80px;background-position:-240px -24px;}	

#mainMenu05 a					{width:80px;background-position:-320px 0px;}
#mainMenu05 a:hover		{width:80px;background-position:-320px -24px;}	

#mainMenu06 a					{width:80px;background-position:-400px 0px;}
#mainMenu06 a:hover		{width:80px;background-position:-400px -24px;}	

/*----- トップページ -----*/
#topContents	{
	margin:0px;padding:0px;
	background:url(../img/top_contents_bg.jpg);
}
.newInfo	{
	float:left;
	width:390px;margin:0px;padding:10px;
}
.newInfoTitle	{
	margin:0px;padding:8px 0px 5px 0px;
	font-weight:bold;color:#990000;
}
.topAddress	{
	margin:10px 0px 0px 0px;padding:10px;
	background:url(../img/top_address_bg.jpg);
	border:1px solid #996600;
}
#topRight	{
	float:right;
	width:310px;margin:0px;padding:10px;
}
.topCamp	{
	float:left;
	width:178px;margin:10px;
	background:#F2E2D7;
	border:1px solid #990000;
}
.topCamp p	{
	margin:0px;padding:5px 8px 5px 8px;
}
.topBanner	{
	float:right;
	text-align:center;
	width:120px;margin:10px 10px 10px 0px;
}
.topBanner img	{
	margin:5px 0px 5px 0px;
}
.topBanner a:hover	{
	background:none;
}
.topCalendar	{
	float:left;
	background:#F2E2D7;
	border:1px solid #990000;
}


/*----- 一般ページ -----*/
#pageContents	{
	margin:0px;padding:0px;
	background:url(../img/page_contents_bg.jpg);
}
.pageLeft	{
	float:left;
	width:180px;margin:0px;padding:10px 0px 10px 10px;
}
.pageLeftText	{
	clear:both;
	margin:0px 0px 10px 0px;padding:0px;
	line-height:1.5em;
}
.pageLeftText img	{
	clear:both;
	margin:0px 0px 10px 0px;padding:0px;
	line-height:1.5em;
}
.pageLeftInfo	{
	clear:both;
	margin:0px 0px 10px 0px;padding:10px;
	background:url(../img/top_address_bg.jpg);
	border:1px solid #925A16;
}
.pageLeft ul	{
	clear:both;
	margin:0px 0px 10px 0px;padding:10px;
	background:url(../img/top_address_bg.jpg);
	border:1px solid #925A16;
}
.pageLeft li	{
	clear:both;
	margin:0px 0px 0px 15px;
	list-style:square;
}
.pageLeft li a:link,a:visited	{
	color:#663300;
	text-decoration:none;
}
.pageLeft li a:hover,a:active	{
	color:#FFFFFF;
	text-decoration:none;
	background:#996633;
}
.pageRight	{
	float:right;
	width:520px;margin:0px;padding:10px 10px 10px 0px;
}
.pageRight p	{
	clear:both;
	margin:0px 0px 15px 0px;padding:0px;
	line-height:1.5em;
}
.pageRight form	{
	clear:both;
	margin:0px 0px 15px 0px;padding:0px;
	line-height:1.5em;
}
.sentence00 {
	margin:0px 10px 10px 0px;
}
.sentence01 img	{
	float:left;
	margin:0px 10px 10px 0px;
}
.sentence02 img	{
	float:right;
	margin:0px 0px 10px 10px;
}
.sentenceShop {
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #CCCCCC;
}
.sentenceShop img	{
	float:left;
	margin:0px 10px 10px 0px;
}
.campaign	{
	margin:10px 0px 0px 0px;padding:10px;
	background:url(../img/top_address_bg.jpg);
	border:1px solid #996600;
}
.pageRight table	{
	clear:both;
	margin:0px 0px 15px 0px;padding:0px;
	line-height:1.5em;
}
.sentence01 img	{
	float:left;
	margin:0px 10px 10px 0px;
}
.td00	{
	background-color:#E5E5E5;
	border-bottom:1px solid #CCCCCC;
}
.td01	{
	background-color:#FFFFFF;
	border-bottom:1px solid #CCCCCC;
}
.td02	{
	background-color:#FFF0F0;
	border:1px solid #FF6699;
}
.pageNavi	{
	clear:both;
	text-align:right;
	margin:20px 0px 0px 0px;padding:5px 0px 0px 0px;
	background:#FFFFFF;
	border-top:1px dotted #996633;
}

#popMain	{
	width:600px;
	margin:10px;padding:10px;
	background:#FFFFCC;
	border:1px solid #996600;
}
#popBiotic	{
	width:600px;
	margin:10px;padding:10px;
	background-image:url(../service/img/pop_bg_biotic.gif);
	border:1px solid #0099CC;
}
.popTable01	{
	margin:0px auto 10px auto;
}
.popTable02	{
	margin:0px 0px 10px 0px;
	border:2px dotted #FF3300;
}
.popTable03	{
	margin:0px 0px 10px 0px;padding:5px;
	border:1px dotted #0099CC;
	background-image:url(../img/box_bg01.gif);
}
.popTable04	{
	margin:0px 0px 10px 0px;padding:5px;
	border:1px dotted #FF6666;color:#FF3333;
	background-image:url(../img/box_bg02.gif);
}
.popTable05	{
	margin:0px 0px 10px 0px;padding:5px;
	border:1px dotted #0066CC;color:#FF3333;
	background-image:url(../img/box_bg01.gif);
}
.popBtn01	{
	margin:0px;
}

.imageLeft	{
	float:left;margin:0px 5px 0px 0px;
}

.pageLink	{
	margin:0px;
}
.pageLink a:hover	{
	background:none;
}

/*----- フッター設定 -----*/
#footer	{
	text-align:right;
	margin:5px 0px 0px 0px;padding:0px;
}

/*----- 見出し設定 -----*/
h1	{
	margin:0px;padding:0px;
}
h1 img	{
	vertical-align:top;
	margin:0px;padding:0px;
}
h2	{
	margin:0px;padding:0px;
}
h2 img	{
	vertical-align:top;
	margin:0px;padding:0px;
}
h3	{
	clear:both;
	margin:0px 0px 10px 0px;padding:0px;
}
h3 img	{
	clear:both;
	vertical-align:top;
	margin:0px;padding:0px;
}
h4	{
	clear:both;
	width:520;height:21px;
	margin:0px 0px 10px 0px;
	font-size:12px;color:555555;
	background:url(../img/page_subtitle_bg.gif);
}
h5	{
	clear:both;
	margin:0px 0px 10px 0px;padding:3px;
	font-size:12px;color:#993333;
	border-top:2px dotted #993333;
	background:url(../img/top_address_bg.jpg);
}
h6	{}

/*----- フォント設定 -----*/

a:link		{color:#663300;}
a:visited	{color:#663300;}
a:hover		{color:#FFFFFF;background:#996633;}
a:active	{color:#FFFFFF;background:#996633;}

.size1		{font-size:10px;line-height:1.4em;}
.size2		{font-size:12px;line-height:1.4em;}
.size3		{font-size:14px;line-height:1.4em;}
.size4		{font-size:16px;line-height:1.4em;}
.size5		{font-size:18px;line-height:1.4em;}

.colorBlk	{color:#000000;}
.colorGry	{color:#666666;}
.colorWht	{color:#FFFFFF;}
.colorNvy	{color:#000080;}
.colorBlu	{color:#0000FF;}
.colorOlv	{color:#808000;}
.colorGrn	{color:#008000;}
.colorMrn	{color:#800000;}
.colorPpl	{color:#800080;}
.colorRed	{color:#FF0000;}
.colorOrg	{color:#FF6600;}
.colorYlw	{color:#FFCC00;}

.colorBlkBold	{color:#000000;font-weight:bold;}
.colorGryBold	{color:#666666;font-weight:bold;}
.colorWhtBold	{color:#FFFFFF;font-weight:bold;}
.colorNvyBold	{color:#000080;font-weight:bold;}
.colorBluBold	{color:#0000FF;font-weight:bold;}
.colorOlvBold	{color:#808000;font-weight:bold;}
.colorGrnBold	{color:#008000;font-weight:bold;}
.colorMrnBold	{color:#800000;font-weight:bold;}
.colorPplBold	{color:#800080;font-weight:bold;}
.colorRedBold	{color:#FF0000;font-weight:bold;}
.colorOrgBold	{color:#FF6600;font-weight:bold;}
.colorYlwBold	{color:#FFCC00;font-weight:bold;}

#keraBI a:link	{color:#0099CC;}
#keraSP a:link	{color:#666666;}
#keraRE a:link	{color:#009933;}
#keraNU a:link	{color:#FF6600;}
#keraSO a:link	{color:#FF0000;}
#keraRF a:link	{color:#9900CC;}
#keraNO a:link	{color:#330099;}
#keraAP a:link	{color:#6600CC;}

#keraBI a:visited	{color:#0099CC;}
#keraSP a:visited	{color:#666666;}
#keraRE a:visited	{color:#009933;}
#keraNU a:visited	{color:#FF6600;}
#keraSO a:visited	{color:#FF0000;}
#keraRF a:visited	{color:#9900CC;}
#keraNO a:visited	{color:#330099;}
#keraAP a:visited	{color:#6600CC;}

#keraBI a:hover	{color:FFFFFF;background:#996633;}
#keraSP a:hover	{color:FFFFFF;background:#996633;}
#keraRE a:hover	{color:FFFFFF;background:#996633;}
#keraNU a:hover	{color:FFFFFF;background:#996633;}
#keraSO a:hover	{color:FFFFFF;background:#996633;}
#keraRF a:hover	{color:FFFFFF;background:#996633;}
#keraNO a:hover	{color:FFFFFF;background:#996633;}
#keraAP a:hover	{color:FFFFFF;background:#996633;}

#keraBI a:active	{color:FFFFFF;background:#996633;}
#keraSP a:active	{color:FFFFFF;background:#996633;}
#keraRE a:active	{color:FFFFFF;background:#996633;}
#keraNU a:active	{color:FFFFFF;background:#996633;}
#keraSO a:active	{color:FFFFFF;background:#996633;}
#keraRF a:active	{color:FFFFFF;background:#996633;}
#keraNO a:active	{color:FFFFFF;background:#996633;}
#keraAP a:active	{color:FFFFFF;background:#996633;}

.point01	{font-size:8px;color:#FF99CC;}

.catch01	{
	font-size:14px;font-weight:bold;color:#FF6600;
}

.biotic		{color:#009999;font-weight:bold;}