@charset "utf-8";
/**
  * Theme Name: TOKYO VERDY 
  * Theme URI: http://112.78.200.146/test/wp/themes/toukyo_verdy
  * Description: TOKYO VERDY Theme 
  * Version: 1.0
  * Author: Meg.inc 
  * Author URI: http://k-meg.com
  * Tags: toukyo_verdy
  * Copyright:     Copyright (c)TOKYO VERDY 1969 FOOTBALL CLUB.inc
  *
  * ====================================================================
  * 1.  Reset         
  * 2.  Body
  * 3.  Layout
  * 4.  Header
  * 5.  Navigation
  * 6.  Sidebar
  * 7.  Footer
  * 8.  404 Page
  * ====================================================================
  */
@import "css/ie.css";
@import "css/general.css";
@import "css/contents.css";
@import "css/slimbox2.css";

/* 1 Reset
-------------------------------------------------------- */              
* {
    font-family:inherit;
    font-style:inherit;
	font-size:100%;
    padding:0;
    margin:0;
}
table { 
	border-collapse:collapse; 
	border-spacing:0; 
}
a img { border:none;}
a, a:link, a:visited, a:hover, a:active {
	outline:0;
	text-decoration:none;
}
address,caption,cite,code,dfn,em,th,var { 
	font-style:normal; 
	font-weight:normal; 
}
ol,ul {list-style-type:none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
fieldset { border:none;}
blockquote,q{ quotes:none;} 
blockquote:before,blockquote:after,
q:before,q:after { content:'';}
abbr,acronym { border:0;}

/* FORMS */
* html legend {margin-left: -7px; color:#646464;} /* IE6 */
*+html legend {margin-left: -7px; color:#646464;} /* IE7 */
textarea, input[type='text'],
input[type='password'], select { border: 1px solid #ccc;}
select,label { cursor: pointer; }

ul p, ol p, dl p, table p,
ul ul, ol ul, dl ul, table ul,
ul ol, ol ol, dl ol, table ol,
ul dl, ol dl, dl dl, table dl,
ul table, ol table, dl table, table table {
  font-size: 1em;
}

/* 2.Body
-------------------------------------------------------- */
html {background: #FFF;}
body {
	width:100%;
	height:100%;
	background-color:#FFF;
	color:#505050;
	font:13px/1.47 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	line-height:1.4;
}

/* LINKS -header/sidebox/topicpath- */
#header a:link,
.sideContentbox a:link,
ol.breadcrumbs li a:link {color:#505050;}

#header a:visited,
.sideContentbox a:visited,
ol.breadcrumbs li a:visited {color:#505050;}

#header a:hover,
.sideContentbox a:hover,
ol.breadcrumbs li a:hover,
#header a:focus,
.sideContentbox a:focus,
ol.breadcrumbs li a:focus {color:#FF6E00;}

a { /* Firefox */
	/*\*/
	overflow:hidden;
	/**/
}

/* 3.Layout
-------------------------------------------------------- */
body {
	margin:0;
	padding:0;
	background:#FFF url(images/bg_body.jpg) repeat-x;
	position:relative;
}
#bgWrap {
	height:100px;
	width: 50%;
	right: 0;
	background: url(images/bg_wrap.jpg) repeat-x;	
	position: absolute;
}
#mainContents {
	width:952px;
	margin:0 auto 15px;
}

/* top-3cullum */
#sidebar {
	float:left;
	width:203px;
}
#contentC {
	margin:0 15px;
	display:inline; /* IEbug*/
	float:left;
	width:536px;
}
*html #contentC {margin:0 13px;} /* IE6bug*/
#contentR {
	float:left;
	width:183px;
}
/* 2cullum */
#contents {
	float:right;
	width:734px;
	margin-bottom:30px;
}

/* 4.Header
-------------------------------------------------------- */
#header  {
	width:952px;
	height:100px;
	margin: 0 auto;
	background: #FFF url(images/head.jpg) no-repeat 0 0;
	position: relative;
	clear:both;
}
#topLogo {
	float:left;
	width:400px;
	height:52px;
}
#topLogo img.logo {
	width:123px;
	height:100px;
	float:left;
}
#topLogo h1 {
	margin-top:14px;
}
/*#topLogo h1,
#topLogo p#verdy  {
	font-size: 1.23em; 
	margin-top:13px;
	font-weight:bold;
}*/
#headerR {
	float:right;
	width:390px;
	padding-top:11px;
	font-size:0.93em;
	text-align:right;
}
#headerR ul.headerNav {
	margin-left:50px;
	float:left;
}
* html #headerR ul.headerNav {margin-left:30px;}
*:first-child+html #headerR ul.headerNav {margin-left:50px;}
#headerR ul.headerNav li {
	display:inline;
	background:url(images/arrow01_orange.png) no-repeat left 50%;
	padding-left:10px;
	margin-left:24px;
	line-height:1.4;
	font-size:0.93em;
}
/* txtSizeChange */
#swapcss {
	text-align:right;
}
#swapcss dt {
/*	float:left;
	width:auto;
	padding-left:24px;*/
	display:inline;
}
#swapcss dd {
    display: inline;
	font-size:0.77em;
	padding:3px;
	margin-left:3px;
	width:17px;
	height:17px;
	background:url(images/txt_change_off.jpg) no-repeat left top;
	color:#FFF;
}
#swapcss dd:hover,
#swapcss dd.here {
	background:url(images/txt_change_on.jpg) no-repeat left top;
}
ul.headerSponsor {
	float:left;
	width:390px;	
}
ul.headerSponsor li {
	display:inline;
	margin-left:16px;
}

