/* ☆☆☆☆☆一般☆☆☆☆☆ */

*	{
	margin: 0px ;
	padding: 0px ;
	font-style: normal ;   
	font-weight: normal ;
	font-size: 100% ;
	text-align: left ;
	border: 0 ;
	line-height: 1.1em ;
	
}


img	{
	vertical-align: bottom ;
}


body	{
	background: url(img/back.gif) #000 fixed ;
	text-align: center ;
}



table	{
	border-collapse: collapse;
	border-spacing: 0 ;
}


p,li,dt,dd	{
	font-size: 80% ;

}

ol	{
	margin-left: 35px ; margin-right: 20px ;
	list-style-type: decimal ;
}

dl	{
	margin: 10px ;
}

dt	{
	margin: 5px 10px ;
	font-weight: bold ;
}

dd	{
	margin-left: 2em ;
	color: #333 ;
}

h1	{
	font-size: 120% ;
	font-weight: bold ;
	position: absolute ;
	top: 0 ; left: 0 ;
	background: #000 url(img/logo.gif) no-repeat ;
	text-indent:-9999px ; 
}




h1 a	{
	display: block ;
	width: 200px ; height: 100px ;	
}



h3	{
	font-size: 90% ;
	font-weight: bold ;
	line-height: 1.2em ;
	background: #555 ;
}

h3 b	{
	font-size: 200% ;
}

em	{
	font-weight: bold ;
	line-height:1.5em;
	color: #f33 ;
}



strong	{
	font-weight: bold ;
	color: #f00 ;
}

iframe{
margin-top: 20px ;
margin-left: 35px ;
}


/* ☆☆☆☆☆ボックス☆☆☆☆☆ */
	
/* コンテナ */

div#contents	{
	width: 820px ;
	position: relative ;
	margin: 0 auto ;
	background: #000 ;
}



/* ヘッダー*/

div#header	{
	width: 200px ; height: 100px ;
	background: url(img/header.jpg) no-repeat top left ;	
	float: left ;
	position: fixed ;
	

/* ie6以下でヘッダ絶対配置 */ 
position: expression('absolute'); 
top: expression((documentElement.scrollTop || document.body.scrollTop) + 0 + 'px'); 
left: expression((documentElement.scrollLeft || document.body.scrollLeft) + 0 + 'px'); 
}

div#top p#qr	{
	width: 210px ;
	height: 200px ;
	float: right ;
}


/* コンテンツにかかるクリアフィックス */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

/* サイド */

div#side	{
	width: 200px ;
	float: left ;
	margin-top: 5px ;
	position: fixed ;
	top:  100px ;

/* ie6以下でヘッダ絶対配置 */ 
position: expression('absolute'); 
top: expression((documentElement.scrollTop || document.body.scrollTop) + 100 + 'px'); 
left: expression((documentElement.scrollLeft || document.body.scrollLeft) + 0 + 'px'); 
}

/* メニュー共通 */

div.menu	{
	width: 190px ;
	color: #ccc ;
	background: url(img/menu-back.gif) bottom left ;
	margin-bottom: 10px ;
}

div.menu h3	{
	width: 190px ;
	height: 30px ;
	text-indent: -9999px ;
	color: #fff ;
}

div.menu h3.menu-title-1	{
	background: #999 url(img/menu-title-1.gif) top left no-repeat ; 
}


/* メニュー内リスト項目 */

div.menu ul	{
	margin: 10px 5px ;
	text-align: center ;
	padding-bottom: 5px ;
}

div.menu li	{
	list-style-type: none ;
}

div.menu p	{
	margin: 10px 15px ;
}


div.menu a {
	text-decoration: none ;

}

p#pr	{
	width: 190px ;
}

/* ボタン画像置換 */

/* 本人確認 */
div.menu li#button-confirm	{
	background: #ccc url(img/button-confirm.gif) 0 0 ;
	width: 180px ; height: 30px ;
	overflow: hidden ;
	text-indent: -9999px ;
	display: block ;
}

div.menu li#button-confirm a	{
	background: #ccc url(img/button-confirm.gif) 0 -30px ;
	width: 180px ; height: 30px ;
	overflow: hidden ;
	text-indent: -9999px ;
	display: block ;
}

div.menu li#button-confirm a:hover {
	background: url(img/button-confirm.gif) 0 -60px ;
}


/* 男性登録 */
div.menu li#button-entry-m	{
	background: #ccc url(img/button-entry-m.gif) 0 0 ;
	width: 180px ; height: 30px ;
	overflow: hidden ;
	text-indent: -9999px ;
	display: block ;
}

div.menu li#button-entry-m a	{
	background: #ccc url(img/button-entry-m.gif) 0 -30px ;
	width: 180px ; height: 30px ;
	overflow: hidden ;
	text-indent: -9999px ;
	display: block ;
}

div.menu li#button-entry-m a:hover {
	background: url(img/button-entry-m.gif) 0 -60px ;
}

