/* BODY ######################################### */

body {
	font-size:10pt;
	color: #CCCCCC;
	background-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #333333;
	scrollbar-track-color: #333333;
	scrollbar-darkshadow-color: #000000
	padding: 2px;
	margin: 0px;

}

img {
	border: 0;
}

.style1 {
	color: #FB84B4;
	font-weight: bold;
}
.style2 {
	color: #A8AFEE;
	font-weight: bold;
}
.style3 {
	color: #FB84B4
}
.style4 {
	color: #FBF47D;
	font-weight: bold;
}
.style5 {
	color: #FBF47D;
}
.style6 {
	color: #FFFF00;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #00CCFF;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#wrapper {
	width: 750px;
	margin: 1px;
}


/* HEADER ######################################### */

#header {
	height: 33px;
	background-image: url(images/top_bar.gif);
}

#header h1 { 
	margin: 0px;
	padding: 0px;
}

#header p { 
	font-size: 10px;
	line-height:1px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}


/* MAIN ######################################### */

#main {
	width: 744px;
	margin: 0px;
	padding: 0px;
	border-spacing: 2px;
	border-style: double;
	border-color: #666666;
}

.bg01 {
	background-color: #333333;
}

/* SITE_IMAGES ######################################### */

#img1 {
	float: left;
	margin: 0px 0px 0px 15px;
}

#img2 {
	float: left;
	margin: 0px 0px 0px 15px;
}


/* MENU #########################################*/

ul.menu {
	width: 740px;
	height: 27px;
	margin: 0px;
	padding: 0px;
	clear: both;
	list-style-type: none;
	background-image:url(images/menu_back.gif);
}

ul.menu li {
	margin: 0px;
	padding: 0px;
	height: 27px;
	float: left;
}

ul.menu li span {
	display: none;
}

ul.menu li a {
	margin: 0px;
	padding: 0px;
	height: 27px;
	float: left;
}

#m01 a {
	background: url(images/menu/m01_a.gif) no-repeat left top;
	background-position:0px 0px;
	width: 74px;
}
#m01 a:hover {
	background: url(images/menu/m01_b.gif) no-repeat left top;
	background-position:0px 0px;
	width: 74px;
}

#m02 a {
	background: url(images/menu/m02_a.gif) no-repeat left top;
	background-position:0px 0px;
	width: 114px;
}
#m02 a:hover {
	background: url(images/menu/m02_b.gif) no-repeat left top;
	background-position:0px 0px;
	width: 114px;
}

#m03 a {
	background: url(images/menu/m03_a.gif) no-repeat left top;
	background-position:0px 0px;
	width: 78px;
}
#m03 a:hover {
	background: url(images/menu/m03_b.gif) no-repeat left top;
	background-position:0px 0px;
	width: 78px;
}

#m04 a {
	background: url(images/menu/m04_a.gif) no-repeat left top;
	background-position:0px 0px;
	width: 78px;
}
#m04 a:hover {
	background: url(images/menu/m04_b.gif) no-repeat left top;
	background-position:0px 0px;
	width: 78px;
}

#m05 a {
	background: url(images/menu/m05_a.gif) no-repeat left top;
	background-position:0px 0px;
	width: 108px;
}
#m05 a:hover {
	background: url(images/menu/m05_b.gif) no-repeat left top;
	background-position:0px 0px;
	width: 108px;
}

#m06 a {
	background: url(images/menu/m06_a.gif) no-repeat left top;
	background-position:0px 0px;
	width: 138px;
}
#m06 a:hover {
	background: url(images/menu/m06_b.gif) no-repeat left top;
	background-position:0px 0px;
	width: 138px;
}

#m07 a {
	background: url(images/menu/m07_a.gif) no-repeat left top;
	background-position:0px 0px;
	width: 128px;
}
#m07 a:hover {
	background: url(images/menu/m07_b.gif) no-repeat left top;
	background-position:0px 0px;
	width: 128px;
}


/* LEFT_CONTENTS #########################################*/

#left {
	width: 485px;
	float: left;
}

#entry {
	text-align: center;
	margin: 4px;
	padding: 3px;
	width: 470px;
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
	background-color: #333333;
}
#entry_n {
	height: 29px;
	background: url(images/enter_top01.gif) no-repeat left top;
}
#entry_n h2 {
	text-indent: -9999px;
	font-size: 1px;
}
#entry p {
	font-size: 12px;
	line-height: 16px;
	margin: 6px auto;
	clear: both;
	background-color: #333333;
}
#entry ul {
	width: 100%;
	padding: 0;
	margin: 0;
}
#entry li {
	text-indent: -9999px;
	font-size: 0px;
	line-height: 0px;
	list-style-type: none;
}
#entry li a {
	margin: 15px;
	padding: 0px;
	float: left;
}

#woman a {
	background: url(images/woman_01.gif) no-repeat left top;
	background-position:0px 0px;
	width: 200px;
	height: 85px;
}
#woman a:hover {
	background: url(images/woman_02.gif) no-repeat left top;
	background-position:0px 0px;
	width: 200px;
	height: 85px;
}

#man a {
	background: url(images/man_01.gif) no-repeat left top;
	background-position:0px 0px;
	width: 200px;
	height: 85px;
}
#man a:hover {
	background: url(images/man_02.gif) no-repeat left top;
	background-position:0px 0px;
	width: 200px;
	height: 85px;
}


/* RIGHT_CONTENTS #########################################*/

#right {
	width: 250px;
	float: left;
}


p.f01 {
	display: none;
	font-size: 1px;
	line-height: 1px;
}

ul.f02 {
	background: url(images/login_back.gif) no-repeat;
	height: 108px;
	width: 244px;
	padding: 0px;
	margin: 0px;
	position : relative;
	list-style-type: none;
}

li.f03 {
	position : absolute;
	left: 111px;
	top: 11px;
	width: 124px;
}

li.f04 {
	position : absolute;
	left: 97px;
	top: 47px;
	width: 122px;
}

li.f05 {
	position : absolute;
	left: 175px;
	top: 77px;
}


#navi01 {
	background: url(images/guide_back01.gif) no-repeat;
	width: 245px;
	height: 328px;
	margin: 0px;
	padding: 33px 0px 0px 3px;
}

#navi01 p {
	font-size: 13px;
	line-height: 14px;
	padding: 0px;
	margin: 0px;
	float: left;
}

p.n01 {
	width: 235px;
	height: 120px;
	float: left;
}
p.n02 {
	width: 235px;
	height: 140px;
	clear: both;
}
p.n03 {
	width: 235px;
	height: 60px;
	clear: both;
}


/* FOOTER_CONTENTS #########################################*/

#adv {
	width: 700px;
	margin: 0px auto;
}

#footer {
	font-size: 11px;
	width: 740px;
	margin: 0px auto;
	padding: 0px;
	background-color: #333333;
}



23:39 2009/04/10



HR {
  color: #999999; /* 線の色(IE用) */
  background-color: #999999; /* 線の色(NN用) */
  height: 1px; /* 線の太さ */
  border: 1px; /* 枠の太さ */
  border-style: dashed; /* 枠の種類 */
}