@charset "UTF-8";

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

TITLE   : Q&A now CSS
DATE    : 2010/02/10
URL     : https://qa-now.nikkansports.com/css/common_main.css
AUTHOR  : nikkansports.com

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


/* ----------------------------------------------------------------
BASIC STYLE
---------------------------------------------------------------- */
body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, legend, input, textarea, p, blockquote, address,
th, td {
	margin: 0;
	padding: 0;
}

body {
	/* padding: 5px 0; */
	/* font: 100%/1.05 */
	font: 16px/1.05 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	/* color: #333333; */
	background: #ebf0f2;
}
/* Hides from MacIE, for WinIE \*/
	*html body {
		font-size: medium;
		/* text-align: center;*/
	}
/* End hide from MacIE */

address, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: normal;
}

img,
a img {
	text-decoration: none;
	vertical-align: bottom;
	background: transparent;
	border: 0 none;
}

* img { -ms-interpolation-mode: bicubic; }


fieldset { border: 0 none; }

ul, ol { list-style: none; }

.hide { display: none; }

.skip {
	width: 200px;
	position: absolute;
	top: -999px;
}

.helpNavi {
	width: 200px;
	position: absolute;
	top: -999px;
}

.helpNavi a {
	text-decoration: none;
	background: transparent;
}




/* Link
----------------------------------------------- */
a {
	color: #0062de;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #805496;
	text-decoration: none;
}

a:hover,
a:active { text-decoration: underline; }



/* Clear Fix
----------------------------------------------- */
.clearfix:after { /* for Modern Browser */
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; } /* for WinIE7 & MacIE */

/* Hides from MacIE, for WinIE \*/
	*html .clearfix { height: 1%; }
	.clearfix { display: block; }
/* End hide from MacIE */


.newsList01, .newsList02 {
	clear:both;
	font-size:90%;
	line-height:1.7;
	padding:0 3px 0 5px;
}


/* Side Area
------------------------------------------------------- */

/* ----- Side Area ----- */
#side {
	width: 300px;
	background: #ebf0f2;
	float: right;
}



/* ----- Koudoku Info ----- */
#side p.koudokuInfo { border-bottom: 1px solid #ffffff; }
#side p.koudokuInfo a {
	display: block;
	padding: 0 0 1px;
	border-bottom: 1px solid #cecccc;
	background: #ffffff;
}


/* ----- AD Text ----- */
#side .adText {
	margin-bottom: 10px;
	line-height: 1.4;
	font-size:90%;
}

#side .adText li { border-bottom: 2px solid #f2f3f4; }

#side .adText li span {
	display: block;
	padding: 4px 5px 5px 40px;
	border-bottom: 1px solid #e4e5e5;
	background: url(/img/icon-pr_side.gif) no-repeat 6px 7px;
}


/* ----- Side Box ----- */
.sideBox {
	clear: both;
	margin-top: 10px;
}

.sideBox h2 {
	height: 22px;
	border-bottom: 1px solid #6c839a;
	padding: 0 0 0 5px;
	font-size: 90%;
	line-height: 1.55;
	color: #ffffff;
	background: #8ba8ba;
}

/* for Safari4, Firefox3.5 */
body:first-of-type .sideBox h2 { line-height: 1.65; }

/* for WinIE7 */
*+html .sideBox h2 { line-height: 1.55; }

/* for WinIE5~6 & MacIE */
*html .sideBox h2 { line-height: 1.55; }

/* for Firefox3 */
html>/**/body .sideBox h2, x:-moz-any-link, x:default { line-height: 1.7; }


.sideBox h2 span {
	display: block;
	height: 22px;
	background: url(/img/icon-arrow_right-side2.gif) no-repeat 2px 7px;
}

#side div.sideBox h2 span a {
	padding-left: 18px;
	color: #ffffff;
}

.sideBoxWrap {
	padding-bottom: 13px;
	border-bottom: 2px solid #f2f3f4;
}



/* ----- Side Basic Box ----- */
.sideBasicBox { padding: 7px 5px 10px; }

.sideBasicBox a.imgLink {
	display: block;
	float: left;
	padding: 1px;
	border: 1px solid #a4a8a9;
	width: 45px;
	background: #ebf0f2;
}

.sideBasicBox div {
	padding-left: 56px;
	line-height: 1.1;
}

.sideBasicBox div h3 {
	margin-bottom: 1px;
	font-size: 90%;
	line-height: 1.2;
}

.sideBasicBox div p {
	font-size: 80%;
	line-height: 1.4;
}




/* ----- Side Main News ----- */
#sideMainNews { background: #ffffff; }

#sideMainNews ul.newsList02 {
	margin-top: 3px;
	line-height: 1.5;
}


/* ----- Side Recommend List ----- */
#sideRecommendList {
	margin-top: 0;
	padding: 8px 0;
	background: #ffffff;
}

#sideRecommendList div {
	min-height: 45px;
	height: auto !important;
	height: 45px;
	padding: 7px 0 0;
	border-bottom: 2px solid #f2f3f4;
}

