@charset "Shift_JIS";



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

/* common */

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


h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	}
.hdj_blue1 {
	color: #0000ff;
	}
.number {
	color: #ea5520;
	}
h2.ttlH2 {
	margin-top: -10px;
	padding: 0;
	}
h4.ttlH4 {
	font-size: 100%;
	padding: 0 0 2px;
	font-weight: bold;
	}
h4.ttlH4-03 {
	background: #616161;
	}
/*
h4.ttlH4-04 {
	margin: 0 0 6px;
	}
*/
h4.ttlH4-05 {
	background: #616161;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 18px 0 12px;
	}
h5.ttlH5 {

	margin-bottom: 0;

	padding: 0;

	}

h5.hdj_mt30 {

	margin-bottom: 0;

	}

h5.ttlTodofuken {
	margin: 0 0 6px;
	font-size: 100%;
	}
ul.messageLink {
	width: 100%;
	text-align: center;
	}
ul.messageLink li {
	display: inline;
	}
ul.messageLink li.linkPre {
	}
ul.messageLink li.linkNext {
	}
ul.messageLink li.linkCenter {
	margin: 0 220px;
	}
.border01 {
	border-right: 1px solid #FFFFFF;
	}
input#name01,
input#name02,
input#nickname01 {
	width: 150px;
	}
input#expiration01 {
	width: 20px;
	}
input#expiration02 {
	width: 50px;
	}
input#mailaddress01,
input#mailaddress02 {
	width: 200px;
	}
input#zipcode01,
input#zipcode02 {
	width: 40px;
	}

input#tell,

input#email {

	width: 130px;

	}

input#address {

	width: 300px;

	}

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

/*  talbleStyle */

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


#adjWidth01 {
	width: 230px;
	}
#ajdWidth02 {
	width: 600px;
	}
#ajdWidth03,
#ajdWidth04,
#ajdWidth05 {
	width: 38px;
	}
.bgGrey02 {
	background: #ebebeb;
	}
div.tableArea01 table tr th.bgGrey03 {
	background: #d9d9d9;
	}
div.tableArea01 table tr .adjTop {
	vertical-align: top;
	}
div.tableArea01 table tr td.dottedLine01 {
	background: #ebebeb url(/common/images/dotted2.gif) left bottom repeat-x;
	border-bottom: 0;
	}
div.tableArea01 table tr td.dottedLine02 {
	background: url(/common/images/dotted2.gif) left bottom repeat-x;
	border-bottom: 0;
	}
div#hdj_memberTopAreaLeft div.tableArea01 table th {
	background: #ebebeb;
	width: 117px;
	}
div.tableArea01 table td.left {
	text-align: left;
	padding: 0;
	}
div.tableArea01 table td.right {
	text-align: right;
	padding: 0;
	font-size: 130%;
	}
div.tableArea01 table td.center,
div.tableArea01 table th.center{
	text-align: center;
	}
div.tableArea01 table td.right02 {
	text-align: right;
	padding: 0;
	font-size: 88%;
	}
div.tableArea02 {
	border: 1px solid #f7ab00;
	width: 100%;
	}
div.tableArea02 table th {
	border-right: 1px solid #FFFFFF;
	width: 159px;
	}
div.tableArea02 table th,
div.tableArea02 table td {
	padding: 6px 12px;
	text-align: left;
	vertical-align: middle;
	}
div.tableArea02 table th.bgGrey,
div.tableArea02 table td.bgGrey {
	background: #ebebeb;
	}
div.tableArea03 {
	border-top: 1px solid #bfbfbf;
	padding: 2px 0 0;
	_padding: 1px 0 0;
	}
div.tableArea03 table {
	border-top: 1px solid #bfbfbf;
	}
div.tableArea03 table th,
div.tableArea03 table td {
	border-bottom: 1px solid #bfbfbf;
	padding: 6px;
	text-align: center;
	vertical-align: middle;
	}
div.tableArea03 table th {
	background: #fdeecc;
	font-weight: normal;
	border-left: 1px solid #bfbfbf;
	}
div.tableArea03 table td {
	border-left: 1px solid #bfbfbf;
	}
div.tableArea03 table .noBorder {
	border-left: none;
	padding: 6px 12px;
	}
div.tableArea04 {
	border: 1px solid #f7ab00;
	width: 99%;
	margin: 0 auto 12px;
	}
div.tableArea04 table {}
div.tableArea04 table th {
	width: 150px;
	background: #fdeecc;
	}
div.tableArea04 table th,
div.tableArea04 table td {
	padding: 6px 12px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
	}
