@charset "UTF-8";



/* Reset
------------------------------------------------- */

html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p {
	margin: 0;
	padding: 0;
}


/* Default
------------------------------------------------- */

body {
  background:#fff;
  color: #000;
  text-align: center;
  font-family:"Helvetica Neue","Helvetica","Arial","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif ;
  line-height: 1.7;
  font-size: 94%;
}


/* Hyper text
------------------------------------------------- */

a { 
	text-decoration: underline;
	/*\*/
	overflow: hidden;	/* for Fx */
	/**/
}

a:link {
	color: #0099cc;
}

a:visited {
	color: #663366;
}

a:focus,
a:hover {
	color: #00cccc;
	text-decoration: none;
}

a:active {
	color: #336633;
}

#header a:link,
#header a:visited,
#header a:focus,
#header a:active {
	color: #000;
	text-decoration: none;
}
#header a:hover {
	color: #555555;
	
}

.sidemenu_body a:link,
.sidemenu_body a:visited,
.sidemenu_body a:active,
.sidemenu_body a:focus {
	color: #0099cc;
}

.sidemenu_body a:hover {
	color: #00cccc;
}

h2.entry_header a:link,
h2.entry_header a:visited,
h2.entry_header a:focus,
h2.entry_header a:hover,
h2.entry_header a:active {
	color: #222;
        font-size:20px;
        text-decoration:none;
}

#footer a:link,
#footer a:visited,
#footer a:focus,
#footer a:hover,
#footer a:active {
	color: #ffcc00;
}

.pagetop a:link,
.pagetop a:visited,
.pagetop a:focus,
.pagetop a:hover,
.pagetop a:active {
	color: #666666;
}

.entry_footer a:link,
.entry_footer a:visited,
.entry_footer a:focus,
.entry_footer a:hover,
.entry_footer a:active {
	color: #666666;
}

.page_navi a:link,
.page_navi a:visited,
.page_navi a:focus,
.page_navi a:hover,
.page_navi a:active {
	color: #666666;
}


/* Image
------------------------------------------------- */

img,
a img {
	border: none;
}
	
.emoji {
	vertical-align:middle;
}

.entry_body img{
max-width: 100%;
height: auto;
}



/* Base elements
------------------------------------------------- */

h1 { font-size: 150%; }
	
h2 { font-size: 118%; }
	

	
h4,h5,h6 { font-size: 100%; }
	
ul, ol, li, dl, dt, dd { list-style: none; }

table {
	font-size: small　!important;	/* for Modern browser */
	font-size: 82%;	/* for IE6 */
}



/* Layout
------------------------------------------------------------ */

#container {
	width: 920px;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
　　　　border-left:1px solid #cccccc;
        border-right:1px solid #cccccc;
        margin-top:20px;
        
}


#header {
	background-color:;
　　　　background: url(https://blog-imgs-78-origin.fc2.com/m/y/s/mysportsbookmaker/shinpaisho_top_header_2.jpg) left top repeat;
        color: #000;
        height: 150px;
        margin: 0 auto;
        overflow: hidden;
        padding: 20px 0px;
        text-align: left;
        width: 100%;
}

#head-img {
  padding: 0px 0 150px 0; min-height: 1px;
  background: url(https://blog-imgs-78-origin.fc2.com/m/y/s/mysportsbookmaker/shinpaisho_top_header_2.jpg) left top repeat;
}
body #header {
   margin: 0 auto;
   padding: 0px 0 0px 0;


}



#main {
	float: left;
	width: 630px !important;
	width /* for IE5.5 */: 700px;
	overflow: hidden;
	border-right:1px solid #cccccc;
        border-left:1px solid #cccccc;
        padding:0 15px;
}

* html #main  {
	margin: 0 20px 20px 10px; /* for IE6 */
}

#sidemenu {
	float: right;
	width: 220px;
	overflow: hidden;
	margin: -10px 10px 0 0;
	padding: 0 10px;
}

#footer {
	clear: both;
	padding: 0px;
	width: 100%;
	font-size: 85% !important;	/* for Modern browser */
	font-size: 90%;	 /* for IE6 */
	background: url(https://templates.blog.fc2.com/template/business-u1/footer_back.png) #3f3f3f repeat-x left top;
	color: #FFFFFF;
	letter-spacing: 0.2em;
}



/* Header
------------------------------------------------------------ */


#header p {
        padding-left: 100px;
        font-size:12px;

}



/* Main Contents
------------------------------------------------------------ */

.content {
	margin-bottom: 90px;
	text-align: left;
        user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
}

