@charset "Shift_JIS";


/* ------------------------------------------------------------
 全国乗馬倶楽部振興協会　top　CSS
 トップページ
------------------------------------------------------------ */


/*各ページ共通CSS-----------------*/
@import "./common.css";



/* 
 レイアウト
------------------------------ */
BODY		{
		COLOR: #000;
		BACKGROUND: url("../images/bg.gif");
		}

#main		{
		WIDTH: 815px;
		COLOR: #000;
		MARGIN : 16px AUTO 0 AUTO;
		PADDING-BOTTOM:30px;
		}
/* wrap  */
#wrap	{
		WIDTH: 815px;
		PADDING-TOP: 15px;
		BACKGROUND-COLOR:#FFF
		}

/* 左カラム  */
#content	{
		WIDTH: 550px;
		FLOAT: LEFT;
		MARGIN: 0 25px 0 15px;
		}

* html body #content	{/*IE6用ハック*/
		WIDTH: 550px;
		FLOAT: LEFT;
		MARGIN: 0 20px 0 8px;
		}
*+html body #content	{/*IE7用ハック*/
		WIDTH: 550px;
		FLOAT: LEFT;
		MARGIN: 0 20px 0 8px;
		BACKGROUND-COLOR:#FFF		
		}

/* 右カラム  */
#submenu	{
		WIDTH: 210px;
		FLOAT: RIGHT;
		MARGIN: 0 15px 0 0;
		BACKGROUND-COLOR:#FFF		
		}
* html body #submenu	{/*IE6用ハック*/
		WIDTH: 210px;
		FLOAT: RIGHT;
		MARGIN: 0 8px 0 0;
		}
*+html body #submenu	{/*IE7用ハック*/
		WIDTH: 210px;
		FLOAT: RIGHT;
		MARGIN: 0 8px 0 0;
		}

@media print {/firefox 印刷用
	html>/**/body #wrap {
		display:table;
	}

	html>/**/body #content,html>/**/body #submenu{
		display:table-cell;
		float:none;
		padding-left:20px;
	}
}

/* 
 ヘッダー
------------------------------ */
#head		{
		WIDTH: 815px;
		BACKGROUND: url("../images/head-bg.gif") NO-REPEAT;
		}

#head h1		{
		MARGIN:0;
		PADDING:10px 0 0 15px;
		HEIGHT:58px;
		}

/* 文字サイズ変更ナビ  */
#head div.font		{
		HEIGHT:20px;
		MARGIN:-45px 0 0 640px;
		}
* html body #head div.font		{/*IE6用ハック*/
		HEIGHT:20px;
		MARGIN:-50px 0 0 640px;
		}
*+html body #head div.font		{/*IE7用ハック*/
		HEIGHT:20px;
		MARGIN:-50px 0 0 640px;
				}


/* サブメニュー  */
#head UL.head-submenu		{
		MARGIN:15px 0 0 635px;
		PADDING:0;
		}
* html body #head UL.head-submenu		{/*IE6用ハック*/
		MARGIN:5px 0 0 635px;
		PADDING:0;
		}
*+html body #head UL.head-submenu		{/*IE7用ハック*/
		MARGIN:20px 0 0 635px;
		PADDING:0;
		}

#head UL.head-submenu LI		{
		DISPLAY: INLINE;
		LIST-STYLE-TYPE: NONE;
		MARGIN-RIGHT:10px;
		}

/* メニュー  */
#head UL.menu		{
		CLEAR: BOTH;
		WIDTH:788px;
		HEIGHT:19px;
		PADDING:0;
		MARGIN: 6px 0 0 15px;
		}
#head UL.menu LI	{
		DISPLAY: INLINE;
		LIST-STYLE-TYPE: NONE
		}
#head UL.menu LI A	{
		DISPLAY: BLOCK;
		FLOAT: LEFT;
		}

/* フラッシュ  */
#head div.fla		{
		WIDTH:785px;
		HEIGHT:100px;
		MARGIN: 2px 0 0 15px;
		}

/* 区切り線  */
#head img.bar		{
		MARGIN: 2px 0 0 15px
		}

/* 
 コンテンツ
------------------------------ */

/* インフォメーション  */
#content div.information		{
		WIDTH:550px;
		}

#content div.information div.otherlink		{
		TEXT-ALIGN: RIGHT;
		POSITION:RELATIVE;
		TOP:-40px;
		}
#content div.information TABLE
		{
		WIDTH:550px;
		MARGIN-TOP:-35px;
		}
#content div.information TR TH
		{
		COLOR: #333;
		FONT-WEIGHT:NORMAL;
		BACKGROUND: TRASNPARENT
		}
