/* CSS Document */
h1 { margin:0; }

#wim_wrapper {
	width: 950px;
	background: url(../img/bg_wim.png);
	overflow: hidden;
}
#wim_wrapper #navi {
	margin:0;
	padding:0;
}
#wim_wrapper #navi li {
	float:left;
}
#wim_wrapper #navi li a {
	width:187px;
	height:66px;
	display:block;
	border-right:3px solid #fff;
	background: url(../image/navi.jpg);
}
#wim_wrapper #navi li a span {
	visibility:hidden;
}
#wim_wrapper #navi li.top a {
	background-position:0 0;
}
#wim_wrapper #navi li.draw a {
	background-position:-190px 0;
}
#wim_wrapper #navi li.twitter a {
	background-position:-380px 0;
}
#wim_wrapper #navi li.fb a {
	background-position:-570px 0;
}
#wim_wrapper #navi li.nishikori a {
	border:none;
	width:190px;
	background-position:-760px 0;
}
#wim_wrapper #navi li.top a:hover,
#wim_wrapper #navi li.top a.active {
	background-position:0 -66px;
}
#wim_wrapper #navi li.draw a:hover,
#wim_wrapper #navi li.draw a.active {
	background-position:-190px -66px;
}
#wim_wrapper #navi li.twitter a:hover,
#wim_wrapper #navi li.twitter a.active {
	background-position:-380px -66px;
}
#wim_wrapper #navi li.fb a:hover,
#wim_wrapper #navi li.fb a.active {
	background-position:-570px -66px;
}
#wim_wrapper #navi li.nishikori a:hover,
#wim_wrapper #navi li.nishikori a.active {
	border:none;
	width:190px;
	background-position:-760px -66px;
}
#wim_wrapper img {
	border: 0;
}
#wim_left_col {
	clear:both;
	padding:10px 5px;
	width: 940px;
	background: url(../img/left_col_bg_top.png) no-repeat;
}
#wim_left_col_b {
	background: url(../img/left_col_bg_bottom.png) no-repeat left bottom;
}
#wim_left_col_m {
	overflow:hidden;
	padding-top:20px;;
	background: url(../img/left_col_bg_main.png) repeat-y;
}
/* ------------------------------------------------------------ ヘッダー */
#rotator{
	background: url(../rotator/rotator.php) no-repeat top center;
	width: 950px;
	height: 430px;
}
#wim_menu {
	padding: 5px;
	width: 670px;
	height: 80px;
	background: url(../img/menu_bg.png);
	overflow: hidden;
}
#wim_menu li {
	float: left;
	width: 134px;
	height: 80px;
	list-style: none;
}
div#social {
	overflow: hidden;
	margin: 0 10px;
}
div#social_body {
	width: 430px;
}
#wim_wrapper #drawnavi {
	width:900px;
	margin:0 auto;
	padding:0;
}
#wim_wrapper #drawnavi li {
	float:left;
	list-style:none;
}
#wim_wrapper #drawnavi li a {
	width:180px;
	height:36px;
	display:block;
	background: url(../image/drawnavi.jpg);
}
#wim_wrapper #drawnavi li a span {
	visibility:hidden;
}
#wim_wrapper #drawnavi li.ms a {
	background-position:0 0;
}
#wim_wrapper #drawnavi li.ws a {
	background-position:-180px 0;
}
#wim_wrapper #drawnavi li.md a {
	background-position:-360px 0;
}
#wim_wrapper #drawnavi li.wd a {
	background-position:-540px 0;
}
#wim_wrapper #drawnavi li.mix a {
	background-position:-720px 0;
}
#wim_wrapper #drawnavi li.ms a:hover,
#wim_wrapper #drawnavi li.ms a.active {
	background-position:0 -36px;
}
#wim_wrapper #drawnavi li.ws a:hover,
#wim_wrapper #drawnavi li.ws a.active {
	background-position:-180px -36px;
}
#wim_wrapper #drawnavi li.md a:hover,
#wim_wrapper #drawnavi li.md a.active {
	background-position:-360px -36px;
}
#wim_wrapper #drawnavi li.wd a:hover,
#wim_wrapper #drawnavi li.wd a.active {
	background-position:-540px -36px;
}
#wim_wrapper #drawnavi li.mix a:hover,
#wim_wrapper #drawnavi li.mix a.active {
	background-position:-720px -36px;
}
/* ------------------------------------------------------------ ホーム */
div.wim_news {
	float:left;
	margin-left:20px;
	width: 440px;
}
div.wim_news_b {
	padding: 0 0 5px 0;
	background: url(../img/draw_bg_bottom.png) no-repeat left bottom;
}
div.wim_news_m {
	background: url(../img/draw_bg_main.png) repeat-y;
}
div.wim_news_m div.wim_news_header {
	padding: 0 10px;
	background: url(../image/back.jpg);
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}
div.wim_news_m div.wim_news_header a {
	color:#fff;
	font-size: 14px;
}
div.wim_news_m div.wim_topnews {
	padding: 10px;
	overflow: hidden;
}
div.wim_news_m div.wim_topnews_left {
	float: left;
	padding-right: 10px;
	width: 230px;
}
div.wim_news_m div.wim_topnews_right {
	float: right;
	width: 180px;
}
div.wim_news_m div.wim_topnews_title {
	padding: 5px 0 0 0;
	width: 400px;
	background: url(../img/news_topnews_title_top.png) no-repeat;
}
div.wim_news_m div.wim_topnews_title_b {
	padding: 0 0 5px 0;
	background: url(../img/news_topnews_title_bottom.png) no-repeat left bottom;
}
div.wim_news_m div.wim_topnews_title_m {
	padding: 0 10px;
	background: #000000;
}
div.wim_news_m div.wim_topnews_title_m a {
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
div.wim_news_m div.wim_topnews_body {
	padding: 5px 0;
	font-size: 12px;
	line-height: 18px;
}
div.wim_news_m div.news {
	padding: 0 10px;
}
div.wim_news_m div.news div.article {
	border-top: 1px dotted #000000;
	overflow: hidden;
}
#mycarousel_frame {
	clear:both;
	border:none;
	padding-top:20px;
}
#mycarousel {
	border:none;
	height:auto;
}
.jcarousel-skin-tango {
	width:900px;
	margin:0 auto;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width:auto;
	padding:20px 50px;
	background:url(../image/photoback.jpg) repeat-x;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:800px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	width:34px;
	height:136px;
	background:url(../image/btback.jpg) no-repeat;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
	width:34px;
	height:136px;
	background:url(../image/btnext.jpg) no-repeat;
}

