﻿@charset "UTF-8";



body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-size: 0.75em;
	background-image:url(../images/bg_basetop.gif);
	background-repeat:no-repeat;
	background-position:top center;
}
#wrapper {
	width:769px;/*826*/
	padding: 0 32px;
	margin:0 auto
}

#content {
	margin-top:5px;
	padding:0;
	text-align:center;
}

#header {
 	margin:5px 0 0 0;
	_margin:10px 0 0 0;
 	padding: 20px 35px 0 35px;
	_padding: 6px 3px 0 0;
	*padding: 20px 3px 0 40px;
	position:relative;
}

#header ul{
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}

#header ul li.glogo01{
	float:left;
}

#header ul li.glogo02{
	float:right;
	margin-top:5px;
}

p {
	margin:0;
	padding:0;
	line-height:180%;
	volume:medium;
}

a img {
  border: none;
}

h1 h3 { 
	margin:0px; 
	padding:0px;
}

h2 { 
	margin:3px 0 0 0; 
	padding:0px;
}

/*--------------------------------------------

	mt ml mb pt

--------------------------------------------*/

.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mt20{
	margin-top:20px;
}
.pt10{
	padding-top:10px;
}

/*--------------------------------------------

	clearfix

--------------------------------------------*/

.clearStyle {
	clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}/* for IE5.5 - IE7 */

/* Hides from IE-mac \*/
*html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */


/*--------------------------------------------

	tab

--------------------------------------------*/
#tabbox {
	padding:0;
	margin:0;
}
#tabbox ul{
	display:block;
	width:705px;
	_width:750px;
	margin:0;
	padding:0;
	list-style:none;
}
html>/**/body #tabbox ul{
	padding:0 0 0 33px;
}

#tabbox ul li{
	float:left;
	margin-right:3px;
	padding:0;
}

/*--------------------------------------------

	コンテンツ

--------------------------------------------*/


/*
#contentsbox {
	padding:0;
	margin-top:50px;
	background-image:url(../images/content_base.gif);
	background-repeat:repeat-y;
	background-position:center;
}
*/
#contentsbox {
	border:2px #8DB32B solid;
	background:#ffffff;
	margin:0 0 0 32px;
	_margin:0;
	*margin:0;
	padding:0px 30px 0 30px;
	_padding:0px 35px 0 35px;
	width:640px;
	text-align:left;
}

.imgbox {
	padding: 0;
	margin: 30px 0 20px 0;
}

.pagetopLink {
	text-align:right;
	margin-top:35px;
	padding-right:5px;
}

#contentsbox .SrList {
	display:block;
	padding-bottom:5px;
	width:204px;
	_width:190px;
	margin:10px 6px 10px 0;
	float:left;
}

#contentsbox .SrList dt {
	float:left;
}

#contentsbox .SrList dd {
	padding:0 2px 0 50px;
	_padding:0 1px 0 8px;
	font-size:80%;
}

/* firefox */
#contentsbox .SrList dd , x:-moz-any-link, x:only-child{
	padding:0 3px 0 55px;
	font-size:80%;
}

#contentsbox .SrTitle{
	font-weight:bold;
	color:#666666;
}
#contentsbox .SrText {
	color:#666666;
	_margin-left:0;
	margin-left:3px;
}
/* firefox */
#contentsbox .SrText , x:-moz-any-link, x:only-child{
	color:#666666;
	margin:0;
}

/*--------------------------------------------

	フクリコcontact

--------------------------------------------*/

#contentsbox .contact {
	margin:10px 0 30px 0;
	padding:0 50px 60px 0;
}

#contentsbox .contact ul{
	list-style:none;
	clear:both;
}
#contentsbox .contact li.b_login01{
	float:left;
}
#contentsbox .contact li.b_login02{
	float:right;
}

#contentsbox .contact_line{
	background-image:url(../images/line_g.gif);
	background-repeat:repeat-x;
	background-position:top left;
	_padding:10px 0 5px 0;
	padding:30px 0 10px 0;
}
#contentsbox .contact_line02{
	background-image:url(../images/line_g.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding-top:30px;
	margin:30px 0 30px 0;
}

/*--------------------------------------------

	footer

--------------------------------------------*/

.footerImg {
	padding: 5px 0px;
	margin-top:20px;
	background-image:url(../images/bg_basetop.gif);
	background-repeat:no-repeat;
	width:769px;
}

p.copyright {
	text-align:center;
	margin:0px;
	padding:10px;
	font-size:90%;
}

/*--------------------------------------------

	クラブオフ用

--------------------------------------------*/

#contentsbox_y {
	border:2px #808FFF solid;
	background:#ffffff;
	margin:16px 0 0 32px;
	_margin:0;
	*margin:0;
	padding:0px 30px 8px 30px;
	_padding:0px 35px 8px 35px;
	width:640px;
	_width:650px;
	text-align:left;
}

#contentsbox_y ul {
	list-style:none;
	margin:0;
	padding:0;
}

#contentsbox_y ul li{
	float:left;
	padding:0;
	margin:0 25px 20px 0;
	_margin:0 6px 20px 0;
}


#contentsbox_y p.commment {
	margin:10px 0 20px 0;
}
html>/**/body #contentsbox_y p.commment {
	margin:0 0 20px 0;
}

#contentsbox_y p.commment span {
	color:#FF0000;
	font-weight:bold;
}

/*--------------------------------------------

	クラブオフ用contact

--------------------------------------------*/
/*
#contentsbox_y .contact_line{
	background-image:url(../images/line_y.gif);
	background-repeat:repeat-x;
	background-position:top left;
	_padding:10px 0 5px 0;
	padding:30px 0 10px 0;
}
*/

