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

/*背景画像*/
#back{
background: url(img/back.gif);
background-repeat:repeat;
}

/*コンテンツ*/
*{
padding:0;
margin:0;
}

#main_contents{
margin:auto;
width:1050px;
background-color:#ffffff;
}

.shadow{
margin:auto;
background-image:url(img/shadow.gif);
background-repeat:repeat-y;
}

#contents{
margin:auto;
margin-top: 20px;
width:1000px;
background-color:#ffffff;
}

#right_contents{
width:800px;
float:right;
background-color:#ffffff;
}

#header_top{
width:1000px;
height:70px;
margin:auto;
}

#rogo{
width:257px;
height:52px;
background-image:url(img/rogo.gif);
float:left;
margin-top:10px;
}

#header_kensaku{
float:right;
margin-top:20px;
}

.header_kensaku_p{
color:#0099CC;
font-size:14px;
}

#header{
width:1000px;
height:320px;
margin:auto;
background-image:url(img/hedder.jpg);
}

#button_all{
margin:auto;
width:735px;
height:48px;
margin-top:-52px;
margin-left:35px;
float:left;
}

ul#button li{
     display: block;
}

ul#button li a {
     text-decoration: none;
     text-indent: -9999px;
     width: 147px;
     height: 48px;
   float:left;
   overflow:hidden;
}

ul#button li.button1 a {
background: url(img/hedderbotan_01.gif) top no-repeat;
}  
 /* 以下、メニューが複数の場合は 
 その分だけそれぞれ指定します。 */  
ul#button li.button1 a:hover {
    background-position: bottom;
}

ul#button li.button2 a {
background: url(img/hedderbotan_02.gif) top no-repeat;
}  
 /* 以下、メニューが複数の場合は 
 その分だけそれぞれ指定します。 */  
ul#button li.button2 a:hover {
    background-position: bottom;
}

ul#button li.button3 a {
background: url(img/hedderbotan_03.gif) top no-repeat;
}  
 /* 以下、メニューが複数の場合は 
 その分だけそれぞれ指定します。 */  
ul#button li.button3 a:hover {
    background-position: bottom;
}

ul#button li.button4 a {
background: url(img/hedderbotan_04.gif) top no-repeat;
}  
 /* 以下、メニューが複数の場合は 
 その分だけそれぞれ指定します。 */  
ul#button li.button4 a:hover {
    background-position: bottom;
}

ul#button li.button5 a {
background: url(img/hedderbotan_05.gif) top no-repeat;
}  
 /* 以下、メニューが複数の場合は 
 その分だけそれぞれ指定します。 */  
ul#button li.button5 a:hover {
    background-position: bottom;
}

#header a {
     display: block;
     text-decoration: none;
     text-indent: -9999px;
     width: 194px;
     height: 37px;
   float:right;
   margin-right:35px;
   margin-top:250px;
}

#header a {
background: url(img/tourokubotan.gif) top no-repeat;
}  
 /* 以下、メニューが複数の場合は 
 その分だけそれぞれ指定します。 */  
#header a:hover {
    background-position: bottom;
}

#header p{
width:400px;
}

/* --------------------------------------  menuR 左サイドメニュー */
#menuL {
float:left;
width:190px;
background-color:#ffffff;
}

#title_login {
margin:auto;
background-image: url(img/login.gif);
background-repeat:no-repeat;
width:190px;
height:25px;
}

#keijiban {
margin:auto;
margin-top:0px;
background-image: url(img/keijiban.gif);
background-repeat:no-repeat;
width:190px;
height:25px;
}

#title_nagare {
margin:auto;
background-image: url(img/title_nagare.gif);
background-repeat:no-repeat;
width:190px;
height:25px;
}

#title_hajimete {
margin:auto;
background-image: url(img/hajimete.gif);
background-repeat:no-repeat;
width:190px;
height:25px;
}


#title_pr {
margin:auto;
background-image: url(img/title_pr.gif);
background-repeat:no-repeat;
width:190px;
height:25px;
}

#title_new_login {
background-image: url(img/new_login.gif);
background-repeat:no-repeat;
width:190px;
height:25px;
}

#title_mobile {
background-image: url(img/title_mobile.gif);
background-repeat:no-repeat;
width:190px;
height:25px;
}

#title_ansin {
background-image: url(img/title_ansin.gif);
background-repeat:no-repeat;
width:190px;
height:25px;
}

#title_support {
background-image: url(img/title_support.gif);
background-repeat:no-repeat;
width:190px;
height:25px;
}

.line_L{
margin:auto;
background-image:url(img/side_line.gif);
width:190px;
background-repeat:repeat-y;
}

.line_L_p{
margin:auto;
background-image:url(img/side_line_pink.gif);
width:190px;
background-repeat:repeat-y;
}

.nendai{
margin:auto;
background-image:url(img/nendai.gif);
width:180px;
height:50px;
}

.chiiki{
margin:auto;
background-image:url(img/chiiki.gif);
width:180px;
height:50px;
}

.soudan{
margin:auto;
background-image:url(img/soudan.gif);
width:180px;
height:50px;
}

.nagare{
margin:auto;
background-image:url(img/nagare.gif);
width:180px;
height:210px;
}

