@charset "utf-8";
/*================================================================
		Title:        アフィリエイト「虎の穴」 - Common
		Copyright:    (C) Samurai Factory Inc.
	=============================================================*/
/* CSS Document */
/*==============================================================================================================
                                                                                                      RESET
==============================================================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*===============================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　WRAP
================================================================================================================*/
body{
	background: url(../img/bg_wrap.png) center top;
}
body a{
	color: #a84200;
	text-decoration: underline;
}
body a:hover{
	color: #772f00;
	text-decoration: none;
}
div.wrapper{
	width: 840px;
	margin: 0 auto;
}

/*===============================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　HEADER
================================================================================================================*/
div.header_block{
	overflow: hidden;
}
div.index_header{
	margin: 47px 0 0 0;
}
ul.top_manu{
	width: 570px;
	height:90px;
	margin: 0 auto;
	list-style: none;
}
ul.top_manu li{
	margin-right: 12px;
	padding-left: 15px;
	display: inline;
	float: left;
}


/*===============================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　CONTENTS
================================================================================================================*/
div.top_logo{
	width: 418px;
	height: 241px;
	margin: 0 auto;
	padding: 25px 0 0 0;
}	
div.about{
	width: 810px;
	height: 229px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../img/bg_toppage_toranoana.png) no-repeat center top;
	clear: both;
}
p.about_text{
	padding: 60px 100px 0px 130px;
	font-size: 80%;
}
span.boldblack{
	font-weight: bold;
}
ul.banner_box{
	font-size:78%;
	overflow:hidden;
	
}
div.banner_box_wrap{
	width:530px;
	margin: 0 auto;
	padding:10px 0 0 0;
	overflow:hidden;
}
ul.banner_box li{
	line-height:180%;
	list-style:none;
	display: inline;
	float:left;
}
li.vc{
	margin-left: 30px;
}
p.vc_txt{
	width:230px;
	text-align:center;

}
img.leftbanner{
	margin-right:10px;
}
/*-----------------------------------------------------------------------------------下層：チャートページ*/
/*--------------------------------下層ページヘッダー*/
div.under_header{
	width: 900px;
	margin: 0 auto;
	background: url(../img/bg_under_head.png) no-repeat center top;
	overflow: hidden;
}
div.logo_under{
	padding: 0 0 0 80px;
	float: left;
}
div.right_lst{
	width: 540px;
	padding: 0 60px 0 0;
	float: right;
}
ul.menu{
	padding: 50px 0 0 0;
	list-style: none;
	text-align: right;
}
ul.menu li{
	margin-right: 12px;
	display: inline;
}
div.banner{
	margin: 17px 0 0 0;
	float: right;
}
div.headline{
	width: 833px;
	height: 43px;
	margin: 0 auto;
	padding: 12px 0 0 0;
	background: url(../img/bg_h1.png) no-repeat center top;
	text-align: center;
	clear: both;
}
ul.pankuzu{
	margin: 6px 0 0 55px;
	list-style: none;
	font-size: 80%;
}
ul.pankuzu li{
	display: inline;
}
ul.pankuzu a{
	text-decoration: none;
}
/*---------------------------------------------チャートページ詳細設定*/
h2{
	width: 827px;
	margin: 20px 0 0 10px;
	text-align: left;
}


div.chart-wrap{	background: black;
}
/*--------------------チャートの背景指定*/
div.chart01{
	width: 840px;
	height: 223px;
	margin: 0 0 0 10px;
	background: url(../img/bg_chart_01.png) no-repeat left bottom;
}
div.chart02{
	width: 840px;
	height: 223px;
	margin: 0 0 0 10px;
	background: url(../img/bg_chart_02.png) no-repeat left bottom;
}
div.chart03{
	width: 840px;
	height: 223px;
	margin: 0 0 0 10px;
	background: url(../img/bg_chart_03.png) no-repeat left bottom;
}
div.chart04{
	width: 840px;
	height: 223px;
	margin: 0 0 0 10px;
	background: url(../img/bg_chart_04.png) no-repeat left bottom;
}
div.chart05{
	width: 840px;
	height: 223px;
	margin: 0 0 0 10px;
	background: url(../img/bg_chart_05.png) no-repeat left bottom;
}
div.chart06{
	width: 840px;
	height: 223px;
	margin: 0 0 0 10px;
	background: url(../img/bg_chart_06.png) no-repeat left bottom;
}
div.chart07{
	width: 840px;
	height: 223px;
	margin: 0 0 0 10px;
	background: url(../img/bg_chart_07.png) no-repeat left bottom;
}