#contentsbox_y .contact {
	margin:10px 0 30px 0;
	padding:10px 20px 0 40px;
	_padding:10px 0 0 25px;
}

#contentsbox_y .contact ul{
	list-style:none;
	clear:both;

}
#contentsbox_y .contact li.y_login01{
	float:left;
}
#contentsbox_y .contact li.y_login02{
	float:right;
	_margin-left:20px;
}

#contentsbox_y .contact_line{
	background-image:url(../images/line_y.gif);
	background-repeat:repeat-x;
	background-position:top left;
	_padding:10px 0 0 10px;
	padding:30px 20px 0 40px;
}

/*--------------------------------------------

	認証画面用/ID発行画面

--------------------------------------------*/

#certificatebox {
	border:2px #687BFF solid;
	background:#ffffff;
	margin:18px 0 0 32px;
	_margin:20px 0 0 34px;
	*margin:20px 0 0 32px;
	padding:10px 30px 20px 30px;
	_padding:10px 35px 20px 35px;
	width:640px;
	_width:700px;
	text-align:left;
}
#certificatebox h1{
	font-size:1.3em;
	_margin:20px 0 0 18px;
	*margin:20px 0 0 18px;
	margin:20px 0 0 18px;
}
#certificatebox h2{
	font-size:1.2em;
	margin-bottom:10px;
}

#certificatebox h1.point{
	background:url(../images/pointer01.gif) no-repeat left top;
	padding:8px 0 0 22px;
	height:32px;
	color:#FFFFFF;
}
#certificatebox p.sentence{
	margin:10px 0 10px 20px;
}
#certificatebox p.sentence02{
	margin:10px 0 0 20px;
	font-size:120%;
	background:url(../images/pointer02.gif) no-repeat left 18px;
	padding-left:22px;
	padding-top:10px;
}
#certificatebox p.sentence03{
	margin:0 0 0 20px;
}
#certificatebox p.sentence04{
	margin:30px 25px 30px 25px;
}
#certificatebox img{
	margin-right:5px;
}
#certificatebox dt{
	margin-left:20px;
}
#certificatebox dd{
	margin-left:20px;
}
#certificatebox ul{
	padding:0;
	margin:20px 0 0 0;
}
#certificatebox dl.checkArea {
	background:#EEF0FF;
	margin:20px 0 0 0;
	padding:18px 30px 15px 10px;
	text-align:left;
	overflow:auto;
	border: 1px #687BFF solid;
	line-height:230%;
}
dl.checkArea input {
	width:240px;
}
#certificatebox dt.check01 {
	margin-right:44px;
}

.mini_comment {
	font-size:80%;
	margin-left:10px;
}

#certificatebox li{
	margin-bottom:10px;
	padding:0;
	line-height:140%;
}
#certificatebox ul.coment{
	list-style-type:disc;
	padding:0;
	margin:5px 0 0 0;
	padding-left:12px;
}
#certificatebox ul.li_none{
	list-style-type:none;
}
#certificatebox li.coment{
	margin-bottom:10px;
	padding:0;
}
#certificatebox dt.pointer{
	background:url(../images/pointer02.gif) no-repeat left 8px;
	padding-left:20px;
	padding-right:35px;
	font-size:120%;
	float:left;
	clear:both;
}

#mainArea {
	margin:20px 0 0 0;
	padding:10px 10px 10px 16px;
	text-align:left;
	overflow:auto;
	border: 1px #687BFF solid;
}
#mainArea dt{
	margin-left:0;
}
#mainArea dd{
	line-height:140%;
	margin-left:0;
}
#mainArea ul{
	list-style:none;
}
#mainArea li{
	line-height:110%;
}
#mainArea.agree {
	height:140px;
}

#mainArea.issu p {
	line-height:140%;
}
#mainArea.issu dt{
	_margin:18px 0 0 0;
	*margin:18px 0 0 0;
}
#mainArea.issu dt.logname {
	font-size:120%;
	float:left;
	margin-right:78px;
	clear:both;
}
#mainArea.issu dt.logmail{
	font-size:120%;
	float:left;
	margin-right:35px;
	clear:both;
}
#mainArea.issu dt.logid {
	font-size:120%;
	float:left;
	margin-right:58px;
	clear:both;
}
#mainArea.issu dt.logpw {
	font-size:120%;
	float:left;
	margin-right:30px;
	clear:both;
}
#mainArea.issu dd {
	font-size:1.2em;
	font-weight:bold;
	border-bottom:#808FFF 1px dotted;
	margin-bottom:10px;
	padding-bottom:5px;
	_padding:20px 0 0 0;
	*padding:14px 0 0 0;
	_margin:0 0 5px 0;
}

#mainArea h2{
	font-size:1.2em;
	margin-bottom:10px;
}
#mainArea h3{
	font-size:1.2em;
	margin-bottom:10px;
}
#mainArea h4{
	font-size:1.2em;
	margin-bottom:10px;
}

#mainArea p{
	line-height:140%
}
/*--------------------------------------------

	同意・送信ボタン

--------------------------------------------*/

.ag_button {
	width:350px;
	margin:25px 0 5px 135px;
	padding:0;
}
.ag_button p{
	text-align:center;
}
.s_button {
	width:350px;
	margin:15px 0 60px 135px;
	_margin:15px 0 20px 120px;
	*margin:15px 0 20px 120px;
	padding:0;
}

.s_button ul{
	list-style:none;
	clear:both;
}
.s_button li.b_login01{
	float:left;
}
.s_button li.b_login02{
	float:right;
}