div.tableArea04 table th.noBorder,
div.tableArea04 table td.noBorder {
	border-bottom: none;
	}

div.tableArea05 {

	width: 745px;

	}

div.areaBox div.tableArea05 {

	width: 765px;

	}

div.tableArea05 table th {

	border-right: 1px solid #FFFFFF;

	width: 180px;

	}

div.tableArea05 table td {

	border-right: 1px solid #FFFFFF;

	}

div.tableArea05 table th,

div.tableArea05 table td {

	padding: 6px 12px;

	text-align: left;

	vertical-align: middle;

	}

div.tableArea05 table th.bgGrey,

div.tableArea05 table td.bgGrey {

	background: #ebebeb;

	}

div.tableArea05 table td.noPad {
	padding: 6px 0;
	}
div.tableArea05 table td ul li {
	display: inline;
	}
div.tableArea06 {
	border: 1px solid #f7ab00;
	width: 100%;
	}
div.tableArea07 {
	border: 1px solid #CCCCCC;
	width: 100%;
	}
div.tableArea06 table th,
div.tableArea06 table td.border01,
div.tableArea07 table th,
div.tableArea07 table td.border01 {
	border-right: 1px solid #FFFFFF;
	}
div.tableArea06 table th,
div.tableArea06 table td,
div.tableArea07 table th,
div.tableArea07 table td {
	padding: 6px 12px;
	text-align: left;
	vertical-align: middle;
	}
div.tableArea06 table th.bgGrey,
div.tableArea06 table td.bgGrey,
div.tableArea07 table th.bgGrey,
div.tableArea07 table td.bgGrey {
	background: #ebebeb;
	}
div.tableArea06 table .adjWid01,
div.tableArea07 table .adjWid01{
	width: 15%;
	}
div.tableArea06 table .adjWid02,
div.tableArea07 table .adjWid02{
	width: 30%;
	}
div.tableArea06 table.tableArea06Bottom th,
div.tableArea06 table.tableArea06Bottom td,
div.tableArea07 table.tableArea06Bottom th,
div.tableArea07 table.tableArea06Bottom td {
	text-align: center;
	}

table.tableArea04 {
	width: 100%;
	border: 1px solid #ea5520;
	}
table.tableArea05 {
	width: 100%;
	border-right: 1px solid #ea5520;
	border-bottom: 1px solid #ea5520;
	border-left: 1px solid #ea5520;
	}
table.tableArea04 th,
table.tableArea05 th {
	width: 250px;
	}
table.tableArea04 th,
table.tableArea04 td,
table.tableArea05 th,
table.tableArea05 td {
	padding: 5px 12px;
	text-align: left;
	}
table.tableArea04 th.tableArea04th,
table.tableArea04 td.tableArea04td {
	padding: 5px 12px 0;
	}
	

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

/*  iframeChater */

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


body#iframeChaterArea {
	background: none;
	}
body#iframeChaterArea ul li {

	float: left;

	margin: 0 5px 0 0;

	}

body#iframeChaterArea ul li.hdj_m0 {

	margin: 0;

	}

div.center {
	width: 500px;
	margin: 0 auto;
	}
div.center02 {
	width: 731px;
	margin: 0 auto;
	}
ul#todofukenAreaBg {
	background: url(/hog/images/bg_todofuken.gif) left bottom no-repeat;
	width: 731px;
	}
ul.todofukenArea li {
	display: inline;
	}
div.todofukenResult {
	background: url(/hog/images/bg_table_bottom.gif) left bottom no-repeat;
	padding: 0 0 5px;
	}
div.todofukenResultContainer {
	overflow: auto;
	height:190px;
	width:494px;
	}
div.todofukenResult div.todofukenResultInner {
	background: url(/hog/images/bg_table_middle.gif) 0 0 repeat-y;
	width:500px;
	}
div.todofukenResult02 {
	background: url(/hog/images/bg_table_bottom02.gif) left bottom no-repeat;
	width:731px;
	padding: 0 0 5px;
	}
div.todofukenResultContainer02 {
	overflow: auto;
	height:320px;
	width:725px;
	}
div.todofukenResult02 div.todofukenResultInner02 {
	background: url(/hog/images/bg_table_middle02.gif) 0 0 repeat-y;
	width:731px;
	}
div.todofukenResult ul {
	padding: 10px 18px;
	}
p#confirm {
	text-align: center;
	}
div#HogLeftArea01 {
	float: left;
	width: 579px;
	}
div#HogRightArea01 {
	float: right;
	width: 196px;
	}
div#HogArea02 {
	width: 100%;
	}