/* ------------------------------------------------------------ 対戦表 */
div.draw {
	clear:both;
	width:900px;
	margin:0 auto 20px auto;
}

div.wim_draw {
	margin: 0 10px;
	padding: 5px 0 10px 0;
	width: 660px;
	background: url(../img/draw_bg_top.png) no-repeat;
}
div.wim_draw_b {
	padding: 0 0 5px 0;
	background: url(../img/draw_bg_bottom.png) no-repeat left bottom;
}
div.wim_draw_m {
	padding: 0 5px;
	background: url(../img/draw_bg_main.png) repeat-y;
}
div.wim_draw_m ul {
	width: 650px;
	overflow: hidden;
}
div.wim_draw_m ul li {
	float: left;
	width: 130px;
	height: 40px;
	list-style: none;
}
div.wim_draw_m div.wim_draw_img {
	margin: 5px 5px 0;
	padding: 10px 0 5px;
	border-top: 1px dotted #000000;
}

/* -------------------------------------------------- PC */
@media screen and (min-width: 950px) {
/* -------------------------------------------------- basic tag */
.sp { display:none; }
}


/* -------------------------------------------------- SmartPhone */
@media screen and (max-width: 950px) {
/* -------------------------------------------------- basic tag */
.pc { display:none; }
select {
	margin:10px;
	width:620px;
	height:50px;
	font-size:20px;
	background:#34701f;
	color:#fff;
	font-weight:bold;
}
#wrap {
	width:640px;
}
#wim_wrapper {
	width:640px;
}
#wim_left_col_m {
	background:none;
}
header {
	position:fixed;
	background:#222;
	position:relative;
	height:50px;
}
.navisp {
	float:left;
	text-align:center;
	cursor:pointer;
}

