@charset "utf-8";
/*
Theme Name: Grouses2009-2010
Theme URI: http://beans.jp/
Description: Toyama Grouses Web Site
Author: Taisuke Noto
*/

/* -------------------------------------------------- */
/* tag */
/* -------------------------------------------------- */
body {
	margin: 0;
	padding: 0;

	color: #333333;
	text-align: center;

	background-color: #D00000;
	background-image: url(images/bg_body.png);
	background-repeat: repeat-x;
	background-position: top center;
}

body,td,th,p,ul,ol,li,dt,dd,h1,h2,h3,h4,h5,h6 {
	font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}
/* font-family: "Hiragino Mincho Pro", "MS Mincho", "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "細明朝体", serif; */
form { margin: 0 0 1em 0; padding: 0; }
img { border: none; }
ul li img { vertical-align: bottom; }

sup { margin: 0; padding: 0; vertical-align: top; }
blockquote { margin: 0 0 0 1em; padding: 0; }

a:link {	color: #0066FF; text-decoration: underline; }
a:visited {	color: #6666FF; text-decoration: underline; }
a:hover {	color: #0099FF; text-decoration: underline; }
a:active {	color: #0066FF; text-decoration: underline; }

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
.png-trans {}/* 透過PNG用 */

.hidden-display { display: block; width: 0; height: 0; overflow: hidden; position: absolute; left: -9999px; }
.color-gray { color: #666666; }
.color-red { color: #CC0000; }

.clearfix { overflow: hidden; }
* html .clearfix { zoom: 1; }

/* 画像用 */
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
.alignnone { float: none; }


/* -------------------------------------------------- */
/* wrapper */
/* -------------------------------------------------- */
#wrapper {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	
	background-image: url(images/bg_header.png);
	background-position: right top;
	background-repeat: no-repeat;
}

/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
#header { width: 960px; height: 100px; position: relative; }
#header #header-id { position: absolute; left: 0px; top: 20px; }
#header #header-tag { position: absolute; left: 220px; top: 20px; }

/* -------------------------------------------------- */
/* navi */
/* -------------------------------------------------- */
#navi {
	width: 970px;
	height: 38px;
	margin: 0 0 15px -5px;
	padding: 0;

	background-image: url(images/bg_navi.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#navi ul {
	list-style: none;
	list-style-position: outside;
	margin: 0 0 0 5px;
	padding: 3px 0 0 0;
}
#navi ul li {
	float: left;
	position: relative;
	width: 120px;
	margin: 0;
	padding: 0;
}

#navi ul li a { display: block; width: 120px; height: 30px; background-position: left top; background-repeat: no-repeat; }
#navi ul li a:hover { background-color: transparent; }
/*#navi ul li a:hover img { visibility: hidden; }*//* JSで対応 */

#navi ul li.type1 a { background-image: url(images/nv_top_o.gif); }
#navi ul li.type2 a { background-image: url(images/nv_game_o.gif); }
#navi ul li.type3 a { background-image: url(images/nv_team_o.gif); }
#navi ul li.type4 a { background-image: url(images/nv_news_o.gif); }
#navi ul li.type5 a { background-image: url(images/nv_schedule_o.gif); }
#navi ul li.type6 a { background-image: url(images/nv_booster_o.gif); }
#navi ul li.type7 a { background-image: url(images/nv_gow_o.gif); }
#navi ul li.type8 a { background-image: url(images/nv_partner_o.gif); }


#navi ul li ul { visibility: hidden; position: absolute; margin: 0; padding: 0; }
/* #navi ul li:hover ul { visibility: visible; } */

#navi ul li ul li {
	float: none;
	position: static;

	margin: 0;
	padding: 0;

	font-size: 75%;
	line-height: 1;

	width: 11em;
	background-color: #FFFFFF;
}
#navi ul li ul li a {
	width: 10em;
	height: auto;
	display: block;
	margin: 0;
	padding: 0.5em 0.5em;
	background-image: none !important;
	background-color: #F8F8F8;
	border-bottom: #CCCCCC solid 1px;
}
#navi ul li ul li a:link {		color: #333333; text-decoration: none; }
#navi ul li ul li a:visited {	color: #333333; text-decoration: none; }
#navi ul li ul li a:hover {		color: #333333; text-decoration: none; }
#navi ul li ul li a:active {	color: #333333; text-decoration: none; }

#navi ul li ul li a:hover {
	background-color: #FFFFCC;
}

/* -------------------------------------------------- */
/* group */
/* -------------------------------------------------- */
#index,
#home,
#page,
#single,
#category,
#archive {}

/* -------------------------------------------------- */
/* content */
/* -------------------------------------------------- */
#content { width: 760px; float: right; }
#content-main { width: 560px; float: left; }
#content-sub { width: 185px; float: right; }

/* -------------------------------------------------- */
/* sidebar */
/* -------------------------------------------------- */
#sidebar { width: 185px; float: left; }

#sidebar a:link {		color: #FFFFFF; text-decoration: none; }
#sidebar a:visited {	color: #FFFFFF; text-decoration: none; }
#sidebar a:hover {		color: #FFFFFF; text-decoration: underline; }
#sidebar a:active {		color: #FFFFFF; text-decoration: none; }

#sidebar .type1 ul { margin: 0; padding: 0; list-style: none; list-style-position: outside; }
#sidebar .type1 ul li { margin: 0 0 3px 0; padding: 0; color: #FFFFFF; font-size: 75%; line-height: 1; }

#sidebar .type2 ul { margin: 0 0 10px 0; padding: 0; list-style: none; list-style-position: outside; }/* border-bottom: #A40000 solid 1px; */
#sidebar .type2 ul li {
	color: #FFFFFF;
	font-size: 75%;
	line-height: 1;
	
	margin: 0;
	padding: 8px 0 5px 20px;
	
	background-color: #d90000;
	background-image: url(images/bg_ul_2.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
#sidebar .type3 ul { margin: 0 0 10px 0; padding: 0; list-style: none; list-style-position: outside; }
#sidebar .type3 ul li { margin: 0 0 3px 0; padding: 0; color: #FFFFFF; font-size: 75%; line-height: 1; }

#sidebar .type4 ul { margin: 0 0 10px 0; padding: 0; list-style: none; list-style-position: outside; }
#sidebar .type4 ul li { margin: 0 0 5px 0; padding: 0; color: #FFFFFF; font-size: 75%; line-height: 1; }

#bjtv { margin: 5px 0 10px 0; }

/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
#footer {
	clear: both;
	padding: 10px 0 10px 0;
}

#footer-teams {
	margin: 0 0 8px 0;
	background-color: #d90000;
	background-image: url(images/bg_footer.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#footer-teams ul { margin: 0 0 0 15px; padding: 0; list-style: none; list-style-position: outside; }
#footer-teams ul li { float: left; margin: 0 3px 0 0; padding: 0; }


#footer-box { color: #FFFFFF; background-color: #000000; }

#footer-copyright { width: 315px; float: left; }
#footer-copyright img { margin-left: 15px; }

#footer-menu { width: 502px; float: right; }
#footer-menu ul { margin: 0; padding: 0; list-style: none; list-style-position: outside; }
#footer-menu ul li { float: left; margin: 0 10px 0 0; padding: 0; }

#footer-menu ul li a { display: block; height: 24px; background-position: left top; background-repeat: no-repeat; }
#footer-menu ul li a:hover { background-color: transparent; }
#footer-menu ul li a:hover img { visibility: hidden; }

#footer-menu ul li.type1 a { width: 124px; background-image: url(images/ft_m_hyouki_o.gif); }
#footer-menu ul li.type2 a { width: 113px; background-image: url(images/ft_m_privacy_o.gif); }
#footer-menu ul li.type3 a { width: 64px; background-image: url(images/ft_m_terms_o.gif); }
#footer-menu ul li.type4 a { width: 73px; background-image: url(images/ft_m_sitemap_o.gif); }
#footer-menu ul li.type5 a { width: 73px; background-image: url(images/ft_m_contact_o.gif); }

/* -------------------------------------------------- */
/* footer-teams2 */
/* -------------------------------------------------- */
#footer-teams2 {
	position: relative;
	width: 960px;
	height: 111px;
	margin: 0 0 8px 0;
	background-image: url(/WP/wp-content/themes/grouses_2009-2010/images/ft_t2_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#footer-teams2 h2 { position: absolute; top: 30px; left: 10px; margin: 0; padding: 0; }
#footer-teams2 h3 { margin: 0; padding: 0; float: left; }
#footer-teams2 .eastern { position: absolute; top: 0px; left: 105px; width: 855px; }
#footer-teams2 .western { position: absolute; top: 56px; left: 105px; width: 855px; }

#footer-teams2 .eastern ul,
#footer-teams2 .western ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer-teams2 .eastern ul li,
#footer-teams2 .western ul li {
	margin: 0;
	padding: 0;
	float: left;
}


/* -------------------------------------------------- */
/* design common */
/* -------------------------------------------------- */
#content h1 {
	font-size: 85%;
	font-weight: bold;
	
	line-height: 1.2;
	margin: 0 0 1.1em 0;
	padding: 15px 0 12px 7px;
	
	color: #D90000;
	background-color: #FFFFFF;
	
	background-image: url(/WP/wp-content/themes/grouses_2009-2010/images/bg_h1.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#content h1.off { padding: 0; background-image: none; }

#content h1 a:link {	color: #D90000; text-decoration: none; }
#content h1 a:visited {	color: #D90000; text-decoration: none; }
#content h1 a:hover {	color: #D90000; text-decoration: underline; }
#content h1 a:active {	color: #D90000; text-decoration: none; }

#content h2,
#sidebar h2 {
	font-size: 75%;
	font-weight: bold;
	
	line-height: 1.2;
	margin: 0;
	padding: 10px 0 7px 7px;
	
	color: #FFFFFF;
	background-color: #D90000;
	
	background-image: url(/WP/wp-content/themes/grouses_2009-2010/images/bg_h2_1.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#content h2 a:link {	color: #FFFFFF; text-decoration: none; }
#content h2 a:visited {	color: #FFFFFF; text-decoration: none; }
#content h2 a:hover {	color: #FFFFFF; text-decoration: underline; }
#content h2 a:active {	color: #FFFFFF; text-decoration: none; }

#sidebar h2 a:link {	color: #FFFFFF; text-decoration: none; }
#sidebar h2 a:visited {	color: #FFFFFF; text-decoration: none; }
#sidebar h2 a:hover {	color: #FFFFFF; text-decoration: underline; }
#sidebar h2 a:active {	color: #FFFFFF; text-decoration: none; }


#content h2.plus,
#sidebar h2.plus {
	padding: 10px 0 7px 32px;
	background-image: url(/WP/wp-content/themes/grouses_2009-2010/images/bg_h2_2.gif);
}


#content h3 { font-size: 75%; font-weight: bold; line-height: 1.2; margin: 0 0 1em 0; padding: 0; color: #D90000; }
#content h4 { font-size: 75%; font-weight: bold; line-height: 1.2; margin: 0 0 1em 0; padding: 0; color: #333333; }

#content p { font-size: 75%; font-weight: normal; line-height: 1.5; margin: 0 0 1.5em 0; padding: 0; }
#content p.off { margin: 0; padding: 0; }
#content p.post-info { clear: both; text-align: right; margin: 0 0 1.5em 0; padding: 5px 10px; background-color: #F0F0F0; border-bottom: #CCCCCC solid 1px; }

#content ul { list-style-position: outside; margin: 0 0 1.5em 2em; padding: 0; }
#content ul li { font-size: 75%; line-height: 1.2; margin: 0 0 0.5em 0; padding: 0; }

#content ol { list-style-position: outside; margin: 0 0 1.5em 2em; padding: 0; }
#content ol li { font-size: 75%; line-height: 1.2; margin: 0 0 0.5em 0; padding: 0; }


/* -------------------------------------------------- */
/* design content-box */
/* -------------------------------------------------- */
#content-box .inner { margin: 0 0 1em 0; padding: 1em 10px 1px 10px; background-color: #FFFFFF; }

#content-box h1,
#content-box h2 { font-size: 75%; color: #FFFFFF; background-color: #900000; background-image: url(images/bg_h2_3.gif); margin: 0 0 1.5em 0; padding: 8px 0 7px 17px; }

#content-box h1 a:link {		color: #FFFFFF; text-decoration: none; }
#content-box h1 a:visited {		color: #FFFFFF; text-decoration: none; }
#content-box h1 a:hover {		color: #FFFFFF; text-decoration: underline; }
#content-box h1 a:active {		color: #FFFFFF; text-decoration: none; }

#content-box table { margin: 0 0 1.5em 0; padding: 0; }
#content-box table tr th,
#content-box table tr td { font-size: 75%; line-height: 1.4; }

#content-box ul.corp { font-size: 85%; list-style: none; margin: 0 0 1.5em 0; padding: 0; }
#content-box ul.corp li { width: 255px; float: left; background-color: #F0F0F0; margin: 0 5px 5px 0; padding: 6px 0 5px 5px; }
#content-box ul.corp li a { display: block; }

/* -------------------------------------------------- */
/* design comments */
/* -------------------------------------------------- */
#comments h2.off { margin: 0; }
#comments h3 { margin: 0 0 1em 0; }
#comments p { margin: 0 0 0.7em 0; }
#comments p.post-info { margin: 0 0 1.5em 0; padding: 0 0 2px 0; background-color: #FFFFFF; }
#comments p.box { padding: 10px; background-color: #F0F0F0; }
#comments p.off { margin: 0 0 0.5em 0; }

#trackback h2.off { margin: 0; }
#trackback h3 { margin: 0 0 1em 0; }
#trackback p { margin: 0 0 0.7em 0; }
#trackback p.post-info { margin: 0 0 1.5em 0; padding: 0 0 2px 0; background-color: #FFFFFF; }
#trackback p.box { padding: 10px; background-color: #F0F0F0; }
#trackback p.off { margin: 0 0 0.5em 0; }

/* -------------------------------------------------- */
/* design content-paging */
/* -------------------------------------------------- */
#content-paging .box { width: 100%; font-size: 75%; line-height: 1; color: #FFFFFF; margin: 0 0 1em 0; padding: 0; }
#content-paging .box-l { width: 45%; float: left; text-align: left; }
#content-paging .box-r { width: 45%; float: right; text-align: right; }

#content-paging .box a:link {		color: #FFFFFF; text-decoration: none; }
#content-paging .box a:visited {	color: #FFFFFF; text-decoration: none; }
#content-paging .box a:hover {		color: #FFFFFF; text-decoration: underline; }
#content-paging .box a:active {	color: #FFFFFF; text-decoration: none; }

/* -------------------------------------------------- */
/* design content-sub */
/* -------------------------------------------------- */
#content-sub .box { background-color: #FFFFFF; width: 185px; margin: 0 0 10px 0; padding: 5px 0 0 0; }

#content-sub .box ul { width: 180px; margin: 0 0 10px 0; padding: 0; list-style: none; list-style-position: outside; }
#content-sub .box ul li {
	color: #333333;
	font-size: 75%;
	line-height: 1.4;
	
	margin: 0 0 0.2em 0;
	padding: 0 0 0 20px;
	
	background-image: url(images/bg_ul_1.gif);
	background-position: 5px 0.3em;
	background-repeat: no-repeat;
}

#content-sub .box form { width: 175px; margin: 5px 0 5px 7px; padding: 0 0 0 0; }
#content-sub .box form .type1 input { width: 165px; margin: 0 0 5px 0; }


/* -------------------------------------------------- */
/* design home */
/* -------------------------------------------------- */
#home #content-main h1 { margin: 0 0 10px 0; padding: 0; background-image: none; background-color: #FFFFFF; }

#home a:link {		color: #FFFFFF; text-decoration: none; }
#home a:visited {	color: #FFFFFF; text-decoration: none; }
#home a:hover {		color: #FFFFFF; text-decoration: underline; }
#home a:active {	color: #FFFFFF; text-decoration: none; }

#home #content-main dl { width: 560px; margin: 0 0 1em 0; padding: 0; font-size: 75%; font-weight: normal; line-height: 1.2; color: #FFFFFF; background-color: #000000; }
#home #content-main dl dt,
#home #content-main dl dd { margin: 0; padding: 0.5em 0 0.4em 0; }

#home #content-main dl dt { padding-left: 2em; float: left; background-image: url(images/bg_ul_1.gif); background-position: 7px center; background-repeat: no-repeat; }
#home #content-main dl dd { padding-left: 11.5em; border-bottom: #333333 solid 1px; }
#home #content-main dl img { vertical-align: middle; }

#home #content-sub .type1 ul { margin: 0; padding: 0; list-style: none; list-style-position: outside; }
#home #content-sub .type1 ul li { margin: 0 0 3px 0; padding: 0; color: #FFFFFF; font-size: 75%; line-height: 1; }

#home .color-gray { color: #999999; }
#home .color-gray a:link {		color: #999999; text-decoration: none; }
#home .color-gray a:visited {	color: #999999; text-decoration: none; }
#home .color-gray a:hover {		color: #999999; text-decoration: underline; }
#home .color-gray a:active {	color: #999999; text-decoration: none; }

#result { width: 185px; color: #FFFFFF; background-color: #000000; margin: 0 auto 10px auto; padding: 0; text-align: center; }
#result .type1 { padding: 5px; border-bottom: #D90000 solid 1px; }
#result .type2 { padding: 15px 5px 5px 5px; }
#result p { font-size: 70%; line-height: 1.2; margin: 0 0 0 0; padding: 0; }
#result p.large { font-size: 100%; margin-bottom: 5px; }

#nextgame { color: #FFFFFF; background-color: #000000; margin: 0 0 10px 0; padding: 5px; text-align: center; }
#nextgame p { font-size: 70%; line-height: 1.2; margin: 0 0 0 0; padding: 0; }

#ranking { background-color: #000000; margin: 0 0 10px 0; padding: 4px; }
#ranking table { background-color: #FFFFFF; width: 100%; margin: 0; padding: 0; border-top: #000000 solid 1px; border-left: #000000 solid 1px; }
#ranking table td { text-align: center;  margin: 0; padding: 2px 2px; border-bottom: #000000 solid 1px; border-right: #000000 solid 1px; font-size: 75%; }
#ranking table td strong { color: #D90000; }
#ranking p { text-align: right; font-size: 70%; line-height: 1; color: #FFFFFF; margin: 0; padding: 3px 0 0 0; }

/* -------------------------------------------------- */
/* design twitter */
/* -------------------------------------------------- */
#twitter p { font-size:100%; line-height: 1.4; }
#twitter em { font-size:100%; }