div#HogLeftArea02 {
	float: left;
	width: 339px;
	padding: 0 12px 0 0;
	}
div#HogRightArea02 {
	float: right;
	width: 192px;
	}
div#HogLeftArea03 {
	float: left;
	width: 531px;
	padding: 0 12px 0 0;
	}
div#HogRightArea03 {
	float: right;
	width: 194px;
	}
div.HogArea03 {
	width: 545px;
	padding: 0 12px;
	}
div.HobArea04 {
	overflow: auto;
	height: 150px;
	width: 545px;
	}
div.HobArea04 div.tableArea03 {
	width: 528px;
	border: none;
	}
div.HobArea04 div.tableArea03 table {
	border: none;
	}
div.HobArea05 {
	border-top: 1px solid #bfbfbf;
	width: 544px;
	}
div.HobArea05 div.HobArea05Inner {
	overflow: auto;
	height: 150px;
	width: 544px;
	}
div.HobArea05 div.tableArea01 {
	width: 544px;
	border: none;
	padding: 0;
	}
div.HobArea05Container {
	border-top: 1px solid #bfbfbf;
	margin: 1px 0 0;
	}
div.HobArea05 div.tableArea01 table {
	width: 527px;
	border: none;
	}
p#noticeArea01 {

	font-weight: bold;

	background: #ebebeb;

	padding: 12px;

	}

p#noticeArea02 {

	font-weight: bold;

	text-indent: -12px;

	padding: 0 0 0 	12px;

	}

div.rankingAreaWrapper {
	overflow: auto;
	height: 390px;
	width: 763px;
	}
div#monthlyRanking01,
div#monthlyRanking02,
div#monthlyRanking03,
div#monthlyRanking04,
div#monthlyRanking05,
div#monthlyRanking06,
div#monthlyRanking07 {
	height: 620px;
	}
div.rankingArea {
	width: 740px;
	}
div.rankingArea .greyArea01 {
	background: #ebebeb;
	}
div.rankingArea .rankingRight,
div.rankingArea .rankingLeft {
	width: 368px;
	}
div.rankingArea .rankingRight tr td,
div.rankingArea .rankingLeft tr td {
	padding: 3px;
	}
div.rankingArea .mar3 {
	width: 4px;
	}
ul#rankingLeft {
	float: left;
	width: 645px;
	}
div#rankingRight {
	float: right;
	width: 118px;
	padding: 5px 0;
	}
div#grandslumer01Area {
	border-left: 1px solid #f7ab00;
	border-right: 1px solid #f7ab00;
	border-bottom: 1px solid #f7ab00;
	}
div#grandslumer01AreaInner {
	overflow: auto;
	height: 150px;
	width: 737px;
	padding: 12px 12px 0;
	}
div#grandslumer01Area div#grandslumer01AreaLeft {
	float: left;
	width: 360px;
}
div#grandslumer01Area div#grandslumer01AreaRight {
	float: right;
	width: 360px;
	}
div#grandslumer02Area {
	border-left: 1px solid #616161;
	border-right: 1px solid #616161;
	border-bottom: 1px solid #616161;
	padding: 12px 12px 0;
	}
div#grandslumer01Area dl,
div#grandslumer02Area dl,
div#grandslumer02Area ul li {
	margin: 0 0 12px;
	}
div#grandslumer02Area table th, 
div#grandslumer02Area table td {
	vertical-align: top;
	text-align: left;
	}
div#grandslumer01Area dl dt,
div#grandslumer02Area dl dt {
	font-weight: bold;
	}
div.grandslumerTable {
	width:763px;
	margin: 0 auto;
	background: url(/hog/member/grandslamer/images/bg_table01.gif) 0 0 repeat-y;
	}
div.grandslumerTable h5 {
	width:763px;
	margin: 0 auto;

	}
div.grandslumerTable table {
	width:763px;

	}
div.grandslumerTable table th,
div.grandslumerTable table td {
	border-bottom: 1px solid #616161;
	padding: 5px;
	}
div.grandslumerTable table th {
	border-right: 1px solid #616161;
	}
div.grandslumerTable table.grandslumerTable01 td {
	border-right: 1px solid #616161;
	}
div.grandslumerTable table th {
	width: 80px;
	}
div#trialcarAreaInner,
div#trialcarAreaInner02 {

	width: 100%;

	}

div#trialcarAreaInner02 {

	margin: 12px 0 0;

	}

div#trialcarAreaInner dl,

div#trialcarAreaInner02 dl {

	float: left;

	width: 300px;

	padding: 0 10px 0 0;

	}