#content div.information TH,#content div.information TD
		{
		BORDER-BOTTOM: 1px DOTTED #CCC
		}


/* イベント  */
#content div.event		{
		WIDTH:550px;
		BACKGROUND-COLOR:#FFF
		}

#content div.event div.otherlink		{
		TEXT-ALIGN: RIGHT;
		POSITION:RELATIVE;
		TOP:-40px;		
		}
#content div.event TABLE
		{
		WIDTH:550px;
		MARGIN-TOP:-35px;
		BACKGROUND-COLOR:#FFF		
		}
#content div.event TR TH
		{
		COLOR: #333;
		FONT-WEIGHT:NORMAL;
		BACKGROUND: TRASNPARENT;
		WIDTH:130px;
		}		
#content div.event TH,#content div.event TD
		{
		BORDER-BOTTOM: 1px DOTTED #CCC
		}



/* ピックアップ  */


/* ピックアップ 写真2枚バージョン  */

#content div.pickup		{
		WIDTH:545px;
		MARGIN-TOP:5px;
		}

#content div.pickup div.pickup-t		{
		FONT-SIZE:116%;
		MARGIN:-100px 0 0 225px;
		}

#content div.pickup p		{
		MARGIN:5px 0 0 225px;
		}

#content div.pickup IMG		{
		MARGIN:5px 0 0 5px;
		}
#content div.pickup div.read		{
		MARGIN:5px 0 0 495px;
		}

#content div.pickup IMG.bar		{
		MARGIN:5px 0 0 0;
		}					
		
/* ピックアップ 写真1枚バージョン  */
#content div.pickup02		{
		WIDTH:545px;
		MARGIN-TOP:5px;
		}

#content div.pickup02 div.pickup-t02		{
		FONT-SIZE:116%;
		MARGIN:-100px 0 0 120px;
		}

#content div.pickup02 p		{
		MARGIN:5px 0 0 120px;
		}

#content div.pickup IMG		{
		MARGIN:5px 0 0 5px;
		}
		
#content div.pickup02 div.read		{
		MARGIN:10px 0 0 495px;
		}
		
#content div.pickup02 IMG.bar		{
		MARGIN:10px 0 0 0;
		}			
		

/* トップ特番-みんなで乗馬を始めよう、なかよく、楽しく馬に乗ろう  */

#content div.feature		{
		WIDTH:548px;
		MARGIN:10px 0 0 0;
		BACKGROUND-COLOR: #F2F2F2;
		}

#content div.feature div.feature-01		{
		FLOAT: LEFT;
		WIDTH:538px;
		MARGIN:3px;
		BACKGROUND-COLOR: #FFF;
		BORDER: 1px SOLID #CCC
		}
#content div.feature div.feature-01 IMG.feature-l-title		{
		MARGIN:3px 0 0 3px;
		}

#content div.feature div.feature-01 IMG.feature-l-img		{
		MARGIN:8px 0 0 8px;
		}		
#content div.feature div.feature-01 p		{
		MARGIN:-92px 0 0 107px;
		PADDING-RIGHT:5px;
		font-size:100%;		
		}		
#content div.feature div.feature-more		{
		TEXT-ALIGN:RIGHT;
		MARGIN:3px 8px 0 0;
		}
		
/* トップ特番-2カラム*/
#content div.feature div.feature-l IMG.feature-l-title		{
		MARGIN:3px 0 0 3px;
		}

#content div.feature div.feature-l IMG.feature-l-img		{
		MARGIN:8px 0 0 8px;
		}

#content div.feature div.feature-l p		{
		MARGIN:-92px 0 0 107px;
		PADDING-RIGHT:5px;
		font-size:100%;		
		}		
#content div.feature div.feature-l		{
		FLOAT: LEFT;
		WIDTH:266px;
		HEIGHT:160px;
		MARGIN:3px;
		BACKGROUND-COLOR: #FFF;
		BORDER: 1px SOLID #CCC
		}
#content div.feature div.feature-more		{
		TEXT-ALIGN:RIGHT;
		MARGIN:3px 8px 0 0;
		}

#content div.feature div.feature-l IMG.feature-l-title		{
		MARGIN:3px 0 0 3px;
		}

#content div.feature div.feature-l IMG.feature-l-img		{
		MARGIN:8px 0 0 8px;
		}

#content div.feature div.feature-l p		{
		MARGIN:-92px 0 0 107px;
		PADDING-RIGHT:5px;
		font-size:12px;		
		}

#content div.feature div.feature-r		{
		FLOAT: LEFT;
		WIDTH:266px;
		HEIGHT:160px;
		MARGIN:3px 3px 3px 0;
		BACKGROUND-COLOR: #FFF;
		BORDER: 1px SOLID #CCC
		}