h1.entry_header {
	border-bottom: 4px solid #3f3f3f;
        border-top: 4px solid #3f3f3f;
        margin-bottom: 20px;
        padding: 20px;
        text-align: left;
        margin-top:20px;
        text-decoration:none;

}

h1.entry_header a {
        text-decoration:none;
        color:#000;

}

.entry_body {
	text-align: left;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
        line-height:1.9;
}

.entry_body p.entry_more {
	padding: 15px 15px 15px 0px;
	margin: 0px;
}
	
.entry_body p.tag_lnk {
	margin: 0px;
}
	
.entry_body p.theme {
	margin: 10px 0px 0px;
}

.entry_footer {
	text-align: right;
	background: url(https://templates.blog.fc2.com/template/business-u1/entry_footer_back.png) repeat-x left top;
	padding: 5px;
}

.entry_footer li {
	display: inline;
	list-style-type: none;
}

/* clap + bookmark */
.fc2_footer {
	margin: 10px 0px 0px;
}

.page_navi {
	margin-bottom: 15px;
	text-align: center;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	background-color: #f7f7f7;
	padding: 5px;
	font-size: 85%;
}

.pagetop {
	text-align: right;
	margin-right: 0 10px;
	font-size: 85%;
	padding: 5px;
}

.pagetop a {
	background: url(https://templates.blog.fc2.com/template/business-u1/pagetop_arrow.png) no-repeat left top;
	padding-left: 10px;
}



/* Entry (html tag)
------------------------------------------------------------ */

.entry_body h2,
.entry_body h3,
.entry_body h4,
.entry_body h5,
.entry_body h6 {
	margin: 0em 0em 0.5em;
}

.entry_body p {
	margin: 0.3em 1em;
}

.entry_body ul,
.entry_body ol {
	margin: 1em 0em 1em;
}

.entry_body ul li {
	list-style: disc outside;
	margin-left: 15px;
}

.entry_body ol li {
	list-style: decimal outside;
	margin-left: 2em;
}

.entry_body dl {
	margin: 1em 1.5em;
	border: 1px solid #999999;
	padding: 1em 1em 0em;
}

.entry_body dt {
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-bottom: 2px;
	border-bottom: 1px dotted #999999;
}

.entry_body dd {
	margin: 0em 1em 1em;
}

.entry_body blockquote {
	margin: 5px;
	padding: 5px;
	border: 1px solid #999999;
　　　　background-color: #ccc;
}

.entry_body fieldset {
	border: 1px solid #999999;
	padding: 0px 10px 10px 10px;
	margin-bottom: 20px;
}

.entry_body legend {
	padding: 10px;
	background-color: #ffffff;
}

.entry_body .baton_q {
	padding: 2px;
}

.entry_body .baton_a {
}

.entry_body .q_number{
	padding: 3px;
	color: #910000;
}

.entry_body .a_number{
	color: #999999;
	font-weight: bold;
	border-right: 3px solid #999999;
	padding-right: 5px;
	margin-right: 5px;
}

.entry_body pre {
	margin: 1em auto;
	padding: 0.5em;
	border: 1px solid;
	font-family: sans-serif;
	overflow: auto;
	width: 90%;
}

/* for without MacIE5 \*/
.entry_body pre { overflow: scroll; }
/**/

.entry_body > pre { width: auto; }

.entry_body code { font-family: monospace; }



/* Comment, Trackback, Entry list
------------------------------------------------------------ */

.sub_header {
	text-align: left;
	margin-bottom: 10px;
	padding: 7px 10px;
	border: 1px solid #cccccc;
	background: url(https://templates.blog.fc2.com/template/business-u1/sub_header_back.png) repeat-x left top;
	font-weight: bold;
	color: #333333;
	font-size: 108%;
	letter-spacing: 0.1em;
}

.sub_title {
	background: url(https://templates.blog.fc2.com/template/business-u1/sub_title_back.png) no-repeat left 5px;
	padding: 0 0 5px 10px;
	margin: 0 10px 5px 10px;
	color: #333333;
	font-size: 108%;
	letter-spacing: 0.1em;
	border-bottom: 2px solid #666666;
}

.sub_body {
	margin: 0 20px;
	font-size: 85%;
	color: #666666;
	padding-bottom: 10px;
}

.list_body {
	margin-bottom:10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
}

.list_body li {
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 1px;
}

.sub_footer {
	margin: 0 20px;
	font-size: 85%;
	color: #666666;
	border-top: 1px dotted #666666;
	padding: 5px 0 20px 0;
}

.sub_footer li {
	display: inline;
	list-style-type: none;
}
	
.form {
	padding-bottom: 20px;
}

.form dl {
	margin-right: 10px;
	margin-left: 10px;
}

.form dl dt {
}

.form dl dd {
	margin-bottom: 5px;
}

.form dl dd textarea {
	width: 460px;
	height: 150px;
}

.form input#himitu {
	margin-right: 0.5em;
}

.form .form_btn {
	margin-top: 20px;
	margin-bottom: 15px;
	margin-right: 10px;
	margin-left: 10px;
	clear: both;
}

.form .form_btn input {
	border: 1px solid #000000;
	background-color:#000000;
	color:#ffffff;
	padding: 3px 10px;
	cursor: pointer;
}

.trackback_url {
	padding-bottom: 30px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
}

.trackback_url input {
	padding: 1px;
	width: 85%;
}



/* Plugin (Main content)
------------------------------------------------------------ */

.plg3_body {
	margin-bottom: 20px;
}

.plg3_body .plg_header,
.plg3_body .plg_body,
.plg3_body .plg_footer {
	margin-top: 3px;
}



/* Sidemenu (Plugin)
------------------------------------------------------------ */

#sidemenu1 li,
#sidemenu2 li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
}

.sidemenu_body {
	background-color: #ffffff;
	margin: 20px 0 0 0;
}
	
.sidemenu_body .plg_title {
    border: 1px solid #999;
    color: #555555;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 22px;
    padding: 8px 0 8px 10px;

}

.sidemenu_body .plg_header,
.sidemenu_body .plg_footer {
	margin-top: 3px;
	margin-right: 10px;
	margin-left: 10px;
}

.sidemenu_body .plg_body {
	background:;
	padding: 10px;
}

.sidemenu_body .plg_body input {
	margin: 2px;
}

.sidemenu_body .plg_body li {
	border-bottom:;
	padding: 0px 0px 3px 0px;
	margin-bottom: 5px;
	font-size: 85%;
	background:;
}

.plugin-rankamazon {
	font-size: 85%;
}

input[type="submit"] {
	border: 1px solid #000000;
	background-color:#000000;
	color:#ffffff;
	padding: 3px 10px;
	cursor: pointer;
}


/* Calendar(Plugin)
------------------------------------------------------------ */

.plugin-calender {
	border: 1px solid #8e0000;
	margin: -10px;
}
table.calender {
	width: 100%;
	margin: 0px auto;
}

table.calender caption {
	margin-bottom: 10px;
	margin: 0px auto;
	background-color: #f0f0f0;
	padding: 5px;
}

.plugin-calender table.calender caption a {
	color: #910000;
	text-decoration: none;
}


.plugin-calender table.calender caption a:hover {
	color: #666666;
}


table.calender th,
table.calender td {
	padding: 0.1em;
	border-bottom: 1px dotted #cccccc;
	text-align: center;
}

.plugin-calender table.calender td a {
	display: block;
	color: #ffffff;
	background-color: #910000;
	text-decoration: none;
}

.plugin-calender table.calender td a:hover {
	background-color: #666666;
}


table.calender th#sun {
	color: #FF0000;
}

table.calender th#sat {
	color: #0000FF;
}