div#trialcarAreaInner div#trialcarAreaSearch,

div#trialcarAreaInner02 div#trialcarAreaSearch {

	float: left;

	width: 400px;

	}

div#trialcarAreaInner div#trialcarAreaSearch,

div#trialcarAreaInner02 div#trialcarAreaSearch {

	float: left;

	margin: 15px 20px 0 0;

	}

div#trialcarAreaInner input,

div#trialcarAreaInner select,

div#trialcarAreaInner02 input,

div#trialcarAreaInner02 select {

	vertical-align: middle;

	}

div#trialcarAreaInner02 input.borderStyle01 {

	margin: 10px 0 0;

	}

ul#ridePlannerlocalNavi {

	margin: 0 0 18px;

	}

ul#ridePlannerlocalNavi li {

	display: inline;

	}

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

/* memberToppage */

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

div#hdj_memberTopArea {
	width: 775px;
	}
div#hdj_memberTopAreaLeft {
	float: left;
	width: 383px;
	}
div#hdj_memberTopAreaRight {
	float: right;
	width: 383px;
	}
p#customer {
	margin: 0 0 6px;
	}
p#customer span {
	font-size: 130%;
	}
div.boxArea01 table th {
	color: #ea5520;
	}
h4#info {
	background: #212121 url(/hog/member/images/bg_ttl.gif) no-repeat;
	color: #FFFFFF;
	width: 383px;
	font-size: 100%;
	}
h4#info span {
	margin: 0 0 0 13px;
	font-weight: bold;
	position: relative;
	top: -5px;
	_top: 7px;
	}
*:first-child+html h4#info span {
	top: 7px;
	}
div.boxArea01 {
	/*background: url(/hog/images/bg_box_middle.gif) right 0 repeat-y;*/
	/*width: 383px;*/
	}
div.boxArea01 div.boxArea01Inner {
	/*width: 345px;*/
	padding: 12px 19px;
	/*background: url(/hog/member/images/bg_bottom.gif) left bottom no-repeat;*/
	}
div#hdj_memberTopArea div#hdj_memberTopAreaLeft div.tableArea01 table th {
	padding: 6px 0px;
	}
div#hdj_memberTopArea div#hdj_memberTopAreaLeft div.tableArea01 table td.right02 {
	text-align: left;
	padding: 5px;
	}
div#hdj_memberTopArea div#hdj_memberTopAreaLeft div.tableArea01 table td.right02 ul li {
	line-height: 1.3;
	margin: 0 0 3px;
	}
div.boxArea02 {
	/*background: url(/hog/images/bg_box_middle.gif) repeat-y;*/
	/*width: 383px;*/
	}
div.boxArea03 {
	/*background: url(/hog/images/bg_box_middle.gif) repeat-y;*/
	width: 383px;
	border-bottom: 6px solid #000000;
	}
div.boxArea02 div.messageArea {
	padding: 0 0 5px;
	/*background: url(/hog/member/images/bg_bottom.gif) left bottom no-repeat;*/
	}
div.boxArea02 div.messageArea div,
div.boxArea03 div.messageArea div {
	overflow: auto;
	height: 128px;
	width: 755px;
	margin-left:10px;
	}
div.boxArea02 div.messageArea div.messageAreaInfo {
	height: 210px;
	}
div.boxArea02 div.messageArea dl,
div.boxArea03 div.messageArea dl {
	padding: 0 0 12px 0;
	}
div.boxArea02 div.messageArea dl dt,
div.boxArea03 div.messageArea dl dt {
	font-weight: bold;
	padding: 6px 0 0;
	}
div.boxArea02 div.messageArea dl dd,
div.boxArea03 div.messageArea dl dd {
/*	border-bottom :1px solid #bfbfbf;*/
	padding: 0 0 3px;
	}
div#chapterArea {
	width: 345px;
	padding: 12px 19px;
	position: relative;
	}
div#chapterArea div#chapterEdit {
	position: absolute;
	top: 34%;
	right: 5%;
	}
div.hogContentRight01 {
	float: right;
	width: 376px;
	}
div.hogContentRight01 iframe.iframeArea {
	margin: 0 0 12px;
	width:372px;
	height: 200px;
	}

body#chapterIframe {
	width: 343px;
	background: none;
	}
div.hogContentRight01Inner {
	/* overflow: auto; */
	width: 343px;
	/* height: 150px; */
	padding: 0 6px;
	margin: 0 0 12px;
	}

div.hogContentRight01Inner table.eventTableNew {
	width: 343px;
	}

div.hogContentLeft01 {

	float: left;

	width: 376px;

	padding: 0 10px 0 0;

	}

