/* CSS Document */
body{
	padding:0; margin:0;
	background-color:#FFFFFF;
	}
div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.balnk{
	font-size:0px; line-height:0px; clear:both;
	}
	
/*** ページ全体外ボックス枠 ***/

#main{
	width: 800px;
	margin:0 auto 0 auto;
    position:relative;
}
	
/*--------------------------------ロゴ・メインメニュー等ヘッダ枠-------------------*/

#header{
	width:800px; margin:0 auto; background:url(../images/header.gif) no-repeat #FFFFFF; color:#000000; height:133px;
	position:relative; 
	}


	/*** 最上部のメニュー ***/
	
#header ul.topmenu{
	margin:0; display:block; height:15px; position:absolute; top:8px; right:0;
	}
#header ul.topmenu li{
	float:left; font-size:11px; color:#0099ff; background-color:#ffffff;
	display:block;
	}
#header ul.topmenu li a{
	font-size:11px; color:#0099ff; background-color:#ffffff; text-decoration:none;
	margin:0 0 0 8px;
	}
#header ul.topmenu li a:hover{
	text-decoration:underline; color:#0066cc;
	}


	/*** サイト名***/
	
#header h1{
	margin:0; font-size:11px; color:#000000;
	font-weight:100;
	position:absolute; top:9px; left:20px;
	background-color:#ffffff
	}


	/*** ロゴ画像***/
	
#header img{
	position:absolute; left:0px; top:29px; display:block; width:231px; height:48px;
	}

	/*** ヘッダ内バッチ型広告 ***/
	
#header ul.enroll{
	color:#999999; display:block;  height:48px; width:415px;
	 padding:0; position:absolute; top:32px; right:0px; margin:0;
	}
#header ul.enroll li{
	float:left; display:block; margin:0;
	}
#header ul.enroll li a{
	height:48px; text-decoration:none; text-indent:-2000px; display:block;
	}
#header ul.enroll li a.owner_enroll{
	background:url(../images/owner_enroll.jpg) no-repeat 0 0; width:210px; height:48px;
	}
#header ul.enroll li a.ad_enroll{
	background:url(../images/ad_enroll.jpg) no-repeat 0 0; width:205px; height:48px;
	}

#header ul.enroll li a.owner_enroll:hover{
	background:url(../images/owner_enroll_h.jpg) no-repeat 0 0; width:210px; height:48px;
	}
#header ul.enroll li a.ad_enroll:hover{
	background:url(../images/ad_enroll_h.jpg) no-repeat 0 0; width:205px; height:48px;
	}

	/*** 通常時のメニュー ***/
	
#header ul.navi{
	color:#999999; display:block;  height:30px; width:754px;
	 padding:0; position:absolute; top:93px; left:23px; margin:0;
	}
#header ul.navi li{
	float:left; display:block; margin:0;
	}
#header ul.navi li a{
	height:31px; text-decoration:none; text-indent:-2000px; display:block;
	}
#header ul.navi li a.home{
	background:url(../images/home.jpg) no-repeat 0 0; width:149px; height:30px;
	}
#header ul.navi li a.about{
	background:url(../images/about.jpg) no-repeat 0 0; width:152px; height:30px;
	}
#header ul.navi li a.faq{
	background:url(../images/faq.jpg) no-repeat 0 0; width:152px; height:30px;
	}
#header ul.navi li a.site_enroll{
	background:url(../images/site_enroll.jpg) no-repeat 0 0; width:152px; height:30px;
	}
#header ul.navi li a.sponsor_enroll{
	background:url(../images/sponsor_enroll.jpg) no-repeat 0 0; width:149px; height:30px;
	}

	/*** スワップ時のメニュー ***/
	
#header ul.navi li a.home:hover{
	background:url(../images/home_h.jpg) no-repeat 0 0; width:149px; height:30px;
	}
#header ul.navi li a.about:hover{
	background:url(../images/about_h.jpg) no-repeat 0 0; width:152px; height:30px;
	}
#header ul.navi li a.faq:hover{
	background:url(../images/faq_h.jpg) no-repeat 0 0; width:152px; height:30px;
	}
#header ul.navi li a.site_enroll:hover{
	background:url(../images/site_enroll_h.jpg) no-repeat 0 0; width:152px; height:30px;
	}
