@charset "UTF-8";

/* navMenu */
/* --------------------------------------------- */
#navMenu{
	display:block;
	background:-webkit-gradient(linear, 0 0, 0 20, from(#222222), to(#f2f2f2)); /*Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(242,242,242,1) 20px); /* Chrome10+,Safari5.1+ */
	background:-moz-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(242,242,242,1) 20px); /* fx */
	background:-o-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(242,242,242,1) 20px); /* o */
	background:linear-gradient(top, rgba(222,222,222,1) 0%, rgba(242,242,242,1) 20px); /* W3C */

}
#navMenu .titlebox{
	padding:10px 0 0 13px;
	overflow:hidden;
}
#navMenu .titlebox h2{
	color:#9b1d1d;
	background-color:#fff;
	text-align:center;
	padding:0 12px 0 10px;
	display:inline-block;
	position:relative;
	margin:0 20px;
	line-height:32px;
	font-size:125%;
}
#navMenu .titlebox h2:before{
	content:'';
	background-image:url(/sp/common/images/bg_ctitle_l02.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:20px;
	height:32px;
	position:absolute;
	left:-20px;
	top:0;

}
#navMenu .titlebox h2:after{
	content:'';	
	background-image:url(/sp/common/images/bg_ctitle_r02.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:20px;
	height:32px;
	position:absolute;
	right:-20px;
	top:0;
}

/* navMenuBox */
#navMenuBox{
	background-color:#f2f2f2;
}

/* navSearchBox */
#navSearchBox *{
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#navSearchBox .inner form{
	padding:0 10px 15px;
	position:relative;
}
#navSearchBox .navSearchInput{
	display:block;
	height:36px;
	position:relative;
	padding:0 80px 0 0;
}
#navSearchBox .navSearchInput input{
	display:block;
	border:1px solid #ddd;
	background-color:#fff;
	padding:0 8px;
	width:100%;
	height:36px;
	font-size:13px;
	border:1px solid #ddd;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#navSearchBox .navSearchBtn{
	display:block;
	position:absolute;
	top:0;
	right:10px;
	width:70px;
	height:36px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#157bc3;
}
#navSearchBox .navSearchBtn input{
	font-size:12px;
	font-weight:bold;
	line-height:1;
    display:block;
	color:#fff;
	width:100%;
    height:36px;
    border:none;
	background:none;
	cursor:pointer;
}

/* navWikiBox */
#navWikiBox{
	display:block;
}
#navWikiBox .inner{
	display:block;
	overflow:hidden;
    padding:15px 0 0 10px;
    height:auto;
	background-color:#fff;
}
#navWikiBox .ttlBox{
	width:72px;
	height:32px;
	float:left;
}
#navWikiBox .ttlBox a{
	display:block;
	font-size:12px;
	line-height:1.25;
	width:50px;
	height:auto;
	background-color:#1c81c7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f90d5), color-stop(100%,#157bc3));
	background:-webkit-linear-gradient(top, #2f90d5 0%,#157bc3 100%);
	background:-moz-linear-gradient(top, #2f90d5 0%,#157bc3 100%);
	background:-o-linear-gradient(top, #2f90d5 0%,#157bc3 100%);
	background:-ms-linear-gradient(top, #2f90d5, #157bc3);
	background:linear-gradient(to bottom, #2f90d5, #157bc3);
	background:linear-gradient(top, #2f90d5 0%,#157bc3 100%);
	border-radius:8px;
	color:#fff;
    border:none;
	text-align:center;
    padding:10px 14px;
	border-radius:5px;
}
#navWikiBox .list{
	padding:2px 0 0 90px;
}
#navWikiBox .list ul{
	overflow:hidden;
	height:45px;
}
#navWikiBox .list ul li{
	float:left;
	margin:0 7px 15px 0;
}
#navWikiBox .list ul li a{
    background-color:#f3fbfe;
    border:1px solid #127ac1;
    border-radius:6px;
    color:#127ac1;
    display:block;
    padding:3px 8px;
}
#navWikiBox .list ul li a span{
	font-size:12px;
	line-height:1.25;
}

/* navCateMenu */
#navCateMenu ul{
	background-color:#fff;
	border:none;
	overflow:hidden;
	padding:10px;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#navCateMenu ul li{
	float:left;
	width:33.33%;
	padding:3px 3px;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#navCateMenu ul li a{
	display:block;
}
#navCateMenu ul li span{
	display:block;
	background-color:#f3fbfe;
	border:1px solid #127ac1;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:3px;
	text-align:center;
	height:1em;
	padding:10px 0 12px 0 ;
	line-height:1.25;
}

/* go-page-top */
/* --------------------------------------------- */
#go-navmenu{
	display:none;
	width:50px;
	background:#fff;
	position:fixed;
	right:10px;
	bottom:35px;
	opacity:0.8;
	border-radius:5px;
}
#go-navmenu p{
	margin:0;
	text-align:center;
	position:fixed;
	right:10px;
	bottom:35px;
	background:#fff;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	display:block;
	border-radius:5px;
	border:1px solid #999;
}
#go-navmenu p a{
	display:block;
	color:#666;
	font-size:10px;
	line-height:1.5;
	padding:17px 8px;
}
#go-navmenu p:hover{
	background:#fff;
}
#move-go-navmenu{
	color:#666;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
#move-page-top{
	padding:0;
}

/* switch */
/* --------------------------------------------- */
.switch{
    padding:15px 10px;
	background-color:#c0c4cb;
}
.switch *{
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.switch ul{
	position:relative;
}
.switch ul li:nth-of-type(1){
	padding:0 60px 0 0;
	background:none;
	border:none;
	-o-border-radius:0;
	-ms-border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	box-shadow:0 0 0 #c0c4cb;
}
.switch ul li:nth-of-type(2){
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	background:none;
	border:none;
	-o-border-radius:0;
	-ms-border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	box-shadow:0 0 0 #c0c4cb;
}
.switch ul li:nth-of-type(1) a,
.switch ul li:nth-of-type(2) a{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
	background:-moz-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(225,225,225,1) 100%); /* fx */
	background:-o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(225,225,225,1) 100%); /* o */
	background:linear-gradient(top, rgba(254,254,2154,1) 0%,rgba(225,225,225,1) 100%); /* W3C */
	overflow:hidden;
	border-radius:10px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border:none;
	box-shadow:0 0 0 #c0c4cb;
	cursor:pointer;
}

/* navAd */
/* --------------------------------------------- */
.addGa.addLower{
	margin:0;
	padding:10px 0;
}
.addGa.addLower.addLower2{
	margin:0;
	padding:18px 0 10px 0 ;
}

/* etc */
/* --------------------------------------------- */
.banner03{
	padding:10px 0 5px;
}
.iconMainTennis{
	background-image:url(/sp/common/images/iconNavSprites.png);
	background-repeat:no-repeat;
}
.iconMainTennis{
	display:block;
	background-position:0 -625px;
	padding-left:27px;
	height:32px;
}
.add{
	padding:0 0 10px 0;
}