div.hogContentLeft01 div.eventArea {

	background: #ebebeb;

	width: auto;

	border-bottom: 1px solid #ebebeb;

	}

div.hogContentLeft01 div.eventArea div.eventAreaInner {

	padding: 10px 0 0;

	border-bottom: 1px solid #ebebeb;

	}

div.hogContentLeft01 div.eventArea div.eventAreaInner {

	}

div.hogContentLeft01 div.eventArea div.eventAreaInner div.eventRight {

	width: 220px;

	}

div.hogContentLeft01 div.eventArea div.eventAreaInner dt {

	position: relative;

	}

div.hogContentLeft01 div.eventArea div.eventAreaInner dd {

	margin: 6px 0 0;

	}

div.hogContentLeft01 div.eventArea div.eventAreaInner img.adjIcon {

	position: absolute;

	top: 10px;

	right: 0px;

	_right: 22px;

	}

div#hogMovieArea #hogMovieAreaLeft {

	float: left;

	width: 160px;

	}

div#hogMovieArea #hogMovieAreaRight {

	float: right;

	width: 194px;

	padding: 0 0 0 6px;

	line-height: 1.8;

	}

div#hogMovieArea ul li  {

	float: left;

	padding: 0 6px 0 6px;

	}

.linkMovie {

	margin: 6px 0 0 0;

	}

div#runningArea {

	text-align: center;

	}

div#runningArea ul {

	width: 688px;

	margin: 0 auto;

	}

div#runningArea ul li {

	float: left;

	width: 172px;

	}

div#runningArea div.hdj_detail {

	text-align: right;

	}

ol#howtoArea {

	background: url(/hog/member/images/rideplanner_pic01.gif) center center no-repeat;

	width: 628px;

	margin: 0 73px;

	_margin: 0 auto;

	}

li#howto01 {

	float: left;

	width: 290px;

	margin: 0 47px 0 0;

	}

li#howto02 {

	float: right;

	width: 290px;

	}

li#howto01 dl,

li#howto02 dl {

	background: url(/hog/member/images/bg_howto_middle.gif) 0 0 repeat-y;

	}

li#howto01 dl dd,

li#howto02 dl dd {

	background: url(/hog/member/images/bg_howto_bottom.gif) bottom left no-repeat;

	padding: 10px;

	height: auto !important;

	height: 120px;

	min-height: 120px;

	}

li#howto02 dl dd {

	text-align: center;

	}

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

/* PointRanking */

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

.adjPlace01 {
	position: relative;
	top: -4px;
	}
div.rankingArea font{
	color: #000000;
}

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

/* chapter */

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



div.chapterArea01 div.chapterArea01Left {

	float: left;

	width: 252px;

	}

div.chapterArea01 div.chapterArea01Right {

	float: right;

	width: 510px;

	position: relative;

	height: auto !important;

	height: 180px;

	min-height: 180px;

	}

div.chapterArea01 div.chapterArea01Right dl {

	position: absolute;

	left: 0px;

	bottom: 0px;

	}

div.chapterArea02 div.chapterArea02Left {

	float: left;

	width: 540px;

	padding: 0 20px 0 0;

	}

div.chapterArea02 div.chapterArea02Right {

	float: right;

	width: 195px;

	}

div.chapterArea02 div.chapterArea02Right img {

	margin: 0 6px 0 0;

	}

div.chapterArea03 div.chapterArea03Left {

	float: left;

	width: 420px;

	padding: 0 20px 0 0;

	}

div.chapterArea03 div.chapterArea03Right {

	float: right;

	width: 320px;

	}

div.chapterArea05 div.chapterArea04Left {

	float: left;

	width: 235px;

	display:inline;

	}

div.chapterArea05 div.chapterArea04Left.noMargin {
	margin-right: 0;
	}
div.chapterArea05 div.chapterArea04Left p.hdj_mb6 {
	height: auto !important;
	height: 40px;
	min-height: 40px;
	}

dl.chapterIconArea {

	background: #f7f1cb;

	}

dl.chapterIconArea dt,

dl.chapterIconArea dd,

dl.chapterIconArea dd ul,

dl.chapterIconArea dd ul li {

	display: inline;

	}

div.chapterArea04 div.chapterArea04Left {

	float: left;

	width: 550px;

	padding: 0 20px 0 0;
	display:inline;

	}

div.chapterArea04 div.chapterArea04Right {

	float: right;

	width: 190px;

	}

div.chapterArea04 div.chapterArea04Right dt,

div.chapterArea04 div.chapterArea04Right dd,