/* 5.Navigation
-------------------------------------------------------- */

/* sNav */
#header #sNav {
	width:952px;
	clear:both;
	position:absolute;
	top:72px;
	left:124px;
}
#header #sNav ul {
	float:left;
	width:auto;
	margin-top:3px;
}
#header #sNav li {
	display:inline;
	color:#DCDCDC;
	font-size:0.93em;
	margin-right:1.8em;
}
#header #sNav li a {
	color:#DCDCDC;
	text-decoration:none;
}
#header #sNav li a:hover {
	color:#FF6E00;
}

/* googleSearch */
#googleSearch input {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	vertical-align:middle;
	font-size:0.93em;
}
#googleSearch input.google {
	width:137px;
	height:1.0;
	border:1px solid #999;
	padding:0 2px;
}

/* gNav */
#gNav_wrapper {
	margin-bottom:10px;
	width:100%;
	height:43px;
	background:url(images/bg_gnav.jpg) repeat-x;
}
#gNav {
	width:952px;
	height:43px;
	margin:0 auto;
}
#gNav li {
	float:left;
}
#gNav li a {
	display:inline; 
	height:43px; 
}

/* topicpath */
div.topicpath {
	width:925px;
	clear:both;
	font-size:0.93em;
	margin-bottom:10px;
}
ol.breadcrumbs {
	width:925px;
}
ol.breadcrumbs li {
	display:inline;
}
ol.breadcrumbs li a {
	font-weight:normal;
	background: url(images/icon_topicpath.jpg) no-repeat right center;
	padding-right:10px;
}

/* 6.Sidebar
-------------------------------------------------------- */
#sidebar #categoryNav,
#sidebar .topInfoBox,
#sidebar .shopRanking,
#sidebar .sideContentbox {
	margin-bottom:15px;
}

/* categoryNav */
div#categoryNav {
	width:203px;
	font-size:0.93em;
	background:#323232;
}
div.CollapsiblePanel {
	background:url(images/bar_category_nav.jpg) no-repeat left top;
	color:#FEFEFE;
}
div.CollapsiblePanel a {
	color:#FEFEFE;
	display: block;
	margin:0 10px;
	padding:8px 0;
	line-height:1.6;
}
div.CollapsiblePanel a:hover {
	color:#FF6E00;
}
div.CollapsiblePanelTab  {
	cursor: pointer;
	padding:8px 0 8px 10px;
}
.CollapsiblePanelContent ul li {
	background:#4B4B4B url(images/bar_category_nav.jpg) no-repeat left top;
}
* html .CollapsiblePanelContent ul li {
	vertical-align:bottom;
	line-height:0;
	zoom:1;
} 
.CollapsiblePanelContent ul li a {
	background:url(images/arrow03.jpg) no-repeat left 50%;
	color:#FEFEFE;
	padding-left:15px;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background:#323232 url(images/bg_cnav_on.jpg) no-repeat right top;
	color:#FEFEFE;
}
.CollapsiblePanelClosed .CollapsiblePanelTab {
	background:#323232 url(images/bg_cnav_off.jpg) no-repeat right top;
}
div.topInfoBox {
	background: #323232 url(images/box_ams_foot_black.jpg) no-repeat left bottom;
	color:#DCDCDC;
}
div.topInfoBox a:link,
div.topInfoBox a:visited {color:#DCDCDC;}
div.topInfoBox a:hover {color:#FF6E00;}

/* battleInfo */
#sidebar table.battleInfo {
	text-align:center;
}
#sidebar table.battleInfo h2 img {
	display:block;
	width:203px;
	height:26px;
}
#sidebar table.battleInfo th,
#sidebar table.battleInfo td {
	background:#323232;
	color:#DCDCDC;
}
#sidebar table.battleInfo td.home,
#sidebar table.battleInfo td.away {
	padding:15px 0 5px 0;
}
#sidebar table.battleInfo td.home {
	padding-left:5px;
}
#sidebar table.battleInfo td.away {
	padding-right:5px;
}
#sidebar table.battleInfo table.battleDay {
	width:97px;
	font-size:0.85em;
	text-align:center;
}
#sidebar table.battleInfo td a {
	background:url(images/arrow01_orange.png) no-repeat left 50%;
	padding-left:10px;
}
* html body #sidebar table.battleInfo td a { /* IE6 */
	background:url(images/arrow01_bg_gry.gif) no-repeat left 50%;
}
/* ranking */
div.topInfoBox table.ranking {
	width:193px;
	margin:0 5px 0px 5px;
}
#sidebar table.ranking {font-size:0.85em;}
#sidebar table.ranking h3 {font-size:1.16em;}
#sidebar table.ranking th,
#sidebar table.ranking td {
	background:#323232;
	color:#DCDCDC;	
}
#sidebar table.ranking td {
	padding:0.1em;
	font-size:0.93em;
}
#sidebar table.ranking tfoot ul {text-align:center;}
* html #sidebar table.ranking tfoot ul {margin-bottom:5px;}
*:first-child+html table.ranking tfoot ul {margin-bottom:5px;}
#sidebar table.ranking tfoot ul li {
	display:inline;
	background:url(images/arrow01_orange.png) no-repeat left 50%;
	padding-left:10px;
	margin-right:10px;
}
* html body #sidebar table.ranking tfoot ul li { /* IE6 */
	background:url(images/arrow01_bg_gry.gif) no-repeat left 50%;
}
/* shopRanking */
div.shopRanking {
	width:203px;
	margin:0 auto;
	background:#323232 url(images/box_ams_foot_black.jpg) no-repeat left bottom;
	margin-bottom:15px;
	font-size:0.77em;
	color:#D1D1D1;
}
div.shopRanking table {
	width:183px;
	margin:10px;
}
div.shopRanking table th,
div.shopRanking table td {
	background:#323232;
	color:#D1D1D1;
}
div.shopRanking table th {
	width:72px;
	padding:0 10px 10px 0;
}
div.shopRanking table td {
	width:101px;
	padding:0;
}
div.shopRanking tfoot img {
	padding:0 7px 0px 7px;
}
html>/**/body div.shopRanking tfoot img { /* IE8 */
	padding /*\**/: 0 7px 10px 7px \9;
}