#content div.feature div.feature-r IMG.feature-r-title		{
		MARGIN:3px 0 0 3px;
		}

#content div.feature div.feature-r IMG.feature-r-img		{
		MARGIN:8px 0 0 8px;
		}

#content div.feature div.feature-r p		{
		MARGIN:-92px 0 0 107px;
		PADDING-RIGHT:5px;
		font-size:12px;				
		}

/* クラブマップ */

#content div.clubmap-wrap		{
		WIDTH:548px;
		HEIGHT:222px;
		MARGIN:10px 0 0 0;
		padding:1px;
		BACKGROUND-COLOR: #F2F2F2;
		}

#content div.clubmap		{
		WIDTH:538px;
		HEIGHT:210px;
		MARGIN:5px 0 0 5px;
		BACKGROUND-COLOR: #FFF;
		}

#content div.clubmap H3		{
		CLEAR: BOTH;
		MARGIN:5px 0 0 3px;
		PADDING-TOP:0px;
		}

#content div.clubmap IMG.map-img		{
		MARGIN:10px 0 0 15px;
		}

#content div.clubmap P.clubmap-txt		{
		WIDTH:350px;
		MARGIN:-150px 0 0 170px;
		font-size:12px;			
		}

#content div.clubmap P.clubmap-link		{
		WIDTH:350px;
		MARGIN:5px 0 0 170px;
		font-size:12px;			
		}

#content div.clubmap IMG.clubmap-a		{
		MARGIN:5px 0 0 390px;
		}

/* 
 サブメニュー
------------------------------ */

/* 乗馬倶楽部様へお知らせ */
#submenu div.clubinfo		{
		WIDTH:210px;
		BACKGROUND-COLOR:#BDD5AE;
		}

#submenu div.clubinfo UL		{
		WIDTH:200px;
		MARGIN:-10px 0 5px 5px;
		PADDING: 0;
		BACKGROUND-COLOR:#FFF;
		LIST-STYLE-TYPE: NONE
		}
#submenu div.clubinfo UL LI		{
		PADDING: 8px 3px 8px 3px;
		MARGIN: 0 8px 0 8px;
		BORDER-BOTTOM: 1px SOLID #CCC
		}

#submenu div.otherlink		{
		WIDTH:200px;
		MARGIN:-5px 0 5px 5px;
		BACKGROUND-COLOR:#FFF;
		TEXT-ALIGN: RIGHT;
		PADDING: 8px 8px 8px 0;
		font-size: 90%			
		}
* html body #submenu div.otherlink		{/*IE6用ハック*/
		WIDTH:195px;
		MARGIN:-5px 0 5px 5px;
		BACKGROUND-COLOR:#FFF;
		TEXT-ALIGN: RIGHT;
		PADDING: 8px 5px 8px 0;
		font-size: 90%			
		}		
*+html body #submenu div.otherlink		{/*IE7用ハック*/
		WIDTH:195px;
		MARGIN:-5px 0 5px 5px;
		BACKGROUND-COLOR:#FFF;
		TEXT-ALIGN: RIGHT;
		PADDING: 8px 5px 8px 0;
		font-size: 90%			
		}		

#submenu div.clubinfo2		{
		WIDTH:210px;
		HEIGHT:137px;
		MARGIN:-15px 0 0 0;
		BACKGROUND: url("../images/top/clubinfo2-bg.gif") NO-REPEAT;
		}
* html body #submenu div.clubinfo2		{/*IE6用ハック*/
		WIDTH:210px;
		HEIGHT:137px;
		MARGIN:0;
		BACKGROUND: url("../images/top/clubinfo2-bg.gif") NO-REPEAT;
		}
*+html body #submenu div.clubinfo2		{/*IE7用ハック*/
		WIDTH:210px;
		HEIGHT:137px;
		MARGIN:0;
		BACKGROUND: url("../images/top/clubinfo2-bg.gif") NO-REPEAT;
		}
#submenu div.clubinfo2 UL		{
		WIDTH:190px;
		MARGIN-LEFT:10px;
		PADDING: 15px 0 0 0;
		LIST-STYLE-TYPE: NONE
		}
#submenu div.clubinfo2 UL LI		{
		MARGIN-BOTTOM:2px;
		}		
#submenu div.clubinfo2-2		{
		WIDTH:210px;
		HEIGHT:110px;
		MARGIN:-15px 0 0 0;
		BACKGROUND: url("../images/top/clubinfo2-2bg.gif") NO-REPEAT;
		}