div.chapterArea04 div.chapterArea04Right input.borderStyle01,

div.chapterArea04 div.chapterArea04Right select.borderStyle01 {

	width: 170px;

	}

div.chapterArea04 div.chapterArea04Right dt {

	margin: 0 0 6px;

	}

div.chapterArea04 div.chapterArea04Right input.borderStyle01,

div.chapterArea04 div.chapterArea04Right select.borderStyle01 {

	margin: 0 0 6px;

	}

div.chapterArea04 div.chapterArea04Right dd p {

	margin: 0 0 18px;

	}

div.chapterArea {
	overflow: auto;
	height: 400px;
	width: auto;
	}

div#chapterArea_sche,
div#chapterArea_repo {
	height: 200px;}

div.eventGrandSlammerArea {
	height: 400px;
	overflow: auto;
	width:545px;
	}
div.eventGrandSlammerArea div.tableArea01,
div.eventGrandSlammerArea div.tableArea03 {
	width: 528px;
	}

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

/* rideplanner */

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

div.rideplannerBoxLeft01 {
	float: left;
	width: 448px;
	}
div.rideplannerBoxRight01 {
	float: right;
	width: 286px;
	}
dl.rideplannerBoxLeft02 {
	float: left;
	width: 365px;
	}
dl.rideplannerBoxLeft02 dt {
	margin: 0 0 5px;
	}
dl.rideplannerBoxRight02 {
	float: right;
	width: 384px;
	border: 1px solid #f7ab00;
	}
dl.rideplannerBoxRight02 dd {
	padding: 10px 10px 4px;
	}
dl.rideplannerBoxRight02 dd ul li {
	margin: 0 0 6px;
	}
dl.rideplannerBoxRight02 dd ul li img {
	margin: 0 12px 0 0;
	vertical-align: middle;
	}
div.rideplannerBoxLeft03 {
	float: left;
	width: 245px;
	}
div.rideplannerBoxRight03 {
	float: right;
	width: 503px;
	}
div#rideplannerBox02 {
	position: relative;
	}
div#rideplannerBox02 p#rideplannerBox02Bottom {
	position: relative;
	top: -73px;
	width: 300px;
	}
div.rideplannerBox04 {
	width: 550px;
	margin: 0 auto;
	}
div.rideplannerBoxLeft04 {
	float: left;
	width: 236px;
	text-align: center;
	}
div.rideplannerBoxLeft04 img {
	margin: 0 0 6px;
	}
div.rideplannerBoxRight04 {
	float: right;
	width: 294px;
	padding: 15px 0 0;
	}
div.rideplannerBox05 {
	border: 1px solid #e60033;
	padding: 10px;
	margin-top: 18px;
	}
div.rideplannerBox05 dl dt {
	font-weight: bold;
	}
div.rideplannerBox05 dl dd {
	margin: 0 0 8px;
	}
.notes02 {
	font-size: 88%;
	color: #e60033;
	line-height: 1.2;
	}
table.rideplannerTable01 {
	margin-bottom: 30px;
	}
table.rideplannerTable01 th,
table.rideplannerTable01 td {
	background:  url(/common/images/dotted2.gif) left bottom repeat-x;
	padding: 3px 0;
	text-align: left;
	}
table.rideplannerTable01 th {
	width: 500px;
	}
td.rideplannerTd02 {
	width: 85px;
	}
div#rideplanerSampleImage {
	margin: 0 auto;
	width:290px;
	}


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

/* Login */

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

div#loginError {
	background: #f7ab00 url(/hog/login/images/bg_login_error.gif) 0 0 no-repeat;
	width: 763px;
	}
div#loginErrorInput dl,
div#loginErrorInput dt,
div#loginErrorInput dd,
div#loginErrorInput div,
div#loginError ul,
div#loginError li {
	float: left;
	}
div#loginErrorInput dl img {
	margin: 2px 0 0;
	}

/* ↓ 2009.09.17 U.matsuda add ↓ */
div#loginErrorInput dd.textIdStyle{
	padding-top:2px;
	/*padding-top:1px;*/
	}
div#loginErrorInput input.borderStyle01 {
	width: 82px;
	height:15px;
	}
div#loginErrorInput input.borderStyle02 {
	width: 100px;
	height:13px;
	}
div#loginErrorInput {
	margin: 0 auto;
	width: 420px;
	}
/* ↑ 2009.09.17 U.matsuda add ↑ */

div#joinConfirm {
	margin: 0 auto;
	width: 240px;
	}
div#loginErrorInput {
	padding: 10px 0 0;
	}