.qr_bn{
margin:auto;
background-image:url(img/qr.gif);
background-repeat:no-repeat;
width:180px;
height:180px;
}

.support_bn{
margin:auto;
background-image:url(img/support.jpg);
background-repeat:no-repeat;
width:180px;
height:150px;
}

.anshin_bn{
margin:auto;
background-image:url(img/anshinsengen.gif);
width:170px;
height:150px;
}

.menu_title{
color:#666666;
font-size:12px;
font-weight:bold;
margin-left:3px;
line-height:1.3em;

}

.menu_moji{
color:#666666;
font-size:10px;
margin-left:5px;
padding:3px;
}

.kategori_moji{
color:#5f9ea0;
font-size:13px;
margin-left:5px;
padding:3px;
}

.line_L_bottom{ /* サイドボックのメニュー:閉じ */
background-image: url(img/side_fudder.gif);
width:190px;
height:20px;
}

.line_L_bottom_p{ /* サイドボックのメニュー:閉じ */
background-image: url(img/side_fudder_pink.gif);
width:190px;
height:20px;
}


.line_L table{
  width:180px;
}


/* --------------------------------------  掲示板始まり */

#keijiban_all{
margin:auto;
float:left;
width:800px;
}

#sure { /* 競馬掲示板 最新投稿 */
background-image: url(img/sure.gif);
background-repeat:no-repeat;
width:600px;
height:30px;
float:left;
margin:auto;
}

#newmail { /* 競馬掲示板 最新投稿 */
background-image: url(img/newmail.gif);
background-repeat:no-repeat;
width:600px;
height:30px;
float:left;
margin:auto;
}

#box{
  margin-top:5px;
  width:600px;
  float:left
  }
  
  table{
  width:600px;
  }
  
  th, td{
  font-size:11px;
  padding:3px;
  }
  
  
.design1{
  border-collapse:collapse;
  border:3px solid #1b1b1b;
  }
.design1 th{
  color:#ffffff;
  background-color:#1b1b1b;
  }
  
.newmail_p{　/* メル友掲示板一覧へ */
float:right;
margin-top:5px;
color:#32cd32;
font-size:14px;
}

#syame { /* 写メ投稿一覧 */
background-image: url(img/syame_ichiran.gif);
background-repeat:no-repeat;
width:190px;
height:30px;
float:right;
margin-top:-30px;
}

#syame_box{
  margin-top:5px;
  width:190px;
  float:right;
  }
  
  #syame_box table{
  width:190px;
  }
  
  th, td{
  font-size:11px;
  padding:3px;
  }
  
  
.design2{
  border-collapse:collapse;
  border:3px solid #1b1b1b;
  }
.design2 th{
  color:#ffffff;
  background-color:#1b1b1b;
  }

/* --------------------------------------  掲示板終わり */

/* --------------------------------------  地域検索 */
#kensaku_all{
width:800px;
float:left;
margin-top:10px;
}

#kensaku_title{
background-image: url(img/chiikibetukensaku.gif);
background-repeat:no-repeat;
width:800px;
height:30px;
float:left;
margin-top:10px;
}

#kensaku{
background-image: url(img/kensaku.jpg);
background-repeat:no-repeat;
width:800px;
height:180px;
float:left;
margin-top:0px;
}

.kensaku_p{
color:#000000;
font-size:15px;
float:right;
margin-right:50px;
margin-top:20px;
}

/* --------------------------------------  地域検索終わり */

/* --------------------------------------  下段 */

#gedan_all{
margin:auto;
margin-top:30px;
float:left;
width:800px;
}

#nagare{
float:left;
margin:auto;
}

#mobile{
float:left;
margin-left:12px;
}

#anshin{
float:left;
margin-left:12px;
}

#sapo{
float:left;
margin-left:12px;
}

#title_anshin {
background-image: url(img/title_anshin.gif);
background-repeat:no-repeat;
width:190px;
height:25px;
}

/* --------------------------------------  下段終わり */

/* --------------------------------------  フッターメニュー */

#pagetop a {
     display: block;
     text-decoration: none;
     text-indent: -9999px;
     width: 72px;
     height: 27px;
   float:right;
   margin-top:30px;
}

#pagetop a {
background: url(img/pagetop.gif) top no-repeat;
}  
 /* 以下、メニューが複数の場合は 
 その分だけそれぞれ指定します。 */  
#pagetop a:hover {
    background-position: bottom;
}

#futter_menu{
margin:auto;
width:1000px;
background-color:#ffffff;
}

.futter_moji{
color:#555555;
font-size:12px;
margin-top:5px;
text-align:center;
line-height:30px;
}

/* --------------------------------------  リンク */


a{/*リンク*/
color:#228b22;
border:0px;
}

a:link {/*未訪問のリンク*/
    color:#4169e1;
    font-style:normal;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#ffa500;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}

/* --------------------------------------  コピーライト */

#address{
margin:auto;
margin-top:20px;
width:1000px;
text-align:center;
background-color:#ffffff;
color:#666666;
font-size:12px;
}


.clearfix:after { content: ""; display: block; clear: both; }
list-style-type: none;