div.shopRanking a:link,
div.shopRanking a:visited {color:#C8C8C8;}
div.shopRanking a:hover,
div.shopRanking a:focus {color:#FF6E00;}


/* sideContentbox */
.sideContentbox {
	width: 203px;
	background:#E6E6E6 url(images/sidebox_foot.jpg) no-repeat left bottom;
}
.sideContentbox h2 {
	padding-bottom:10px;
}
.sideContentbox p img {
	float:left;
	margin-right:5px;
}
.sideContentbox p {
	width: 183px;
	font-size:0.93em;
	overflow:hidden;
	/zoom: 1;
	padding:0 10px 10px 10px;
}
.sideContentbox a.rink {
	background:url(images/arrow01_orange.png) no-repeat 20px 50% ;
	padding-left:30px;
}

/* bookmark */
.sideContentbox ul {
	width:163px;
	height:60px;
	padding-bottom:15px;
	margin:0 auto;
}
.sideContentbox li {
	float:left;
	padding:8px 8px 8px 0;
}
sideContentbox a.rink {
	background:url(images/arrow01_orange.png) no-repeat 20px 50% ;
	padding-left:30px;
}


/* 7.Footer
-------------------------------------------------------- */
#footer_wrapper {
	width:100%;
	clear:both;
	background:#4B4B4B;
	border-top:1px solid #9D9D9D;
	border-bottom:1px solid #9D9D9D;
}
#footer {
	width:952px;
	color:#C8C8C8;
	text-align:left;
	margin:0 auto;
	padding-top:8px;
}
#footer ul li {
	width: auto;
	display:inline;
	line-height:2.1;
	padding-left:15px;
	margin-right:30px;
}
#footer ul.footerHead li {
	background:url(images/arrow02_gry.jpg) no-repeat left 50%;
}
#footer ul.footerCenter li,
#footer ul.footerBottom li {
	background:url(images/arrow01_gry.jpg) no-repeat left 50%;
}
#footer ul.footerHead li{
	font-size:0.93em;
}
#footer ul.footerCenter li ,
#footer ul.footerBottom li {
	font-size:0.77em;
}
#footer ul.footerCenter {
	width:952px;
	padding-bottom:10px;
	background: url(images/bar02.jpg) repeat-x left bottom;
}
#footer ul.footerBottom {
	padding:5px 0;
}
#copyright_wrapper {
	width:100%;
	background:#E8E8E8;
}
#copyright_wrapper div {
	width:952px;
	padding:10px 0;
	margin:0 auto;
	color:#828282;
	font-size:0.85em;
	min-height:1.0em;
}
#copyright_wrapper div address {
	float:left;
}
#copyright_wrapper div p {
	float:right;
	color:#B4B4B4;
}
#footer a:link,
#footer a:visited {color:#C8C8C8;}
#footer a:hover,
#footer a:focus {color:#FF6E00;}

/* PAGE TOP */
#pageTop {
	width:952px;
	clear:both;
	margin:0 auto;
	text-align:right;
}

/* 8.404 Page
-------------------------------------------------------- */

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

/* rink arrow */
.arrowOrange {
	background:url(images/arrow01_orange.png) no-repeat left 50%;
	width: auto;
	padding-left:10px;
}