@charset "UTF-8";

/*グレースライディングクラブ 共用CSS*/


/*==========================================*/

*{
 margin : 0px ;
 padding : 0px ;
 font-size : 100% ;
 font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Osaka,sans-serif ;
 }


body {
 background : #ffffff none ;
 margin : 0px ;
 color : #333333 ;
 font-size : 12px ;
 font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Osaka,sans-serif ;
/*Mac IE Hack \*/
 letter-spacing : 1px ;
/*Mac IE Hack END*/
 line-height : 150% ;
 text-align : center ;
 }

img {
 border : 0px ;
 margin : 0px ;
 }

a:link    { text-decoration:underline; color:#006633 ; }
a:visited { text-decoration:none; color:#003300 ; }
a:active  { text-decoration:underline; color:#009933 ; }
a:hover   { text-decoration:underline; color:#009933 ; }

.hidden {
 display : none ;
 }


h3 {
 margin : 10px 0px 10px 0px ;
 color : #003300 ;
 font-size : 14px ;
 }












/*　　　　　　　　ヘッダー　　　　　　　　*/

#header {
 background : #ffffff none ;
 color : #333333 ;
 width : 980px ;
 height : 51px ;
 position : relative ;
 margin : 0px auto ;
 padding : 0px ;
 }

h1 {
 width : 469px ;
 height : 51px ;
 float : left ;
 }


#head1 {
 display : block ;
 width : 469px ;
 height : 51px ;
 background : transparent url("../images/logo.png") no-repeat ;
 color : #333333 ;
 }


#headmenu {
 background : transparent none ;
 color : #333333 ;
 width : 300px ;
 height : 22px ;
 float : right ;
 margin-top : 25px ;
 position : relative ;
 }


/*-----------HEAD NAVI START-------------*/

#headmenu a:hover, #headmenu a:active {
 display : block ;
 overflow : hidden ;
 background-position : 0px -22px ;
 }

#inquirybody #headmenu a#head-inquiry, #materialbody #headmenu a#head-material, #outlinebody #headmenu a#head-outline, #sitemapbody #headmenu a#head-sitemap  {
 background-position : 0px -22px ;
 }

#head-inquiry {
 background : transparent url("../images/head_inquiry.png") no-repeat ;
 color : #333333 ;
 width : 153px ;
 height : 22px ;
 right : 164px ;
 top : 0px ;
 position : absolute ;
 }

#head-outline {
 background : transparent url("../images/head_outline.png") no-repeat ;
 color : #333333 ;
 width : 68px ;
 height : 22px ;
 right : 96px ;
 top : 0px ;
 position : absolute ;
 }

#head-sitemap {
 background : transparent url("../images/head_sitemap.png") no-repeat ;
 color : #333333 ;
 width : 96px ;
 height : 22px ;
 right : 0px ;
 top : 0px ;
 position : absolute ;
 }

/*-----------HEAD NAVI END-------------*/




/*　　　　　　　　トップページ　　　　　　　　*/


#topbody {
 background : #ffffff url("../images/background.png") 50% 51px repeat-x ;
 }


#topbg {
 background : #ffffff url("../images/topimage.png") no-repeat ;
 color : #333333 ;
 width : 980px ;
 position : relative ;
 margin : 0px auto ;
 padding : 268px 0px 0px 0px ;
 text-align : left ;
 clear : both ;
 }

#topcont {
 background : transparent none ;
 color : #333333 ;
 width : 902px ;
 position : relative ;
 margin : 0px auto 0px auto ;
 padding : 0px 0px 0px 0px ;
 text-align : left ;
 }





/*-----------TOPPAGE NAVI START-------------*/

#topnavi {
 background : transparent none ;
 width : 902px ;
 height : 58px ;
 margin : 0px auto ;
 position : relative ;
 }

#topnavi a:hover, #topnavi a:active {
 display : block ;
 overflow : hidden ;
 background-position : 0px -58px ;
 }