/* Piyo(Plugin)
------------------------------------------------------------ */

.tab {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.tab input{
}

.tab input.b1 {
	background-color: #910000;
	border: 1px solid #910000;
	color: #ffffff;
	padding: 1px 3px;
	margin: 0px 5px -1px 5px;
	width: 65px;
}

.tab input.b2 {
	background-color: #910000;
	border: 1px solid #910000;
	color: #ffffff;
	padding: 1px 3px;
	margin-bottom: -1px;
	width: 65px;
}

.tab input[type="button"] {
	background-color: #910000;
	border: 1px solid #910000;
	color: #ffffff;
	cursor: pointer;
	padding: 1px 3px;
}

.mylog {
	text-align: left;
}
.mylog img {
	vertical-align: middle;
}

.mylog #lay1 {
	border: 1px solid #910000;
	margin: 0px 0px 5px 0px;
	padding-top: 10px;
}

.mylog #lay2 {
	border: 1px solid #910000;
	margin: 0px 0px 5px 0px;
	padding-top: 10px;
}

.mylog .nickname {
	margin-left: 5px;
}

.mylog .title {
	font-weight: bold;
	margin-bottom: 5px;
}

.mylog dl {
	margin: 0px;
	padding: 0px;
}

.mylog dt.day {
	margin-left: 5px;
	padding: 0px;
	background-image: none;
	text-align: left;
	font-size: 85% !important;	/* for Modern browser */
	font-size: 93%;	 /* for IE6 */
}