div#joinConfirm {
	margin-top: 7px;
	margin-bottom:2px;
	_margin-top: 10px;
	}
*:first-child+html div#joinConfirm {
	margin-top: 10px;
	}
div#joinConfirm ul li#joinConfirmLeft {
	margin: 0 20px 0 0;
	}
div#loginOut {
	background:  url(/hog/login/images/bg_out.gif) left bottom no-repeat;
	width: 763px;
	position: relative;
	}
div#loginOut div {
	margin: 0 auto;
	width: 109px;
	padding: 0 0 48px;
	}

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

/* Q and A  & Regulation */

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

div#hogQandA {
	width: 640px;
	margin: 0 auto;
	}
div#hogRegulation {
	width: 540px;
	margin: 0 auto;
	}
div#hogQandA div#popup_header,
div#hogRegulation div#popup_header {
	margin: 0 0 18px;
	}
div#hogQandA div#popup_mainArea {
	margin: 0 auto;
	width: 628px;
	}
div#hogRegulation div#popup_mainArea {
	margin: 0 auto;
	width: 528px;
	}
div#hogQandA div#popup_mainArea h1,
div#hogRegulation div#popup_mainArea h1 {
	margin: 0 0 18px;
	}
div#hogQandA div#popup_mainArea ul#hogQandANavi li {
	float: left;
	width: 300px;
	margin: 0 0 5px;
	}
div#hogQandA div#popup_mainArea ul#hogQandANavi li a {
	font-weight: bold;
	}
div#hogQandA div#popup_mainArea h2,
div#hogRegulation div#popup_mainArea h2 {
	margin: 30px 0 0;
	font-size: 120%;
	font-weight: bold;
	background: #ebebeb;
	padding: 5px;
	line-height: 1;
	}
div#hogQandA div#popup_mainArea dl dt {
	padding-top: 15px;
	padding-bottom: 10px;
	}
div#hogQandA div#popup_mainArea dl dd {
	padding-bottom: 15px;
	background: url(/common/images/dotted2.gif) left bottom repeat-x;
	}
div#hogQandA div#popup_mainArea dl dt,
div#hogQandA div#popup_mainArea dl dd {
	text-indent: -15px;
	padding-left: 15px;
	}
.txtIndent {
	padding: 0 0 0 10px;
	}
div#hogQandA table {
	border-spacing:1;
	empty-cells:show;
	border-collapse: separate;
	}
.notes {
	font-size: 88%;
	color:#666666;
	}
div#close {
	text-align: center;
	margin: 0 0 30px;
	}
div.regulationBox {
	padding: 12px 12px 0;
	}
div#hogQandA .fontd1 {
	color: #FFFFFF;
	font-size: 120%;
	}
div.helpTable {
	margin: 0 auto;
	width: 438px;
	}

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

/* localNaviArea */

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


div#HogRightArea01 dl dt {
	height: 30px;
	}
ul#localNavHog li {
	background: url(/common/images/content/sideArea/sidenavibg_02.gif) 0 0 no-repeat;
	width: 196px;
	_width: 170px;
	}
ul#localNavHog li a {
	/* background: url(/common/images/content/sideArea/sidenavibgborder.gif) 0 0 no-repeat; */
	display: block;
	width: 196px;
	_width: 170px;
	color: #FFFFFF;
	font-size: 88%;
	padding: 8px 13px 7px 13px;
	width: 170px;
	display: block;
	cursor: pointer;
	}
ul#localNavHog li a:hover {
	background: #956f19 url(/hog/member/images/btn_local_over.gif) 0 0 no-repeat;
	color: #FFFFFF;
	font-size: 88%;
	text-decoration: none;
	}
ul#localNavHog li#active {
	background: #956f19 url(/hog/member/images/btn_local_over.gif) 0 0 no-repeat;
	}

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

/* sideArea */

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

/* sideNavNew --------------------------------- */

div#hdj_subMenuHeadMember {
	background: #d99700 url(/hog/images/sideArea/subMenuHead.gif) no-repeat;
	height: auto !important;
	height: 94px;
	min-height: 94px;
	position: relative;
	border-bottom: 1px solid #ac6a00;
	}
div#hdj_subMenuHeadMember div#account {
	margin: 9px 0 0 14px;
	}
div#hdj_subMenuHeadMember div#account p {
	margin: 0 0 4px;
	font-weight: bold;
	}
div#hdj_subMenuHeadMember p#logout {
	position: absolute;
	right: 7px;
	bottom: 7px;
	}
ul.sideNavHog li {
	background: url(/common/images/content/sideArea/sidenavibg_02.gif) repeat-y;
	}
