@charset "UTF-8";
/***----------------------------------------------------------------
styles.css
Copyright PEGASUS RIDING CLUB. All rights reserved.
--------------------------------------------------------------- ***/

/***------------
default
------------***/
body {
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Verdana;
text-align: justify;
line-height: 1.3em;
font-size: 120%;
color: #000000;
text-align: center;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, hr {
margin:0px;
padding:0px;
}
table {
border-collapse:collapse;
border-spacing:0px;
}
fieldset, img {
border:none;
}
ol, ul {
list-style:none;
}
h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, em, th, var, caption, th, optgroup {
font-size:100%;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
text-align:left;
}
q:before, q:after {
content:'';
}
a{
overflow:hidden;
}
strong {
font-weight:bold;
}

/***------------
common
------------***/
.hidden {
position: absolute;
left: -1000px;
top: -1000px;
height: 0px;
width: 0px;
overflow: hidden;
font-size: 0px;
display: block;
}
.center {
text-align: center;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
.photo_l {
margin: 0px 10px 10px 0px;
}
* html id {
margin: 0px;
padding: 0px;
}
.photo_border {
border: 1px solid #CCCCCC;
}
.line-height {
line-height: 2em;
}
.pagetop {
position: relative;
margin: 0px 10px 0px 10px;
text-align: right;
font-size: 80%;
line-height: 1.2em;
clear: both;
}

/***------------
color font-size
------------***/
.strong {
font-weight: bold;
}
.font-red {
color: #FF0000;
}
.font-blue {
color: #C9EAFB;
}
.font-size13 {
font-size: 80%;
line-height: 1.3em;
}

/***------------
default link
------------***/
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #666666;
text-decoration: none;
}
a:hover {
color: #053768;
text-decoration: underline;
}
a:active {
color: #555555;
text-decoration: underline;
}
/***------------
contents all
------------***/
#ALL {
width: 762px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
}

/***------------
header contents
------------***/
#HEAD {
width: 762px;
height: 50px;
position: relative;
margin: 0px auto;
background: url(../img/bg_header.gif) repeat-x;
clear: both;
}
#HEAD h1 a {
position: absolute;
left: 10px;
top: 0px;
width: 297px;
height: 47px;
overflow: hidden;
display: block;
text-indent: -9999px;
background: url(../img/logo.gif) no-repeat ;
}
#HEAD .seo {
padding: 20px 0px 0px 317px;
font-size: 80%;
line-height: 0.8em;
color: #666666;
float: left;
}
#HEADERMENU {
width: 200px;
height: 350px;
background: url(../img/menu.jpg) no-repeat ;
}
#HEADERMENU li {
height: 40px;
}
#HEADERMENU li a {
height: 40px;
overflow: hidden;
display: block;
text-indent: -9999px;
}
#HEADERMENU .MENU01 { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat 0px 0px; }
#HEADERMENU .MENU01 a:hover { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -200px 0px; }

#HEADERMENU .MENU02 { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -0px -40px; }
#HEADERMENU .MENU02 a:hover { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -200px -40px; }

#HEADERMENU .MENU03 { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -0px -80px; }
#HEADERMENU .MENU03 a:hover { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -200px -80px; }

#HEADERMENU .MENU04 { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -0px -120px; }
#HEADERMENU .MENU04 a:hover { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -200px -120px; }

#HEADERMENU .MENU05 { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -0px -160px; }
#HEADERMENU .MENU05 a:hover { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -200px -160px; }

#HEADERMENU .MENU06 { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -0px -200px; }
#HEADERMENU .MENU06 a:hover { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -200px -200px; }

#HEADERMENU .MENU07 { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -0px -240px; }
#HEADERMENU .MENU07 a:hover { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -200px -240px; }

#HEADERMENU .MENU08 { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -0px -280px; }
#HEADERMENU .MENU08 a:hover { width: 200px; height:40px; background: url(../img/menu.jpg) no-repeat -200px -280px; }