.mylog dd.piyolog {
	padding: 0px 5px 10px 10px;
}

dd.piyolog {
	background: none;
}

.license {
	text-align: right;
	font-size: 85% !important;	/* for Modern browser */
	font-size: 93%;	 /* for IE6 */
}



/* Footer
------------------------------------------------------------ */

#footer p {
	margin-bottom: 3px;
}

#footer .copyright {
	margin-bottom: 10px;
}

#footer #footer_inner {
	background:;
	padding: 30px 260px 20px 20px;
	text-align: left;
	width: 640px;
	margin: 0 auto;
}


/* for MacIE
------------------------------------------------------------ */

textarea,input,select {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", sans-serif;
}


------------------------------------------------------------ */

body #header {width: 1020px;}
body #container { width: 1040px;
background:#fff;
}
body #footer #footer_inner { width: 760px;
background:;
}
body #main {

width: 630px !important;
font-size:110%;

}
body #sidemenu {width: 340px;}

/* ヘッダーメニューデザイン */
#dropmenu{
    background: none repeat scroll 0 0 #87c331;
    border-radius: 0;
    height: 40px;
    list-style-type: none;
    margin: 0 auto 30px;
    padding: 0;
    width: 100%;
  
}
#dropmenu li{
  position: relative;
  z-index:100;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #97d046;
  color: #e7edef;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #97d046;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #a7d761;
  border-bottom: 1px solid #87c331;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/* END */

#header  h1{
    color: #fff;
    float: left;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    margin-left: 110px;
    padding: 7.5px 0;
}


.header .logoArea::after{
    clear: both;
    content: "";
    display: table;
}


.header .logoArea{
    height: 90px;
}

.header .logoArea .logo {
    display: block;
    float: left;
    margin-top: 18px;
    position: relative;

}

.inner {
    float: left;
    height: 120px;
    margin-left: 110px;
    width: 100%;
}


.snsb {
    float: right;
    margin-right: 170px;
    margin-top: 30px;
    overflow: hidden;
    text-align: right;
}
.snsb li {
	float: left;
	margin-right: 8px;
}
.snsb iframe {
	margin: 0 !important;
}


#wrap{
	width:960px;
	margin:10px auto;
}



#main{
	width:660px;
	float:left;
}

#side{
	width:300px;
	float:left;
}


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#sp_banner{
        margin: 0 auto;
        width: 1040px;

}

#sub_banner{
        float: left;
        margin-bottom: 20px;
        margin-top: 20px;
}

#sub_banner_l{
        float: right;
        margin-bottom: 20px;
        margin-top: 20px;

}

a:hover img {
    opacity: 0.8;
}

#about_banner{
        float: left;
        margin-bottom: 20px;
}

#tennis_banner{
        float: right;
        margin-bottom: 20px;
}

.ad-bottom {
text-align : left;
margin-top : 20px;
margin-bottm : 20px;
}

.heading1{
    border-left: 7px solid #1e90ff;
    font-size: 19px;
    margin: 1.5em 0;
    padding: 0.2em 0 0.2em 0.8em;
}

#teikei01{
    border: 1px solid #999999;
    color: #555;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

#wow{
    border: 1px solid #87c331;
    color: #000;
    height: 30px;
    line-height: 28px;
    margin: 100px auto 0px;
    width: 1039px;
    margin-bottom :20px;
　　font-weight:bold;
}

#wow p{
    font-weight:bold;
}

h3{
    border-left: 7px solid #009bdf;
    font-size: 20px;
    padding: 4px 10px;
}

#entro_banner{
margin-bottom: 20px;
}

table {
  width: auto;
  border-spacing: 0;
  font-size:14px;
}
table th {
  color: #fff;
  padding: 8px 15px;
  background: #258;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  font-weight: bold;
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table th:first-child {
  border-radius: 5px 0 0 0;	
}
table th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
table tr td {
  padding: 8px 15px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: center;
}
table tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr {
  background: #fff;
}
table tr:nth-child(2n+1) {
  background: #f1f6fc;
}
table tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}


h4 {
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}


#appreach-box br{
display: none;
 } 

h2 {
	padding: .5em .75em;
	background-color: #009bdf;
        color:#fff;
}

#mainBox {
	width: 1040px;
	margin: 0 auto;
}
#parent {
	width: 1040px;
	margin-right: -20px;
}
#parent .child {
	width: 330px;
	margin-right: 16px;
	margin-bottom: 10px;
	float: left;
	display: inline;    /*for ie*/
}


#parent .child .img {
	width: 330px;
	height: 80px;
	margin-bottom: 12px;
}