#header ul.navi li a.sponsor_enroll:hover{
	background:url(../images/sponsor_enroll_h.jpg) no-repeat 0 0; width:149px; height:30px;
	}
	
	/*** 選択時のメニュー ***/
	
#header ul.navi li a.s_home{
	background:url(../images/home_h.jpg) no-repeat 0 0; width:149px; height:30px;
	}
#header ul.navi li a.s_about{
	background:url(../images/about_h.jpg) no-repeat 0 0; width:152px; height:30px;
	}
#header ul.navi li a.s_faq{
	background:url(../images/faq_h.jpg) no-repeat 0 0; width:152px; height:30px;
	}
#header ul.navi li a.s_site_enroll{
	background:url(../images/site_enroll_h.jpg) no-repeat 0 0; width:152px; height:30px;
	}
#header ul.navi li a.s_sponsor_enroll{
	background:url(../images/sponsor_enroll_h.jpg) no-repeat 0 0; width:149px; height:30px;
	}

/*------------------------------------パンクズリスト-------------------------*/

#location{
	font-size:10px; display:block;  height:20px; width:800px;
	padding:0; position:absolute; top:136px; left:0px; margin:0;
}

#location a{
	font:10px; color:#6699ff; background-color:#ffffff; text-decoration:none;
}

#location a:hover{
	text-decoration:underline; color:#0066cc;
}

/*------------------------------------左右メインコンテンツ枠-------------------------*/

#main_body{
	width: 800px;
	margin:0 auto 0 auto;
    position:relative;
}

/*------------------------------------左側メインコンテンツ枠-------------------------*/

#contents {
	float: left;
	width: 575px;
	display: inline;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 0px;
	background-color:#FFFFFF;
	color: #000000;
	overflow: hidden;
}

	/*** キャッチコピー画像 ***/
	
#contents h1 {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/affinavi_ad00.jpg) no-repeat 0 0;
	height: 104px;
	width: 575px;
	margin: 0 auto 20px auto;
}

#contents p.bodycopy {
	background-color: #ffffff;
	margin: 0 0 20px 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #66ccff;
	font-size: 12px;
}

a.top_bodycopy{
	font:12px; color:#0099ff; background-color:#ffffff; text-decoration:none;
	}
a.top_bodycopy:hover{
	text-decoration:underline; color:#0066cc;
	}

h3 {
    margin: 0;
	font-size: 15px;
}

	/*** 各ページごとの見出し ***/
	
h3.news {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/newsbar.gif) no-repeat 0 0;
	height: 41px;
	width: 575px;
}

h3.about_company {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/company_bar.gif) no-repeat 0 0;
	height: 41px;
	width: 575px;
}

h3.about_affinavi {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/affinavi_bar.jpg) no-repeat 0 0;
	height: 41px;
	width: 575px;
}

h3.affinavi_concept {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/concept_bar.jpg) no-repeat 0 0;
	height: 41px;
	width: 575px;
}

h3.faq {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/faq_bar.gif) no-repeat 0 0;
	height: 41px;
	width: 575px;
}

h3.siteowner {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/siteowner_bar.gif) no-repeat 0 0;
	height: 41px;
	width: 575px;
}

h3.adowner {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/adowner_bar.gif) no-repeat 0 0;
	height: 41px;
	width: 575px;
}

h3.user_code {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/usercode_bar.gif) no-repeat 0 0;
	height: 41px;
	width: 575px;
}

h3.policy {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/policy_bar.gif) no-repeat 0 0;
	height: 41px;
	width: 575px;
}

h3.contact {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/contact_bar.gif) no-repeat 0 0;
	height: 41px;
	width: 575px;
}

h3.repass {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/repass_bar.gif) no-repeat 0 0;
	height: 41px;
	width: 575px;
}

	/*** アフィナビとはのリンクメニューおよび小見出し ***/
	
#contents ul.about_menu {
	color:#999999; display:block;  height:30px; width:440px;
	 padding:0; margin:10px auto 20px auto;
	}
#contents ul.about_menu li {
	float:left; display:block; margin:0;
	}
#contents ul.about_menu li a {
	height:31px; text-decoration:none; text-indent:-2000px; display:block;
	}