.navisp span {
	margin:0;
	font-size:20px;
}

.navisp h1 a {
	color: #aaa;
	text-decoration: none;
}
.button-toggle {
	position:absolute;
	float:left;
	width:30px;
	height:30px;
	margin:10px;
	color:#aaa;
	font-size:30px;
	line-height:30px;
	text-align:center;
	box-shadow:0 0 0 2px #555;
	cursor:pointer;
}
.menu {
	position:absolute;
	top:50px;
	width:100%;
	background:#34701f;
	color:#999;
	overflow:hidden;
}

.menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu li {
	position: relative;
}

.menu a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:5px 20px;
	border-bottom:1px solid #ccc;
	height:40px;
	line-height:40px;
	font-size:20px;
}

.menu a:hover {
	background: #0e3517;
}
div.wim_news_m div.wim_news_header {
	padding:5px;
	font-size:20px;
}
div.wim_news_m div.wim_news_header a {
	font-size:20px;
}
div.wim_news {
	clear:both;
	width:620px;
	margin:0;
}
div.wim_news_m {
	background: url(../image/sp/draw_bg_main.png) repeat-y;
}
div.wim_news_m div.wim_topnews_body {
	font-size:14px;
	line-height:20px;
}
div.wim_news_b {
	background: url(../image/sp/draw_bg_bottom.png) no-repeat;
}
div.wim_news_m div.wim_topnews_right {
	float: right;
	width: 350px;
}
#rotator{
	background: url(../rotator_sp/rotator.php) no-repeat top center;
	width: 640px;
	height:290px;
}
#newsblock .title {
	padding:10px;
}
#newsblock .title a {
	font-size:18px;
}
.jcarousel-skin-tango {
	width:620px;
	margin:0;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:auto;
}
.footsp {
	width:310px;
	margin:20px auto 0 auto;
}

/*ドロー表*/
div.draw {
	width:630px;
	margin:0;
}
#wim_wrapper #drawnavi {
	width:auto;
	margin-left:20px;
	padding:0;
}
#wim_wrapper #drawnavi li {
	float:left;
	list-style:none;
}
#wim_wrapper #drawnavi li a {
	width:116px;
	height:116px;
	display:block;
	background: url(../image/sp/drawnavi.jpg);
}
#wim_wrapper #drawnavi li a span {
	visibility:hidden;
}
#wim_wrapper #drawnavi li.ms a {
	background-position:0 0;
}
#wim_wrapper #drawnavi li.ws a {
	background-position:-116px 0;
}
#wim_wrapper #drawnavi li.md a {
	background-position:-232px 0;
}
#wim_wrapper #drawnavi li.wd a {
	background-position:-348px 0;
}
#wim_wrapper #drawnavi li.mix a {
	background-position:-464px 0;
}
#wim_wrapper #drawnavi li.ms a:hover,
#wim_wrapper #drawnavi li.ms a.active {
	background-position:0 -116px;
}
#wim_wrapper #drawnavi li.ws a:hover,
#wim_wrapper #drawnavi li.ws a.active {
	background-position:-116px -116px;
}
#wim_wrapper #drawnavi li.md a:hover,
#wim_wrapper #drawnavi li.md a.active {
	background-position:-232px -116px;
}
#wim_wrapper #drawnavi li.wd a:hover,
#wim_wrapper #drawnavi li.wd a.active {
	background-position:-348px -116px;
}
#wim_wrapper #drawnavi li.mix a:hover,
#wim_wrapper #drawnavi li.mix a.active {
	background-position:-464px -116px;
}

}