#topmenu-event {
 display : block ;
 background : transparent url("../images/topmenu_event.png") no-repeat ;
 color : #ffffff ;
 width : 122px ;
 height : 58px ;
 left : 0px ;
 top : 0px ;
 position : absolute ;
 }

#topmenu-about {
 display : block ;
 background : transparent url("../images/topmenu_about.png") no-repeat ;
 color : #ffffff ;
 width : 105px ;
 height : 58px ;
 left : 122px ;
 top : 0px ;
 position : absolute ;
 }

#topmenu-horse {
 display : block ;
 background : transparent url("../images/topmenu_horse.png") no-repeat ;
 color : #ffffff ;
 width : 94px ;
 height : 58px ;
 left : 227px ;
 top : 0px ;
 position : absolute ;
 }

#topmenu-lesson {
 display : block ;
 background : transparent url("../images/topmenu_lesson.png") no-repeat ;
 color : #ffffff ;
 width : 106px ;
 height : 58px ;
 left : 321px ;
 top : 0px ;
 position : absolute ;
 }

#topmenu-member {
 display : block ;
 background : transparent url("../images/topmenu_member.png") no-repeat ;
 color : #ffffff ;
 width : 92px ;
 height : 58px ;
 left : 427px ;
 top : 0px ;
 position : absolute ;
 }

#topmenu-price {
 display : block ;
 background : transparent url("../images/topmenu_price.png") no-repeat ;
 color : #ffffff ;
 width : 142px ;
 height : 58px ;
 left : 519px ;
 top : 0px ;
 position : absolute ;
 }

#topmenu-facilities {
 display : block ;
 background : transparent url("../images/topmenu_facilities.png") no-repeat ;
 color : #ffffff ;
 width : 90px ;
 height : 58px ;
 left : 661px ;
 top : 0px ;
 position : absolute ;
 }

#topmenu-access {
 display : block ;
 background : transparent url("../images/topmenu_access.png") no-repeat ;
 color : #ffffff ;
 width : 91px ;
 height : 58px ;
 left : 751px ;
 top : 0px ;
 position : absolute ;
 }

#topmenu-blog {
 display : block ;
 background : transparent url("../images/topmenu_blog.png") no-repeat ;
 color : #ffffff ;
 width : 60px ;
 height : 58px ;
 left : 842px ;
 top : 0px ;
 position : absolute ;
 }


/*-----------TOPPAGE NAVI END-------------*/




#pad {
 padding : 0px 15px 0px 15px ;
 }


#topintro {
 padding : 30px 0px 0px 0px ;
 width : 400px ;
 height : 170px ;
 overflow : auto ;
 float : left ;
 }


#topevent {
 padding : 30px 0px 0px 0px ;
 width : 400px ;
 height : 170px ;
 overflow : auto ;
 float : right ;
 }






/*　　　　　　　　その他ページ　　　　　　　　*/



/*-----------SUBPAGE NAVI START-------------*/

#navi {
 background : transparent none ;
 width : 902px ;
 height : 44px ;
 margin : 0px auto ;
 position : relative ;
 }

#navi a:hover, #navi a:active {
 display : block ;
 overflow : hidden ;
 background-position : 0px -44px ;
 }

#eventbody #navi a#menu-event, #aboutbody #navi a#menu-about, #horsebody #navi a#menu-horse, #lessonbody #navi a#menu-lesson, #memberbody #navi a#menu-member, #pricebody #navi a#menu-price, #facilitiesbody #navi a#menu-facilities, #accessbody #navi a#menu-access, #faqbody #navi a#menu-faq {
 background-position : 0px -44px ;
 }

#menu-event {
 display : block ;
 background : transparent url("../images/menu_event.png") no-repeat ;
 color : #ffffff ;
 width : 122px ;
 height : 44px ;
 left : 0px ;
 top : 0px ;
 position : absolute ;
 }