#contents ul.about_menu li a.for_site {
	background:url(../images/02about_13.jpg) no-repeat 0 0; width:220px; height:30px;
	}
#contents ul.about_menu li a.for_ad {
	background:url(../images/02about_15.jpg) no-repeat 0 0; width:220px; height:30px;
	}


h4.siteowner {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/for_site.gif) no-repeat 0 0;
	height: 24px;
	width: 535px;
	margin: 20px auto 0 auto;
}

h4.adowner {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/for_ad.gif) no-repeat 0 0;
	height: 24px;
	width: 535px;
	margin: 20px auto 0 auto;
}

h5.purple {
    margin: 20px 0 0 20px;
	font-size: 15px; color:#8b008b;
}

h5.green {
    margin: 20px 0 0 20px;
	font-size: 15px; color:#228b22;
}


#contents p {
	margin: 0.5em 0px 1em;
	font-size: 13px;
	padding: 0 20px 0 20px;
}

span.date {
	color:#999999;
}
	/*** FAQページ内リンクメニュー ***/
	
#contents ul.faq_menu {
	color:#999999; display:block;  height:31px; width:440px;
	 padding:0; margin:10px auto 20px auto;
	}
#contents ul.faq_menu li {
	float:left; display:block; margin:0;
	}
#contents ul.faq_menu li a {
	height:31px; text-decoration:none; text-indent:-2000px; display:block;
	}
#contents ul.faq_menu li a.for_site {
	background:url(../images/03_b01.gif) no-repeat 0 0; width:220px; height:31px;
	}
#contents ul.faq_menu li a.for_ad {
	background:url(../images/03_b02.gif) no-repeat 0 0; width:220px; height:31px;
	}
	
.purple {
    margin: 20px 0 10px 0;
	font-size: 13px; color:#8b008b;
}

.green {
    margin: 20px 0 10px 0;
	font-size: 13px; color:#228b22;
}

.goup {
	margin: 30px 0 30px 0;
	font-size: 11px;
	text-align: right;
}

a.uplink{
	font:12px; color:#0099ff; background-color:#ffffff; text-decoration:none;
	}


a.uplink:hover{
	text-decoration:underline; color:#0066cc;
	}

	/*** イラスト画像***/
	
#contents img.flow{
	margin: 0 auto 30px auto; display:block; width:535px; height:199px;
	}


ol{
	list-style-type:decimal;
	margin: 0.5em 10px 1em;
	font-size: 13px;
	padding: 0;
	}
	
ol.katakana{
	list-style-type:katakana;
	}
	
ol.low_a{
	list-style-type:lower-alpha;
	}
	
/*-------------------------------ボーダー等装飾-------------------------*/

.d_border li {
	padding: 0 20px 15px 20px;
	margin: 0.5em 0px 1em;
	font-size: 12px;
	border-bottom: 1px dotted #66ccff;
}

hr{
	padding: 0 20px 15px 0px;
	margin: 0.5em 0px 1em;
	font-size: 12px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px dotted #66ccff;
	height:1px;
}

#privacy {
	float: left;
	width: 535px;
	display: inline;
	margin: 20px auto 20px 20px;
	background-color:#FFFFFF;
	color: #000000;
	overflow: hidden;
}

#privacy p {
	margin: 0.5em 0px 1em;
	font-size: 13px;
	padding: 0;
}

#privacy ol{
	list-style-type:decimal;
	margin: 0.5em 10px 1em;
	font-size: 13px;
	padding: 0 0 0 15px;
	}
	
#privacy ol.katakana{
	list-style-type:katakana;
	}
	
#privacy ol.low_a{
	list-style-type:lower-alpha;
	}

h5.box_line {
   border-bottom: 1px dotted #66ccff;
}

p.box_line {
   border-bottom: 1px dotted #66ccff;
}
/*------------------------------------右側ログイン枠-------------------------*/

#login {
	float: right;
	width: 205px;
	margin-top: 20px;
	margin-bottom: 0px;
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
	background-color:#FFFFFF;
	color: #000000;
	overflow: hidden;
}

#login  h2 {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/owner_login_bar.gif) no-repeat 0 0;
	height: 40px;
	width: 205px;
	margin: 0;
}