#sideRecommendList div a.imgLink {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	padding: 1px;
	border: 1px solid #b2b2b2;
	width: 45px;
	background: #ffffff;
}

#sideRecommendList dl {
	padding: 0 5px 8px 61px;
	border-bottom: 1px solid #e4e5e5;
}

#sideRecommendList dt {
	display: block;
	padding: 2px 0 0 2px;
	font-size: 90%;
	font-weight: bold;
	background: #eaeef3;
}

#sideRecommendList dd {
	margin: 2px 0 0;
	font-size: 80%;
	line-height: 1.3;
}

#sideRecommendList ul.newsList02 {
	margin-top: 3px;
	line-height: 1.5;
}


/* ----- Side Column ----- */
#sideColumn { margin-top: 0; }

.sideColumnBox {
	padding: 7px 0 0;
	border-bottom: 2px solid #f2f3f4;
}

.sideColumnBox a.imgLink {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	padding: 1px;
	border: 1px solid #b2b2b2;
	width: 45px;
	background: #ffffff;
}

.sideColumnBox div {
	padding: 0 5px 8px 61px;
	border-bottom: 1px solid #e4e5e5;
}

.sideColumnBox div h3 { font-size: 80%; }

.sideColumnBox dl dt {
	margin: 3px 0;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2;
}

.sideColumnBox dl dd {
	font-size: 80%;
	color: #767676;
}


/* ----- Side Mobile ----- */
#sideMobile {
	margin: 0;
	padding-bottom: 7px;
	min-height: 90px;
	height: auto !important;
	height: 90px;
	background: #ffffff url(/img/side_mobile_bg.gif) no-repeat top;
}

#sideMobile h2 {
	padding: 8px 5px 1px 56px;
	border: none;
	font-size: 90%;
	background: none;
}

#sideMobile h2 a { color: #003373; }

#sideMobile p {
	padding: 0 5px 0 56px;
	font-size: 80%;
	line-height: 1.4;
	color: #707070;
}


/* ----- Side Shopping ----- */
#side #sideShopping {
	padding: 0 0 8px;
	background: #ffffff;
}

#sideShopping div {
	padding: 7px 0 0;
	border-bottom: 2px solid #f2f3f4;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}

#sideShopping div a.imgLink {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	padding: 1px;
	border: 1px solid #b2b2b2;
	width: 45px;
	background: #ffffff;
}

#sideShopping div a.imgLink { font-size: 80%; }

#sideShopping dl {
	padding: 0 5px 6px 61px;
	border-bottom: 1px solid #e4e5e5;
}

#sideShopping dt {
	display: block;
	padding: 2px 0 0 2px;
	font-size: 90%;
	font-weight: bold;
	background: #eaeef3;
}

#sideShopping dd {
	margin: 2px 0 0;
	font-size: 80%;
	line-height: 1.3;
}

#sideShopping ul.newsList02 {
	margin-top: 3px;
	line-height: 1.5;
}

#sideShopping p {
	padding-left: 135px;
	font-size: 80%;
	line-height: 1.4;
}


/* ----- Side Leisure List ----- */
#sideLeisure { margin-top: 0; }
#sideLeisure div.sideBasicBox div {
	padding-left: 6px;
	line-height: 1.1;
}

#sideLeisure .sideBasicBox {
	padding: 7px 0 0;
	border-bottom: 2px solid #f2f3f4;
}

#sideLeisure .sideBasicBox div {
	border-bottom: 1px solid #e4e5e5;
	padding: 0 5px 8px;
}

#sideLeisure .sideBasicBox #fishingHead {
	float: left;
	border: none;
	padding: 0;
}

#sideLeisure .sideBasicBox #nikkanfishingLink {
	float: right;
	border: none;
	padding: 0;
	font-size: 80%;
}

#sideLeisure .sideBasicBox #nikkanfishingLink a { padding: 0 3px; }

#sideLeisure .sideBasicBox p {
	clear: both;
	margin: 0;
}



/* ----- Side Tool List ----- */
#sideToolList {
	margin: 10px 0 -13px;
	padding: 10px 1px 7px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e4e5e5;
	background: #e6f3d7;
}

#sideToolList h2 {
	margin: 0 5px;
	padding: 0 5px 2px;
	color: #035901;
	font-size: 90%;
	line-height: 1;
	border-bottom: 1px solid #b6d2aa;
}

#sideToolList div h2 a { color: #035901; }

#sideToolList .newsList02 {
	margin: 0 5px;
	padding: 7px 0 0;
	border-top: 1px solid #ffffff;
}

#sideToolList .newsList02 li {
	padding: 0 0 0 5px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.3;
	background: none;
}


/* ----- Side PR ----- */
#sidePR p {
	padding: 10px 0;
	font-size: 80%;
	text-align: center;
	background: url(/img/side_line01.gif) repeat-x bottom;
}

#sidePR p img { margin-bottom: 5px; }



/* Side Score Box
------------------------------------------------------- */
#sideScoreBox { margin-bottom: 10px; }