#menu-about {
 display : block ;
 background : transparent url("../images/menu_about.png") no-repeat ;
 color : #ffffff ;
 width : 105px ;
 height : 44px ;
 left : 122px ;
 top : 0px ;
 position : absolute ;
 }

#menu-horse {
 display : block ;
 background : transparent url("../images/menu_horse.png") no-repeat ;
 color : #ffffff ;
 width : 94px ;
 height : 44px ;
 left : 227px ;
 top : 0px ;
 position : absolute ;
 }

#menu-lesson {
 display : block ;
 background : transparent url("../images/menu_lesson.png") no-repeat ;
 color : #ffffff ;
 width : 106px ;
 height : 44px ;
 left : 321px ;
 top : 0px ;
 position : absolute ;
 }

#menu-member {
 display : block ;
 background : transparent url("../images/menu_member.png") no-repeat ;
 color : #ffffff ;
 width : 92px ;
 height : 44px ;
 left : 427px ;
 top : 0px ;
 position : absolute ;
 }

#menu-price {
 display : block ;
 background : transparent url("../images/menu_price.png") no-repeat ;
 color : #ffffff ;
 width : 142px ;
 height : 44px ;
 left : 519px ;
 top : 0px ;
 position : absolute ;
 }

#menu-facilities {
 display : block ;
 background : transparent url("../images/menu_facilities.png") no-repeat ;
 color : #ffffff ;
 width : 90px ;
 height : 44px ;
 left : 661px ;
 top : 0px ;
 position : absolute ;
 }

#menu-access {
 display : block ;
 background : transparent url("../images/menu_access.png") no-repeat ;
 color : #ffffff ;
 width : 91px ;
 height : 44px ;
 left : 751px ;
 top : 0px ;
 position : absolute ;
 }

#menu-blog {
 display : block ;
 background : transparent url("../images/menu_blog.png") no-repeat ;
 color : #ffffff ;
 width : 60px ;
 height : 44px ;
 left : 842px ;
 top : 0px ;
 position : absolute ;
 }


/*-----------SUBPAGE NAVI END-------------*/








/*　　　　　　　　その他ページ共通　　　　　　　　*/


#eventbody, #aboutbody, #horsebody, #lessonbody, #memberbody, #pricebody, #facilitiesbody, #accessbody, #faqbody, #inquirybody, #materialbody, #outlinebody, #sitemapbody, #recruitbody {
 background : #ffffff url("../images/sub_background.png") 50% 51px repeat-x ;
 }




#topimage {
 background : transparent url("../images/cont_topbg.png") 50% 100% no-repeat ;
 color : #333333 ;
 width : 980px ;
 height : 202px ;
 position : relative ;
 margin : 0px auto 0px auto ;
 padding : 0px 0px 0px 0px ;
 text-align : center ;
 clear : both ;
 }

#cont {
 background : #ffffff none ;
 color : #333333 ;
 width : 902px ;
 position : relative ;
 margin : 0px auto 0px auto ;
 padding : 0px 0px 0px 0px ;
 text-align : left ;
 clear : both ;
 }







/*　　　　　　　　イベント　　　　　　　　*/


#eventbg {
 background : #ffffff url("../event/images/eventimage.png") no-repeat ;
 color : #333333 ;
 width : 980px ;
 height : 202px ;
 position : relative ;
 margin : 0px auto ;
 padding : 0px 0px 0px 0px ;
 text-align : left ;
 clear : both ;
 }


/*　　　　　　　　乗馬とは　　　　　　　　*/


#aboutbg {
 background : #ffffff url("../about/images/aboutimage.png") no-repeat ;
 color : #333333 ;
 width : 980px ;
 height : 202px ;
 position : relative ;
 margin : 0px auto ;
 padding : 0px 0px 0px 0px ;
 text-align : left ;
 clear : both ;
 }


#aboutbody #pad p {
 margin : 0px 0px 15px 0px ;
 }

#aboutbody table {
 width : 600px ;
 padding : 0px ;
 margin : 5px 0px 20px 0px ;
 border : #999999 1px solid ;
 border-spacing : 0px ;
 border-collapse : collapse ;
 }

