/* reset
------------------------------------------------------ */
h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd, address,
div, form, caption, img {
	list-style-type:none;
	margin:0;
	border:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
}

body, #header div, #footer div, #side div, #header h1, #header h2, #side h3, #header p, #footer p, #side p, #header ul, #footer ul, #side ul, #header li, #footer li, #side li, #header a, #footer a, #side a, #header img, #footer img, #side img {
	margin: 0;
	border: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.0;
}
#header img, #footer img, #side img { vertical-align: top; }
#header ul, #footer ul, #side ul { list-style: none; }


/* clearfix
------------------------------------------------------ */
.clearfix:after{/*for modern browser*/
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}
.clearfix{/*for IE7*/ min-height: 1px;}
* html .clearfix{/*for IE6 below, MacIE5*/
	/*\*//*/
	overflow: hidden;
	height: auto;
	/**/
	height: 1px;
}
html{ overflow-y: scroll; }


/* #17206 start by xa_quxt 20180103 Goobike全体のHTTPS化 */
body {
	background: url("https://goobike.com/CGI/search/ep_huckle/img/body_bg.jpg") no-repeat scroll center top transparent;
}




/* common
------------------------------------------------------ */
#container {
	text-align: justify;
	font-size: 12px;
	line-height: 1.5;
}
#header_area,
#contents_area,
#footer_area,
#footer_nav {
	text-align: center;
}
#header,
#contents,
#footer,
#footer_nav ul {
	text-align: justify;
}



/* header
------------------------------------------------------ */

#header {
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 10px;
	width: 1220px;
}
#header #hgroup {
	float: left;
	width: 530px;
}
#header h1 {
	margin: 0 0 15px 0;
}
#header #header_btn {
	float: right;
	width: 485px;
}
#header_btn li {
	float: left;
	margin: 0 10px 0 0;
}
* html #header_btn li { display: inline; } /* If IE6 */
#header_btn .last { margin: 0; }



/* contents
------------------------------------------------------ */
#contents {
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 30px 10px;
	width: 1220px;
	text-align: justify;
}

#main_con_area  {
	text-align: center;
}
#main_con  {
	margin: 0 auto;
	width: 750px;
	text-align: justify;
}

.mj {
	font-size: 12px;
	text-align: left;
}

/* side
------------------------------------------------------ */
#side {
	float: left;
	background-color: #E6E6E6;
	width: 250px;
}
#side #nav {
	padding: 15px 0 5px;
}
#side #nav li {
	line-height: 0;
}
#side #nav a {
	display: block;
	background: url("https://goobike.com/CGI/search/ep_huckle/img/nav_bg_off.jpg") no-repeat scroll 0 0 transparent;
	margin: 0 0 5px;
	padding: 14px 0 14px 25px;
	color: #000000;
}
#side #nav a:link,
#side #nav a:visited,
#side #nav a:hover,
#side #nav a:active {
	color: #000000;
	text-decoration: none;
}
#side #nav a:hover { background: url("https://goobike.com/CGI/search/ep_huckle/img/nav_bg_on.jpg") no-repeat scroll 0 0 transparent; }
/* #17206 end by xa_quxt 20180103 Goobike全体のHTTPS化 */
#side #rss {
	background: url("../img/side00_bg.jpg") no-repeat scroll 0 0 transparent;
	padding: 15px 0 15px 80px;
}
#side #rss ul {
	width: 106px;
}
#side #rss li {
	float: left;
	margin: 0 5px 0 0;
}
#bunner li {
	margin: 0 0 15px;
}



/* main
------------------------------------------------------ */
#main_area {
	float: right;
	width: 960px;
}



/* footer
------------------------------------------------------ */
#footer {
	clear: both;
	background: url("https://goobike.com/CGI/search/ep_huckle/img/footer_bg.png") no-repeat scroll center top transparent;/*#17206 MODIFIED BY xa_liuyan 20180305 Goobike全体のHTTPS化*/
	margin: 0 auto;
	padding: 0 20px 66px 20px;
	width: 1220px;
}
#footer p {
	text-align: center;
}
#footer ul {
	margin: 0 auto;
	padding: 15px 0 0;
	width: 680px;
}
#footer li {
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #FFFFFF;
}
#footer .last { border: none; }
#footer li a:link,
#footer li a:visited,
#footer li a:hover,
#footer li a:active {
	text-decoration: none;
}
#footer li a:link,
#footer li a:visited,
#footer li a:active {
	color: #FFFFFF;
}
#footer li a:hover { color: #FF0000; }



/* IE HACK
------------------------------------------------------ */
* html #header { width: 1240px; } /* If IE6 } */
* html #contents { width: 1240px; } /* If IE6 } */
* html #footer { width: 1240px; } /* If IE6 } */

*:first-child+html #header { width: 1240px; } /* If IE7 } */
*:first-child+html #contents { width: 1240px; } /* If IE7 } */
*:first-child+html #footer { width: 1240px; } /* If IE7 } */