/*--------------チャートの背景指定おわり*/

/*----------------------------------------------文字指定など*/
div.chart_text{
	margin: 0px 80px 20px 140px;
	font-size: 80%;
	line-height: 140%;
}
div.chart_text div.text{
	padding: 20px 0 0 0;
}
p.question{
	width: 550px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #a40000;
	font-size: 200%;
	text-align: center;
}
p.question_long{
	width: 550px;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	color: #a40000;
	font-size: 200%;
	text-align: center;
	line-height: 140%;
}
div.answer_btn{
	margin: 30px 0 30px 0;
	clear: both;
}
ul.answer{
	width: 545px;
	margin: 0 auto;
	list-style: none;
}
ul.answer li{
	display: inline;
}
ul.answer li.left{
	margin: 0 20px 0 0;
}

/*-----------------------------------チャートの診断結果ページ*/

div.chart_answer{
	width: 850px;
	height: 510px;
	margin: 0 auto;
	background: url(../img/bg_chart_answer.gif) no-repeat right top;
}
div.chart_answer2{
	width: 850px;
	height: 610px;
	margin: 0 auto;
	background: url(../img/bg_chart_answer2.gif) no-repeat right top;
}
div.chart_answer2 td{
	padding: 15px 0 0 0;
}
div.chart-wrap{
	padding: 0 0 0 40px;
}
h2.answer{
	width: 690px;
	margin: 0 0 0 20px;
	padding: 80px 0 15px 150px;
	color: #a40000;
	font-size: 150%;
	line-height: 140%;
}
div.deta_wrap{				background: #FFFFFF;
	width: 840px;
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
}
div.chart_answer table{
	margin: 0 0 0 160px;
}
div.chart_answer2 table{
	margin: 0 0 0 160px;
}
img.b1{
	border: 1px solid #000000;
	
}
p.ans_text{
	font-size: 80%;
	line-height: 140%;
}
div.site_deta{
	width: 296px;
	height: 140px;
	background: url(../img/img_bg_answer.png) no-repeat left top;
	font-size: 90%;
	line-height: 140%;
}
img.ans_ttl{
	margin: 18px 0 0 45px;
}
div.site_deta ul{
	margin: 13px 0 0 12px;
}
div.site_deta li.float{
	width: 110px;
	float: left;
}
span.bold{
	font-weight: bold;
}
p.imgcenter{
	padding: 15px 0 0 0;
	text-align: center;
}
/*-----------------------------------------------------アフィリエイト用語のページ*/