#aboutbody table th {
 padding : 10px 10px ;
 text-align : left ;
 border-bottom : #999999 1px solid ;
 background : #f4fff4 none ;
 color : #003300 ;
 font-weight : normal ;
 width : 60px ;
 }

#aboutbody table td {
 padding : 10px ;
 text-align : left ;
 border-left : #999999 1px solid ; 
 border-bottom : #999999 1px solid ; 
 color : #333333 ;
 }





/*　　　　　　　　馬の紹介　　　　　　　　*/


#horsebg {
 background : #ffffff url("../horse/images/horseimage.png") no-repeat ;
 color : #333333 ;
 width : 980px ;
 height : 202px ;
 position : relative ;
 margin : 0px auto ;
 padding : 0px 0px 0px 0px ;
 text-align : left ;
 clear : both ;
 }

#horseintro {
 background : #eeeeee none ;
 text-align : center ;
 padding : 40px ;
 }

p.name {
 width : 120px ;
 text-align : left ;
 float : left ;
 }

p.more {
 width : 85px ;
 height : 18px ;
 text-align : right ;
 float : right ;
 }

/*ハッピーカムカム*/
#happy {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_happy.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*ブルーシーザー*/
#blue {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_blue.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*フクちゃん*/
#fuku {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_fuku.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*マーガリン*/
#margarine {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_margarine.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*ミルク*/
#milk {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_milk.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*オオタヒット*/
#ohta {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_ohta.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*シルククリムゾン*/
#silk {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_silk.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*ユラナス*/
#yuranasu {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_yuranasu.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*ラッキー*/
#lucky {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_lucky.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*メジロメイホー*/
#mejiro {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_mejiro.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*マキハタマーク*/
#makihata {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_makihata.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*サファル*/
#safaru {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_safaru.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*ギャンブルホース*/
#gamble {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_gamble.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*セラフィム*/
#serafimu {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_serafimu.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*ライラックグレース*/
#lilac {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_lilac.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*グランドボーイ*/
#grand {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_grand.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*ドミンゴ*/
#domingo {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_domingo.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*ザ・ファイヤードレイク*/
#fire {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_fire.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 line-height : 120% ;
 }

/*ホワイトクリーム*/
#white {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_white.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*ボス*/
#boss {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_boss.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*ロードオール*/
#road {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_road.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }

/*カモヒリュウ*/
#kamo {
 width : 213px ;
 height : 75px ;
 background : transparent url("../horse/images/ph_kamo.png") no-repeat ;
 padding : 245px 30px 0px 20px ;
 float : left ;
 }






/*clearfix*/
#horseintro:after {
 display : block ;
 clear : both ;
 height : 0 ;
 visibility : hidden ;
 content : "." ;
 }


/*　　　　　　　　レッスン表　　　　　　　　*/


#lessonbg {
 background : #ffffff url("../lesson/images/lessonimage.png") no-repeat ;
 color : #333333 ;
 width : 980px ;
 height : 202px ;
 position : relative ;
 margin : 0px auto ;
 padding : 0px 0px 0px 0px ;
 text-align : left ;
 clear : both ;
 }

#lessonbody table {
 width : 600px ;
 padding : 0px ;
 margin : 5px 0px 20px 0px ;
 border : #000000 1px solid ;
 border-spacing : 0px ;
 border-collapse : collapse ;
 }

#lessonbody table th {
 padding : 3px 10px ;
 text-align : center ;
 border-bottom : #000000 1px solid ; 
 color : #000000 ;
 }

#lessonbody table td {
 padding : 3px ;
 text-align : center ;
 border-left : #000000 1px solid ; 
 border-bottom : #000000 1px solid ; 
 }






/*　　　　　　　　施設案内　　　　　　　　*/

#facilitable td {
 vertical-align : top ;
 }