/***------------
top contents
------------***/
#TOP {
position: relative;
width: 760px;
text-align: left;
border-left:1px solid #053768;
border-right:1px solid #053768;
float: left;
}
#WAKU {
width: 760px;
float: left;
}
#LEFT {
width: 560px;
margin: 0px 0px 0px 0px;
float: left;
}
#LEFT .flash {
width: 560px;
margin: 0px 0px 0px 0px;
}
#LEFT .seo {
width: 530px;
padding: 10px 0px 0px 10px;
margin: 0px 0px 10px 0px;
background: url(../topimg/bg_seo.gif) left top no-repeat;
font-size: 80%;
line-height: 1.4em;
}
#RIGHT {
width: 200px;
float: left;
}
#RIGHT .bn1 {
margin: 10px 0px 0px 0px;
float: left;
}
#RIGHT .bn2 {
margin: 5px 0px 0px 0px;
float: left;
}
#RIGHT .bn3 {
margin: 5px 0px 0px 0px;
float: left;
}
#RIGHT .bn4 {
margin: 5px 0px 5px 0px;
float: left;
}
#RIGHT .address {
width: 180px;
color: #666666;
font-size: 80%;
line-height: 1.2em;
padding: 10px 10px 0px 10px;
}
#TOP_BTM {
width: 740px;
margin: 0px 10px 0px 10px;
clear: both;
}
#TOP_LEFT {
width: 250px;
float: left;
}
#TOP_RIGHT {
width: 200px;
float: left;
margin-left:20px;
}
#INFO {
width: 249px;
height: 100px;
overflow: auto;
margin: 0px 0px 10px 0px;
}
#INFO .data {
height: 15px;
padding: 0px 0px 0px 10px;
margin: 3px 0px 0px 0px;
font-family: Verdana;
font-size: 70%;
line-height: 1.4em;
font-weight: bold;
background:url(../topimg/ico_news.gif) no-repeat left top;
}
#INFO .txt {
font-size: 80%;
line-height: 1.4em;
padding: 0px 10px 3px 10px;
border-bottom:1px solid #CCCCCC;
}
.btm_menu {
font-size: 80%;
line-height: 1.4em;
text-align: center;
padding: 10px 10px 20px 10px;
clear: both;
}

/***------------
footer contents
------------***/
#FOOTER {
width: 760px;
_width: 762px;
height: 20px;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
border-left:1px solid #053768;
border-right:1px solid #053768;
background: url(../img/bg_footer.gif);
clear: both;
}
#FOOTER .copy {
padding: 7px 0px 0px 0px;
}

/***------------
contents
------------***/
#CONTENT {
position: relative;
width: 760px;
text-align: left;
border-left:1px solid #053768;
border-right:1px solid #053768;
float: left;
}
#CONTENT h2 {
margin: 0px 0px 5px 0px;
}
#CONTENT .pankuzu {
margin: 0px 0px 10px 0px;
text-align: right;
font-size: 70%;
line-height: 1.2em;
}
#CONTENT .stt {
width: 540px;
height: 27px;
margin: 0px 0px 10px 0px;
background: url(../img/bg_stt.gif) no-repeat;
clear: both;
}
#CONTENT .line {
width: 540px;
height: 2px;
margin-top:20px;
margin-bottom:20px;
border-color:#01838A;
border-bottom:solid;
clear: both;
}
#CONTENT .left2 {
    float: left;
	margin-right:10px;
	margin-bottom:10px;
}
#CONTENT h3 {
padding: 4px 0px 0px 6px;
color: #053768;
font-size: 80%;
line-height: 1.4em;
font-weight: bold;
clear: both;
}
#CONTENT h4 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 2px;
    text-align: left;
    font-size: 14px;
    line-height: 1.2;
    color: #117783;
	font-weight:bold;
}

#CONTENT .right_txt {
	line-height: 1.8;
	font-size: 14px;;
}

#CONTENT .content {
width: 500px;
_width: 520px;
padding: 0px 0px 20px 20px;
font-size: 80%;
line-height: 1.3em;
float: left;
}
#CONTENT .content2 {
width: 500px;
_width: 520px;
padding: 0px 0px 20px 20px;
font-size: 80%;
line-height: 0.8em;
float: left;
}
#CONTENT .left {
margin: 0px 56px 0px 0px;
_margin: 0px 36px 0px 0px;
float: left;
}
#CONTENT .right {
float: right;
}
#CONTENT .center {
text-align: center;
margin: 0px 0px 20px 0px;
clear: both;
}
#CONTENT2 {
width: 540px;
text-align: left;
margin: 0px 10px 0px 10px;
}
#CONTENT .txt_box {
width: 488px;
_width: 500px;
padding: 5px;
font-size: 80%;
line-height: 1.4em;
margin: 0px 20px 0px 20px;
border-left: 1px solid #dedede;
border-top: 1px solid #dedede;
border-right: 1px solid #dedede;
clear: both;
}
#CONTENT .txt_btm {
margin: 0px 20px 20px 20px;
clear: both;
}

/***------------
table
------------***/
#TABLE {
}
#TABLE table {
line-height: 1.3em;
border-collapse: separate;
border-spacing: 0px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
margin: 0px 0px 0px 0px;
}
#TABLE td,th {
font-weight: normal;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
padding: 5px 10px 5px 10px;
_font-size: 15px;
font-family: Verdana
}
#TABLE .color1 {
}
#TABLE .color2 {
background: #D6E7CE;
}
#TABLE th {
color: #333333;
background: #f5fdff;
}
#TABLE td {
}