ul.sideNavHog li a:hover {
	background: url(/hog/images/sideArea/sidenavibg_02_over.gif) 0 0 no-repeat;
	}
ul.sideNavHog li a:hover span {
	width: 170px;
	display: block;
	}
ul.sideNavHog li.parent01 a.sidenavlink:hover span,
ul.sideNavHog li.parent02 a.sidenavlink:hover span,
ul.sideNavHog li.parent03 a.sidenavlink:hover span{
	background: url(/hog/images/sideArea/sidenavibg_01_over.gif) 0 0 no-repeat;
	}
ul.sideNavHog li#subNavi02 ul li a:hover span,
ul.sideNavHog li#subNavi03 ul li a:hover span,
ul.sideNavHog li#subNavi18 ul li a:hover span{
	background: url(/hog/images/sideArea/submenubg_def02_on.gif) 0 0 repeat-x;
	}
ul.sideNavHog li#active02 ul li a:hover span{
	background: url(/hog/images/sideArea/submenubg_def02_on.gif) 0 0 repeat-x;
	}

/* アクティブ　*/

ul.sideNavHog #active a span {
	width: 170px;
	display: block;
	}
ul#sideNavNew #active02 a.sidenavlink {
	background: url(/hog/images/sideArea/sidenavibg_02_on.gif) 0 0 no-repeat;
	}
ul#sideNavNew #active02 a.sidenavlink span.parentSpan {
	background: url(/hog/images/sideArea/sidenavibg_01_on.gif) 0 0 no-repeat;
	}
ul#hogNonMemberNavi {
	margin: -5px 0 0;
	}
ul#hogNonMemberNavi li span {
	padding: 8px 13px 7px 13px;
	width: 170px;
	display: block;
	color: #545454;
	}
ul#sideNavNewHog #active02 a.sidenavlink {
	background: url(/common/images/content/sideArea/sidenavibg_02_on.gif) 0 0 no-repeat;
	}
ul#sideNavNewHog #active02 a.sidenavlink span.parentSpan {
	background: url(/common/images/content/sideArea/sidenavibg_01_on.gif) 0 0 no-repeat;
	}

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

/* End */

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


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

/* 2010.8修正 */

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

.listTable{
	width:100%;
}

.listTable th,
.listTable td{
	padding:5px;
	background:#ebebeb;
	border:1px solid #FFF;
}
.listTable th{
	text-align:left;
	width:35%;
}

.listTable th img{
	margin-left:3px;
}

.comment table td{
	padding:3px;
}

.hdj_mb20 li{
	float:left;
	margin-left:5px;
	display:inline;
}

.moreLink{
	margin:10px 0;
	text-align:right;
}


/*add 08.23.2010
=====================================================================*/
#hdj_mainArea{
	/*background:#FFF url(../../hog/images/bg.gif) 0 0 no-repeat;*/
}
#headArea{
	width:770px;
	margin:8px auto 0 auto;
}
#headArea #hdj_topicsAreaInner{
	width:771px !important;
}
#headArea #hdj_topicsAreaInner iframe{
	width:757px !important;
}
#hdj_mainArea h3{
	/*text-align:center;*/
}
.col2Table td{
	vertical-align:top;
	padding-left:15px;
}
#titleWrap{
	text-align:center;
	padding:8px 0;
}
.profileTableWrap{
	width:760px !important;
	margin:0 auto !important;
}
#profileTab{
	margin-bottom:20px;
}
h4#info02 span{
	color:#FFF;
	padding-left:10px;
	line-height:26px;
	font-size:14px;
}
h4#info02  img{
	vertical-align:middle;
}
div.boxArea04 div.messageArea div {
	height:128px;
	overflow:auto;
	padding:0 10px 5px;
	width:745px;
}
div.boxArea02 div.messageArea dl, div.boxArea04 div.messageArea dl {
	border-bottom:1px solid #BFBFBF;
	padding:0 0 3px;
}
div.boxArea02 div.messageArea dl dt, div.boxArea04 div.messageArea dl dt {
	float:left;
	font-weight:bold;
	padding:6px 15px 6px 0;
	width:270px;
}
div.boxArea02 div.messageArea dl dd, div.boxArea04 div.messageArea dl dd {
	float:left;
	padding:6px 10px 6px 0;
	width:210px;
}
div.boxArea02 div.messageArea dl dd.last, div.boxArea04 div.messageArea dl dd.last {
	float:left;
	padding:6px 3px 6px 0;
	width:200px;
}

#stolenTable td {
	padding:3px;
}