#facilitiesbody h3 {
 width : 290px ;
 background : #003300 none ;
 color : #ffffff ;
 padding : 5px ;
 margin : 5px 0px 0px 0px ;
 }





/*　　　　　　　　会社概要　　　　　　　　*/

#outlinebody dl {
 width : 500px ;
 display : block ;
 clear : both ;
 margin : 10px 0px 0px 0px ;
 padding : 0px ;
 }

#outlinebody dt {
 width : 150px ;
 float : left ;
 clear : both ;
 border-bottom : #000000 1px solid ;
 padding-left : 5px ;
 }

#outlinebody dd {
 margin : 0px 0px 5px 155px ;
 border-bottom : #000000 1px solid ;
 padding-left : 5px ;
 }

/*dt内で改行した場合、FF/Safariでずれるのでclearfixで対処*/
/*#outlinebody dl > dd:after {
 display : block ;
 clear : both ;
 height : 0 ;
 visibility : hidden ;
 content : "." ;
 }*/





/*　　　　　　　　フッター　　　　　　　　*/


#footlink {
 width : 886px ;
 padding : 50px 0px 30px 0px ;
 margin : 0px auto ;
 text-align : center ;
 clear : both ;
 position : relative ;
 }


/*-----------FOOTER NAVI START-------------*/


#footlink a:hover, #footlink a:active {
 display : block ;
 overflow : hidden ;
 background-position : 0px -38px ;
 }

#inquirybody #footlink a#bn-inquiry, #materialbody #footlink a#bn-material {
 background-position : 0px -38px ;
 }

#bn-inquiry {
 display : block ;
 background : transparent url("../images/bn_inquiry.png") no-repeat ;
 color : #333333 ;
 width : 233px ;
 height : 38px ;
 float : left ;
 }

#bn-material {
 display : block ;
 background : transparent url("../images/bn_material.png") no-repeat ;
 color : #333333 ;
 width : 233px ;
 height : 38px ;
 margin-left : 10px ;
 float : left ;
 }

#bn-tel {
 display : block ;
 width : 402px ;
 height : 39px ;
 float : right ;
 position : relative ;
 }



/*-----------FOOTER NAVI END-------------*/





#footer {
 width : 902px ;
 height : 20px ;
 margin : 20px auto 0px auto ;
 border-top : #003300 1px dotted ;
 text-align : center ;
 clear : both ;
 }






#bannerbox {
 width : 191px ;
 height : 250px ;
 float : right ;
 margin-right : 40px ;
 text-align : left ;
 }

#bannerbox ul {
 list-style-type : none ;
 margin : 0px ;
 }

#bannerbox ul li {
 list-style-type : none ;
 margin : 0px 0px 10px 0px ;
 }

/*floatしたdivの高さをカバーするための:after擬似要素とcontentプロパティ。*/
#topcontbox:after {
 display : block ;
 margin-top : -1px ;
 height : 1px ;
 content : "" ;
 clear : both ;
 }





/*　　　　　　　　求人情報　　　　　　　　*/


#recruitbg {
 background : #ffffff url("../lesson/images/lessonimage.png") no-repeat ;
 color : #333333 ;
 width : 980px ;
 height : 202px ;
 position : relative ;
 margin : 0px auto ;
 padding : 0px 0px 0px 0px ;
 text-align : left ;
 clear : both ;
 }

#recruitbody table {
 width : 700px ;
 padding : 0px ;
 margin : 15px 0px 20px 0px ;
 border : #999999 1px solid ;
 border-spacing : 0px ;
 border-collapse : collapse ;
 }

#recruitbody table th {
 padding : 10px 10px ;
 text-align : left ;
 border-bottom : #999999 1px solid ;
 background : #f4fff4 none ;
 color : #003300 ;
 font-weight : normal ;
 }

#recruitbody table td {
 padding : 10px ;
 text-align : left ;
 border-left : #999999 1px solid ; 
 border-bottom : #999999 1px solid ; 
 color : #333333 ;
 }