/*--------------------------------------------------------*/
/* ここにタイトルがはいります[共通CSS]
/* 2007/09/12 Ojas.Inc Yuuki Kasahara
/*--------------------------------------------------------*/

/*----- ▼基本設定 ---------------------------------------*/
#main	{
//	width:740px;margin:0px auto 0px auto;
	width:800px;margin:0px auto 0px auto;
	font-size:12px;color:#333333;
	background:#FFFFFF;border:1px solid #999999;
}
#contentsTop	{
	width:720px;margin:0px auto 0px auto;
}

#contentsTopLeft	{
	float:left;
	width:390px;height:200px;margin:0px 0px 10px 0px;padding:0px;
	background:url(../img/top_text_bg.gif);
}
#contentsTopLeft p	{
	margin:5px 10px 5px 10px;
	line-height:1.3em;
}

#contentsTopRight	{
	float:right;
	width:320px;height:200px;margin:0px 0px 10px 0px;padding:0px;
}


/*----- ▼ヘッダー設定 -----------------------------------*/

#header	{
	clear:both;
//	width:742px;height:60px;margin:0px auto 0px auto;padding:0px;
	width:802px;height:60px;margin:0px auto 0px auto;padding:0px;
	font-size:12px;color:#333333;
}

.headerLogo		{float:left ;margin:0px;padding:9px 0px 0px 0px;}
.headerRight	{float:right;margin:0px;padding:9px 0px 0px 0px;}

.headerLogo	 a:hover 		{background:none;}
.headerLogo	 a:active 	{background:none;}


/*----- ▼トップページ設定 -------------------------------*/

#topMainImage	{
	width:720px;margin:10px auto 10px auto;padding:0px;
}

#topInfo	{
	clear:both;
	width:720px;margin:0px auto 10px auto;padding:0px 0px 12px 0px;
	border-bottom:3px double #148778;
}
#topInfo p	{
	margin:8px auto 0px auto;padding:0px;
}


/*----- ▼各種ボタン設定 ---------------------------------*/

.btnTop01	{
	float:left;display:block;text-indent:-9999px;
	width:320px;height:96px;margin:0px 0px 8px 0px;
	background:url(../img/btn_top.gif);
}
a:hover.btnTop01 	{background:url(../img/btn_top.gif);background-position:-320px 0px;}
a:active.btnTop01 	{background:url(../img/btn_top.gif);background-position:-320px 0px;}

.btnTop02	{
	float:left;display:block;text-indent:-9999px;
	width:320px;height:96px;margin:0px 0px 8px 0px;
	background:url(../img/btn_top.gif);background-position:0px -96px;
}
a:hover.btnTop02 	{background:url(../img/btn_top.gif);background-position:-320px -96px;}
a:active.btnTop02 	{background:url(../img/btn_top.gif);background-position:-320px -96px;}

.btnTopCircle01	{
	float:left;display:block;text-indent:-9999px;
	width:92px;height:92px;margin:0px 6px 0px 24px;
	background:url(../img/btn_top_circle.gif);
}
a:hover.btnTopCircle01 	{background:url(../img/btn_top_circle.gif);background-position:-92px 0px;}
a:active.btnTopCircle01 	{background:url(../img/btn_top_circle.gif);background-position:-92px 0px;}

.btnTopCircle02	{
	float:left;display:block;text-indent:-9999px;
	width:92px;height:92px;margin:0px 6px;
	background:url(../img/btn_top_circle.gif);background-position:0px -92px;
}
a:hover.btnTopCircle02 	{background:url(../img/btn_top_circle.gif);background-position:-92px -92px;}
a:active.btnTopCircle02 	{background:url(../img/btn_top_circle.gif);background-position:-92px -92px;}

.btnTopCircle03	{
	float:left;display:block;text-indent:-9999px;
	width:92px;height:92px;margin:0px 6px;
	background:url(../img/btn_top_circle.gif);background-position:0px -184px;
}
a:hover.btnTopCircle03 	{background:url(../img/btn_top_circle.gif);background-position:-92px -184px;}
a:active.btnTopCircle03 	{background:url(../img/btn_top_circle.gif);background-position:-92px -184px;}

.btnSample	{
	float:left;display:block;text-indent:-9999px;
	width:100px;height:20px;margin:0px 10px 0px 0px;
	background:url(../img/xxxxxxxx.gif);
}
a:hover.btnSample 	{background:url(../img/xxxxxxxx.gif);background-position:-100px 0px;}
a:active.btnSample 	{background:url(../img/xxxxxxxx.gif);background-position:-100px 0px;}

/*----- ▲ここまで ---------------------------------------*/