h2.afi_school{
	width: 827px;
	margin: 20px 0 0 17px;
	text-align: left;
}
div.affiliate_words_box{
	width: 840px;
	height: 422px;
	margin: 0 0 0 17px;
	background: url(../img/bg_affiliate-school_big.gif) no-repeat left bottom;
	font-size: 85%;
	clear: both;
}
div.affiliate_words_box th a{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
div.affiliate_words_box a:hover{
	text-decoration: underline;
}
div.affiliate_words_box td a{
	color: #000000;
	text-decoration: none;
}

table.words_table{
	margin: 0px 20px 0 150px;
}
table.words_table th,td{
	vertical-align: top;
}
table.words_table td{
	padding: 7px 10px 7px 0;
}
table.words_table th{
	padding: 15px 0 0 0;
}
ul.words_list{
	list-style: inside disc;
	font-size: 85%;
}

ul.words_atoz{
	width: 340px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	list-style: none;
	font-size: 80%;
}
ul.words_atoz a{
	color: #000000;
	text-decoration: none;
}
ul.words_atoz a:hover{
	text-decoration: underline;
}
ul.words_atoz li{
	display: inline;
}
p.return_text{
	padding: 0 0 0 130px;
	color: #a84200;
	font-size: 90%;
}

p.return_text a{
	color: #000000;
}
/*-----------------------------------------用語解説文章のページ*/
div.words_box{
	width: 840px;
	height: 300px;
	margin: 30px 25px 0 0;
	font-size: 85%;
	clear: both;
}
div.words_box th a{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
div.words_box a:hover{
	text-decoration: underline;
}
div.words_box td a{
	color: #000000;
	text-decoration: none;
}
table.words_text{
	margin: 0px 20px 0px 140px;
}
table.words_text td{
	line-height: 140%;
}
table.words_text th{
	color: #a40000;
	font-size: 220%;
	font-weight: bold;
	padding: 90px 0 10px 0;
}
ul.page{
	width: 320px;
	margin: 0 auto;
	padding: 0 0 25px 0;
	list-style: none;
}
ul.page li{
	margin: 0 20px 0 20px;
	display: inline;
}
ul.page li.left{
		float:left;
}
/*--------------------------------------------------背景指定*/
div.words_box_a{
	width: 830px;
	height: 280px;
	margin: 0 0 0 5px;
	background: url(../img/bg_words_a.png) no-repeat left top;
}
div.words_box_k{
	height: 280px;
	margin: 0 0 0 5px;
	background: url(../img/bg_words_k.png) no-repeat;
}
div.words_box_s{
	height: 280px;
	margin: 0 0 0 5px;
	background: url(../img/bg_words_s.png) no-repeat;
}
div.words_box_t{
	height: 280px;
	margin: 0 0 0 5px;
	background: url(../img/bg_words_t.png) no-repeat;
}
div.words_box_n{
	height: 280px;
	margin: 0 0 0 5px;
	background: url(../img/bg_words_n.png) no-repeat;
}
div.words_box_h{
	height: 280px;
	margin: 0 0 0 5px;
	background: url(../img/bg_words_h.png) no-repeat;
}
div.words_box_m{
	height: 280px;
	margin: 0 0 0 5px;
	background: url(../img/bg_words_m.png) no-repeat;
}
div.words_box_y{
	height: 280px;
	margin: 0 0 0 5px;
	background: url(../img/bg_words_y.png) no-repeat;
}
div.words_box_r{
	height: 280px;
	margin: 0 0 0 5px;
	background: url(../img/bg_words_r.png) no-repeat;
}

/*=============================================================================================================
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　FOOTER
==============================================================================================================*/
div.footer_block{
	background: url(../img/bg_top_footer.png) no-repeat center top;
	clear: both;
}

/*プライバシーポリシー*/
div.policybox{
	width: 827px;
	height: 55px;
	margin: 25px 0 0 4px;
	background: url(../img/bg_policy.png) no-repeat center;

}
ul.policy {
	width: 630px;
	margin: 0 auto;
	padding: 22px 0 0 0;
	color: #000000;
	font-size: 10px;
	overflow: hidden;
	clear: both;
}
ul.policy li{
	float: left;
	display: inline;
}
ul.policy a{
	color: #000000;
	text-decoration: none;
}
ul.policy a:hover{
	color: #a84200;
	text-decoration: underline;
}
/*広告エリア*/
div.ad_wrap{
	width: 545px;
	margin: 0 auto;
	padding: 20px 0 0 15px;
	color: #000000;
	font-size: 80%;
	clear: both;
}
table.ad{
	width: 540px;
	margin: 0 auto;
}
table.ad th{
	width: 170px;
	padding: 0 15px 10px 0;
	vertical-align: top;
}
table.ad td{
	padding: 0 15px 10px 0;
}

p.ninjaad{
	width: 800px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	color: #000000;
	font-size: 80%;
	font-weight: bold;
	text-align: right;
}
p.ninjaad a{
	color: #000000;
	text-decoration: none;
}
/*コピーライト*/
p.copy{
	height: 25px;
	background: #000000;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	color: #ffffff;
	font-size: 83%;
	text-align: center;
}
p.copy a{
	color: #ffffff;
	text-decoration: none;
}
p.copy a:hover{
	text-decoration: underline;
}
/*---------------ad table*/
div.ad_left{
	width: 160px;
	margin: 0 5px 0 5px;
	float: left;
}
div.ad_right{
	width: 160px;
	float: left;
}
div.ad_link{
	height: 30px;
	margin-bottom: 10px;
}
div.ad_url{
	margin-top: 10px;
}