@charset "utf-8";
/* CSS Document */

body {
	background: #E1F1FF;
	color:#222;
	line-height:1.5;
	font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width:1000px;
}
a { text-decoration:none;}

.wrap {
	width:1000px;
	margin:0 auto;
	position:relative;
}

/*----------------------------------
           header
----------------------------------*/

header {
	width:100%;
    background: #2877DC;
    background: linear-gradient(#389FDD,#2877DC);
    position:relative;
	padding:15px 0;
	text-align: center;
}
header img {
	width:44%;
	max-width:280px;
	vertical-align: bottom;
}

/*----------------------------------
            footer
----------------------------------*/

footer {
	clear:both;
    background: #073A73;
	width: 100%;
	margin:0 ;
	padding:3px 0 ;
	text-align:center;
	color:#FFF;
	font-size:13px;
    letter-spacing:1px;
}

/*-------------------------------
          section
----------------------------------*/
section {
	letter-spacing: 1px;
    padding:50px 0 ;
}

.racetitle {
    display:table;
    width:100%;
    font-weight:700;
    font-size:20px
}
.racetitle > .grade {
    display:table-cell;
    background: #4F525F;
    background: linear-gradient(#83859B,#4F525F);
    text-align: center;
    vertical-align: middle;
    color:#FFF;
    font-size:30px;
    width:160px;
}
.racetitle > .title {
    display:table-cell;
    background: #DBE1F2;
    padding:8px 20px;
}
.racetitle > .title p {
    font-size:26px;
}
.racetitle > .title span {
    color:#FFF;
    font-size:11px;
    padding:2px 4px;
    margin:8px 8px 8px 1px;
    vertical-align: middle;
}
.week {
    background: #222;
    border-radius:50%;
}
.sat {
    background: #1F7AD5;
    border-radius:50%;
}
.sun {
    background: #CC1616;
    border-radius:50%;
}

h5 {
    font-size:28px;
    line-height:1.3;
    color:#0071BC;
    margin-bottom: 20px;
}
h5 span {
    display: block;
}
.box_w {
    background:#FFF;
    padding:60px 40px;
}

.box_racer {
    width:360px;
    float:left;
    text-align: center;
    font-size:11px;

}
.box_racer p {
    font-weight:bold;
    font-size:18px;
    margin:5px 0 0;
}
.tsuji {
    width:150px;
    margin:0 auto 15px;
}
ul.racer li {
    width:150px;
    float:left;
    margin:0 18px 20px 0;
}
.box_racer img {
    width:100%;
    vertical-align: bottom;    
}
.txt_tenbo {
    line-height:1.8;
    width:560px;
    float:right;
   
}
.txt {
    line-height:1.8;
}
.f_r {
    float:right;
    margin:0 0 20px 25px;
    width:500px;
}


.wrighter {
    position: relative;
    background:#C1E8FF;
    border-radius:10px;
    width:355px;
    padding:20px 10px 20px 170px;
    font-size:15px;
    line-height: 1.4;
    float:right;
     margin-top:80px;
}
.wrighter img {
    position: absolute;
    left:24px;
    top:-50px;
}
.wrighter p {
    font-size:18px;
    font-weight:bold;
}

section a:hover img {
	opacity:0.6;
	filter:alpha(style=0, opacity=70);
}
.kugiri {
    background: #FFF;
}
.end {
    width:820px;
    background: linear-gradient(to right,#BDCCD4 92%,#0071BC 92%);
    height:2px;
}


/*テキスト装飾*/
.red { color: #E60012;}
.pink { color: #F2115A;}
.fss { font-size:50%;margin-right:20px;}

/*この頁のトップボタン*/

#page-top {
    position: fixed;
    bottom: 25px;
	right:4%;
	line-height:120%;
}
#page-top a {
    background: #073A73;
	font-size:13px;
	line-height:120%;
    text-decoration: none;
    color: #fff;
    width: 44px;
    padding: 14px 0;
    text-align: center;
    display: block;
    -webkit-border-radius: 25px ;
	-moz-border-radius: 25px;
	border-radius: 25px ;
	opacity:0.7;
	filter:alpha(style=0, opacity=70);
}
#page-top a:hover {
    text-decoration: none;
	opacity:0.9;
	filter:alpha(style=0, opacity=90);
}



/*----ボタンロールオーバー----*/

a:hover .rollOver,
a:focus .rollOver,
a:active .rollOver {
	opacity:0.6;
	filter:alpha(style=0, opacity=70);
	
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る　.でなくても良い */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {　/*IE7のため*/
  min-height: 1px;
}

* html .clearfix {　/*　IE6以前　*/
  height: 1px;
  /*\*//*/　　　　　　　　/*　IE5.xのための記述　*/
  height: auto;
  overflow: hidden;
  /**/
}



@media screen and (max-width: 500px) {

body {
	min-width:100%;
	font-size:15px;
}
.wrap {
	width:96%;
}
header {
	padding:10px 0;
}
/*footer*/
footer {
	font-size:12px;
    letter-spacing:0px;
}
/*section*/
section {
    padding:30px 0 30px;
	font-size:15px;
	letter-spacing: 0px;
}
.racetitle {
    font-size:15px
}
.racetitle > .grade {
    font-size:14px;
    width:24px;
    padding:0 2px;
}
.racetitle > .title {
    padding:8px 2px 8px 10px;
}
.racetitle > .title p {
    font-size:18px;
}
.racetitle > .title span {
    font-size:10px;
    padding:2px 3px;
    margin:6px 8px 6px 1px;
}	

h5 {
    font-size:18px;
    line-height:1.5;
    margin:0 0 10px;
}
h5 span {
    display: inline;
}
.box_w {
    padding:40px 3%;
}
.box_racer {
    width:100%;
    float:none;
}
.box_racer p {
    font-size:16px;
}    
.tsuji {
    width:44%;
} 
ul.racer {
    padding-bottom:30px;
}
ul.racer li {
    width:44%;
    margin:0 3% 15px;
}
.txt_tenbo,.txt {
    line-height:1.8;
    width:98%;
    margin:0 auto;
    float:none;
}
.f_r {
    float:none;
    margin:0 0 5px;
    width:100%;
}    
    
.wrighter {
    width:90%;
    padding:25px 4% 25px;
    font-size:14px;
    float:none;
    margin:70px auto 0;
}
.wrighter img {
    width:100px;
    left:60%;
    top:-55px;
}
.wrighter p {
    font-size:16px;
}    
 
.end {
    width:84%;
    background: linear-gradient(to right,#BDCCD4 92%,#0071BC 92%);
    height:3px;
}
    
    
}