#login form{
	width:205px; height:160px;margin:0; padding:10px 10px 10px 10px; display:block; 
	background: #FFFFFF url(../images/form_box.gif) no-repeat 0 0;
	}
#login form input{
	width:100px; height:15px;font:11px; font-weight:bold;
	padding:0; margin:0; 
	}
#login form input.button{
	width:185px; height:50px; display:block; background:url(../images/site_owner_button.jpg) no-repeat 0 0 #FFFFFF; color:#FFFFFF;
	font:13px; padding:0; margin:0; border:none;
	cursor:pointer; font-weight:bold;
	}
#login form input.button:hover{
	width:185px; height:50px; display:block; background:url(../images/site_owner_button_h.jpg) no-repeat 0 0 #FFFFFF; color:#FFFFFF;
	font:13px; padding:0; margin:0; border:none;
	cursor:pointer; font-weight:bold;
	}


#login2 {
	float: right;
	width: 205px;
	margin-top: 0px;
	margin-bottom: 20px;
	display: inline;
	margin-right: 0px;
	margin-left: 0px;
	background-color:#FFFFFF;
	color: #000000;
	overflow: hidden;
}

#login2  h3 {
	text-indent:-2000px; 
	background: #FFFFFF url(../images/ad_login_bar.gif) no-repeat 0 0;
	height: 40px;
	width: 205px;
	margin: 0;
}

#login2 form{
	width:205px; height:160px;margin:0; padding:10px 10px 10px 10px; display:block; 
	background: #FFFFFF url(../images/form_box2.gif) no-repeat 0 0;
	}
#login2 form input{
	width:100px; height:15px;font:11px; font-weight:bold;
	padding:0; margin:0; 
	}
#login2 form input.button2{
	width:185px; height:50px; display:block; background:url(../images/ad_owner_button.jpg) no-repeat 0 0 #FFFFFF; color:#FFFFFF;
	font:13px; padding:0; margin:0; border:none;
	cursor:pointer; font-weight:bold;
	}
#login2 form input.button2:hover{
	width:185px; height:50px; display:block; background:url(../images/ad_owner_button_h.jpg) no-repeat 0 0 #FFFFFF; color:#FFFFFF;
	font:13px; padding:0; margin:0; border:none;
	cursor:pointer; font-weight:bold;
	}

	
#login p {
	margin: 0.5em 0px 1em;
	font-size: 10px;
}

#login  p a{
	font-size:10px; text-decoration:none; color:#0066ff;
	}
#login  p a:hover{
	text-decoration:underline;
	}

#login2 p {
	margin: 0.5em 0px 1em;
	font-size: 10px;
}

#login2  p a{
	font-size:10px; text-decoration:none; color:#0066ff;
	}
#login2  p a:hover{
	text-decoration:underline;
	}

/*---------------------------------フォーム-----------------------------------*/

#contents form {
	margin: 0.5em 0px 1em;
	font-size: 11px;
}

.formdesign th {
	height: 26px;
	background-color: #eeeeee;
	text-align: left;
	padding-left: 5px;
	padding-top: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.formdesign td {
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #ffffff;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
	height: 30px;
}

.formdesign td.top {
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #cccccc;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
	height: 30px;
}

#contents table {
	margin: 0.5em 0px 1em;
	font-size: 11px;
}

.must_input {
	margin: 0.5em 0px 1em;
	font-size: 11px;
	text-align: right;
}

span.required {
	color:#cc3366;
}

/*---------------------------------フッター-----------------------------------*/
#footer {
	clear: both;
	background:url(../images/footer.gif) no-repeat #FFFFFF;
	height: 57px;
	padding: 0px;
	font-size: 11px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}

#footer ul{
	margin:0; display:block; height:15px; position:absolute; top:10px; left:0;
	}
#footer ul li{
	float:left; font:12px; color:#999999; background-color:#ffffff;
	display:block; 
	}
#footer ul li a{
	font:12px; color:#0099ff; background-color:#ffffff; text-decoration:none;
	margin:0 5px 0 5px;
	}
#footer ul li a:hover{
	text-decoration:underline; color:#0066cc;
	}
#footer p{
	margin:0; font-size:10px; color:#000000;
	position:absolute; top:35px; right:0px;
	background-color:#ffffff
	}