@charset "UTF-8";

body {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #000000;
  background-color: #fff;
  text-align: center;
}

div#container  { color: #333333; background-color: #ffffff; text-align: left; margin: 0 auto; padding: 0 0 10px; position: relative; width: 785px; height: auto; min-height: 420px }

div#header {
	width: 400px;
	background-image: url(/img/lofah_title.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 80px;
	overflow: hidden;
}

div#header a  { display: block; width: 400px; height: 80px }

div#header h1,div#header h2 ,div#header p {
	text-indent: -9999px;
}

ul#headerlight {
 display: block;
 position: absolute;
 top: 30px;
 right: 8px;
 width: 250px;
 height: auto;
 margin: 0 0 1em 0;
 text-align: right;
}
ul#headerlight li {
	display: block;
	float: right;
	color: #463500;
	font-size: 100%;
	line-height: 1.5em;
	padding: 5px
}

ul#headerlight a {
	display: block;
	height: auto;
	width: auto;
}
  
div#sitebanner {
 width: 780px;
 clear: both;
 margin-bottom: 10px;
}

#index div#sitebanner {
 height: 200px;
 background-image: url(../img/index_top_bike2.jpg);
 background-repeat: no-repeat;
 border: 1px solid #666666;
}

#ls div#sitebanner {
	background-image: url(../img/lofahstyle_topbig.jpg);
	background-repeat: no-repeat;
	height: 156px;
	border: 1px solid #666666;
}

#f div#sitebanner { height: 156px; background-image: url(../img/freedom_topbig.jpg); background-repeat: no-repeat; border: 1px solid #666666; }
#h div#sitebanner { height: 156px; background-image: url(../img/highsense_topbig.jpg); background-repeat: no-repeat; border: 1px solid #666666; }

#lc div#sitebanner {
	height: 156px;
	background-image: url(/img/lofah-club_top.jpg);
	background-repeat: no-repeat;
	border: 1px solid #666666;
}

div#about {
 color: #333;
 line-height: 1.5em;
 margin-bottom: 5px;
 margin-left: 5px;
 padding: 0px;
 width: 480px;
 float: left;
 margin-top: 0px;
 margin-right: 0px;
}

#about p {
  margin-bottom: 0.5em;
  font-size: 90%;
}

div#mailmag    {
 color: #333;
 font-size: 90%;
 line-height: 1.5em;
 border: dashed 1px #666;
 width: 270px;
 float: right;
 background-color: #fff;
 display: block;
 margin-top: 0px;
 margin-right: 5px;
 margin-bottom: 10px;
 margin-left: 0px;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
}
div#menu {
 background-color: #fff;
 padding: 0px;
 width: auto;
 display: block;
 position: relative;
 height: 71em;
 overflow: hidden;
 clear: both;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 5px;
 margin-left: 0px;
 font-size: 90%;
}

div#member_link{
 clear: both;
 width: auto;
 padding-top: 5px;
 padding-right: 15px;
 padding-bottom: 5px;
 padding-left: 15px;
 border: 1px solid #999;
 margin-bottom: 10px;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
}

div#member_link h3{
 margin: 0px;
 font-size: 80%;
 padding: 5px;
}

div#member_link p{
 margin: 0px;
 font-size: 80%;
 padding: 5px;
}

div#topmenu-ls {
	background-color: #fff;
	margin: 0px;
	padding: 5px 0px 10px 5px;
	width: 255px;
	border: 1px solid #999;
	display: block;
	height: 69em;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#topmenu-f {
	background-color: #fff;
	margin: 0px;
	padding: 5px 0px 10px 5px;
	width: 255px;
	display: block;
	height: 69em;
	float: none;
	border: 1px solid #999;
	position: absolute;
	left: 260px;
}

div#topmenu-h {
	background-color: #fff;
	margin: 0px;
	padding: 5px 0px 10px 5px;
	width: 255px;
	display: block;
	height: 69em;
	float: none;
	border: 1px solid #999;
	position: absolute;
	left: 520px;
}

div#siteFooter {
 color: #666;
 font-size: 100%;
 line-height: 1.3em;
 text-align: center;
 margin-right: 5px;
 margin-left: 5px;
 padding: 5px;
 width: auto;
 clear: both;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 height: auto;
 letter-spacing: 0.1em;
}

div#topmenu-ls h1,div#topmenu-f h1,div#topmenu-h h1 { color: #463500; font-size: 90%; background-color: #fff; background-image: none }
div#topmenu-ls h2,div#topmenu-f h2,div#topmenu-h h2 { color: #463500; font-size: 90%; padding: 3px }
div#topmenu-ls ul,div#topmenu-f ul,div#topmenu-h ul { list-style-type: none }
div#topmenu-ls li,div#topmenu-f li,div#topmenu-h li {
	color: #999;
	font-size: 100%;
	line-height: 1.8em;
	text-decoration: none;
	background-image: url("../img/point.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0 0 15px;
	position: relative;
	left: auto
}

div#contents  {
	background-color: #fff;
	margin: 0;
	border: solid 1px #666;
	display: block;
	position: relative;
	height: auto;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	clear: none;
}

div#contents h1       {
 color: #463500;
 line-height: 1.4em;
 background-image: none;
 border-left: 7px solid #463500;
 font-size: 200%;
 display: block;
 margin-top: 5px;
 margin-right: 5px;
 margin-bottom: 30px;
 margin-left: 5px;
 padding-top: 3px;
 padding-right: 3px;
 padding-bottom: 3px;
 padding-left: 10px;
 letter-spacing: 0.3em;
}
div#contents h2 {
color: #666;
font-size: 1.2em;
padding-top: 1em;
padding-bottom: 0px;
line-height: 1.4em;
text-align: center;
font-weight: bold;
margin: 2em 1em;
}

div#contents p {
 color: #333;
 font-size: 100%;
line-height: 1.5em   margin-bottom: 1em;   font-size: 100%;
 letter-spacing: 0.2em;
 line-height: 1.8em;
}

ul {
  margin-bottom: 1em;
  list-style-type: none;
  list-style-position: outside;
}

dl, dd {
  margin-bottom: 0.5em;
}


a:link                  { color: #00478e; text-decoration: underline }
a:visited                     { color: #00f; text-decoration: underline }
br             { color: #c30; text-decoration: underline }
.copylight      {
 color: #666;
 font-size: 80%;
 text-align: center;
}
.new        { color: #c00; font-size: 90%; font-style: italic; font-weight: bold }
b,strong   { color: #c30; font-weight: normal }
.point_img { position: relative }
.thissite  { color: #c30 }
.new { color: #c00; font-style: italic; font-weight: bold }
.box   { margin-top: 1px }
br { letter-spacing: 0px; }
a img {border:none}