* html body #submenu div.clubinfo2-2	{/*IE6用ハック*/
		WIDTH:210px;
		HEIGHT:110px;
		MARGIN:0;
		BACKGROUND: url("../images/top/clubinfo2-2bg.gif") NO-REPEAT;
		}
*+html body #submenu div.clubinfo2-2	{/*IE7用ハック*/
		WIDTH:210px;
		HEIGHT:110px;
		MARGIN:0;
		BACKGROUND: url("../images/top/clubinfo2-2bg.gif") NO-REPEAT;
		}
#submenu div.clubinfo2-2 UL		{
		WIDTH:190px;
		MARGIN-LEFT:10px;
		PADDING: 15px 0 0 0;
		LIST-STYLE-TYPE: NONE
		}
#submenu div.clubinfo2-2 UL LI		{
		MARGIN-BOTTOM:2px;
		}
/* 乗馬倶楽部様へお知らせ　リンク */
#submenu UL.info-link LI A:LINK	,#submenu UL.info-link LI A:VISITED
		{
		COLOR: #287D00;
		BACKGROUND: TRANSPARENT;
		TEXT-DECORATION: UNDERLINE
		}
#submenu UL.info-link LI A:HOVER,#submenu UL.info-link LI A:ACTIVE
		{
		COLOR: #75754F;
		BACKGROUND: TRANSPARENT;
		TEXT-DECORATION: NONE
		}



/* 関連リンク */

#submenu UL.link		{
		LIST-STYLE-IMAGE: url("../images/arrow07.gif");
		margin-left:-15px;
				}
* html body #submenu UL.link	{/*IE6用ハック*/
		margin-left:20px;
				}
*+html body #submenu UL.link	{/*IE7用ハック*/
		margin-left:20px;		
				}										
#submenu UL.link LI	{
		VERTICAL-ALIGN: MIDDLE;
		MARGIN-BOTTOM: 0.5em;
		}
		
#submenu UL.link LI A:LINK	,#submenu UL.link LI A:VISITED
		{
		COLOR: #287D00;
		BACKGROUND: TRANSPARENT;
		TEXT-DECORATION: UNDERLINE
		}
#submenu UL.link LI A:HOVER,#submenu UL.link LI A:ACTIVE
		{
		COLOR: #75754F;
		BACKGROUND: TRANSPARENT;
		TEXT-DECORATION: NONE
		}
		

/* 
 フッター
------------------------------ */
#foot		{
		CLEAR: BOTH;
		WIDTH: 815px;
		BACKGROUND: url("../images/foot-bg.gif") NO-REPEAT;
		BACKGROUND-POSITION: bottom;
		PADDING-TOP:20px;
		PADDING-BOTTOM:20px;
		}

#foot UL.link1	{
		WIDTH:785px;
		MARGIN:0 0 0 10px;
		PADDING-LEFT:5px;
		PADDING-BOTTOM:5px;
		BORDER-BOTTOM: 1px SOLID #CCC;
		font-size:12px;
		}
#foot UL.link1 LI	{
		DISPLAY: INLINE;
		LIST-STYLE-TYPE: NONE;
		MARGIN-LEFT: 0.5em;
		MARGIN-RIGHT: 0.5em;
		}
#foot UL.link1 LI A	{
		COLOR: #666;
		BACKGROUND: url("../images/arrow03.gif") 0 50% NO-REPEAT;
		PADDING-LEFT: 0.5em;
		}
#foot UL.link1 LI A:LINK	,#foot.link1 LI A:VISITED
		{
		COLOR: #666;
		BACKGROUND: url("../images/arrow03.gif") 0 50% NO-REPEAT;
		TEXT-DECORATION: NONE
		PADDING-LEFT: 0.5em;
		}
#foot UL.link1 LI A:HOVER,#foot UL.link1 LI A:ACTIVE
		{
		COLOR: #999;
		BACKGROUND: url("../images/arrow03.gif") 0 50% NO-REPEAT;
		TEXT-DECORATION: UNDERLINE
		PADDING-LEFT: 0.5em;
		}
#foot UL.link2	{
		MARGIN: -15px 0 0 510px;
		}
* html body #foot UL.link2	{/*IE6用ハック*/
		MARGIN: -15px 0 0 555px;
		}
*+html body #foot UL.link2	{/*IE7用ハック*/
		MARGIN: -15px 0 0 555px;
		}
#foot UL.link2 LI	{
		DISPLAY: INLINE;
		LIST-STYLE-TYPE: NONE;
		MARGIN-RIGHT: 0.5em
		}

#foot P	{
		MARGIN:5px 0 0 20px;
		COLOR: #666;
		}