/* 女性登録 */
div.menu li#button-entry-w	{
	background: #ccc url(img/button-entry-w.gif) 0 0 ;
	width: 180px ; height: 30px ;
	overflow: hidden ;
	text-indent: -9999px ;
	display: block ;
}
div.menu li#button-entry-w a	{
	background: #ccc url(img/button-entry-w.gif) 0 -30px ;
	width: 180px ; height: 30px ;
	overflow: hidden ;
	text-indent: -9999px ;
	display: block ;
}

div.menu li#button-entry-w a:hover {
	background: url(img/button-entry-w.gif) 0 -60px ;
}


/* ナビ共通 */



div#navi	{
	width: 190px ;
	background: url(img/menu-back.gif) bottom left ;
	color: #333 ;
	text-align: center ;
	padding-bottom: 10px ;
	
}

div#navi h3	{
	width: 190px ;
	height: 30px ;
	text-indent: -9999px ;
}


div#navi h3	{
	background: #999 url(img/menu-title-2.gif) top left no-repeat ; 
}


/* ナビ内リスト項目 */

div#navi ul	{
	width: 180px ; height: 120px ;
	background: url(img/navi-back.gif) repeat-x bottom left ;
	position: relative ;
	margin-left: 5px ;
	padding-top: 10px ;

}



div#navi li	{
	width: 90px ;height: 40px ;
	float: left ;
	display: block ;
	background-image: url(img/button-navi.gif) ;
	background-repeat: no-repeat ;
	text-indent: -9999px ;
}


div#navi li a	{
	background-image: url(img/button-navi.gif) ;
	background-repeat: no-repeat ;
	width: 90px ; height: 40px ;
	display: block ;
}



/* ナビ */

div#navi li#navi-top 				{	background-position: 0px 0px ; }
div#navi li#navi-top a 				{	background-position: 0px -40px ; }
div#navi li#navi-top a:hover 		{	background-position: 0px -80px ; }

div#navi li#navi-privacy 			{	background-position: -90px 0px ; }
div#navi li#navi-privacy a 			{	background-position: -90px -40px ; }
div#navi li#navi-privacy a:hover 	{	background-position: -90px -80px ; }

div#navi li#navi-rule 				{	background-position: -180px 0px ; }
div#navi li#navi-rule a 				{	background-position: -180px -40px ; }
div#navi li#navi-rule a:hover 		{	background-position: -180px -80px ; }

div#navi li#navi-faq 				{	background-position: -270px 0px ; }
div#navi li#navi-faq a 				{	background-position: -270px -40px ; }
div#navi li#navi-faq a:hover 		{	background-position: -270px -80px ; }

div#navi li#navi-mail 				{	background-position: -360px 0px ; }
div#navi li#navi-mail a 				{	background-position: -360px -40px ; }
div#navi li#navi-mail a:hover 		{	background-position: -360px -80px ; }

div#navi li#navi-company 			{	background-position: -450px 0px ; }
div#navi li#navi-company a 			{	background-position: -450px -40px ; }
div#navi li#navi-company a:hover 	{	background-position: -450px -80px ; }


/* メイン */



div#main	{
	width: 620px ;
	margin-bottom: 30px ;
	background: url(img/main-back.gif) repeat-y ;
	float: right;
}

div#top	{
	width: 620px ;height: 200px ;
	background: #000 url(img/top.jpg) ;
}



h2	{
	width: 620px; height: 50px ;
	margin-bottom: 20px ;
	font-weight: bold ;
	font-size: 120% ;
	font-weight: bold ;
	text-indent:-9999px ;
}

h2#title-about	{
	background: url(img/title-about.gif) no-repeat left top ;
}

h2#title-confirm	{
	background: url(img/title-confirm.gif) no-repeat ;
}

h2#title-form	{
	background: url(img/title-form.gif) no-repeat ;
}

h2#title-rule	{
	background: url(img/title-rule.gif) no-repeat ;
}

h2#title-faq	{
	background: url(img/title-faq.gif) no-repeat ;
}

h2#title-privacy	{
	background: url(img/title-privacy.gif) no-repeat ;
}

h2#title-company	{
	background: url(img/title-company.gif) no-repeat ;
}


/* テキスト */


div#text	{
	width: 600px ;
	padding-bottom: 30px ;
	color: #333 ;
}

div#text p	{
	margin: 10px 20px 10px 30px;
	font-family: normal ;
	line-height: 1.3em ;
}

div#text h3	{
	margin: 30px 0px 10px 10px ;
	color: #666 ;
	padding: .2em 0 .5em 1em ;
	background: url(img/title-text.gif) bottom left no-repeat ; 
}

div#text ul,div#text ol	{
	list-style-type: none ;
	margin: 20px 20px 0 ;
}

div#text li	{
	line-height: 1.3em ;
	margin: 10px 20px 10px 10px;
}


/* フッター */

div#footer	{
	width: 820px ;
	clear: both ;
	color: #ccc ;
	text-align: center ;
	background: #000 url(img/contents-back.gif) repeat-x top left ;
	margin: 0 auto ;
}


div#footer p	{
	width: 820px ;
	padding: 50px 0px 10px 0px ;
	text-align: center ;
}







a:link	{
	font-weight: bold ;
}

a:hover {
	font-weight: bold ;

}

a:visited	{
	font-weight: bold ;

}

a:focus	{
	outline:none;
}